@pega/cosmos-react-demos 5.0.0-dev.2.1 → 5.0.0-dev.3.0

package/lib/cs/InteractionTimer/InteractionTimer.stories.js

@@ -1,88 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { InteractionTimer } from '@pega/cosmos-react-cs';
-import { icons, useLiveLog } from '@pega/cosmos-react-core';
-import { formatDuration, InteractionTimerSLAMileStones, InteractionTimerStages } from './InteractionTimer.mocks';
-export default {
-    title: 'Customer Service/InteractionTimer',
-    component: InteractionTimer
-};
-export const InteractionTimerDemo = (args) => {
-    const [timerState, setTimerState] = useState({
-        slaAnnouncement: `${args.interactionType ? `${args.interactionType}, ` : ''}goal and 0 seconds passed`,
-        timer: '0:00',
-        slaStage: 'goal',
-        currentProgress: 0,
-        hasNotifications: false,
-        ariaLabel: ''
-    });
-    const { announcePolite } = useLiveLog();
-    useEffect(() => {
-        const latestCreatedAt = new Date().getTime();
-        const timerInterval = args.showTimer &&
-            setInterval(() => {
-                const timeElapsed = (new Date().getTime() - latestCreatedAt) / 1000;
-                const currSlaStage = InteractionTimerSLAMileStones.reduce((prevValue, currValue, currentIndex, arr) => {
-                    if (timeElapsed >= currValue.from &&
-                        (timeElapsed <= currValue.to || currentIndex === arr.length - 1)) {
-                        return currentIndex;
-                    }
-                    return prevValue;
-                }, 0);
-                const hasNotifications = currSlaStage > 0;
-                const formattedDuration = formatDuration(timeElapsed);
-                setTimerState(prev => {
-                    return {
-                        ...prev,
-                        timer: formattedDuration.visual,
-                        ariaLabel: `${args.interactionType ? `${args.interactionType}, ` : ''}${formattedDuration.ariaLabel}`,
-                        slaStage: InteractionTimerStages[currSlaStage],
-                        currentProgress: Math.floor(Math.min(((timeElapsed - InteractionTimerSLAMileStones[currSlaStage].from) * 100) /
-                            (InteractionTimerSLAMileStones[currSlaStage].to -
-                                InteractionTimerSLAMileStones[currSlaStage].from), 100)),
-                        hasNotifications
-                    };
-                });
-            }, 1000);
-        const ariaInterval = setInterval(() => {
-            const timeElapsed = (new Date().getTime() - latestCreatedAt) / 1000;
-            const formattedDuration = formatDuration(timeElapsed);
-            setTimerState(prev => {
-                return {
-                    ...prev,
-                    slaAnnouncement: `${args.interactionType ? `${args.interactionType}, ` : ''}${prev.slaStage} and ${formattedDuration.ariaLabel}passed${prev.hasNotifications ? ' with new notifications' : ''}`
-                };
-            });
-        }, 15000);
-        if (timerInterval && ariaInterval)
-            return () => {
-                clearInterval(timerInterval);
-                clearInterval(ariaInterval);
-                setTimerState({ ...timerState, timer: '0:00' });
-            };
-    }, [args.hasNotifications, args.showTimer, args.interactionType]);
-    useEffect(() => {
-        if (timerState.slaAnnouncement)
-            announcePolite({ message: timerState.slaAnnouncement });
-    }, [timerState.slaAnnouncement]);
-    return (_jsx(InteractionTimer, { id: args.id, sla: args.showTimer ? timerState.slaStage : args.sla, hasNotifications: args.hasNotifications ? timerState.hasNotifications : false, icon: args.icon, meta: args.showTimer ? timerState.timer : args.meta, progress: timerState.currentProgress, ariaLabel: timerState.ariaLabel }));
-};
-InteractionTimerDemo.args = {
-    hasNotifications: true,
-    icon: 'chat-solid',
-    showTimer: true,
-    meta: 'QR',
-    interactionType: 'Chat interaction'
-};
-InteractionTimerDemo.argTypes = {
-    hasNotifications: { control: { type: 'boolean' } },
-    icon: { options: icons, control: { type: 'select', icons: true } },
-    showTimer: { control: { type: 'boolean' } },
-    meta: { control: { type: 'text' } },
-    interactionType: {
-        table: {
-            disable: true
-        }
-    }
-};
-//# sourceMappingURL=InteractionTimer.stories.js.map

