@pega/cosmos-react-demos 5.0.0-dev.4.7 → 5.0.0-dev.4.8

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppShell.stories.d.ts","sourceRoot":"","sources":["../../../src/wss/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,aAAa,EAAoB,MAAM,wBAAwB,CAAC;;AAM9E,wBAMU;AAEV,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;IAC3D,aAAa,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACnD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,iBAAiB,CAiFnD,CAAC"}

package/jsx/wss/AppShell/AppShell.stories.jsx

@@ -1,96 +0,0 @@
-import { useState } from 'react';
-import { AppShell } from '@pega/cosmos-react-wss';
-import { Icon } from '@pega/cosmos-react-core';
-import { DefaultMainContent, notificationItems } from './AppShell.mocks';
-export default {
-    title: 'Web Self Service/AppShell',
-    component: AppShell,
-    parameters: {
-        layout: 'fullscreen'
-    }
-};
-export const AppShellDemo = (args) => {
-    const [mainContent, setMainContent] = useState('Home');
-    const [notifications, setNotifications] = useState(notificationItems);
-    const [numNewNotifications, setNumNewNotifications] = useState(notifications.filter(x => x.unread).length);
-    const handleNotificationClick = (passedId) => {
-        setNotifications(cur => cur.map(({ id, unread, ...item }) => ({
-            id,
-            unread: passedId === id ? false : unread,
-            ...item
-        })));
-    };
-    const [contexts, setContexts] = useState([
-        {
-            id: '1',
-            primary: 'Medical',
-            selected: true,
-            visual: <Icon name='heart-pulse-solid'/>
-        },
-        {
-            id: '2',
-            primary: 'Vision',
-            selected: false,
-            visual: <Icon name='glasses-solid'/>
-        }
-    ]);
-    return (<AppShell main={args.mainContent ?? <DefaultMainContent content={mainContent}/>} appInfo={{
-            appName: args.appName ?? 'Service Desk',
-            imageSrc: args.imageSrc,
-            onClick: () => setMainContent('Home')
-        }} contextSwitcher={{
-            contexts,
-            onContextClick: (id) => setContexts(cur => cur.map(ctx => ({ ...ctx, selected: id === ctx.id })))
-        }} navLinks={Array.from({
-            length: args.numberOfNavLinks ?? 3
-        }).map((_, index) => {
-            const navName = `Navigation ${index + 1}`;
-            return {
-                id: `nav-${index + 1}`,
-                text: navName,
-                href: '#',
-                onClick: () => setMainContent(navName),
-                current: navName === mainContent
-            };
-        })} operator={{
-            avatar: { name: args.operatorName ?? 'Cindy Turner' },
-            title: args.operatorTitle ?? 'Account',
-            actions: [
-                { id: 'profile', primary: 'My profile', href: '#' },
-                { id: 'settings', primary: 'Settings', href: '#' },
-                { id: 'logOut', primary: 'Log out', href: '#' }
-            ]
-        }} notifications={{
-            title: 'Notifications',
-            count: numNewNotifications,
-            items: args.notificationsEmpty ? [] : notifications,
-            onItemClick: handleNotificationClick,
-            loading: args.notificationsLoading,
-            onNotificationsOpen: () => {
-                setNumNewNotifications(0);
-            }
-        }} navAlignment={args.navAlignment} navPosition={args.navPosition}/>);
-};
-AppShellDemo.args = {
-    imageSrc: 'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg',
-    appName: 'Service Desk',
-    numberOfNavLinks: 3,
-    navAlignment: 'end',
-    navPosition: 'inline',
-    operatorName: 'Cindy Turner',
-    operatorTitle: 'Account',
-    notificationsEmpty: false,
-    notificationsLoading: false
-};
-AppShellDemo.argTypes = {
-    imageSrc: { control: { type: 'text' } },
-    appName: { control: { type: 'text' } },
-    numberOfNavLinks: { control: { type: 'number' } },
-    navAlignment: { options: ['start', 'center', 'end'], control: { type: 'select' } },
-    navPosition: { options: ['inline', 'below'], control: { type: 'select' } },
-    operatorName: { control: { type: 'text' } },
-    operatorTitle: { control: { type: 'text' } },
-    notificationsEmpty: { control: { type: 'boolean' } },
-    notificationsLoading: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=AppShell.stories.jsx.map

package/jsx/wss/AppShell/AppShell.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShell.stories.jsx","sourceRoot":"","sources":["../../../src/wss/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { AppShell } from '@pega/cosmos-react-wss';\nimport type { AppShellProps, NotificationItem } from '@pega/cosmos-react-wss';\nimport { Icon } from '@pega/cosmos-react-core';\nimport type { ContextSwitcherProps } from '@pega/cosmos-react-core';\n\nimport { DefaultMainContent, notificationItems } from './AppShell.mocks';\n\nexport default {\n  title: 'Web Self Service/AppShell',\n  component: AppShell,\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\ninterface AppShellDemoProps {\n  appName?: AppShellProps['appInfo']['appName'];\n  imageSrc?: AppShellProps['appInfo']['imageSrc'];\n  numberOfNavLinks?: number;\n  navAlignment?: AppShellProps['navAlignment'];\n  navPosition?: AppShellProps['navPosition'];\n  operatorName?: AppShellProps['operator']['avatar']['name'];\n  operatorTitle?: AppShellProps['operator']['title'];\n  notificationsEmpty?: boolean;\n  notificationsLoading?: boolean;\n  mainContent?: ReactNode;\n}\n\nexport const AppShellDemo: StoryFn<AppShellDemoProps> = (args: AppShellDemoProps) => {\n  const [mainContent, setMainContent] = useState('Home');\n  const [notifications, setNotifications] = useState<NotificationItem[]>(notificationItems);\n  const [numNewNotifications, setNumNewNotifications] = useState(\n    notifications.filter(x => x.unread).length\n  );\n\n  const handleNotificationClick = (passedId: string) => {\n    setNotifications(cur =>\n      cur.map(({ id, unread, ...item }) => ({\n        id,\n        unread: passedId === id ? false : unread,\n        ...item\n      }))\n    );\n  };\n\n  const [contexts, setContexts] = useState<ContextSwitcherProps['contexts']>([\n    {\n      id: '1',\n      primary: 'Medical',\n      selected: true,\n      visual: <Icon name='heart-pulse-solid' />\n    },\n    {\n      id: '2',\n      primary: 'Vision',\n      selected: false,\n      visual: <Icon name='glasses-solid' />\n    }\n  ]);\n\n  return (\n    <AppShell\n      main={args.mainContent ?? <DefaultMainContent content={mainContent} />}\n      appInfo={{\n        appName: args.appName ?? 'Service Desk',\n        imageSrc: args.imageSrc,\n        onClick: () => setMainContent('Home')\n      }}\n      contextSwitcher={{\n        contexts,\n        onContextClick: (id: string) =>\n          setContexts(cur => cur!.map(ctx => ({ ...ctx, selected: id === ctx.id })))\n      }}\n      navLinks={Array.from({\n        length: args.numberOfNavLinks ?? 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          current: navName === mainContent\n        };\n      })}\n      operator={{\n        avatar: { name: args.operatorName ?? 'Cindy Turner' },\n        title: args.operatorTitle ?? 'Account',\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      notifications={{\n        title: 'Notifications',\n        count: numNewNotifications,\n        items: args.notificationsEmpty ? [] : notifications,\n        onItemClick: handleNotificationClick,\n        loading: args.notificationsLoading,\n        onNotificationsOpen: () => {\n          setNumNewNotifications(0);\n        }\n      }}\n      navAlignment={args.navAlignment}\n      navPosition={args.navPosition}\n    />\n  );\n};\n\nAppShellDemo.args = {\n  imageSrc: 'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg',\n  appName: 'Service Desk',\n  numberOfNavLinks: 3,\n  navAlignment: 'end',\n  navPosition: 'inline',\n  operatorName: 'Cindy Turner',\n  operatorTitle: 'Account',\n  notificationsEmpty: false,\n  notificationsLoading: false\n};\n\nAppShellDemo.argTypes = {\n  imageSrc: { control: { type: 'text' } },\n  appName: { control: { type: 'text' } },\n  numberOfNavLinks: { control: { type: 'number' } },\n  navAlignment: { options: ['start', 'center', 'end'], control: { type: 'select' } },\n  navPosition: { options: ['inline', 'below'], control: { type: 'select' } },\n  operatorName: { control: { type: 'text' } },\n  operatorTitle: { control: { type: 'text' } },\n  notificationsEmpty: { control: { type: 'boolean' } },\n  notificationsLoading: { control: { type: 'boolean' } }\n};\n"]}

package/jsx/wss/AppShell/AppShell.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const StyledMainContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=AppShell.styles.d.ts.map

package/jsx/wss/AppShell/AppShell.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShell.styles.d.ts","sourceRoot":"","sources":["../../../src/wss/AppShell/AppShell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yGAE7B,CAAC"}

package/jsx/wss/AppShell/AppShell.styles.js

@@ -1,5 +0,0 @@
-import styled from 'styled-components';
-export const StyledMainContent = styled.div `
-  min-height: inherit;
-`;
-//# sourceMappingURL=AppShell.styles.js.map

package/jsx/wss/AppShell/AppShell.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShell.styles.js","sourceRoot":"","sources":["../../../src/wss/AppShell/AppShell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE1C,CAAC","sourcesContent":["import styled from 'styled-components';\n\nexport const StyledMainContent = styled.div`\n  min-height: inherit;\n`;\n"]}

package/jsx/wss/CaseView/CaseView.mocks.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export declare const casePreviewPrimaryFields: {
-    name: string;
-    value: string;
-}[];
-export declare const casePreviewSecondaryFields: ({
-    name: string;
-    value: import("react").JSX.Element;
-} | {
-    name: string;
-    value: string;
-})[];
-//# sourceMappingURL=CaseView.mocks.d.ts.map

package/jsx/wss/CaseView/CaseView.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CaseView.mocks.d.ts","sourceRoot":"","sources":["../../../src/wss/CaseView/CaseView.mocks.tsx"],"names":[],"mappings":";AAyBA,eAAO,MAAM,wBAAwB;;;GASpC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;IAAsB,CAAC"}

package/jsx/wss/CaseView/CaseView.mocks.jsx

@@ -1,34 +0,0 @@
-import { Status } from '@pega/cosmos-react-core';
-const createDate = new Date(2016, 1, 8);
-const msInYear = 1000 * 60 * 60 * 24 * 365;
-const diffInYears = Math.floor((Date.now() - createDate.getTime()) / msInYear);
-const baseSecondaryFields = [
-    {
-        name: 'Status',
-        value: <Status variant='info'>New</Status>
-    },
-    {
-        name: 'Assigned to',
-        value: 'Dean Thomas'
-    },
-    {
-        name: 'Create date',
-        value: createDate.toDateString()
-    },
-    {
-        name: 'Update date',
-        value: `${diffInYears} years ago`
-    }
-];
-export const casePreviewPrimaryFields = [
-    {
-        name: 'Member ID',
-        value: 'M204859F438G'
-    },
-    {
-        name: 'Priority',
-        value: '95'
-    }
-];
-export const casePreviewSecondaryFields = baseSecondaryFields;
-//# sourceMappingURL=CaseView.mocks.jsx.map

package/jsx/wss/CaseView/CaseView.mocks.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"CaseView.mocks.jsx","sourceRoot":"","sources":["../../../src/wss/CaseView/CaseView.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACxC,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;AAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,OAAO,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC;AAE/E,MAAM,mBAAmB,GAAG;IAC1B;QACE,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC;KAC3C;IACD;QACE,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,aAAa;KACrB;IACD;QACE,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,UAAU,CAAC,YAAY,EAAE;KACjC;IACD;QACE,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,GAAG,WAAW,YAAY;KAClC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC;QACE,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,cAAc;KACtB;IACD;QACE,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,IAAI;KACZ;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,mBAAmB,CAAC","sourcesContent":["import { Status } from '@pega/cosmos-react-core';\n\nconst createDate = new Date(2016, 1, 8);\nconst msInYear = 1000 * 60 * 60 * 24 * 365;\nconst diffInYears = Math.floor((Date.now() - createDate.getTime()) / msInYear);\n\nconst baseSecondaryFields = [\n  {\n    name: 'Status',\n    value: <Status variant='info'>New</Status>\n  },\n  {\n    name: 'Assigned to',\n    value: 'Dean Thomas'\n  },\n  {\n    name: 'Create date',\n    value: createDate.toDateString()\n  },\n  {\n    name: 'Update date',\n    value: `${diffInYears} years ago`\n  }\n];\n\nexport const casePreviewPrimaryFields = [\n  {\n    name: 'Member ID',\n    value: 'M204859F438G'\n  },\n  {\n    name: 'Priority',\n    value: '95'\n  }\n];\n\nexport const casePreviewSecondaryFields = baseSecondaryFields;\n"]}

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

@@ -1,12 +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 CaseViewDemoProps {
-    showStagesRegion?: boolean;
-    showUtilitiesRegion?: boolean;
-    showSummaryRegion?: boolean;
-    showTasksRegion?: boolean;
-    showPulseRegion?: boolean;
-}
-export declare const CaseViewDemo: StoryFn<CaseViewDemoProps>;
-//# sourceMappingURL=CaseView.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CaseView.stories.d.ts","sourceRoot":"","sources":["../../../src/wss/CaseView/CaseView.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AAmBtD,wBAMU;AAEV,UAAU,iBAAiB;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,iBAAiB,CAqFnD,CAAC"}

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;;AAOtD,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,CAkCxD,CAAC"}

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

@@ -1,48 +0,0 @@
-import { BannerPage } from '@pega/cosmos-react-wss';
-import { Text } from '@pega/cosmos-react-core';
-import { AppShellDemo } from '../AppShell/AppShell.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={<div>
-              <Text variant='h2' as='h2'>
-                Section A
-              </Text>
-            </div>} b={!args.oneColumn ? (<div>
-                <Text variant='h2' as='h2'>
-                  Section B
-                </Text>
-              </div>) : undefined} banner={{
-                variant: args.bannerVariant,
-                backgroundColor: args.backgroundColor,
-                title: args.title,
-                message: args.message,
-                backgroundImage: args.backgroundImage,
-                tintImage: args.tintImage
-            }}/>}/>);
-};
-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;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,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,CACA,CAAC,GAAG,CACF;cAAA,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CACxB;;cACF,EAAE,IAAI,CACR;YAAA,EAAE,GAAG,CAAC,CACP,CACD,CAAC,CAAC,CACA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,CAAC,GAAG,CACF;gBAAA,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CACxB;;gBACF,EAAE,IAAI,CACR;cAAA,EAAE,GAAG,CAAC,CACP,CAAC,CAAC,CAAC,SAAS,CACd,CACD,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,EACD,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';\nimport { Text } from '@pega/cosmos-react-core';\n\nimport { AppShellDemo } from '../AppShell/AppShell.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={\n            <div>\n              <Text variant='h2' as='h2'>\n                Section A\n              </Text>\n            </div>\n          }\n          b={\n            !args.oneColumn ? (\n              <div>\n                <Text variant='h2' as='h2'>\n                  Section B\n                </Text>\n              </div>\n            ) : undefined\n          }\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    />\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,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 QuickCreateDemoArgs {
-    borderRadius: number;
-    color: string;
-    count: number;
-}
-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;;AAKtD,wBAGU;AAEV,UAAU,mBAAmB;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,mBAAmB,CAyBxD,CAAC"}

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

