@pega/cosmos-react-demos 6.6.0 → 6.6.2

package/jsx/work/Timeline/Timeline.mocks.jsx

@@ -1,144 +0,0 @@
-import { Link, CurrencyDisplay, Text } from '@pega/cosmos-react-core';
-export const activity = [
-    {
-        id: '1',
-        date: Date.UTC(2025, 2, 20, 19, 28, 22),
-        title: 'Email blast: "Buy today"',
-        icon: 'bell-off-solid'
-    },
-    {
-        id: '2',
-        date: Date.UTC(2025, 2, 20, 18, 6, 22),
-        title: 'Confirm eligibility',
-        icon: 'circle-stacked-mixed'
-    },
-    {
-        id: '3',
-        date: Date.UTC(2023, 2, 10, 9, 26, 22),
-        title: 'Review customer bill',
-        status: { variant: 'pending', children: 'Wait' }
-    },
-    {
-        id: '4',
-        date: Date.UTC(2022, 7, 10, 18, 6, 22),
-        title: 'Confirm eligibility',
-        icon: 'circle-stacked-mixed'
-    },
-    {
-        id: '5',
-        date: Date.UTC(2022, 6, 18, 0, 1, 22),
-        title: (<Link href='https://www.pega.com' target='_blank'>
-        Visit Pega
-      </Link>)
-    },
-    {
-        id: '6',
-        date: Date.UTC(2021, 6, 10, 13, 20, 22),
-        title: 'Update plat',
-        icon: 'bulb-solid',
-        status: { variant: 'success', children: 'Good' }
-    },
-    {
-        id: '7',
-        date: Date.UTC(2021, 1, 20, 13, 20, 22),
-        title: 'Sent over request',
-        icon: 'bulb-solid',
-        status: { variant: 'success', children: 'Good' },
-        content: [
-            { id: '31', name: 'Date range', value: <Text>Jan 1, 2021 - May 3, 2021</Text> },
-            {
-                id: '32',
-                name: "What's next",
-                value: (<Text>
-            We will fulfill your request within 3 business days. You will receive your statement
-            copy via mail at 23 Main St. Boston, MA.
-          </Text>)
-            },
-            {
-                id: '33',
-                name: 'Current due amount',
-                value: <CurrencyDisplay value={1343.45} currencyISOCode='USD'/>
-            }
-        ]
-    },
-    {
-        id: '8',
-        date: Date.UTC(2021, 1, 20, 13, 19, 22),
-        title: 'Fulfill customer request for last month’s billing statement',
-        icon: 'layers',
-        status: { variant: 'pending', children: 'Wait' },
-        content: [
-            { id: '41', name: 'Date range', value: <Text>Jan 1, 2021 - May 3, 2021</Text> },
-            {
-                id: '42',
-                name: "What's next",
-                value: (<Text>
-            We will fulfill your request within 3 business days. You will receive your statement
-            copy via mail at 23 Main St. Boston, MA.
-          </Text>)
-            },
-            {
-                id: '43',
-                name: 'Current due amount',
-                value: <CurrencyDisplay value={121} currencyISOCode='USD'/>
-            }
-        ]
-    },
-    {
-        id: '9',
-        date: Date.UTC(2021, 1, 20, 0, 1, 22),
-        title: (<Link href='https://community.pega.com/support' target='_blank'>
-        Visit Pega support for assistance
-      </Link>)
-    },
-    {
-        id: '10',
-        date: Date.UTC(2021, 1, 19, 13, 20, 22),
-        title: 'Sent over request',
-        icon: 'bulb-solid',
-        status: { variant: 'success', children: 'Good' },
-        content: [
-            { id: '61', name: 'Date range', value: <Text>Jan 1, 2021 - May 3, 2021</Text> },
-            {
-                id: '62',
-                name: "What's next",
-                value: (<Text>
-            We will fulfill your request within 3 business days. You will receive your statement
-            copy via mail at 23 Main St. Boston, MA.
-          </Text>)
-            },
-            {
-                id: '64',
-                name: 'Current due amount long label',
-                value: <CurrencyDisplay value={248.87} currencyISOCode='USD'/>
-            }
-        ]
-    },
-    {
-        id: '11',
-        date: Date.UTC(2021, 1, 17, 36, 20, 22),
-        title: 'Initial claim received',
-        status: { variant: 'pending', children: 'Wait' }
-    },
-    {
-        id: '12',
-        date: Date.UTC(2020, 12, 15, 13, 19, 22),
-        title: 'Balance inquiry',
-        icon: 'phone-solid',
-        status: { variant: 'pending', children: 'Wait' }
-    },
-    {
-        id: '13',
-        date: Date.UTC(2020, 2, 20, 19, 28, 22),
-        title: 'Email blast: "Best Offer"',
-        icon: 'bell-off-solid'
-    },
-    {
-        id: '14',
-        date: Date.UTC(2020, 1, 12, 10, 25, 48),
-        title: 'Receive customer bill',
-        icon: 'layers',
-        status: { variant: 'success', children: 'Good' }
-    }
-];
-//# sourceMappingURL=Timeline.mocks.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Timeline.mocks.jsx","sourceRoot":"","sources":["../../../src/work/Timeline/Timeline.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Link, CurrencyDisplay, Text } from '@pega/cosmos-react-core';\nimport type { TimelineProps } from '@pega/cosmos-react-work';\n\nexport const activity: TimelineProps['activity'] = [\n  {\n    id: '1',\n    date: Date.UTC(2025, 2, 20, 19, 28, 22),\n    title: 'Email blast: \"Buy today\"',\n    icon: 'bell-off-solid'\n  },\n  {\n    id: '2',\n    date: Date.UTC(2025, 2, 20, 18, 6, 22),\n    title: 'Confirm eligibility',\n    icon: 'circle-stacked-mixed'\n  },\n  {\n    id: '3',\n    date: Date.UTC(2023, 2, 10, 9, 26, 22),\n    title: 'Review customer bill',\n    status: { variant: 'pending', children: 'Wait' }\n  },\n  {\n    id: '4',\n    date: Date.UTC(2022, 7, 10, 18, 6, 22),\n    title: 'Confirm eligibility',\n    icon: 'circle-stacked-mixed'\n  },\n  {\n    id: '5',\n    date: Date.UTC(2022, 6, 18, 0, 1, 22),\n    title: (\n      <Link href='https://www.pega.com' target='_blank'>\n        Visit Pega\n      </Link>\n    )\n  },\n  {\n    id: '6',\n    date: Date.UTC(2021, 6, 10, 13, 20, 22),\n    title: 'Update plat',\n    icon: 'bulb-solid',\n    status: { variant: 'success', children: 'Good' }\n  },\n  {\n    id: '7',\n    date: Date.UTC(2021, 1, 20, 13, 20, 22),\n    title: 'Sent over request',\n    icon: 'bulb-solid',\n    status: { variant: 'success', children: 'Good' },\n    content: [\n      { id: '31', name: 'Date range', value: <Text>Jan 1, 2021 - May 3, 2021</Text> },\n      {\n        id: '32',\n        name: \"What's next\",\n        value: (\n          <Text>\n            We will fulfill your request within 3 business days. You will receive your statement\n            copy via mail at 23 Main St. Boston, MA.\n          </Text>\n        )\n      },\n      {\n        id: '33',\n        name: 'Current due amount',\n        value: <CurrencyDisplay value={1343.45} currencyISOCode='USD' />\n      }\n    ]\n  },\n  {\n    id: '8',\n    date: Date.UTC(2021, 1, 20, 13, 19, 22),\n    title: 'Fulfill customer request for last month’s billing statement',\n    icon: 'layers',\n    status: { variant: 'pending', children: 'Wait' },\n    content: [\n      { id: '41', name: 'Date range', value: <Text>Jan 1, 2021 - May 3, 2021</Text> },\n      {\n        id: '42',\n        name: \"What's next\",\n        value: (\n          <Text>\n            We will fulfill your request within 3 business days. You will receive your statement\n            copy via mail at 23 Main St. Boston, MA.\n          </Text>\n        )\n      },\n      {\n        id: '43',\n        name: 'Current due amount',\n        value: <CurrencyDisplay value={121} currencyISOCode='USD' />\n      }\n    ]\n  },\n  {\n    id: '9',\n    date: Date.UTC(2021, 1, 20, 0, 1, 22),\n    title: (\n      <Link href='https://community.pega.com/support' target='_blank'>\n        Visit Pega support for assistance\n      </Link>\n    )\n  },\n  {\n    id: '10',\n    date: Date.UTC(2021, 1, 19, 13, 20, 22),\n    title: 'Sent over request',\n    icon: 'bulb-solid',\n    status: { variant: 'success', children: 'Good' },\n    content: [\n      { id: '61', name: 'Date range', value: <Text>Jan 1, 2021 - May 3, 2021</Text> },\n      {\n        id: '62',\n        name: \"What's next\",\n        value: (\n          <Text>\n            We will fulfill your request within 3 business days. You will receive your statement\n            copy via mail at 23 Main St. Boston, MA.\n          </Text>\n        )\n      },\n      {\n        id: '64',\n        name: 'Current due amount long label',\n        value: <CurrencyDisplay value={248.87} currencyISOCode='USD' />\n      }\n    ]\n  },\n  {\n    id: '11',\n    date: Date.UTC(2021, 1, 17, 36, 20, 22),\n    title: 'Initial claim received',\n    status: { variant: 'pending', children: 'Wait' }\n  },\n  {\n    id: '12',\n    date: Date.UTC(2020, 12, 15, 13, 19, 22),\n    title: 'Balance inquiry',\n    icon: 'phone-solid',\n    status: { variant: 'pending', children: 'Wait' }\n  },\n  {\n    id: '13',\n    date: Date.UTC(2020, 2, 20, 19, 28, 22),\n    title: 'Email blast: \"Best Offer\"',\n    icon: 'bell-off-solid'\n  },\n  {\n    id: '14',\n    date: Date.UTC(2020, 1, 12, 10, 25, 48),\n    title: 'Receive customer bill',\n    icon: 'layers',\n    status: { variant: 'success', children: 'Good' }\n  }\n];\n"]}

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