package/lib/cs/InteractionTimer/InteractionTimer.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InteractionTimer.stories.js","sourceRoot":"","sources":["../../../src/cs/InteractionTimer/InteractionTimer.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useEffect, useState } from 'react';\n\nimport { InteractionTimer } from '@pega/cosmos-react-cs';\nimport type { InteractionTimerProps } from '@pega/cosmos-react-cs';\nimport { icons, useLiveLog } from '@pega/cosmos-react-core';\n\nimport {\n  formatDuration,\n  InteractionTimerSLAMileStones,\n  InteractionTimerStages\n} from './InteractionTimer.mocks';\n\nexport default {\n  title: 'Customer Service/InteractionTimer',\n  component: InteractionTimer\n} as Meta;\n\nexport interface InteractionTimerStoryProps extends InteractionTimerProps {\n  id?: string;\n  showTimer?: boolean;\n  interactionType?: string;\n}\n\nexport const InteractionTimerDemo: StoryFn<InteractionTimerStoryProps> = (\n  args: InteractionTimerStoryProps\n) => {\n  const [timerState, setTimerState] = useState<{\n    timer: string;\n    ariaLabel: string;\n    slaStage: InteractionTimerProps['sla'];\n    currentProgress: number;\n    hasNotifications: boolean;\n    slaAnnouncement: string;\n  }>({\n    slaAnnouncement: `${\n      args.interactionType ? `${args.interactionType}, ` : ''\n    }goal and 0 seconds passed`,\n    timer: '0:00',\n    slaStage: 'goal',\n    currentProgress: 0,\n    hasNotifications: false,\n    ariaLabel: ''\n  });\n  const { announcePolite } = useLiveLog();\n\n  useEffect(() => {\n    const latestCreatedAt = new Date().getTime();\n    const timerInterval =\n      args.showTimer &&\n      setInterval(() => {\n        const timeElapsed = (new Date().getTime() - latestCreatedAt) / 1000;\n        const currSlaStage = InteractionTimerSLAMileStones.reduce(\n          (prevValue, currValue, currentIndex, arr) => {\n            if (\n              timeElapsed >= currValue.from &&\n              (timeElapsed <= currValue.to || currentIndex === arr.length - 1)\n            ) {\n              return currentIndex;\n            }\n            return prevValue;\n          },\n          0\n        );\n\n        const hasNotifications = currSlaStage > 0;\n        const formattedDuration = formatDuration(timeElapsed);\n        setTimerState(prev => {\n          return {\n            ...prev,\n            timer: formattedDuration.visual,\n            ariaLabel: `${args.interactionType ? `${args.interactionType}, ` : ''}${\n              formattedDuration.ariaLabel\n            }`,\n            slaStage: InteractionTimerStages[currSlaStage],\n            currentProgress: Math.floor(\n              Math.min(\n                ((timeElapsed - InteractionTimerSLAMileStones[currSlaStage].from) * 100) /\n                  (InteractionTimerSLAMileStones[currSlaStage].to -\n                    InteractionTimerSLAMileStones[currSlaStage].from),\n                100\n              )\n            ),\n            hasNotifications\n          };\n        });\n      }, 1000);\n\n    const ariaInterval = setInterval(() => {\n      const timeElapsed = (new Date().getTime() - latestCreatedAt) / 1000;\n      const formattedDuration = formatDuration(timeElapsed);\n      setTimerState(prev => {\n        return {\n          ...prev,\n          slaAnnouncement: `${args.interactionType ? `${args.interactionType}, ` : ''}${\n            prev.slaStage\n          } and ${formattedDuration.ariaLabel}passed${\n            prev.hasNotifications ? ' with new notifications' : ''\n          }`\n        };\n      });\n    }, 15000);\n\n    if (timerInterval && ariaInterval)\n      return () => {\n        clearInterval(timerInterval);\n        clearInterval(ariaInterval);\n        setTimerState({ ...timerState, timer: '0:00' });\n      };\n  }, [args.hasNotifications, args.showTimer, args.interactionType]);\n\n  useEffect(() => {\n    if (timerState.slaAnnouncement) announcePolite({ message: timerState.slaAnnouncement });\n  }, [timerState.slaAnnouncement]);\n\n  return (\n    <InteractionTimer\n      id={args.id}\n      sla={args.showTimer ? timerState.slaStage : args.sla}\n      hasNotifications={args.hasNotifications ? timerState.hasNotifications : false}\n      icon={args.icon}\n      meta={args.showTimer ? timerState.timer : args.meta}\n      progress={timerState.currentProgress}\n      ariaLabel={timerState.ariaLabel}\n    />\n  );\n};\n\nInteractionTimerDemo.args = {\n  hasNotifications: true,\n  icon: 'chat-solid',\n  showTimer: true,\n  meta: 'QR',\n  interactionType: 'Chat interaction'\n};\n\nInteractionTimerDemo.argTypes = {\n  hasNotifications: { control: { type: 'boolean' } },\n  icon: { options: icons, control: { type: 'select', icons: true } },\n  showTimer: { control: { type: 'boolean' } },\n  meta: { control: { type: 'text' } },\n  interactionType: {\n    table: {\n      disable: true\n    }\n  }\n};\n"]}

