@pega/cosmos-react-demos 6.6.0 → 6.6.1

package/jsx/wss/CaseView/CaseView.stories.jsx

@@ -1,74 +0,0 @@
-import { useState } from 'react';
-import { AppShell, CaseView } from '@pega/cosmos-react-wss';
-import { Stages } from '@pega/cosmos-react-work';
-import { Grid } from '@pega/cosmos-react-core';
-import { StyledSummaryPrimaryList, StyledSummarySecondaryList } from '@pega/cosmos-react-work/lib/components/CaseView/CaseView.styles';
-import { AttachmentsMock } from '../../work/CaseView/Attachments.mocks';
-import { FeedDemo } from '../../social/Feed/Feed.stories';
-import { casePreviewPrimaryFields, casePreviewSecondaryFields } from '../../work/CaseView/CaseView.mocks';
-import { TasksDemo } from '../../work/Tasks/Tasks.stories';
-export default {
-    title: 'Web Self Service/CaseView',
-    component: CaseView,
-    parameters: {
-        layout: 'fullscreen'
-    }
-};
-export const CaseViewDemo = (args) => {
-    const [, setMainContent] = useState('Home');
-    return (<AppShell caseId='1234' main={<CaseView heading='I have an issue that is impacting my work and I need help' actions={[{ id: '1', text: 'Some text' }]} tasks={{ label: 'Tasks', content: <TasksDemo /> }} stages={args.showStagesRegion
-                ? {
-                    label: 'Stages',
-                    content: (<Stages stages={[
-                            { name: 'Create', id: '1', completed: true },
-                            { name: 'Troubleshoot', id: '2', completed: false },
-                            { name: 'Resolve', id: '3', completed: false }
-                        ]} current=''/>)
-                }
-                : undefined} summary={args.showSummaryRegion
-                ? {
-                    label: 'Summary',
-                    content: (<Grid container={{ rowGap: 2, pad: [1.5, 2] }}>
-                      <StyledSummaryPrimaryList variant='stacked' fields={casePreviewPrimaryFields} aria-label='Primary summary fields'/>
-
-                      <StyledSummarySecondaryList variant='inline' fields={casePreviewSecondaryFields} aria-label='Secondary summary fields'/>
-                    </Grid>)
-                }
-                : undefined} feed={args.showPulseRegion ? { label: 'Feed', content: <FeedDemo /> } : undefined} utility={args.showUtilitiesRegion
-                ? { label: 'Utility', content: <AttachmentsMock /> }
-                : undefined}/>} appInfo={{
-            appName: 'App name',
-            imageSrc: 'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg'
-        }} navLinks={Array.from({
-            length: 3
-        }).map((_, index) => {
-            const navName = `Navigation ${index + 1}`;
-            return {
-                id: `nav-${index + 1}`,
-                text: navName,
-                href: '#',
-                onClick: () => setMainContent(navName)
-            };
-        })} operator={{
-            avatar: { name: 'hello' },
-            title: 'title',
-            actions: [
-                { id: 'profile', primary: 'My profile', href: '#' },
-                { id: 'settings', primary: 'Settings', href: '#' },
-                { id: 'logOut', primary: 'Log out', href: '#' }
-            ]
-        }}/>);
-};
-CaseViewDemo.args = {
-    showStagesRegion: true,
-    showUtilitiesRegion: true,
-    showSummaryRegion: true,
-    showPulseRegion: true
-};
-CaseViewDemo.argTypes = {
-    showStagesRegion: { control: { type: 'boolean' } },
-    showUtilitiesRegion: { control: { type: 'boolean' } },
-    showSummaryRegion: { control: { type: 'boolean' } },
-    showPulseRegion: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=CaseView.stories.jsx.map

package/jsx/wss/CaseView/CaseView.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"CaseView.stories.jsx","sourceRoot":"","sources":["../../../src/wss/CaseView/CaseView.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { AppShell, CaseView } from '@pega/cosmos-react-wss';\nimport { Stages } from '@pega/cosmos-react-work';\nimport { Grid } from '@pega/cosmos-react-core';\nimport {\n  StyledSummaryPrimaryList,\n  StyledSummarySecondaryList\n} from '@pega/cosmos-react-work/lib/components/CaseView/CaseView.styles';\n\nimport { AttachmentsMock } from '../../work/CaseView/Attachments.mocks';\nimport { FeedDemo } from '../../social/Feed/Feed.stories';\nimport {\n  casePreviewPrimaryFields,\n  casePreviewSecondaryFields\n} from '../../work/CaseView/CaseView.mocks';\nimport { TasksDemo } from '../../work/Tasks/Tasks.stories';\n\nexport default {\n  title: 'Web Self Service/CaseView',\n  component: CaseView,\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\ninterface CaseViewDemoProps {\n  showStagesRegion?: boolean;\n  showUtilitiesRegion?: boolean;\n  showSummaryRegion?: boolean;\n  showTasksRegion?: boolean;\n  showPulseRegion?: boolean;\n}\n\nexport const CaseViewDemo: StoryFn<CaseViewDemoProps> = (args: CaseViewDemoProps) => {\n  const [, setMainContent] = useState('Home');\n\n  return (\n    <AppShell\n      caseId='1234'\n      main={\n        <CaseView\n          heading='I have an issue that is impacting my work and I need help'\n          actions={[{ id: '1', text: 'Some text' }]}\n          tasks={{ label: 'Tasks', content: <TasksDemo /> }}\n          stages={\n            args.showStagesRegion\n              ? {\n                  label: 'Stages',\n                  content: (\n                    <Stages\n                      stages={[\n                        { name: 'Create', id: '1', completed: true },\n                        { name: 'Troubleshoot', id: '2', completed: false },\n                        { name: 'Resolve', id: '3', completed: false }\n                      ]}\n                      current=''\n                    />\n                  )\n                }\n              : undefined\n          }\n          summary={\n            args.showSummaryRegion\n              ? {\n                  label: 'Summary',\n                  content: (\n                    <Grid container={{ rowGap: 2, pad: [1.5, 2] }}>\n                      <StyledSummaryPrimaryList\n                        variant='stacked'\n                        fields={casePreviewPrimaryFields}\n                        aria-label='Primary summary fields'\n                      />\n\n                      <StyledSummarySecondaryList\n                        variant='inline'\n                        fields={casePreviewSecondaryFields}\n                        aria-label='Secondary summary fields'\n                      />\n                    </Grid>\n                  )\n                }\n              : undefined\n          }\n          feed={args.showPulseRegion ? { label: 'Feed', content: <FeedDemo /> } : undefined}\n          utility={\n            args.showUtilitiesRegion\n              ? { label: 'Utility', content: <AttachmentsMock /> }\n              : undefined\n          }\n        />\n      }\n      appInfo={{\n        appName: 'App name',\n        imageSrc: 'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg'\n      }}\n      navLinks={Array.from({\n        length: 3\n      }).map((_, index) => {\n        const navName = `Navigation ${index + 1}`;\n\n        return {\n          id: `nav-${index + 1}`,\n          text: navName,\n          href: '#',\n          onClick: () => setMainContent(navName)\n        };\n      })}\n      operator={{\n        avatar: { name: 'hello' },\n        title: 'title',\n        actions: [\n          { id: 'profile', primary: 'My profile', href: '#' },\n          { id: 'settings', primary: 'Settings', href: '#' },\n          { id: 'logOut', primary: 'Log out', href: '#' }\n        ]\n      }}\n    />\n  );\n};\n\nCaseViewDemo.args = {\n  showStagesRegion: true,\n  showUtilitiesRegion: true,\n  showSummaryRegion: true,\n  showPulseRegion: true\n};\n\nCaseViewDemo.argTypes = {\n  showStagesRegion: { control: { type: 'boolean' } },\n  showUtilitiesRegion: { control: { type: 'boolean' } },\n  showSummaryRegion: { control: { type: 'boolean' } },\n  showPulseRegion: { control: { type: 'boolean' } }\n};\n"]}