@@ -1,11 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { OmitStrict } from '@pega/cosmos-react-core';
-import type { TimelineProps } 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 TimelineDemoStoryProps extends TimelineProps {
-    lazyLoading?: boolean;
-}
-export declare const TimelineDemo: StoryFn<OmitStrict<TimelineDemoStoryProps, 'activity' | 'currentTime'>>;
-export declare const TimelineToolbarDemo: StoryFn;
-//# sourceMappingURL=Timeline.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Timeline.stories.d.ts","sourceRoot":"","sources":["../../../src/work/Timeline/Timeline.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EAAE,UAAU,EAAoB,MAAM,yBAAyB,CAAC;AAE5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;;AAQ7D,wBAGU;AAEV,UAAU,sBAAuB,SAAQ,aAAa;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,CAChC,UAAU,CAAC,sBAAsB,EAAE,UAAU,GAAG,aAAa,CAAC,CAgD/D,CAAC;AAiBF,eAAO,MAAM,mBAAmB,EAAE,OA0CjC,CAAC"}

package/jsx/work/Timeline/Timeline.stories.jsx

@@ -1,78 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-import { Card, CardContent, CardHeader } from '@pega/cosmos-react-core';
-import { Timeline, TimelineToolbar } from '@pega/cosmos-react-work';
-import { activity } from './Timeline.mocks';
-export default {
-    title: 'Work/Timeline',
-    component: Timeline
-};
-export const TimelineDemo = (args) => {
-    const INITIAL_CHUNK_SIZE = 7;
-    const APPEND_CHUNK_SIZE = 3;
-    const [loading, setLoading] = useState(false);
-    const [hasMore, setHasMore] = useState(true);
-    const [items, setItems] = useState([]);
-    useEffect(() => {
-        const newItems = args.lazyLoading ? () => activity.slice(0, INITIAL_CHUNK_SIZE) : activity;
-        setHasMore(newItems.length < activity.length);
-        setItems(newItems);
-    }, [args.lazyLoading]);
-    const loadMore = useCallback(() => {
-        if (!loading) {
-            setLoading(true);
-            setTimeout(() => {
-                setLoading(false);
-                setItems(prevItems => {
-                    const previousItemsLength = prevItems.length;
-                    const newItems = activity.slice(previousItemsLength, previousItemsLength + APPEND_CHUNK_SIZE);
-                    if (newItems.length === 0) {
-                        setHasMore(false);
-                    }
-                    return [...prevItems, ...newItems];
-                });
-            }, 2000);
-        }
-    }, [loading]);
-    return (<Timeline activity={items} currentTime={new Date()} sortOrder={args.sortOrder} groupBy={args.groupBy} loading={loading} loadMore={hasMore ? loadMore : undefined}/>);
-};
-TimelineDemo.args = {
-    sortOrder: 'descending',
-    groupBy: 'date',
-    lazyLoading: false
-};
-TimelineDemo.argTypes = {
-    sortOrder: { options: ['ascending', 'descending'], control: { type: 'select' } },
-    groupBy: {
-        options: ['date', 'monthyear', 'quarteryear', 'year', 'none'],
-        control: { type: 'select' }
-    },
-    lazyLoading: { control: { type: 'boolean' } }
-};
-export const TimelineToolbarDemo = () => {
-    const [sortOrder, setSortOrder] = useState();
-    const [groupBy, setGroupBy] = useState();
-    const [items, setItems] = useState(activity);
-    const [searchValue, onSearchChange] = useState('');
-    const onSearchSubmit = useCallback((value) => {
-        setItems(activity.filter(item => JSON.stringify(item.title).includes(value)));
-    }, []);
-    return (<Card>
-      <CardHeader>
-        <TimelineToolbar name='Timeline Demo' search={{ onSearchSubmit, onSearchChange, value: searchValue }} count={{ total: items.length }} sort={{
-            selected: sortOrder,
-            onItemClick: (id) => {
-                setSortOrder(id);
-            }
-        }} group={{
-            selected: groupBy,
-            onItemClick: (id) => {
-                setGroupBy(id);
-            }
-        }} item={{ grow: 1 }}/>
-      </CardHeader>
-      <CardContent>
-        <Timeline activity={items} currentTime={new Date()} sortOrder={sortOrder} groupBy={groupBy}/>
-      </CardContent>
-    </Card>);
-};
-//# sourceMappingURL=Timeline.stories.jsx.map