@@ -1,37 +0,0 @@
-import { QuickCreate } from '@pega/cosmos-react-wss';
-import { Configuration } from '@pega/cosmos-react-core';
-export default {
-    title: 'Web Self Service/QuickCreate',
-    component: QuickCreate
-};
-export const QuickCreateDemo = (args) => {
-    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: args.count }, (_, i) => {
-        return {
-            label: i === args.count - 1 ? `${lorem}` : `Case type ${i + 1}`,
-            onClick: () => { },
-            icon: 'plus'
-        };
-    });
-    return (<Configuration theme={{
-            components: {
-                button: {
-                    'border-radius': args.borderRadius,
-                    color: args.color
-                }
-            }
-        }}>
-      <QuickCreate heading='How can we help you?' actions={actions}/>
-    </Configuration>);
-};
-QuickCreateDemo.args = {
-    borderRadius: 1,
-    color: '#076bc9',
-    count: 4
-};
-QuickCreateDemo.argTypes = {
-    borderRadius: { control: { type: 'number' } },
-    color: { control: { type: 'color' } },
-    count: { control: { type: 'number' } }
-};
-//# 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,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,eAAe;IACb,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,WAAW;CACf,CAAC;AAQV,MAAM,CAAC,MAAM,eAAe,GAAiC,CAAC,IAAyB,EAAE,EAAE;IACzF,MAAM,KAAK,GACT,2OAA2O,CAAC;IAE9O,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAC1D,OAAO;YACL,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;YAC/D,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;YACjB,IAAI,EAAE,MAAM;SACb,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,CACL,CAAC,aAAa,CACZ,KAAK,CAAC,CAAC;YACL,UAAU,EAAE;gBACV,MAAM,EAAE;oBACN,eAAe,EAAE,IAAI,CAAC,YAAY;oBAClC,KAAK,EAAE,IAAI,CAAC,KAAK;iBAClB;aACF;SACF,CAAC,CAEF;MAAA,CAAC,WAAW,CAAC,OAAO,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EAC/D;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG;IACrB,YAAY,EAAE,CAAC;IACf,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,CAAC;CACT,CAAC;AAEF,eAAe,CAAC,QAAQ,GAAG;IACzB,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC7C,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IACrC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CACvC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { QuickCreate } from '@pega/cosmos-react-wss';\nimport { Configuration } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Web Self Service/QuickCreate',\n  component: QuickCreate\n} as Meta;\n\ninterface QuickCreateDemoArgs {\n  borderRadius: number;\n  color: string;\n  count: number;\n}\n\nexport const QuickCreateDemo: StoryFn<QuickCreateDemoArgs> = (args: QuickCreateDemoArgs) => {\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: args.count }, (_, i) => {\n    return {\n      label: i === args.count - 1 ? `${lorem}` : `Case type ${i + 1}`,\n      onClick: () => {},\n      icon: 'plus'\n    };\n  });\n  return (\n    <Configuration\n      theme={{\n        components: {\n          button: {\n            'border-radius': args.borderRadius,\n            color: args.color\n          }\n        }\n      }}\n    >\n      <QuickCreate heading='How can we help you?' actions={actions} />\n    </Configuration>\n  );\n};\n\nQuickCreateDemo.args = {\n  borderRadius: 1,\n  color: '#076bc9',\n  count: 4\n};\n\nQuickCreateDemo.argTypes = {\n  borderRadius: { control: { type: 'number' } },\n  color: { control: { type: 'color' } },\n  count: { control: { type: 'number' } }\n};\n"]}

