@pega/cosmos-react-demos 6.6.0 → 6.6.2

package/jsx/work/Stakeholders/Stakeholders.stories.jsx

@@ -1,99 +0,0 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { action } from '@storybook/addon-actions';
-import { createStringMatcher } from '@pega/cosmos-react-core';
-import { Stakeholders } from '@pega/cosmos-react-work';
-import { AddAndEditForm, mockNetworkReq, mockRoles, useMockStakeholders } from './Stakeholders.mocks';
-export default {
-    title: 'Work/Stakeholders',
-    component: Stakeholders
-};
-export const StakeHoldersDemo = (args) => {
-    const [loading, setLoading] = useState(true);
-    const [mode, setMode] = useState();
-    const [editing, setEditing] = useState(null);
-    const [formLoading, setFormLoading] = useState(false);
-    const [viewAllLoading, setViewAllLoading] = useState(false);
-    const [viewAllSearchValue, setViewAllSearchValue] = useState('');
-    const [mockStakeholders, setMockStakeholders] = useMockStakeholders(() => {
-        setLoading(false);
-    });
-    const [editData, setEditData] = useState();
-    const addActions = useCallback((items) => {
-        return items.map(stakeholder => {
-            return {
-                ...stakeholder,
-                onEdit: () => {
-                    setFormLoading(true);
-                    setEditing(stakeholder.id);
-                    setEditData(mockStakeholders.find(ms => ms.id === stakeholder.id)?.data);
-                    mockNetworkReq().then(() => setFormLoading(false));
-                },
-                onRemove: () => {
-                    setMockStakeholders(cur => cur.filter(({ id }) => id !== stakeholder.id));
-                }
-            };
-        });
-    }, [mockStakeholders]);
-    const form = useMemo(() => {
-        return {
-            loading: formLoading,
-            roles: mode === 'add' ? mockRoles : undefined,
-            currentRole: editing ? mockStakeholders.find(({ id }) => id === editing)?.role : undefined,
-            renderer: AddAndEditForm,
-            rendererProps: editData,
-            onSubmit: ({ selectedRoleName, closeForm }) => {
-                setFormLoading(true);
-                action(`The selected role is: ${selectedRoleName}`);
-                mockNetworkReq().then(closeForm);
-            },
-            onDismiss: ({ closeForm }) => {
-                closeForm();
-            },
-            onAfterClose: () => {
-                setFormLoading(false);
-                setEditing(null);
-                setEditData(undefined);
-                setMode(undefined);
-            }
-        };
-    }, [mode, formLoading, mockRoles, editing, editData]);
-    const viewAll = useMemo(() => {
-        let viewAllItems = mockStakeholders;
-        if (viewAllSearchValue) {
-            const filterRegex = createStringMatcher(viewAllSearchValue, 'boundary');
-            viewAllItems = mockStakeholders.filter(({ primary }) => filterRegex.test(primary));
-        }
-        return {
-            loading: viewAllLoading,
-            items: addActions(viewAllItems),
-            onSearch: setViewAllSearchValue,
-            onAfterClose: () => {
-                if (viewAllLoading)
-                    setViewAllLoading(false);
-                setViewAllSearchValue('');
-            }
-        };
-    }, [viewAllLoading, mockStakeholders, viewAllSearchValue, addActions]);
-    useEffect(() => {
-    }, [mode]);
-    useEffect(() => {
-    }, [editing]);
-    return (<Stakeholders loading={loading} items={useMemo(() => addActions(mockStakeholders.slice(0, 3)), [addActions, mockStakeholders])} count={loading ? undefined : mockStakeholders.length} onAddNew={args.hideAddNew
-            ? undefined
-            : () => {
-                setMode('add');
-                setFormLoading(true);
-                mockNetworkReq().then(() => setFormLoading(false));
-            }} form={form} onViewAll={() => {
-            setMode('viewAll');
-            setViewAllLoading(true);
-            mockNetworkReq().then(() => setViewAllLoading(false));
-        }} viewAll={viewAll}/>);
-};
-StakeHoldersDemo.args = {
-    hideAddNew: false
-};
-StakeHoldersDemo.argTypes = {
-    hideAddNew: { control: { type: 'boolean' }, table: { disable: true } }
-};
-//# sourceMappingURL=Stakeholders.stories.jsx.map