package/jsx/work/Timeline/Timeline.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Timeline.stories.jsx","sourceRoot":"","sources":["../../../src/work/Timeline/Timeline.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { Card, CardContent, CardHeader } from '@pega/cosmos-react-core';\nimport type { OmitStrict, SearchInputProps } from '@pega/cosmos-react-core';\nimport { Timeline, TimelineToolbar } from '@pega/cosmos-react-work';\nimport type { TimelineProps } from '@pega/cosmos-react-work';\nimport type {\n  TimelineGroupBy,\n  TimelineSortOrder\n} from '@pega/cosmos-react-work/lib/components/Timeline/Timeline.types';\n\nimport { activity } from './Timeline.mocks';\n\nexport default {\n  title: 'Work/Timeline',\n  component: Timeline\n} as Meta;\n\ninterface TimelineDemoStoryProps extends TimelineProps {\n  lazyLoading?: boolean;\n}\n\nexport const TimelineDemo: StoryFn<\n  OmitStrict<TimelineDemoStoryProps, 'activity' | 'currentTime'>\n> = (args: OmitStrict<TimelineDemoStoryProps, 'activity' | 'currentTime'>) => {\n  const INITIAL_CHUNK_SIZE = 7;\n  const APPEND_CHUNK_SIZE = 3;\n\n  const [loading, setLoading] = useState(false);\n  const [hasMore, setHasMore] = useState(true);\n  const [items, setItems] = useState<TimelineProps['activity']>([]);\n\n  useEffect(() => {\n    const newItems = args.lazyLoading ? () => activity.slice(0, INITIAL_CHUNK_SIZE) : activity;\n    setHasMore(newItems.length < activity.length);\n    setItems(newItems);\n  }, [args.lazyLoading]);\n\n  const loadMore = useCallback(() => {\n    if (!loading) {\n      setLoading(true);\n      setTimeout(() => {\n        setLoading(false);\n\n        setItems(prevItems => {\n          const previousItemsLength = prevItems.length;\n          const newItems = activity.slice(\n            previousItemsLength,\n            previousItemsLength + APPEND_CHUNK_SIZE\n          );\n\n          if (newItems.length === 0) {\n            setHasMore(false);\n          }\n\n          return [...prevItems, ...newItems];\n        });\n      }, 2000);\n    }\n  }, [loading]);\n\n  return (\n    <Timeline\n      activity={items}\n      currentTime={new Date()}\n      sortOrder={args.sortOrder}\n      groupBy={args.groupBy}\n      loading={loading}\n      loadMore={hasMore ? loadMore : undefined}\n    />\n  );\n};\n\nTimelineDemo.args = {\n  sortOrder: 'descending',\n  groupBy: 'date',\n  lazyLoading: false\n};\n\nTimelineDemo.argTypes = {\n  sortOrder: { options: ['ascending', 'descending'], control: { type: 'select' } },\n  groupBy: {\n    options: ['date', 'monthyear', 'quarteryear', 'year', 'none'],\n    control: { type: 'select' }\n  },\n  lazyLoading: { control: { type: 'boolean' } }\n};\n\nexport const TimelineToolbarDemo: StoryFn = () => {\n  const [sortOrder, setSortOrder] = useState<TimelineSortOrder>();\n  const [groupBy, setGroupBy] = useState<TimelineGroupBy>();\n  const [items, setItems] = useState<TimelineProps['activity']>(activity);\n  const [searchValue, onSearchChange] = useState<SearchInputProps['value']>('');\n\n  const onSearchSubmit = useCallback((value: string) => {\n    setItems(activity.filter(item => JSON.stringify(item.title).includes(value)));\n  }, []);\n\n  return (\n    <Card>\n      <CardHeader>\n        <TimelineToolbar\n          name='Timeline Demo'\n          search={{ onSearchSubmit, onSearchChange, value: searchValue }}\n          count={{ total: items.length }}\n          sort={{\n            selected: sortOrder,\n            onItemClick: (id: TimelineProps['sortOrder']) => {\n              setSortOrder(id);\n            }\n          }}\n          group={{\n            selected: groupBy,\n            onItemClick: (id: TimelineProps['groupBy']) => {\n              setGroupBy(id);\n            }\n          }}\n          item={{ grow: 1 }}\n        />\n      </CardHeader>\n      <CardContent>\n        <Timeline\n          activity={items}\n          currentTime={new Date()}\n          sortOrder={sortOrder}\n          groupBy={groupBy}\n        />\n      </CardContent>\n    </Card>\n  );\n};\n"]}

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

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-export declare const DefaultMainContent: ({ content }: {
-    content: string;
-}) => import("react").JSX.Element;
-export declare const notificationItems: ({
-    id: string;
-    primary: string;
-    secondary: string[];
-    visual: import("react").JSX.Element;
-    unread: boolean;
-} | {
-    id: string;
-    primary: string;
-    visual: import("react").JSX.Element;
-    unread: boolean;
-    secondary?: undefined;
-} | {
-    id: string;
-    primary: string;
-    secondary: string[];
-    unread: boolean;
-    visual?: undefined;
-})[];
-//# sourceMappingURL=AppShell.mocks.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppShell.mocks.d.ts","sourceRoot":"","sources":["../../../src/wss/AppShell/AppShell.mocks.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,kBAAkB;aAA4B,MAAM;iCAQhE,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;IAyD7B,CAAC"}

