npm - @pega/cosmos-react-demos - Versions diffs - 7.11.3 → 7.11.4-10 - Mend

@pega/cosmos-react-demos 7.11.3 → 7.11.4-10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (949) hide show

package/jsx/work/Timeline/Timeline.mocks.jsx DELETED Viewed

@@ -1,151 +0,0 @@
-import { Link, CurrencyDisplay, Text, HTML } 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',
-        content: [
-            {
-                id: '11',
-                name: 'Progress and Risk',
-                value: <HTML content='<ul><li>Progress</li><li>Risk</li></ul>'/>
-            }
-        ]
-    },
-    {
-        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 DELETED Viewed

@@ -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, HTML } 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 content: [\n {\n id: '11',\n name: 'Progress and Risk',\n value: <HTML content='<ul><li>Progress</li><li>Risk</li></ul>' />\n }\n ]\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 DELETED Viewed

@@ -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/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").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 DELETED Viewed

@@ -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;;AAS7D,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,CA+C/D,CAAC;AAuBF,eAAO,MAAM,mBAAmB,EAAE,OA0CjC,CAAC"}

package/jsx/work/Timeline/Timeline.stories.jsx DELETED Viewed

@@ -1,85 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-import { Card, CardContent, CardHeader, parseToDate } 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()} groupBy={args.groupBy} loading={loading} loadMore={hasMore ? loadMore : undefined}/>);
-};
-TimelineDemo.args = {
-    groupBy: 'date',
-    lazyLoading: false
-};
-TimelineDemo.argTypes = {
-    groupBy: {
-        options: ['date', 'monthyear', 'quarteryear', 'year', 'none'],
-        control: { type: 'select' }
-    },
-    lazyLoading: { control: { type: 'boolean' } }
-};
-function sortByDateAscending(dates) {
-    return [...dates].sort((a, b) => parseToDate(a.date).getTime() - parseToDate(b.date).getTime());
-}
-function sortByDateDescending(dates) {
-    return [...dates].sort((a, b) => parseToDate(b.date).getTime() - parseToDate(a.date).getTime());
-}
-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);
-                setItems(currentItems => id === 'ascending'
-                    ? sortByDateAscending(currentItems)
-                    : sortByDateDescending(currentItems));
-            }
-        }} group={{
-            selected: groupBy,
-            onItemClick: (id) => {
-                setGroupBy(id);
-            }
-        }} item={{ grow: 1 }}/>
-      </CardHeader>
-      <CardContent>
-        <Timeline activity={items} currentTime={new Date()} groupBy={groupBy}/>
-      </CardContent>
-    </Card>);
-};
-//# sourceMappingURL=Timeline.stories.jsx.map

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

@@ -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, parseToDate } 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 ActivityObject,\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 groupBy={args.groupBy}\n loading={loading}\n loadMore={hasMore ? loadMore : undefined}\n />\n );\n};\n\nTimelineDemo.args = {\n groupBy: 'date',\n lazyLoading: false\n};\n\nTimelineDemo.argTypes = {\n groupBy: {\n options: ['date', 'monthyear', 'quarteryear', 'year', 'none'],\n control: { type: 'select' }\n },\n lazyLoading: { control: { type: 'boolean' } }\n};\n\nfunction sortByDateAscending(dates: ActivityObject[]): ActivityObject[] {\n return [...dates].sort((a, b) => parseToDate(a.date).getTime() - parseToDate(b.date).getTime());\n}\n\nfunction sortByDateDescending(dates: ActivityObject[]): ActivityObject[] {\n return [...dates].sort((a, b) => parseToDate(b.date).getTime() - parseToDate(a.date).getTime());\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: TimelineSortOrder) => {\n setSortOrder(id);\n setItems(currentItems =>\n id === 'ascending'\n ? sortByDateAscending(currentItems)\n : sortByDateDescending(currentItems)\n );\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 activity={items} currentTime={new Date()} groupBy={groupBy} />\n </CardContent>\n </Card>\n );\n};\n"]}

package/jsx/work/UtilitiesLayout/UtilitiesLayout.stories.d.ts DELETED Viewed

@@ -1,12 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import { type UtilitiesLayoutProps } from '@pega/cosmos-react-work';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-export interface UtilitiesLayoutDemoProps extends UtilitiesLayoutProps {
-    showGenAICoachStarterMessage?: boolean;
-    enableGenAICoach?: boolean;
-    defaultExpandUtilities?: boolean;
-    showGenAICoachErrorMessage?: boolean;
-}
-export declare const UtilitiesLayoutDemo: StoryFn<UtilitiesLayoutDemoProps>;
-//# sourceMappingURL=UtilitiesLayout.stories.d.ts.map

package/jsx/work/UtilitiesLayout/UtilitiesLayout.stories.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"UtilitiesLayout.stories.d.ts","sourceRoot":"","sources":["../../../src/work/UtilitiesLayout/UtilitiesLayout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;;AAKrF,wBAGU;AAEV,MAAM,WAAW,wBAAyB,SAAQ,oBAAoB;IACpE,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,wBAAwB,CAsBjE,CAAC"}

package/jsx/work/UtilitiesLayout/UtilitiesLayout.stories.jsx DELETED Viewed