package/jsx/wss/PageTemplates/PageTemplates.stories.d.ts

@@ -1,15 +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 BannerPageStoryProps {
-    title: string;
-    message: string;
-    bannerVariant: 'light' | 'dark';
-    backgroundColor?: string;
-    backgroundImage?: string;
-    tintImage?: boolean;
-    oneColumn?: boolean;
-    variant?: 'two-column' | 'narrow-wide' | 'wide-narrow';
-}
-export declare const BannerPageDemo: StoryFn<BannerPageStoryProps>;
-//# sourceMappingURL=PageTemplates.stories.d.ts.map

package/jsx/wss/PageTemplates/PageTemplates.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageTemplates.stories.d.ts","sourceRoot":"","sources":["../../../src/wss/PageTemplates/PageTemplates.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AAQtD,wBAKU;AAEV,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,GAAG,aAAa,GAAG,aAAa,CAAC;CACxD;AAED,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,oBAAoB,CAsBxD,CAAC"}

package/jsx/wss/PageTemplates/PageTemplates.stories.jsx

@@ -1,41 +0,0 @@
-import { BannerPage } from '@pega/cosmos-react-wss';
-import { FeedDemo } from '../../social/Feed/Feed.stories';
-import { AppShellDemo } from '../AppShell/AppShell.stories';
-import { QuickCreateDemo } from '../QuickCreate/QuickCreate.stories';
-export default {
-    title: 'Web Self Service/Page Templates',
-    parameters: {
-        layout: 'fullscreen'
-    }
-};
-export const BannerPageDemo = (args) => {
-    return (<AppShellDemo mainContent={<BannerPage variant={args.variant ? args.variant : undefined} a={[<QuickCreateDemo />, <QuickCreateDemo showIcons/>]} b={!args.oneColumn ? [<FeedDemo />] : undefined} banner={{
-                variant: args.bannerVariant,
-                backgroundColor: args.backgroundColor,
-                title: args.title,
-                message: args.message,
-                backgroundImage: args.backgroundImage,
-                tintImage: args.tintImage
-            }}/>} appName='Service Desk' imageSrc='https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg'/>);
-};
-BannerPageDemo.args = {
-    title: 'Banner page demo',
-    message: 'Welcome to the banner page demo, nice to see you. Did you get your haircut?',
-    bannerVariant: 'light',
-    backgroundColor: '#3eb489',
-    backgroundImage: 'https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/moraine-lake-and-the-valley-of-the-ten-peaks-in-the-royalty-free-image-1571062944.jpg',
-    tintImage: true,
-    oneColumn: false,
-    variant: undefined
-};
-BannerPageDemo.argTypes = {
-    title: { control: { type: 'text' } },
-    message: { control: { type: 'text' } },
-    bannerVariant: { options: ['light', 'dark'], control: { type: 'select' } },
-    backgroundColor: { control: { type: 'color' } },
-    backgroundImage: { control: { type: 'text' } },
-    tintImage: { control: { type: 'boolean' } },
-    oneColumn: { control: { type: 'boolean' } },
-    variant: { options: ['two-column', 'narrow-wide', 'wide-narrow'], control: { type: 'select' } }
-};
-//# sourceMappingURL=PageTemplates.stories.jsx.map