package/lib/condition-builder/ConditionBuilder/ConditionBuilder.mocks.d.ts

@@ -1,3 +0,0 @@
-import { DateFunctionsByType, RHSType } from '@pega/cosmos-react-condition-builder';
-export declare const convertRhsTypes: (useLiteralRHSType: boolean, useFieldRHSType: boolean, useRelativeDatesType: boolean, useParameterRHSType: boolean, dateFunctions?: DateFunctionsByType) => Set<RHSType>;
-//# sourceMappingURL=ConditionBuilder.mocks.d.ts.map

package/lib/condition-builder/ConditionBuilder/ConditionBuilder.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConditionBuilder.mocks.d.ts","sourceRoot":"","sources":["../../../src/condition-builder/ConditionBuilder/ConditionBuilder.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAEpF,eAAO,MAAM,eAAe,sBACP,OAAO,mBACT,OAAO,wBACF,OAAO,uBACR,OAAO,kBACZ,mBAAmB,iBASpC,CAAC"}

package/lib/condition-builder/ConditionBuilder/ConditionBuilder.mocks.js

@@ -1,15 +0,0 @@
-export const convertRhsTypes = (useLiteralRHSType, useFieldRHSType, useRelativeDatesType, useParameterRHSType, dateFunctions) => {
-    const setRhsTypes = new Set();
-    if (useLiteralRHSType)
-        setRhsTypes.add('LITERAL');
-    if (useFieldRHSType)
-        setRhsTypes.add('FIELD');
-    if (dateFunctions)
-        setRhsTypes.add('DATE_FUNCTION');
-    if (useRelativeDatesType)
-        setRhsTypes.add('RELATIVE_DATE');
-    if (useParameterRHSType)
-        setRhsTypes.add('PARAMETER');
-    return setRhsTypes;
-};
-//# sourceMappingURL=ConditionBuilder.mocks.js.map