@@ -1,29 +0,0 @@
-import { action } from '@storybook/addon-actions';
-import { UtilitiesLayout } from '@pega/cosmos-react-work';
-import { Flex } from '@pega/cosmos-react-core';
-import useGenAIcoach from '../GenAICoach/useGenAICoach';
-export default {
-    title: 'Work/UtilitiesLayout',
-    component: UtilitiesLayout
-};
-export const UtilitiesLayoutDemo = (args) => {
-    const genAICoachProps = useGenAIcoach({
-        enableGenAICoach: args.enableGenAICoach,
-        showGenAICoachStarterMessage: args.showGenAICoachStarterMessage,
-        showGenAICoachErrorMessage: args.showGenAICoachErrorMessage
-    });
-    return (<Flex container={{ justify: 'end' }}>
-      {genAICoachProps && (<UtilitiesLayout genAICoachProps={genAICoachProps} defaultExpandUtilities={args.defaultExpandUtilities} onToggleUtilities={utilitiesExpanded => action(`Utilities ${utilitiesExpanded ? 'expanded' : 'collapsed'}`)()}/>)}
-    </Flex>);
-};
-UtilitiesLayoutDemo.args = {
-    showGenAICoachStarterMessage: false,
-    enableGenAICoach: true,
-    defaultExpandUtilities: true
-};
-UtilitiesLayoutDemo.argTypes = {
-    showGenAICoachStarterMessage: { control: { type: 'boolean' } },
-    enableGenAICoach: { control: { type: 'boolean' } },
-    defaultExpandUtilities: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=UtilitiesLayout.stories.jsx.map

package/jsx/work/UtilitiesLayout/UtilitiesLayout.stories.jsx.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"UtilitiesLayout.stories.jsx","sourceRoot":"","sources":["../../../src/work/UtilitiesLayout/UtilitiesLayout.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,eAAe,EAA6B,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,OAAO,aAAa,MAAM,6BAA6B,CAAC;AAExD,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAe;CACnB,CAAC;AASV,MAAM,CAAC,MAAM,mBAAmB,GAAsC,CACpE,IAA8B,EAC9B,EAAE;IACF,MAAM,eAAe,GAAG,aAAa,CAAC;QACpC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;QACvC,4BAA4B,EAAE,IAAI,CAAC,4BAA4B;QAC/D,0BAA0B,EAAE,IAAI,CAAC,0BAA0B;KAC5D,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAClC;MAAA,CAAC,eAAe,IAAI,CAClB,CAAC,eAAe,CACd,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,sBAAsB,CAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,CACpD,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,EAAE,CACrC,MAAM,CAAC,aAAa,iBAAiB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,EAAE,CACtE,EACD,CACH,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,IAAI,GAAG;IACzB,4BAA4B,EAAE,KAAK;IACnC,gBAAgB,EAAE,IAAI;IACtB,sBAAsB,EAAE,IAAI;CAC7B,CAAC;AAEF,mBAAmB,CAAC,QAAQ,GAAG;IAC7B,4BAA4B,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC9D,gBAAgB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAClD,sBAAsB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CACzD,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport { UtilitiesLayout, type UtilitiesLayoutProps } from '@pega/cosmos-react-work';\nimport { Flex } from '@pega/cosmos-react-core';\n\nimport useGenAIcoach from '../GenAICoach/useGenAICoach';\n\nexport default {\n title: 'Work/UtilitiesLayout',\n component: UtilitiesLayout\n} as Meta;\n\nexport interface UtilitiesLayoutDemoProps extends UtilitiesLayoutProps {\n showGenAICoachStarterMessage?: boolean;\n enableGenAICoach?: boolean;\n defaultExpandUtilities?: boolean;\n showGenAICoachErrorMessage?: boolean;\n}\n\nexport const UtilitiesLayoutDemo: StoryFn<UtilitiesLayoutDemoProps> = (\n args: UtilitiesLayoutDemoProps\n) => {\n const genAICoachProps = useGenAIcoach({\n enableGenAICoach: args.enableGenAICoach,\n showGenAICoachStarterMessage: args.showGenAICoachStarterMessage,\n showGenAICoachErrorMessage: args.showGenAICoachErrorMessage\n });\n\n return (\n <Flex container={{ justify: 'end' }}>\n {genAICoachProps && (\n <UtilitiesLayout\n genAICoachProps={genAICoachProps}\n defaultExpandUtilities={args.defaultExpandUtilities}\n onToggleUtilities={utilitiesExpanded =>\n action(`Utilities ${utilitiesExpanded ? 'expanded' : 'collapsed'}`)()\n }\n />\n )}\n </Flex>\n );\n};\n\nUtilitiesLayoutDemo.args = {\n showGenAICoachStarterMessage: false,\n enableGenAICoach: true,\n defaultExpandUtilities: true\n};\n\nUtilitiesLayoutDemo.argTypes = {\n showGenAICoachStarterMessage: { control: { type: 'boolean' } },\n enableGenAICoach: { control: { type: 'boolean' } },\n defaultExpandUtilities: { control: { type: 'boolean' } }\n};\n"]}

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

@@ -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 DELETED Viewed

	@@ -1 +0,0 @@
1	- {"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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").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 DELETED Viewed

@@ -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,CAgFnD,CAAC"}

package/jsx/wss/AppShell/AppShell.stories.jsx DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 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 DELETED Viewed

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

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

	@@ -1 +0,0 @@
1	- {"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 DELETED Viewed

@@ -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 DELETED Viewed

	@@ -1 +0,0 @@
1	- {"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 DELETED Viewed

@@ -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