package/jsx/wss/AppShell/AppShell.mocks.jsx

@@ -1,64 +0,0 @@
-import { Avatar, Card, CardContent, Flex, Text } from '@pega/cosmos-react-core';
-import { StyledMainContent } from './AppShell.styles';
-export const DefaultMainContent = ({ content }) => (<Flex container={{ justify: 'center', alignItems: 'center' }} as={StyledMainContent}>
-    <Card>
-      <CardContent>
-        <Text variant='h2'>{content} content</Text>
-      </CardContent>
-    </Card>
-  </Flex>);
-export const notificationItems = [
-    {
-        id: '123',
-        primary: "Dean Thomas mentioned your team in a bug 'Button does not initiate onClick event handler'.",
-        secondary: ['BUG-12345', new Date(2020, 8, 31, 13, 23).toDateString()],
-        visual: <Avatar name='Dean Thomas'/>,
-        unread: true
-    },
-    {
-        id: '456',
-        primary: "Seth DeAngelo mentioned your team in a bug 'Text variant h1 renders as h3 in DOM'.",
-        visual: <Avatar name='Seth DeAngelo'/>,
-        unread: true
-    },
-    {
-        id: '789',
-        primary: "Janet Moore mentioned your team in a bug 'Tree expanded state does not match the state that was set on the component'.",
-        secondary: ['BUG-12345', new Date(2020, 9, 2, 9, 22).toDateString()],
-        visual: <Avatar name='Janet Moore'/>,
-        unread: true
-    },
-    {
-        id: '000',
-        primary: 'You have been awarded Employee of the Month! Congratulations!',
-        secondary: [new Date(2020, 9, 8, 14, 46).toDateString()],
-        unread: true
-    },
-    {
-        id: '111',
-        primary: "Dean Thomas mentioned your team in a bug 'Button does not initiate onClick event handler'.",
-        secondary: ['BUG-12345', new Date(2020, 8, 31, 13, 23).toDateString()],
-        visual: <Avatar name='Dean Thomas'/>,
-        unread: true
-    },
-    {
-        id: '222',
-        primary: "Seth DeAngelo mentioned your team in a bug 'Text variant h1 renders as h3 in DOM'.",
-        visual: <Avatar name='Seth DeAngelo'/>,
-        unread: true
-    },
-    {
-        id: '333',
-        primary: "Janet Moore mentioned your team in a bug 'Tree expanded state does not match the state that was set on the component'.",
-        secondary: ['BUG-12345', new Date(2020, 9, 2, 9, 22).toDateString()],
-        visual: <Avatar name='Janet Moore'/>,
-        unread: true
-    },
-    {
-        id: '444',
-        primary: 'You have been awarded Employee of the Month! Congratulations!',
-        secondary: [new Date(2020, 9, 8, 14, 46).toDateString()],
-        unread: true
-    }
-];
-//# sourceMappingURL=AppShell.mocks.jsx.map