package/jsx/wss/PageTemplates/PageTemplates.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageTemplates.stories.jsx","sourceRoot":"","sources":["../../../src/wss/PageTemplates/PageTemplates.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE,eAAe;IACb,KAAK,EAAE,iCAAiC;IACxC,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACM,CAAC;AAaV,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,IAA0B,EAAE,EAAE;IAC1F,OAAO,CACL,CAAC,YAAY,CACX,WAAW,CAAC,CACV,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CACjD,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,AAAD,EAAG,EAAE,CAAC,eAAe,CAAC,SAAS,EAAG,CAAC,CAAC,CACxD,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,AAAD,EAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAChD,MAAM,CAAC,CAAC;gBACN,OAAO,EAAE,IAAI,CAAC,aAAa;gBAC3B,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,SAAS,EAAE,IAAI,CAAC,SAAS;aAC1B,CAAC,EACF,CACH,CACD,OAAO,CAAC,cAAc,CACtB,QAAQ,CAAC,uEAAuE,EAChF,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,IAAI,GAAG;IACpB,KAAK,EAAE,kBAAkB;IACzB,OAAO,EAAE,6EAA6E;IACtF,aAAa,EAAE,OAAO;IACtB,eAAe,EAAE,SAAS;IAC1B,eAAe,EACb,oJAAoJ;IACtJ,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,KAAK;IAChB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,cAAc,CAAC,QAAQ,GAAG;IACxB,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACpC,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACtC,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC1E,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IAC/C,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC9C,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC3C,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC3C,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CAChG,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { BannerPage } from '@pega/cosmos-react-wss';\n\nimport { FeedDemo } from '../../social/Feed/Feed.stories';\nimport { AppShellDemo } from '../AppShell/AppShell.stories';\nimport { QuickCreateDemo } from '../QuickCreate/QuickCreate.stories';\n\nexport default {\n  title: 'Web Self Service/Page Templates',\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\ninterface BannerPageStoryProps {\n  title: string;\n  message: string;\n  bannerVariant: 'light' | 'dark';\n  backgroundColor?: string;\n  backgroundImage?: string;\n  tintImage?: boolean;\n  oneColumn?: boolean;\n  variant?: 'two-column' | 'narrow-wide' | 'wide-narrow';\n}\n\nexport const BannerPageDemo: StoryFn<BannerPageStoryProps> = (args: BannerPageStoryProps) => {\n  return (\n    <AppShellDemo\n      mainContent={\n        <BannerPage\n          variant={args.variant ? args.variant : undefined}\n          a={[<QuickCreateDemo />, <QuickCreateDemo showIcons />]}\n          b={!args.oneColumn ? [<FeedDemo />] : undefined}\n          banner={{\n            variant: args.bannerVariant,\n            backgroundColor: args.backgroundColor,\n            title: args.title,\n            message: args.message,\n            backgroundImage: args.backgroundImage,\n            tintImage: args.tintImage\n          }}\n        />\n      }\n      appName='Service Desk'\n      imageSrc='https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg'\n    />\n  );\n};\n\nBannerPageDemo.args = {\n  title: 'Banner page demo',\n  message: 'Welcome to the banner page demo, nice to see you. Did you get your haircut?',\n  bannerVariant: 'light',\n  backgroundColor: '#3eb489',\n  backgroundImage:\n    'https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/moraine-lake-and-the-valley-of-the-ten-peaks-in-the-royalty-free-image-1571062944.jpg',\n  tintImage: true,\n  oneColumn: false,\n  variant: undefined\n};\n\nBannerPageDemo.argTypes = {\n  title: { control: { type: 'text' } },\n  message: { control: { type: 'text' } },\n  bannerVariant: { options: ['light', 'dark'], control: { type: 'select' } },\n  backgroundColor: { control: { type: 'color' } },\n  backgroundImage: { control: { type: 'text' } },\n  tintImage: { control: { type: 'boolean' } },\n  oneColumn: { control: { type: 'boolean' } },\n  variant: { options: ['two-column', 'narrow-wide', 'wide-narrow'], control: { type: 'select' } }\n};\n"]}

package/jsx/wss/QuickCreate/QuickCreate.stories.d.ts

@@ -1,11 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import { type QuickCreateProps } from '@pega/cosmos-react-wss';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-interface QuickCreateDemoArgs {
-    heading?: QuickCreateProps['heading'];
-    count?: number;
-    showIcons?: boolean;
-}
-export declare const QuickCreateDemo: StoryFn<QuickCreateDemoArgs>;
-//# sourceMappingURL=QuickCreate.stories.d.ts.map

package/jsx/wss/QuickCreate/QuickCreate.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuickCreate.stories.d.ts","sourceRoot":"","sources":["../../../src/wss/QuickCreate/QuickCreate.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;;AAE5E,wBAGU;AAEV,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,mBAAmB,CAcxD,CAAC"}

package/jsx/wss/QuickCreate/QuickCreate.stories.jsx

@@ -1,28 +0,0 @@
-import { QuickCreate } from '@pega/cosmos-react-wss';
-export default {
-    title: 'Web Self Service/QuickCreate',
-    component: QuickCreate
-};
-export const QuickCreateDemo = (args) => {
-    const count = args.count || 4;
-    const lorem = 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut nesciunt excepturi sit alias, mollitia voluptate nobis, aliquam corrupti delectus ea molestiae, illum provident necessitatibus? Atque temporibus officiis voluptas nam nihil!';
-    const actions = Array.from({ length: count }, (_, i) => {
-        return {
-            label: i === count - 1 ? `${lorem}` : `Case type ${i + 1}`,
-            onClick: () => { },
-            icon: args.showIcons ? 'case' : undefined
-        };
-    });
-    return <QuickCreate heading={args.heading || 'Quick actions'} actions={actions}/>;
-};
-QuickCreateDemo.args = {
-    heading: 'Quick actions',
-    count: 4,
-    showIcons: true
-};
-QuickCreateDemo.argTypes = {
-    heading: { control: { type: 'text' } },
-    count: { control: { type: 'number' } },
-    showIcons: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=QuickCreate.stories.jsx.map

package/jsx/wss/QuickCreate/QuickCreate.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuickCreate.stories.jsx","sourceRoot":"","sources":["../../../src/wss/QuickCreate/QuickCreate.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAyB,MAAM,wBAAwB,CAAC;AAE5E,eAAe;IACb,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,WAAW;CACf,CAAC;AAQV,MAAM,CAAC,MAAM,eAAe,GAAiC,CAAC,IAAyB,EAAE,EAAE;IACzF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;IAE9B,MAAM,KAAK,GACT,2OAA2O,CAAC;IAE9O,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACrD,OAAO;YACL,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;YAC1D,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;YACjB,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;SAC1C,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EAAG,CAAC;AACrF,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG;IACrB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,CAAC;IACR,SAAS,EAAE,IAAI;CAChB,CAAC;AAEF,eAAe,CAAC,QAAQ,GAAG;IACzB,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACtC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IACtC,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAC5C,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { QuickCreate, type QuickCreateProps } from '@pega/cosmos-react-wss';\n\nexport default {\n  title: 'Web Self Service/QuickCreate',\n  component: QuickCreate\n} as Meta;\n\ninterface QuickCreateDemoArgs {\n  heading?: QuickCreateProps['heading'];\n  count?: number;\n  showIcons?: boolean;\n}\n\nexport const QuickCreateDemo: StoryFn<QuickCreateDemoArgs> = (args: QuickCreateDemoArgs) => {\n  const count = args.count || 4;\n\n  const lorem =\n    'Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut nesciunt excepturi sit alias, mollitia voluptate nobis, aliquam corrupti delectus ea molestiae, illum provident necessitatibus? Atque temporibus officiis voluptas nam nihil!';\n\n  const actions = Array.from({ length: count }, (_, i) => {\n    return {\n      label: i === count - 1 ? `${lorem}` : `Case type ${i + 1}`,\n      onClick: () => {},\n      icon: args.showIcons ? 'case' : undefined\n    };\n  });\n  return <QuickCreate heading={args.heading || 'Quick actions'} actions={actions} />;\n};\n\nQuickCreateDemo.args = {\n  heading: 'Quick actions',\n  count: 4,\n  showIcons: true\n};\n\nQuickCreateDemo.argTypes = {\n  heading: { control: { type: 'text' } },\n  count: { control: { type: 'number' } },\n  showIcons: { control: { type: 'boolean' } }\n};\n"]}