package/jsx/work/Stakeholders/Stakeholders.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stakeholders.stories.jsx","sourceRoot":"","sources":["../../../src/work/Stakeholders/Stakeholders.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { createStringMatcher } from '@pega/cosmos-react-core';\nimport { Stakeholders } from '@pega/cosmos-react-work';\nimport type { StakeholdersProps, Stakeholder } from '@pega/cosmos-react-work';\n\nimport {\n  AddAndEditForm,\n  mockNetworkReq,\n  mockRoles,\n  useMockStakeholders\n} from './Stakeholders.mocks';\n\nexport default {\n  title: 'Work/Stakeholders',\n  component: Stakeholders\n} as Meta;\n\ninterface StakeHoldersStoryProps {\n  hideAddNew?: boolean;\n}\n\nexport const StakeHoldersDemo: StoryFn<StakeHoldersStoryProps> = (args: StakeHoldersStoryProps) => {\n  const [loading, setLoading] = useState(true);\n  const [mode, setMode] = useState<undefined | 'add' | 'viewAll'>();\n  const [editing, setEditing] = useState<Stakeholder['id'] | null>(null);\n  const [formLoading, setFormLoading] = useState(false);\n  const [viewAllLoading, setViewAllLoading] = useState(false);\n  const [viewAllSearchValue, setViewAllSearchValue] = useState('');\n\n  // Grab some mock data...\n  const [mockStakeholders, setMockStakeholders] = useMockStakeholders(() => {\n    setLoading(false);\n  });\n\n  const [editData, setEditData] = useState<\n    StakeholdersProps['form']['rendererProps'] | undefined\n  >();\n\n  // Merges built-in available actions with stakeholder objects.\n  const addActions = useCallback(\n    (items: Stakeholder[]) => {\n      return items.map(stakeholder => {\n        return {\n          ...stakeholder,\n          onEdit: () => {\n            setFormLoading(true);\n            setEditing(stakeholder.id);\n            setEditData(mockStakeholders.find(ms => ms.id === stakeholder.id)?.data);\n            mockNetworkReq().then(() => setFormLoading(false));\n          },\n          onRemove: () => {\n            setMockStakeholders(cur => cur.filter(({ id }) => id !== stakeholder.id));\n          }\n        };\n      });\n    },\n    [mockStakeholders]\n  );\n\n  const form: StakeholdersProps['form'] = useMemo(() => {\n    return {\n      // Set this to true when fetching view metadata for the form or during submit validation.\n      loading: formLoading,\n      // Represents \"available\" roles for a stakeholder. Set to undefined when choosing not to present them as options.\n      roles: mode === 'add' ? mockRoles : undefined,\n      // Represents the current role of a stakeholder if they have one. When undefined the first role in the roles array with be selected in the UI.\n      currentRole: editing ? mockStakeholders.find(({ id }) => id === editing)?.role : undefined,\n      /**\n       * A function that will be invoked by React's createElement. If only a simple function is needed then an inline arrow is ok.\n       * If local state(hooks) is desired best to define a stable component definition outside of the parent component's function body.\n       */\n      renderer: AddAndEditForm,\n      rendererProps: editData,\n      onSubmit: ({ selectedRoleName, closeForm }) => {\n        setFormLoading(true);\n        action(`The selected role is: ${selectedRoleName}`);\n        // Create or update the stakeholder resource.\n        mockNetworkReq().then(closeForm);\n      },\n      onDismiss: ({ closeForm }) => {\n        closeForm();\n      },\n      onAfterClose: () => {\n        // Clean up loading state when the form is closed.\n        setFormLoading(false);\n        setEditing(null);\n        setEditData(undefined);\n        setMode(undefined);\n      }\n    };\n  }, [mode, formLoading, mockRoles, editing, editData]);\n\n  const viewAll: StakeholdersProps['viewAll'] = useMemo(() => {\n    let viewAllItems = mockStakeholders;\n\n    // When the user has entered a search value we can filter the array or api request.\n    if (viewAllSearchValue) {\n      // For client side searches cosmos offers utils such as createStringMatcher for creating RegExp with params.\n      const filterRegex = createStringMatcher(viewAllSearchValue, 'boundary');\n      // Asserting as string since, in this demo, primary is a string. But type is a non nullable ReactNode.\n      viewAllItems = mockStakeholders.filter(({ primary }) => filterRegex.test(primary as string));\n    }\n\n    return {\n      // Set this to true when fetching data for the view all modal.\n      loading: viewAllLoading,\n      // Even when loading is true this must be an array, empty or not.\n      items: addActions(viewAllItems),\n      // The search string will be handed back as the arg, pass a state setter and filter off of that.\n      onSearch: setViewAllSearchValue,\n      onAfterClose: () => {\n        // Clean up loading state when the modal is closed.\n        if (viewAllLoading) setViewAllLoading(false);\n        setViewAllSearchValue('');\n      }\n    };\n  }, [viewAllLoading, mockStakeholders, viewAllSearchValue, addActions]);\n\n  useEffect(() => {\n    // Orchestrate based on mode state if needed.\n  }, [mode]);\n\n  useEffect(() => {\n    // Orchestrate based on editing state if needed.\n  }, [editing]);\n\n  return (\n    <Stakeholders\n      loading={loading}\n      items={useMemo(\n        () => addActions(mockStakeholders.slice(0, 3)),\n        [addActions, mockStakeholders]\n      )}\n      count={loading ? undefined : mockStakeholders.length}\n      onAddNew={\n        args.hideAddNew\n          ? undefined\n          : () => {\n              setMode('add');\n              setFormLoading(true);\n              mockNetworkReq().then(() => setFormLoading(false));\n            }\n      }\n      form={form}\n      onViewAll={() => {\n        setMode('viewAll');\n        setViewAllLoading(true);\n        mockNetworkReq().then(() => setViewAllLoading(false));\n      }}\n      viewAll={viewAll}\n    />\n  );\n};\n\nStakeHoldersDemo.args = {\n  hideAddNew: false\n};\n\nStakeHoldersDemo.argTypes = {\n  hideAddNew: { control: { type: 'boolean' }, table: { disable: true } }\n};\n"]}

package/jsx/work/Tags/Tags.mocks.d.ts

@@ -1,3 +0,0 @@
-export declare const getMockAvailableTags: () => string[];
-export declare const addNewMockTag: (tag: string) => void;
-//# sourceMappingURL=Tags.mocks.d.ts.map

package/jsx/work/Tags/Tags.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tags.mocks.d.ts","sourceRoot":"","sources":["../../../src/work/Tags/Tags.mocks.ts"],"names":[],"mappings":"AAqEA,eAAO,MAAM,oBAAoB,gBAEhC,CAAC;AAEF,eAAO,MAAM,aAAa,QAAS,MAAM,SAGxC,CAAC"}

package/jsx/work/Tags/Tags.mocks.js

@@ -1,76 +0,0 @@
-const tags = [
-    'afternoon',
-    'airplane',
-    'animal',
-    'balloon',
-    'beach',
-    'birthday',
-    'bread',
-    'cabin',
-    'camp',
-    'color',
-    'desert',
-    'dishes',
-    'dragon',
-    'earth',
-    'family',
-    'fishing',
-    'forest',
-    'grandparent',
-    'hair',
-    'heat',
-    'hour',
-    'island',
-    'igloo',
-    'joker',
-    'kitten',
-    'kite',
-    'lady',
-    'life',
-    'lunch',
-    'mail',
-    'merry',
-    'mouse',
-    'music',
-    'news',
-    'noise',
-    'number',
-    'orange',
-    'owl',
-    'paint',
-    'penny',
-    'person',
-    'plane',
-    'pocket',
-    'queen',
-    'ready',
-    'river',
-    'run',
-    'salt',
-    'sending',
-    'sit',
-    'song',
-    'space',
-    'stick',
-    'table',
-    'teeth',
-    'tonight',
-    'turn',
-    'under',
-    'violin',
-    'wagon',
-    'weather',
-    'window',
-    'world',
-    'xylophone',
-    'yard',
-    'zebra'
-];
-export const getMockAvailableTags = () => {
-    return tags;
-};
-export const addNewMockTag = (tag) => {
-    tags.push(tag);
-    tags.sort();
-};
-//# sourceMappingURL=Tags.mocks.js.map

package/jsx/work/Tags/Tags.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tags.mocks.js","sourceRoot":"","sources":["../../../src/work/Tags/Tags.mocks.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG;IACX,WAAW;IACX,UAAU;IACV,QAAQ;IACR,SAAS;IACT,OAAO;IACP,UAAU;IACV,OAAO;IACP,OAAO;IACP,MAAM;IACN,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,aAAa;IACb,MAAM;IACN,MAAM;IACN,MAAM;IACN,QAAQ;IACR,OAAO;IACP,OAAO;IACP,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,MAAM;IACN,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,KAAK;IACL,OAAO;IACP,OAAO;IACP,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,OAAO;IACP,OAAO;IACP,OAAO;IACP,KAAK;IACL,MAAM;IACN,SAAS;IACT,KAAK;IACL,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,SAAS;IACT,MAAM;IACN,OAAO;IACP,QAAQ;IACR,OAAO;IACP,SAAS;IACT,QAAQ;IACR,OAAO;IACP,WAAW;IACX,MAAM;IACN,OAAO;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,EAAE;IAC3C,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACf,IAAI,CAAC,IAAI,EAAE,CAAC;AACd,CAAC,CAAC","sourcesContent":["const tags = [\n  'afternoon',\n  'airplane',\n  'animal',\n  'balloon',\n  'beach',\n  'birthday',\n  'bread',\n  'cabin',\n  'camp',\n  'color',\n  'desert',\n  'dishes',\n  'dragon',\n  'earth',\n  'family',\n  'fishing',\n  'forest',\n  'grandparent',\n  'hair',\n  'heat',\n  'hour',\n  'island',\n  'igloo',\n  'joker',\n  'kitten',\n  'kite',\n  'lady',\n  'life',\n  'lunch',\n  'mail',\n  'merry',\n  'mouse',\n  'music',\n  'news',\n  'noise',\n  'number',\n  'orange',\n  'owl',\n  'paint',\n  'penny',\n  'person',\n  'plane',\n  'pocket',\n  'queen',\n  'ready',\n  'river',\n  'run',\n  'salt',\n  'sending',\n  'sit',\n  'song',\n  'space',\n  'stick',\n  'table',\n  'teeth',\n  'tonight',\n  'turn',\n  'under',\n  'violin',\n  'wagon',\n  'weather',\n  'window',\n  'world',\n  'xylophone',\n  'yard',\n  'zebra'\n];\n\nexport const getMockAvailableTags = () => {\n  return tags;\n};\n\nexport const addNewMockTag = (tag: string) => {\n  tags.push(tag);\n  tags.sort();\n};\n"]}

package/jsx/work/Tags/Tags.stories.d.ts

@@ -1,10 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-interface TagsStoryProps {
-    error?: string;
-    displayRetry?: boolean;
-    editError?: string;
-}
-export declare const TagsDemo: StoryFn<TagsStoryProps>;
-//# sourceMappingURL=Tags.stories.d.ts.map

package/jsx/work/Tags/Tags.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tags.stories.d.ts","sourceRoot":"","sources":["../../../src/work/Tags/Tags.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AAQtD,wBAGU;AAEV,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,cAAc,CA+D5C,CAAC"}

package/jsx/work/Tags/Tags.stories.jsx

@@ -1,66 +0,0 @@
-import { useEffect, useState } from 'react';
-import { Tags } from '@pega/cosmos-react-work';
-import { addNewMockTag, getMockAvailableTags } from './Tags.mocks';
-export default {
-    title: 'Work/Tags',
-    component: Tags
-};
-export const TagsDemo = (args) => {
-    const [loading, setLoading] = useState(true);
-    const [availableTags, setAvailableTags] = useState();
-    const [filterValue, setFilterValue] = useState('');
-    const [tags, setTags] = useState([
-        'Pega',
-        'Constellation',
-        'Design_system',
-        'animal',
-        'bread',
-        'hour',
-        'music',
-        'paint',
-        'space',
-        'weather'
-    ]);
-    useEffect(() => {
-        const allTags = getMockAvailableTags();
-        setAvailableTags(filterValue ? allTags?.filter(tag => tag.startsWith(filterValue)) : []);
-    }, [filterValue]);
-    useEffect(() => {
-        let mounted = true;
-        setTimeout(() => {
-            if (mounted)
-                setLoading(false);
-        }, 1000);
-        return () => {
-            mounted = false;
-        };
-    }, []);
-    const handleEditTags = (selectedTags) => {
-        return new Promise((resolve, reject) => {
-            if (args.editError) {
-                reject(new Error(args.editError));
-            }
-            else {
-                setTags(selectedTags.map(tag => {
-                    if (tag.newTag) {
-                        addNewMockTag(tag.text);
-                    }
-                    return tag.text;
-                }));
-                resolve();
-            }
-        });
-    };
-    return (<Tags tags={tags} availableTags={availableTags} loading={loading} error={args.displayRetry ? { message: args.error, onRetry: () => { } } : args.error} onSearch={(query) => setFilterValue(query)} onEditTags={handleEditTags}/>);
-};
-TagsDemo.args = {
-    error: '',
-    displayRetry: false,
-    editError: ''
-};
-TagsDemo.argTypes = {
-    error: { control: { type: 'text' } },
-    displayRetry: { control: { type: 'boolean' } },
-    editError: { control: { type: 'text' } }
-};
-//# sourceMappingURL=Tags.stories.jsx.map

package/jsx/work/Tags/Tags.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tags.stories.jsx","sourceRoot":"","sources":["../../../src/work/Tags/Tags.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useEffect, useState } from 'react';\n\nimport { Tags } from '@pega/cosmos-react-work';\nimport type { SelectedTag, TagsProps } from '@pega/cosmos-react-work';\n\nimport { addNewMockTag, getMockAvailableTags } from './Tags.mocks';\n\nexport default {\n  title: 'Work/Tags',\n  component: Tags\n} as Meta;\n\ninterface TagsStoryProps {\n  error?: string;\n  displayRetry?: boolean;\n  editError?: string;\n}\n\nexport const TagsDemo: StoryFn<TagsStoryProps> = (args: TagsStoryProps) => {\n  const [loading, setLoading] = useState(true);\n  const [availableTags, setAvailableTags] = useState<TagsProps['availableTags']>();\n  const [filterValue, setFilterValue] = useState('');\n  const [tags, setTags] = useState<TagsProps['tags']>([\n    'Pega',\n    'Constellation',\n    'Design_system',\n    'animal',\n    'bread',\n    'hour',\n    'music',\n    'paint',\n    'space',\n    'weather'\n  ]);\n\n  useEffect(() => {\n    const allTags = getMockAvailableTags();\n    setAvailableTags(filterValue ? allTags?.filter(tag => tag.startsWith(filterValue)) : []);\n  }, [filterValue]);\n\n  useEffect(() => {\n    let mounted = true;\n\n    setTimeout(() => {\n      // Avoids: Warning: Can't perform a React state update on an unmounted component.\n      if (mounted) setLoading(false);\n    }, 1000);\n\n    return () => {\n      mounted = false;\n    };\n  }, []);\n\n  const handleEditTags = (selectedTags: SelectedTag[]) => {\n    return new Promise<void>((resolve, reject) => {\n      if (args.editError) {\n        reject(new Error(args.editError));\n      } else {\n        setTags(\n          selectedTags.map(tag => {\n            if (tag.newTag) {\n              addNewMockTag(tag.text);\n            }\n            return tag.text;\n          })\n        );\n        resolve();\n      }\n    });\n  };\n\n  return (\n    <Tags\n      tags={tags}\n      availableTags={availableTags}\n      loading={loading}\n      error={args.displayRetry ? { message: args.error, onRetry: () => {} } : args.error}\n      onSearch={(query: string) => setFilterValue(query)}\n      onEditTags={handleEditTags}\n    />\n  );\n};\n\nTagsDemo.args = {\n  error: '',\n  displayRetry: false,\n  editError: ''\n};\n\nTagsDemo.argTypes = {\n  error: { control: { type: 'text' } },\n  displayRetry: { control: { type: 'boolean' } },\n  editError: { control: { type: 'text' } }\n};\n"]}

package/jsx/work/Tasks/TaskList.stories.d.ts

@@ -1,5 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const TaskListDemo: StoryFn;
-//# sourceMappingURL=TaskList.stories.d.ts.map

package/jsx/work/Tasks/TaskList.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TaskList.stories.d.ts","sourceRoot":"","sources":["../../../src/work/Tasks/TaskList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AAMtD,wBAGU;AAEV,eAAO,MAAM,YAAY,EAAE,OAY1B,CAAC"}

package/jsx/work/Tasks/TaskList.stories.jsx

@@ -1,19 +0,0 @@
-import { MetaList, Avatar, useUID } from '@pega/cosmos-react-core';
-import { TaskList } from '@pega/cosmos-react-work';
-export default {
-    title: 'Work/TaskList',
-    component: TaskList
-};
-export const TaskListDemo = () => {
-    const items = [
-        {
-            id: useUID(),
-            processName: 'Parent process',
-            name: 'Send references',
-            meta: <MetaList items={[' Due in 1d', 'Priority 95']}/>,
-            avatar: <Avatar name='James Gregory'/>
-        }
-    ];
-    return <TaskList items={items}/>;
-};
-//# sourceMappingURL=TaskList.stories.jsx.map

package/jsx/work/Tasks/TaskList.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"TaskList.stories.jsx","sourceRoot":"","sources":["../../../src/work/Tasks/TaskList.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGnD,eAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,QAAQ;CACZ,CAAC;AAEV,MAAM,CAAC,MAAM,YAAY,GAAY,GAAG,EAAE;IACxC,MAAM,KAAK,GAAoB;QAC7B;YACE,EAAE,EAAE,MAAM,EAAE;YACZ,WAAW,EAAE,gBAAgB;YAC7B,IAAI,EAAE,iBAAiB;YACvB,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,EAAG;YACxD,MAAM,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,EAAG;SACxC;KACF,CAAC;IAEF,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC;AACpC,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { MetaList, Avatar, useUID } from '@pega/cosmos-react-core';\nimport { TaskList } from '@pega/cosmos-react-work';\nimport type { TaskItemProps } from '@pega/cosmos-react-work';\n\nexport default {\n  title: 'Work/TaskList',\n  component: TaskList\n} as Meta;\n\nexport const TaskListDemo: StoryFn = () => {\n  const items: TaskItemProps[] = [\n    {\n      id: useUID(),\n      processName: 'Parent process',\n      name: 'Send references',\n      meta: <MetaList items={[' Due in 1d', 'Priority 95']} />,\n      avatar: <Avatar name='James Gregory' />\n    }\n  ];\n\n  return <TaskList items={items} />;\n};\n"]}

package/jsx/work/Tasks/Tasks.mocks.d.ts

@@ -1,22 +0,0 @@
-declare const viewGroups: ({
-    text: string;
-    items: {
-        id: string;
-        text: string;
-        selected: boolean;
-        count: number;
-    }[];
-} | {
-    text: string;
-    items: {
-        id: string;
-        text: string;
-        selected: boolean;
-        visual: {
-            name: string;
-        };
-        count: number;
-    }[];
-})[];
-export default viewGroups;
-//# sourceMappingURL=Tasks.mocks.d.ts.map

package/jsx/work/Tasks/Tasks.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tasks.mocks.d.ts","sourceRoot":"","sources":["../../../src/work/Tasks/Tasks.mocks.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;IAgDf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/jsx/work/Tasks/Tasks.mocks.js

@@ -1,51 +0,0 @@
-const viewGroups = [
-    {
-        text: 'Worklist',
-        items: [
-            {
-                id: '1',
-                text: 'Assigned to me',
-                selected: true,
-                count: 3
-            }
-        ]
-    },
-    {
-        text: 'Work groups',
-        items: [
-            {
-                id: '2',
-                text: 'Underwriting',
-                selected: false,
-                count: 8
-            },
-            {
-                id: '3',
-                text: 'Escalations',
-                selected: false,
-                count: 1
-            }
-        ]
-    },
-    {
-        text: 'Team members',
-        items: [
-            {
-                id: '4',
-                text: 'James Kirk',
-                selected: false,
-                visual: { name: 'James Kirk' },
-                count: 5
-            },
-            {
-                id: '5',
-                text: 'Leonard McCoy',
-                selected: false,
-                visual: { name: 'Leonard McCoy' },
-                count: 4
-            }
-        ]
-    }
-];
-export default viewGroups;
-//# sourceMappingURL=Tasks.mocks.js.map

package/jsx/work/Tasks/Tasks.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tasks.mocks.js","sourceRoot":"","sources":["../../../src/work/Tasks/Tasks.mocks.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAG;IACjB;QACE,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,gBAAgB;gBACtB,QAAQ,EAAE,IAAI;gBACd,KAAK,EAAE,CAAC;aACT;SACF;KACF;IACD;QACE,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,cAAc;gBACpB,QAAQ,EAAE,KAAK;gBACf,KAAK,EAAE,CAAC;aACT;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,aAAa;gBACnB,QAAQ,EAAE,KAAK;gBACf,KAAK,EAAE,CAAC;aACT;SACF;KACF;IACD;QACE,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,YAAY;gBAClB,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;gBAC9B,KAAK,EAAE,CAAC;aACT;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,eAAe;gBACrB,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE;gBACjC,KAAK,EAAE,CAAC;aACT;SACF;KACF;CACF,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["const viewGroups = [\n  {\n    text: 'Worklist',\n    items: [\n      {\n        id: '1',\n        text: 'Assigned to me',\n        selected: true,\n        count: 3\n      }\n    ]\n  },\n  {\n    text: 'Work groups',\n    items: [\n      {\n        id: '2',\n        text: 'Underwriting',\n        selected: false,\n        count: 8\n      },\n      {\n        id: '3',\n        text: 'Escalations',\n        selected: false,\n        count: 1\n      }\n    ]\n  },\n  {\n    text: 'Team members',\n    items: [\n      {\n        id: '4',\n        text: 'James Kirk',\n        selected: false,\n        visual: { name: 'James Kirk' },\n        count: 5\n      },\n      {\n        id: '5',\n        text: 'Leonard McCoy',\n        selected: false,\n        visual: { name: 'Leonard McCoy' },\n        count: 4\n      }\n    ]\n  }\n];\n\nexport default viewGroups;\n"]}

package/jsx/work/Tasks/Tasks.stories.d.ts

@@ -1,15 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { TasksProps } from '@pega/cosmos-react-work';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-interface TasksStoryProps {
-    name?: TasksProps['name'];
-    showVisual?: boolean;
-    showViewSelector?: boolean;
-    enableExpand?: boolean;
-    count?: TasksProps['count'];
-    openableTasks?: boolean;
-    search?: boolean;
-}
-export declare const TasksDemo: StoryFn<TasksStoryProps>;
-//# sourceMappingURL=Tasks.stories.d.ts.map

package/jsx/work/Tasks/Tasks.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tasks.stories.d.ts","sourceRoot":"","sources":["../../../src/work/Tasks/Tasks.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAMtD,OAAO,KAAK,EAAE,UAAU,EAAiB,MAAM,yBAAyB,CAAC;;AAMzE,wBAGU;AAEV,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,SAAS,EAAE,OAAO,CAAC,eAAe,CAkF9C,CAAC"}

package/jsx/work/Tasks/Tasks.stories.jsx

@@ -1,79 +0,0 @@
-import { useState } from 'react';
-import { MetaList, Text, Status, Link, DateTimeDisplay } from '@pega/cosmos-react-core';
-import { Tasks, tasksHelpers as helpers } from '@pega/cosmos-react-work';
-import { AIButtonFormDemo } from '../../core/AIButton/AIButton.stories';
-import viewGroups from './Tasks.mocks';
-export default {
-    title: 'Work/Tasks',
-    component: Tasks
-};
-export const TasksDemo = (args) => {
-    const [isLimited, setIsLimited] = useState(true);
-    const [hasOpenTask, setHasOpenTask] = useState(false);
-    const [views, setViews] = useState(viewGroups);
-    const activeView = helpers.getSelectedView(views);
-    const activeViewTaskCount = args.count ?? activeView?.count ?? 0;
-    const taskArray = Array.from({
-        length: isLimited
-            ? Math.min(3, args.count ?? activeViewTaskCount)
-            : args.count ?? activeViewTaskCount
-    }, (_, i) => {
-        const dueIn = 86400000 * i;
-        let status = 'info';
-        if (i === 0) {
-            status = 'urgent';
-        }
-        else if (i === 1) {
-            status = 'warn';
-        }
-        return {
-            id: `${i}`,
-            name: `Task ${i + 1}`,
-            processName: i % 2 ? 'Demo process' : undefined,
-            meta: (<MetaList items={[
-                    <Status variant={status}>{status}</Status>,
-                    <Text variant='secondary'>
-                Due <DateTimeDisplay variant='relative' value={Date.now() + dueIn}/>
-              </Text>,
-                    <Link href='#demo'>Parent case link</Link>
-                ]}/>),
-            onOpen: args.openableTasks !== false
-                ? () => {
-                    setHasOpenTask(true);
-                }
-                : undefined,
-            content: hasOpenTask ? (<AIButtonFormDemo onCancel={() => setHasOpenTask(false)} onSubmit={() => setHasOpenTask(false)}/>) : null
-        };
-    });
-    return (<Tasks name={args.name ?? 'Tasks'} count={activeViewTaskCount} items={taskArray} avatar={args.showVisual && activeView ? { name: activeView.text } : undefined} viewSelector={args.showViewSelector
-            ? {
-                views,
-                onViewSelect: id => {
-                    setViews(cur => helpers.selectView(cur, id));
-                }
-            }
-            : undefined} onExpandToggle={args.enableExpand && activeViewTaskCount > 3
-            ? () => {
-                setIsLimited(cur => !cur);
-            }
-            : undefined} search={args.search ? {} : undefined}/>);
-};
-TasksDemo.args = {
-    name: 'Assignments',
-    showVisual: true,
-    showViewSelector: true,
-    enableExpand: true,
-    openableTasks: true,
-    count: 3,
-    search: false
-};
-TasksDemo.argTypes = {
-    name: { control: { type: 'text' } },
-    showVisual: { control: { type: 'boolean' } },
-    showViewSelector: { control: { type: 'boolean' } },
-    enableExpand: { control: { type: 'boolean' } },
-    count: { control: { type: 'number' } },
-    openableTasks: { control: { type: 'boolean' } },
-    search: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=Tasks.stories.jsx.map

package/jsx/work/Tasks/Tasks.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tasks.stories.jsx","sourceRoot":"","sources":["../../../src/work/Tasks/Tasks.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { MetaList, Text, Status, Link, DateTimeDisplay } from '@pega/cosmos-react-core';\nimport type { StatusProps } from '@pega/cosmos-react-core';\nimport { Tasks, tasksHelpers as helpers } from '@pega/cosmos-react-work';\nimport type { TasksProps, TaskItemProps } from '@pega/cosmos-react-work';\n\nimport { AIButtonFormDemo } from '../../core/AIButton/AIButton.stories';\n\nimport viewGroups from './Tasks.mocks';\n\nexport default {\n  title: 'Work/Tasks',\n  component: Tasks\n} as Meta;\n\ninterface TasksStoryProps {\n  name?: TasksProps['name'];\n  showVisual?: boolean;\n  showViewSelector?: boolean;\n  enableExpand?: boolean;\n  count?: TasksProps['count'];\n  openableTasks?: boolean;\n  search?: boolean;\n}\n\nexport const TasksDemo: StoryFn<TasksStoryProps> = (args: TasksStoryProps) => {\n  const [isLimited, setIsLimited] = useState(true);\n  const [hasOpenTask, setHasOpenTask] = useState(false);\n\n  const [views, setViews] = useState(viewGroups);\n\n  const activeView = helpers.getSelectedView(views);\n  const activeViewTaskCount = args.count ?? activeView?.count ?? 0;\n\n  const taskArray: TaskItemProps[] = Array.from(\n    {\n      length: isLimited\n        ? Math.min(3, args.count ?? activeViewTaskCount)\n        : args.count ?? activeViewTaskCount\n    },\n    (_, i) => {\n      const dueIn = 86400000 * i;\n      let status: StatusProps['variant'] = 'info';\n\n      if (i === 0) {\n        status = 'urgent';\n      } else if (i === 1) {\n        status = 'warn';\n      }\n\n      return {\n        id: `${i}`,\n        name: `Task ${i + 1}`,\n        processName: i % 2 ? 'Demo process' : undefined,\n        meta: (\n          <MetaList\n            items={[\n              <Status variant={status}>{status}</Status>,\n              <Text variant='secondary'>\n                Due <DateTimeDisplay variant='relative' value={Date.now() + dueIn} />\n              </Text>,\n              <Link href='#demo'>Parent case link</Link>\n            ]}\n          />\n        ),\n        onOpen:\n          args.openableTasks !== false\n            ? () => {\n                setHasOpenTask(true);\n              }\n            : undefined,\n        content: hasOpenTask ? (\n          <AIButtonFormDemo\n            onCancel={() => setHasOpenTask(false)}\n            onSubmit={() => setHasOpenTask(false)}\n          />\n        ) : null\n      };\n    }\n  );\n\n  return (\n    <Tasks\n      name={args.name ?? 'Tasks'}\n      count={activeViewTaskCount}\n      items={taskArray}\n      avatar={args.showVisual && activeView ? { name: activeView.text } : undefined}\n      viewSelector={\n        args.showViewSelector\n          ? {\n              views,\n              onViewSelect: id => {\n                setViews(cur => helpers.selectView(cur, id) as typeof viewGroups);\n              }\n            }\n          : undefined\n      }\n      onExpandToggle={\n        args.enableExpand && activeViewTaskCount > 3\n          ? () => {\n              setIsLimited(cur => !cur);\n            }\n          : undefined\n      }\n      search={args.search ? {} : undefined}\n    />\n  );\n};\n\nTasksDemo.args = {\n  name: 'Assignments',\n  showVisual: true,\n  showViewSelector: true,\n  enableExpand: true,\n  openableTasks: true,\n  count: 3,\n  search: false\n};\n\nTasksDemo.argTypes = {\n  name: { control: { type: 'text' } },\n  showVisual: { control: { type: 'boolean' } },\n  showViewSelector: { control: { type: 'boolean' } },\n  enableExpand: { control: { type: 'boolean' } },\n  count: { control: { type: 'number' } },\n  openableTasks: { control: { type: 'boolean' } },\n  search: { control: { type: 'boolean' } }\n};\n"]}

package/jsx/work/Timeline/Timeline.mocks.d.ts

@@ -1,3 +0,0 @@
-import type { TimelineProps } from '@pega/cosmos-react-work';
-export declare const activity: TimelineProps['activity'];
-//# sourceMappingURL=Timeline.mocks.d.ts.map

package/jsx/work/Timeline/Timeline.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Timeline.mocks.d.ts","sourceRoot":"","sources":["../../../src/work/Timeline/Timeline.mocks.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,QAAQ,EAAE,aAAa,CAAC,UAAU,CAuJ9C,CAAC"}