package/lib/cs/Picker/Picker.stories.d.ts

@@ -1,11 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { OmitStrict } from '@pega/cosmos-react-core';
-import type { PickerProps } from '@pega/cosmos-react-cs/lib/components/Picker/Picker.types';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export interface PickerStoryProps extends OmitStrict<PickerProps, 'selections'> {
-    title?: string;
-}
-export declare const PickerDemo: StoryFn<PickerStoryProps>;
-export declare const PickerInModal: StoryFn<PickerStoryProps>;
-//# sourceMappingURL=Picker.stories.d.ts.map

package/lib/cs/Picker/Picker.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Picker.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/Picker/Picker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,UAAU,EAAiB,MAAM,yBAAyB,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0DAA0D,CAAC;;AAI5F,wBAeU;AAEV,MAAM,WAAW,gBAAiB,SAAQ,UAAU,CAAC,WAAW,EAAE,YAAY,CAAC;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,gBAAgB,CAgBhD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,gBAAgB,CAuDnD,CAAC"}

package/lib/cs/Picker/Picker.stories.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from 'react';
-import { Button, Modal, useModalManager, useModalContext } from '@pega/cosmos-react-core';
-import { Picker } from '@pega/cosmos-react-cs';
-import { TaskPickerMockData } from '../TaskManager/TaskManager.mocks';
-export default {
-    title: 'Customer Service/Picker',
-    component: Picker,
-    args: {
-        title: 'Add customer inquiry',
-        contextualLabel: 'inquiries',
-        multiSelect: false,
-        reorderSelections: false
-    },
-    argTypes: {
-        title: { control: { type: 'text' } },
-        contextualLabel: { control: { type: 'text' } },
-        multiSelect: { control: { type: 'boolean' } },
-        reorderSelections: { control: { type: 'boolean' } }
-    }
-};
-export const PickerDemo = (args) => {
-    const [selectedItems, setSelectedItems] = useState([]);
-    const onSelectionChange = (items) => {
-        setSelectedItems(items);
-    };
-    return (_jsx(Picker, { items: TaskPickerMockData.tasks, contextualLabel: args.contextualLabel, reorderSelections: args.reorderSelections, multiSelect: args.multiSelect, onSelectionChange: onSelectionChange, selections: selectedItems }));
-};
-export const PickerInModal = (args) => {
-    const MyModal = () => {
-        const { dismiss } = useModalContext();
-        const [selectedItems, setSelectedItems] = useState([]);
-        const actions = useMemo(() => {
-            return (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: dismiss, children: "Close" }), _jsx(Button, { variant: 'primary', onClick: () => {
-                            dismiss();
-                        }, disabled: !selectedItems.length, children: "Save" })] }));
-        }, [dismiss, selectedItems]);
-        return (_jsx(Modal, { actions: actions, heading: args.title, onRequestDismiss: dismiss, children: _jsx(Picker, { contextualLabel: args.contextualLabel, items: TaskPickerMockData.tasks, multiSelect: args.multiSelect, reorderSelections: args.reorderSelections, onSelectionChange: selections => {
-                    setSelectedItems(selections);
-                }, selections: selectedItems }) }));
-    };
-    const ModalButton = () => {
-        const { create } = useModalManager();
-        return (_jsx(Button, { onClick: () => {
-                create(MyModal, undefined, {
-                    onDismiss: () => { }
-                });
-            }, children: "Open Picker" }));
-    };
-    return _jsx(ModalButton, {});
-};
-PickerInModal.args = {
-    multiSelect: true,
-    reorderSelections: false
-};
-//# sourceMappingURL=Picker.stories.js.map

