@ukhomeoffice/cop-react-form-renderer 7.3.2 → 8.0.0-alpha

package/dist/components/TaskList/TaskList.stories.mdx

@@ -1,164 +0,0 @@
-{/* Global imports */}
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
-import { Details, Heading } from '@ukhomeoffice/cop-react-components';
-
-{/* Local imports */}
-import Utils from '../../utils';
-import TaskList from './TaskList';
-
-<Meta title="Components/Task list" id="D-TaskList" component={ TaskList } />
-
-<Heading size="xl" caption="Components">Task list</Heading>
-
-Renders a list of tasks along with the current status for each. Each task that is not in the `Cannot start yet` state can be 
-selected to navigate to that task.
-
-<Canvas withToolbar>
-  <Story name="Default">
-    {() => {
-      const onAction = (row) => {
-        console.log('action clicked', row);
-      };
-      const COP_REF = '123';
-      const REF_TITLE = 'COP reference number';
-      const SECTIONS = [
-        {
-          name: 'Add event details',
-          tasks: [
-            { name: 'Date, location and mode details', state: 'complete' },
-            { name: 'Officer and agency details', state: 'inProgress' },
-          ],
-        },
-        {
-          name: 'Add people details',
-          tasks: [
-            { name: 'People details', state: 'complete' },
-            { name: 'Immigration details', state: 'inProgress' },
-            { name: 'Journey details', state: 'notStarted' },
-          ],
-        },
-        {
-          name: 'Add item details',
-          tasks: [
-            { name: 'Item details', state: 'cannotStartYet' },
-            { name: 'Search and interception details', state: 'cannotStartYet' },
-          ],
-        },
-      ];
-      return (
-        <TaskList refNumber={COP_REF} refTitle={REF_TITLE} sections={SECTIONS} />
-      );
-    }}
-  </Story>
-</Canvas>
-
-<Details summary="Properties" className="no-indent">
-  <ArgsTable of={ TaskList } />
-</Details>
-
-## With custom incomplete title
-This can be specified within the `hub` portion of the form JSON:
-```
-{
-  ...
-  hub: {
-    ...
-    incompleteTitle: 'You still have work to do, it seems'
-  }
-}
-```
-
-<Canvas withToolbar>
-  <Story name="With custom incomplete title">
-    {() => {
-      const onAction = (row) => {
-        console.log('action clicked', row);
-      };
-      const COP_REF = '123';
-      const REF_TITLE = 'COP reference number';
-      const INCOMPLETE_TITLE = 'You still have work to do, it seems'
-      const SECTIONS = [
-        {
-          name: 'Add event details',
-          tasks: [
-            { name: 'Date, location and mode details', state: 'complete' },
-            { name: 'Officer and agency details', state: 'inProgress' },
-          ],
-        },
-        {
-          name: 'Add people details',
-          tasks: [
-            { name: 'People details', state: 'complete' },
-            { name: 'Immigration details', state: 'inProgress' },
-            { name: 'Journey details', state: 'notStarted' },
-          ],
-        },
-        {
-          name: 'Add item details',
-          tasks: [
-            { name: 'Item details', state: 'cannotStartYet' },
-            { name: 'Search and interception details', state: 'cannotStartYet' },
-          ],
-        },
-      ];
-      return (
-        <TaskList refNumber={COP_REF} refTitle={REF_TITLE} sections={SECTIONS} incompleteTitle={INCOMPLETE_TITLE} />
-      );
-    }}
-  </Story>
-</Canvas>
-
-## With labels on tasks
-This is a non-required property of the individual `tasks` fields of the form JSON:
-```
-{
-  ...
-  tasks: [
-    {
-      ...
-      label: 'This is a label'
-    }
-    ...
-}
-```
-
-<Canvas withToolbar>
-  <Story name="With labels on tasks">
-    {() => {
-      const onAction = (row) => {
-        console.log('action clicked', row);
-      };
-      const COP_REF = '123';
-      const REF_TITLE = 'COP reference number';
-      const SECTIONS = [
-        {
-          name: 'Add event details',
-          label: 'Task 1 label',
-          tasks: [
-            { name: 'Date, location and mode details', state: 'complete' },
-            { name: 'Officer and agency details', state: 'inProgress' },
-          ],
-        },
-        {
-          name: 'Add people details',
-          tasks: [
-            { name: 'People details', state: 'complete' },
-            { name: 'Immigration details', state: 'inProgress' },
-            { name: 'Journey details', state: 'notStarted' },
-          ],
-        },
-        {
-          name: 'Add item details',
-          label: 'Task 3 label',
-          tasks: [
-            { name: 'Item details', state: 'cannotStartYet' },
-            { name: 'Search and interception details', state: 'cannotStartYet' },
-          ],
-        },
-      ];
-      return (
-        <TaskList refNumber={COP_REF} refTitle={REF_TITLE} sections={SECTIONS} />
-      );
-    }}
-  </Story>
-</Canvas>