Consistent story data

addons/interactions/src/Panel.stories.tsx

@@ -60,6 +60,14 @@ export const Paused: Story = {
   args: {
     isPlaying: true,
     interactions: [getCall(CallStates.WAITING)],
+    controlStates: {
+      debugger: true,
+      start: false,
+      back: false,
+      goto: true,
+      next: true,
+      end: true,
+    },
   },
 };
 

addons/interactions/src/components/Subnav/Subnav.stories.tsx

@@ -18,8 +18,8 @@ export default {
       start: true,
       back: true,
       goto: true,
-      next: true,
+      next: false,
-      end: true,
+      end: false,
     },
     storyFileName: 'Subnav.stories.tsx',
     hasNext: true,
@@ -45,18 +45,44 @@ export const Runs = {
   },
 };
 
-export const AtTheBeginning = {
+export const AtStart = {
-  name: 'at the beginning',
   args: {
-    status: CallStates.DONE,
+    status: CallStates.WAITING,
-    hasPrevious: false,
+    controlStates: {
+      debugger: true,
+      start: false,
+      back: false,
+      goto: true,
+      next: true,
+      end: true,
+    },
   },
 };
 
-export const AtTheEnd = {
+export const Midway = {
-  name: 'at the end',
   args: {
-    status: CallStates.DONE,
+    status: CallStates.WAITING,
-    hasNext: false,
+    controlStates: {
+      debugger: true,
+      start: true,
+      back: true,
+      goto: true,
+      next: true,
+      end: true,
+    },
+  },
+};
+
+export const Locked = {
+  args: {
+    status: CallStates.ACTIVE,
+    controlStates: {
+      debugger: true,
+      start: false,
+      back: false,
+      goto: false,
+      next: false,
+      end: false,
+    },
   },
 };