package/lib/cs/Picker/Picker.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Picker.stories.js","sourceRoot":"","sources":["../../../src/cs/Picker/Picker.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { Button, Modal, useModalManager, useModalContext } from '@pega/cosmos-react-core';\nimport type { OmitStrict, MenuItemProps } from '@pega/cosmos-react-core';\nimport { Picker } from '@pega/cosmos-react-cs';\nimport type { PickerProps } from '@pega/cosmos-react-cs/lib/components/Picker/Picker.types';\n\nimport { TaskPickerMockData } from '../TaskManager/TaskManager.mocks';\n\nexport default {\n  title: 'Customer Service/Picker',\n  component: Picker,\n  args: {\n    title: 'Add customer inquiry',\n    contextualLabel: 'inquiries',\n    multiSelect: false,\n    reorderSelections: false\n  },\n  argTypes: {\n    title: { control: { type: 'text' } },\n    contextualLabel: { control: { type: 'text' } },\n    multiSelect: { control: { type: 'boolean' } },\n    reorderSelections: { control: { type: 'boolean' } }\n  }\n} as Meta;\n\nexport interface PickerStoryProps extends OmitStrict<PickerProps, 'selections'> {\n  title?: string;\n}\n\nexport const PickerDemo: StoryFn<PickerStoryProps> = (args: PickerStoryProps) => {\n  const [selectedItems, setSelectedItems] = useState<MenuItemProps[]>([]);\n\n  const onSelectionChange = (items: MenuItemProps[]) => {\n    setSelectedItems(items);\n  };\n  return (\n    <Picker\n      items={TaskPickerMockData.tasks}\n      contextualLabel={args.contextualLabel}\n      reorderSelections={args.reorderSelections}\n      multiSelect={args.multiSelect}\n      onSelectionChange={onSelectionChange}\n      selections={selectedItems}\n    />\n  );\n};\n\nexport const PickerInModal: StoryFn<PickerStoryProps> = (args: PickerStoryProps) => {\n  const MyModal = () => {\n    const { dismiss } = useModalContext();\n    const [selectedItems, setSelectedItems] = useState<MenuItemProps[]>([]);\n\n    const actions = useMemo(() => {\n      return (\n        <>\n          <Button onClick={dismiss}>Close</Button>\n          <Button\n            variant='primary'\n            onClick={() => {\n              dismiss();\n            }}\n            disabled={!selectedItems.length}\n          >\n            Save\n          </Button>\n        </>\n      );\n    }, [dismiss, selectedItems]);\n\n    return (\n      <Modal actions={actions} heading={args.title} onRequestDismiss={dismiss}>\n        <Picker\n          contextualLabel={args.contextualLabel}\n          items={TaskPickerMockData.tasks}\n          multiSelect={args.multiSelect}\n          reorderSelections={args.reorderSelections}\n          onSelectionChange={selections => {\n            setSelectedItems(selections);\n          }}\n          selections={selectedItems}\n        />\n      </Modal>\n    );\n  };\n\n  const ModalButton = () => {\n    const { create } = useModalManager();\n\n    return (\n      <Button\n        onClick={() => {\n          create(MyModal, undefined, {\n            onDismiss: () => {}\n          });\n        }}\n      >\n        Open Picker\n      </Button>\n    );\n  };\n\n  return <ModalButton />;\n};\n\nPickerInModal.args = {\n  multiSelect: true,\n  reorderSelections: false\n};\n"]}