package/lib/condition-builder/ConditionBuilder/ConditionBuilder.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConditionBuilder.mocks.js","sourceRoot":"","sources":["../../../src/condition-builder/ConditionBuilder/ConditionBuilder.mocks.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,iBAA0B,EAC1B,eAAwB,EACxB,oBAA6B,EAC7B,mBAA4B,EAC5B,aAAmC,EACnC,EAAE;IACF,MAAM,WAAW,GAAiB,IAAI,GAAG,EAAW,CAAC;IACrD,IAAI,iBAAiB;QAAE,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAClD,IAAI,eAAe;QAAE,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC9C,IAAI,aAAa;QAAE,WAAW,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACpD,IAAI,oBAAoB;QAAE,WAAW,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAC3D,IAAI,mBAAmB;QAAE,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IACtD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC","sourcesContent":["import { DateFunctionsByType, RHSType } from '@pega/cosmos-react-condition-builder';\n\nexport const convertRhsTypes = (\n  useLiteralRHSType: boolean,\n  useFieldRHSType: boolean,\n  useRelativeDatesType: boolean,\n  useParameterRHSType: boolean,\n  dateFunctions?: DateFunctionsByType\n) => {\n  const setRhsTypes: Set<RHSType> = new Set<RHSType>();\n  if (useLiteralRHSType) setRhsTypes.add('LITERAL');\n  if (useFieldRHSType) setRhsTypes.add('FIELD');\n  if (dateFunctions) setRhsTypes.add('DATE_FUNCTION');\n  if (useRelativeDatesType) setRhsTypes.add('RELATIVE_DATE');\n  if (useParameterRHSType) setRhsTypes.add('PARAMETER');\n  return setRhsTypes;\n};\n"]}