package/jsx/wss/AppShell/AppShell.mocks.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShell.mocks.jsx","sourceRoot":"","sources":["../../../src/wss/AppShell/AppShell.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Avatar, Card, CardContent, Flex, Text } from '@pega/cosmos-react-core';\n\nimport { StyledMainContent } from './AppShell.styles';\n\nexport const DefaultMainContent = ({ content }: { content: string }) => (\n  <Flex container={{ justify: 'center', alignItems: 'center' }} as={StyledMainContent}>\n    <Card>\n      <CardContent>\n        <Text variant='h2'>{content} content</Text>\n      </CardContent>\n    </Card>\n  </Flex>\n);\n\nexport const notificationItems = [\n  {\n    id: '123',\n    primary:\n      \"Dean Thomas mentioned your team in a bug 'Button does not initiate onClick event handler'.\",\n    secondary: ['BUG-12345', new Date(2020, 8, 31, 13, 23).toDateString()],\n    visual: <Avatar name='Dean Thomas' />,\n    unread: true\n  },\n  {\n    id: '456',\n    primary: \"Seth DeAngelo mentioned your team in a bug 'Text variant h1 renders as h3 in DOM'.\",\n    visual: <Avatar name='Seth DeAngelo' />,\n    unread: true\n  },\n  {\n    id: '789',\n    primary:\n      \"Janet Moore mentioned your team in a bug 'Tree expanded state does not match the state that was set on the component'.\",\n    secondary: ['BUG-12345', new Date(2020, 9, 2, 9, 22).toDateString()],\n    visual: <Avatar name='Janet Moore' />,\n    unread: true\n  },\n  {\n    id: '000',\n    primary: 'You have been awarded Employee of the Month! Congratulations!',\n    secondary: [new Date(2020, 9, 8, 14, 46).toDateString()],\n    unread: true\n  },\n  {\n    id: '111',\n    primary:\n      \"Dean Thomas mentioned your team in a bug 'Button does not initiate onClick event handler'.\",\n    secondary: ['BUG-12345', new Date(2020, 8, 31, 13, 23).toDateString()],\n    visual: <Avatar name='Dean Thomas' />,\n    unread: true\n  },\n  {\n    id: '222',\n    primary: \"Seth DeAngelo mentioned your team in a bug 'Text variant h1 renders as h3 in DOM'.\",\n    visual: <Avatar name='Seth DeAngelo' />,\n    unread: true\n  },\n  {\n    id: '333',\n    primary:\n      \"Janet Moore mentioned your team in a bug 'Tree expanded state does not match the state that was set on the component'.\",\n    secondary: ['BUG-12345', new Date(2020, 9, 2, 9, 22).toDateString()],\n    visual: <Avatar name='Janet Moore' />,\n    unread: true\n  },\n  {\n    id: '444',\n    primary: 'You have been awarded Employee of the Month! Congratulations!',\n    secondary: [new Date(2020, 9, 8, 14, 46).toDateString()],\n    unread: true\n  }\n];\n"]}

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

@@ -1,19 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { ReactNode } from 'react';
-import type { AppShellProps } 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 AppShellDemoProps {
-    appName?: AppShellProps['appInfo']['appName'];
-    imageSrc?: AppShellProps['appInfo']['imageSrc'];
-    numberOfNavLinks?: number;
-    navAlignment?: AppShellProps['navAlignment'];
-    navPosition?: AppShellProps['navPosition'];
-    operatorName?: AppShellProps['operator']['avatar']['name'];
-    operatorTitle?: AppShellProps['operator']['title'];
-    notificationsEmpty?: boolean;
-    notificationsLoading?: boolean;
-    mainContent?: ReactNode;
-}
-export declare const AppShellDemo: StoryFn<AppShellDemoProps>;
-//# sourceMappingURL=AppShell.stories.d.ts.map

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"}