package/lib/cs/TaskManager/TaskManager.mocks.d.ts

@@ -1,30 +0,0 @@
-export declare const WrapUpTask: {
-    id: string;
-    name: string;
-    status: string;
-    variant: string;
-};
-export declare const TaskPickerMockData: {
-    tasks: {
-        id: string;
-        label: string;
-        items: {
-            id: string;
-            primary: string;
-            fields: string[];
-        }[];
-    }[];
-};
-export declare const EntityListMock: {
-    name: string;
-    value: {
-        id: string;
-        entity: {
-            value: string;
-            type: string;
-            name: string;
-            variant: number;
-        };
-    }[];
-}[];
-//# sourceMappingURL=TaskManager.mocks.d.ts.map

package/lib/cs/TaskManager/TaskManager.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TaskManager.mocks.d.ts","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.mocks.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;CAKtB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;CAqI9B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;GAqF1B,CAAC"}

package/lib/cs/TaskManager/TaskManager.mocks.js

@@ -1,228 +0,0 @@
-import { createUID } from '@pega/cosmos-react-core';
-export const WrapUpTask = {
-    id: createUID(),
-    name: 'Wrap up',
-    status: 'In progress',
-    variant: 'pending'
-};
-export const TaskPickerMockData = {
-    tasks: [
-        {
-            id: '1',
-            label: 'Frequently performed',
-            items: [
-                {
-                    id: '1-1',
-                    primary: 'Address change',
-                    fields: [
-                        'Address line 1',
-                        'Address line 2',
-                        'Country',
-                        'City',
-                        'State',
-                        'Postal code',
-                        'Phone',
-                        'Cell',
-                        'FAX',
-                        'Email'
-                    ]
-                },
-                {
-                    id: '1-2',
-                    primary: 'Make payment',
-                    fields: ['Account number', 'Amount', 'Comments']
-                }
-            ]
-        },
-        {
-            id: '2',
-            label: 'Account',
-            items: [
-                {
-                    id: '2-1',
-                    primary: 'Address change',
-                    fields: [
-                        'Address line 1',
-                        'Address line 2',
-                        'Country',
-                        'City',
-                        'State',
-                        'Postal code',
-                        'Phone',
-                        'Cell',
-                        'FAX',
-                        'Email'
-                    ]
-                },
-                {
-                    id: '2-2',
-                    primary: 'Close account',
-                    fields: ['Reason', 'Comments']
-                }
-            ]
-        },
-        {
-            id: '3',
-            label: 'Contact',
-            items: [
-                {
-                    id: '3-1',
-                    primary: 'Modify account links',
-                    fields: ['Customer name', 'Account number', 'Contact number', 'Email', 'Account link']
-                },
-                {
-                    id: '3-2',
-                    primary: 'Update contact profile',
-                    fields: ['Customer ID', 'New contact number', 'New email', 'Other comments']
-                }
-            ]
-        },
-        {
-            id: '4',
-            label: 'Sales and offers',
-            items: [
-                {
-                    id: '4-1',
-                    primary: 'Create lead',
-                    fields: [
-                        'Stage',
-                        'Phone',
-                        'Email',
-                        'Territory',
-                        'First name',
-                        'Last name',
-                        'Owner',
-                        'Rating',
-                        'Mobile'
-                    ]
-                },
-                {
-                    id: '4-2',
-                    primary: 'Create opportunity',
-                    fields: [
-                        'Amount',
-                        'Close date',
-                        'Probability',
-                        'Owner',
-                        'Name',
-                        'Territory',
-                        'Short name',
-                        'Primary contact',
-                        'Forecast category',
-                        'Stage',
-                        'Source',
-                        'Must win'
-                    ]
-                }
-            ]
-        },
-        {
-            id: '5',
-            label: 'General',
-            items: [
-                {
-                    id: '5-1',
-                    primary: 'File a complaint',
-                    fields: ['Individual Name', 'Identification number', 'Name', 'Issue', 'Severity']
-                },
-                {
-                    id: '5-2',
-                    primary: 'Schedule activity',
-                    fields: ['Activity name', 'Time', 'Date', 'Target completion date and time']
-                },
-                {
-                    id: '5-3',
-                    primary: 'Send correspondence',
-                    fields: ['From', 'To', 'Subject', 'Correspondence body', 'Signature']
-                }
-            ]
-        }
-    ]
-};
-export const EntityListMock = [
-    {
-        name: 'Ticket number',
-        value: [
-            {
-                id: '1',
-                entity: {
-                    value: '7546383',
-                    type: 'system',
-                    name: 'Ticket number',
-                    variant: 3
-                }
-            }
-        ]
-    },
-    {
-        name: 'Date',
-        value: [
-            {
-                id: '1',
-                entity: {
-                    value: 'Dec 5,2021 9.05 AM',
-                    type: 'system',
-                    name: 'Date',
-                    variant: 4
-                }
-            }
-        ]
-    },
-    {
-        name: 'Flight Number',
-        value: [
-            {
-                id: '1',
-                entity: {
-                    value: 'FL-JK-403',
-                    type: 'system',
-                    name: 'Flight Number',
-                    variant: 5
-                }
-            }
-        ]
-    },
-    {
-        name: 'Email',
-        value: [
-            {
-                id: '1',
-                entity: {
-                    value: 'robert.stanton@example.com',
-                    type: 'system',
-                    name: 'Email',
-                    variant: 2
-                }
-            }
-        ]
-    },
-    {
-        name: 'Address',
-        value: [
-            {
-                id: '1',
-                entity: {
-                    value: 'Hyderabad',
-                    type: 'system',
-                    name: 'Address',
-                    variant: 15
-                }
-            }
-        ]
-    },
-    {
-        name: 'Location',
-        value: [
-            {
-                id: '1',
-                entity: {
-                    value: 'Hyderabad',
-                    type: 'system',
-                    name: 'Location',
-                    variant: 8
-                }
-            }
-        ]
-    }
-];
-//# sourceMappingURL=TaskManager.mocks.js.map