package/lib/condition-builder/ConditionBuilder/ConditionBuilder.stories.d.ts

@@ -1,19 +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 ConditionBuilderStoryProps {
-    validComparators?: boolean;
-    disallowNOT?: boolean;
-    renderInPopover?: boolean;
-    dateFunctions?: boolean;
-    itemDirection?: 'column' | 'row';
-    useLiteralRHSType?: boolean;
-    useParameterRHSType?: boolean;
-    useFieldRHSType?: boolean;
-    useRelativeDatesRHSType?: boolean;
-    lhsMode?: 'input' | 'label' | 'hidden';
-}
-export declare const DefaultBuilder: StoryFn<ConditionBuilderStoryProps>;
-export declare const FieldConditionDemo: StoryFn<ConditionBuilderStoryProps>;
-export declare const AtomicConditionDemo: StoryFn<ConditionBuilderStoryProps>;
-//# sourceMappingURL=ConditionBuilder.stories.d.ts.map

package/lib/condition-builder/ConditionBuilder/ConditionBuilder.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConditionBuilder.stories.d.ts","sourceRoot":"","sources":["../../../src/condition-builder/ConditionBuilder/ConditionBuilder.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AA6BtD,wBAGU;AAEV,UAAU,0BAA0B;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;CACxC;AAED,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,0BAA0B,CAgH9D,CAAC;AAgBF,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,0BAA0B,CAqGlE,CAAC;AAcF,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,0BAA0B,CA4JnE,CAAC"}