package/lib/cs/TaskManager/TaskManager.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TaskManager.mocks.js","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["import { createUID } from '@pega/cosmos-react-core';\n\nexport const WrapUpTask = {\n  id: createUID(),\n  name: 'Wrap up',\n  status: 'In progress',\n  variant: 'pending'\n};\n\nexport const TaskPickerMockData = {\n  tasks: [\n    {\n      id: '1',\n      label: 'Frequently performed',\n      items: [\n        {\n          id: '1-1',\n          primary: 'Address change',\n          fields: [\n            'Address line 1',\n            'Address line 2',\n            'Country',\n            'City',\n            'State',\n            'Postal code',\n            'Phone',\n            'Cell',\n            'FAX',\n            'Email'\n          ]\n        },\n        {\n          id: '1-2',\n          primary: 'Make payment',\n          fields: ['Account number', 'Amount', 'Comments']\n        }\n      ]\n    },\n    {\n      id: '2',\n      label: 'Account',\n      items: [\n        {\n          id: '2-1',\n          primary: 'Address change',\n          fields: [\n            'Address line 1',\n            'Address line 2',\n            'Country',\n            'City',\n            'State',\n            'Postal code',\n            'Phone',\n            'Cell',\n            'FAX',\n            'Email'\n          ]\n        },\n        {\n          id: '2-2',\n          primary: 'Close account',\n          fields: ['Reason', 'Comments']\n        }\n      ]\n    },\n    {\n      id: '3',\n      label: 'Contact',\n      items: [\n        {\n          id: '3-1',\n          primary: 'Modify account links',\n          fields: ['Customer name', 'Account number', 'Contact number', 'Email', 'Account link']\n        },\n        {\n          id: '3-2',\n          primary: 'Update contact profile',\n          fields: ['Customer ID', 'New contact number', 'New email', 'Other comments']\n        }\n      ]\n    },\n    {\n      id: '4',\n      label: 'Sales and offers',\n      items: [\n        {\n          id: '4-1',\n          primary: 'Create lead',\n          fields: [\n            'Stage',\n            'Phone',\n            'Email',\n            'Territory',\n            'First name',\n            'Last name',\n            'Owner',\n            'Rating',\n            'Mobile'\n          ]\n        },\n        {\n          id: '4-2',\n          primary: 'Create opportunity',\n          fields: [\n            'Amount',\n            'Close date',\n            'Probability',\n            'Owner',\n            'Name',\n            'Territory',\n            'Short name',\n            'Primary contact',\n            'Forecast category',\n            'Stage',\n            'Source',\n            'Must win'\n          ]\n        }\n      ]\n    },\n    {\n      id: '5',\n      label: 'General',\n      items: [\n        {\n          id: '5-1',\n          primary: 'File a complaint',\n          fields: ['Individual Name', 'Identification number', 'Name', 'Issue', 'Severity']\n        },\n        {\n          id: '5-2',\n          primary: 'Schedule activity',\n          fields: ['Activity name', 'Time', 'Date', 'Target completion date and time']\n        },\n        {\n          id: '5-3',\n          primary: 'Send correspondence',\n          fields: ['From', 'To', 'Subject', 'Correspondence body', 'Signature']\n        }\n      ]\n    }\n  ]\n};\n\nexport const EntityListMock = [\n  {\n    name: 'Ticket number',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: '7546383',\n          type: 'system',\n          name: 'Ticket number',\n          variant: 3\n        }\n      }\n    ]\n  },\n  {\n    name: 'Date',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Dec 5,2021 9.05 AM',\n          type: 'system',\n          name: 'Date',\n          variant: 4\n        }\n      }\n    ]\n  },\n  {\n    name: 'Flight Number',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'FL-JK-403',\n          type: 'system',\n          name: 'Flight Number',\n          variant: 5\n        }\n      }\n    ]\n  },\n  {\n    name: 'Email',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'robert.stanton@example.com',\n          type: 'system',\n          name: 'Email',\n          variant: 2\n        }\n      }\n    ]\n  },\n  {\n    name: 'Address',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Hyderabad',\n          type: 'system',\n          name: 'Address',\n          variant: 15\n        }\n      }\n    ]\n  },\n  {\n    name: 'Location',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Hyderabad',\n          type: 'system',\n          name: 'Location',\n          variant: 8\n        }\n      }\n    ]\n  }\n];\n"]}

package/lib/cs/TaskManager/TaskManager.stories.d.ts

@@ -1,15 +0,0 @@
-import type { ReactNode } from 'react';
-import type { StoryFn } from '@storybook/react';
-import type { DialogueProps, TaskManagerProps, TaskProps } from '@pega/cosmos-react-cs';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export interface TaskManagerStoryProps extends TaskManagerProps {
-    initialTasks?: TaskProps[];
-    main?: ReactNode;
-    serviceTasksEmpty?: boolean;
-    colGap?: number;
-    rowGap?: number;
-    verbatimStatus?: DialogueProps['verbatimStatus'];
-}
-export declare const TaskManagerDemo: StoryFn<TaskManagerStoryProps>;
-//# sourceMappingURL=TaskManager.stories.d.ts.map

package/lib/cs/TaskManager/TaskManager.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TaskManager.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAkBtD,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;;AAWxF,wBAGU;AAIV,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,YAAY,CAAC,EAAE,SAAS,EAAE,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,qBAAqB,CA4e1D,CAAC"}