@pega/cosmos-react-demos 4.1.1 → 5.0.0-dev.10.0

package/lib/tools/Clipboard/Clipboard.stories.js

@@ -1,74 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { Clipboard } from '@pega/cosmos-react-tools';
-import { treeHelpers } from '@pega/cosmos-react-core';
-import { allNodes, childNodes, getDetailsData } from './Clipboard.mocks';
-export default {
-    title: 'Tools/Clipboard',
-    component: Clipboard,
-    parameters: {
-        layout: 'fullscreen'
-    }
-};
-export const ClipboardViewerDemo = () => {
-    const [nodes, setNodes] = useState(allNodes);
-    const [currentNodeId, setCurrentNodeId] = useState(allNodes[0].id);
-    const [pageDetails, setPageDetails] = useState();
-    const timeouts = [];
-    useEffect(() => {
-        return () => {
-            timeouts.forEach((timeout) => {
-                clearTimeout(timeout);
-            });
-        };
-    }, []);
-    // Update main content based on id
-    const updatePageDetails = (id, cb) => {
-        setPageDetails({ primary: '', fields: [], loading: true });
-        const response = getDetailsData(id, cb);
-        timeouts.push(setTimeout(() => setPageDetails(response), 1300));
-    };
-    // get child nodes for the parent and set loading to false
-    const loadChildNodes = (id) => {
-        timeouts.push(setTimeout(() => {
-            setNodes(tree => treeHelpers.mapNode(tree, id, node => node.nodes?.length === 0
-                ? {
-                    ...node,
-                    loading: false,
-                    nodes: id === 'D_pzPreferenceStore' ? childNodes : undefined
-                }
-                : node));
-        }, 1000));
-    };
-    const onNodeToggle = (nodeId) => {
-        setNodes(tree => treeHelpers.mapNode(tree, nodeId, node => {
-            return {
-                ...node,
-                expanded: !node.expanded,
-                loading: node.nodes?.length === 0
-            };
-        }));
-        loadChildNodes(nodeId);
-    };
-    const onNodeClick = (nodeId, e) => {
-        // set node id of clicked node as active
-        setCurrentNodeId(nodeId);
-        // get child nodes and set new nodes to state
-        loadChildNodes(nodeId);
-        // Do not change maincontent if tree is navigated using arrow buttons
-        if (['ArrowRight', 'ArrowLeft'].includes(e.key))
-            return;
-        // set main content based on active node
-        updatePageDetails(nodeId, id => {
-            onNodeClick(id, e);
-            setNodes(tree => treeHelpers.expandTo(tree, nodeId));
-        });
-    };
-    return (_jsx(Clipboard, { navigation: {
-            nodes,
-            currentNodeId,
-            onNodeClick,
-            onNodeToggle
-        }, content: pageDetails, lastUpdated: 'Last updated: Less than a minute ago' }));
-};
-//# sourceMappingURL=Clipboard.stories.js.map

package/lib/tools/Clipboard/Clipboard.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Clipboard.stories.js","sourceRoot":"","sources":["../../../src/tools/Clipboard/Clipboard.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState, useEffect } from 'react';\nimport type { MouseEvent, KeyboardEvent } from 'react';\n\nimport { Clipboard } from '@pega/cosmos-react-tools';\nimport type { ClipboardProps, FieldSummaryProps } from '@pega/cosmos-react-tools';\nimport { treeHelpers } from '@pega/cosmos-react-core';\n\nimport { allNodes, childNodes, getDetailsData } from './Clipboard.mocks';\n\nexport default {\n  title: 'Tools/Clipboard',\n  component: Clipboard,\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\nexport const ClipboardViewerDemo: StoryFn<ClipboardProps> = () => {\n  const [nodes, setNodes] = useState(allNodes);\n  const [currentNodeId, setCurrentNodeId] = useState(allNodes[0].id);\n  const [pageDetails, setPageDetails] = useState<FieldSummaryProps | undefined>();\n  const timeouts: ReturnType<typeof setTimeout>[] = [];\n\n  useEffect(() => {\n    return () => {\n      timeouts.forEach((timeout: ReturnType<typeof setTimeout>) => {\n        clearTimeout(timeout);\n      });\n    };\n  }, []);\n\n  // Update main content based on id\n  const updatePageDetails = (id: string, cb?: (id: string) => void) => {\n    setPageDetails({ primary: '', fields: [], loading: true });\n    const response = getDetailsData(id, cb);\n    timeouts.push(setTimeout(() => setPageDetails(response), 1300));\n  };\n\n  // get child nodes for the parent and set loading to false\n  const loadChildNodes = (id: string) => {\n    timeouts.push(\n      setTimeout(() => {\n        setNodes(tree =>\n          treeHelpers.mapNode(tree, id, node =>\n            node.nodes?.length === 0\n              ? {\n                  ...node,\n                  loading: false,\n                  nodes: id === 'D_pzPreferenceStore' ? childNodes : undefined\n                }\n              : node\n          )\n        );\n      }, 1000)\n    );\n  };\n\n  const onNodeToggle = (nodeId: string) => {\n    setNodes(tree =>\n      treeHelpers.mapNode(tree, nodeId, node => {\n        return {\n          ...node,\n          expanded: !node.expanded,\n          loading: node.nodes?.length === 0\n        };\n      })\n    );\n    loadChildNodes(nodeId);\n  };\n\n  const onNodeClick = (nodeId: string, e: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => {\n    // set node id of clicked node as active\n    setCurrentNodeId(nodeId);\n\n    // get child nodes and set new nodes to state\n    loadChildNodes(nodeId);\n\n    // Do not change maincontent if tree is navigated using arrow buttons\n    if (['ArrowRight', 'ArrowLeft'].includes((e as KeyboardEvent).key)) return;\n\n    // set main content based on active node\n    updatePageDetails(nodeId, id => {\n      onNodeClick(id, e);\n      setNodes(tree => treeHelpers.expandTo(tree, nodeId));\n    });\n  };\n\n  return (\n    <Clipboard\n      navigation={{\n        nodes,\n        currentNodeId,\n        onNodeClick,\n        onNodeToggle\n      }}\n      content={pageDetails}\n      lastUpdated='Last updated: Less than a minute ago'\n    />\n  );\n};\n"]}

package/lib/tools/DevTools/DevTools.mocks.d.ts

@@ -1,3 +0,0 @@
-import { footerMenuMock, footerTabsMockContent, footerTabsMock } from '../PreviewShell/PreviewShell.mocks';
-export { footerMenuMock, footerTabsMockContent, footerTabsMock };
-//# sourceMappingURL=DevTools.mocks.d.ts.map

package/lib/tools/DevTools/DevTools.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevTools.mocks.d.ts","sourceRoot":"","sources":["../../../src/tools/DevTools/DevTools.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,cAAc,EACf,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,cAAc,EAAE,CAAC"}

package/lib/tools/DevTools/DevTools.mocks.js

@@ -1,3 +0,0 @@
-import { footerMenuMock, footerTabsMockContent, footerTabsMock } from '../PreviewShell/PreviewShell.mocks';
-export { footerMenuMock, footerTabsMockContent, footerTabsMock };
-//# sourceMappingURL=DevTools.mocks.js.map

package/lib/tools/DevTools/DevTools.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevTools.mocks.js","sourceRoot":"","sources":["../../../src/tools/DevTools/DevTools.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,cAAc,EACf,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import {\n  footerMenuMock,\n  footerTabsMockContent,\n  footerTabsMock\n} from '../PreviewShell/PreviewShell.mocks';\n\nexport { footerMenuMock, footerTabsMockContent, footerTabsMock };\n"]}

package/lib/tools/DevTools/DevTools.stories.d.ts

@@ -1,10 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { DevToolsProps } from '@pega/cosmos-react-tools';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-interface DevToolsStoryProps extends DevToolsProps {
-    showUtils?: boolean;
-    showActiveDebuggingState?: boolean;
-}
-export declare const DevToolsDemo: StoryFn<DevToolsStoryProps>;
-//# sourceMappingURL=DevTools.stories.d.ts.map

package/lib/tools/DevTools/DevTools.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevTools.stories.d.ts","sourceRoot":"","sources":["../../../src/tools/DevTools/DevTools.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAKtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;;AAK9D,wBAMU;AAEV,UAAU,kBAAmB,SAAQ,aAAa;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,kBAAkB,CAkCpD,CAAC"}

package/lib/tools/DevTools/DevTools.stories.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { action } from '@storybook/addon-actions';
-import { DevTools } from '@pega/cosmos-react-tools';
-import { Flex, MenuButton, Button, Icon } from '@pega/cosmos-react-core';
-import { footerTabsMock, footerMenuMock } from './DevTools.mocks';
-export default {
-    title: 'Tools/DevTools',
-    component: DevTools,
-    parameters: {
-        layout: 'fullscreen'
-    }
-};
-export const DevToolsDemo = (args) => {
-    const [currentTabId, setCurrentTabId] = useState(footerTabsMock[1].id);
-    const utils = (_jsxs(Flex, { container: { alignItems: 'center', pad: [0, 2] }, children: [_jsx(MenuButton, { text: 'More options', variant: 'simple', icon: 'more', iconOnly: true, menu: { items: footerMenuMock } }), _jsx(Button, { variant: 'simple', icon: true, label: 'Open in new window', onClick: action('Clicked open in new window'), children: _jsx(Icon, { name: 'open' }) })] }));
-    return (_jsx(DevTools, { tabs: footerTabsMock, currentTabId: currentTabId, onTabClick: (id) => {
-            setCurrentTabId(id);
-        }, utils: args.showUtils && utils, onContinueDebug: args.showActiveDebuggingState ? () => { } : undefined }));
-};
-DevToolsDemo.args = {
-    showUtils: false,
-    showActiveDebuggingState: false
-};
-DevToolsDemo.argTypes = {
-    showUtils: { control: { type: 'boolean' } },
-    showActiveDebuggingState: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=DevTools.stories.js.map

package/lib/tools/DevTools/DevTools.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevTools.stories.js","sourceRoot":"","sources":["../../../src/tools/DevTools/DevTools.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEzE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElE,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACM,CAAC;AAOV,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,IAAwB,EAAE,EAAE;IACpF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEvE,MAAM,KAAK,GAAG,CACZ,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,aACpD,KAAC,UAAU,IACT,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,MAAM,EACX,QAAQ,QACR,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,GAC/B,EACF,KAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,IAAI,QACJ,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,MAAM,CAAC,4BAA4B,CAAC,YAE7C,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACb,IACJ,CACR,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EAAE,cAAc,EACpB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,CAAC,EAAU,EAAE,EAAE;YACzB,eAAe,CAAC,EAAE,CAAC,CAAC;QACtB,CAAC,EACD,KAAK,EAAE,IAAI,CAAC,SAAS,IAAI,KAAK,EAC9B,eAAe,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CAAC,SAAS,GACrE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,IAAI,GAAG;IAClB,SAAS,EAAE,KAAK;IAChB,wBAAwB,EAAE,KAAK;CAChC,CAAC;AAEF,YAAY,CAAC,QAAQ,GAAG;IACtB,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC3C,wBAAwB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAC3D,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState } from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport { DevTools } from '@pega/cosmos-react-tools';\nimport type { DevToolsProps } from '@pega/cosmos-react-tools';\nimport { Flex, MenuButton, Button, Icon } from '@pega/cosmos-react-core';\n\nimport { footerTabsMock, footerMenuMock } from './DevTools.mocks';\n\nexport default {\n  title: 'Tools/DevTools',\n  component: DevTools,\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\ninterface DevToolsStoryProps extends DevToolsProps {\n  showUtils?: boolean;\n  showActiveDebuggingState?: boolean;\n}\n\nexport const DevToolsDemo: StoryFn<DevToolsStoryProps> = (args: DevToolsStoryProps) => {\n  const [currentTabId, setCurrentTabId] = useState(footerTabsMock[1].id);\n\n  const utils = (\n    <Flex container={{ alignItems: 'center', pad: [0, 2] }}>\n      <MenuButton\n        text='More options'\n        variant='simple'\n        icon='more'\n        iconOnly\n        menu={{ items: footerMenuMock }}\n      />\n      <Button\n        variant='simple'\n        icon\n        label='Open in new window'\n        onClick={action('Clicked open in new window')}\n      >\n        <Icon name='open' />\n      </Button>\n    </Flex>\n  );\n\n  return (\n    <DevTools\n      tabs={footerTabsMock}\n      currentTabId={currentTabId}\n      onTabClick={(id: string) => {\n        setCurrentTabId(id);\n      }}\n      utils={args.showUtils && utils}\n      onContinueDebug={args.showActiveDebuggingState ? () => {} : undefined}\n    />\n  );\n};\n\nDevToolsDemo.args = {\n  showUtils: false,\n  showActiveDebuggingState: false\n};\n\nDevToolsDemo.argTypes = {\n  showUtils: { control: { type: 'boolean' } },\n  showActiveDebuggingState: { control: { type: 'boolean' } }\n};\n"]}

package/lib/tools/PreviewShell/PreviewShell.mocks.d.ts

@@ -1,20 +0,0 @@
-import { FC } from 'react';
-import { MenuProps } from '@pega/cosmos-react-core';
-export declare const footerTabsMockContent: JSX.Element[];
-export declare const TabContent: FC<{
-    text: string;
-}>;
-export declare const footerTabsMock: {
-    name: string;
-    id: string;
-    content: JSX.Element;
-}[];
-export declare const channelsMock: {
-    id: string;
-    primary: string;
-    selected: boolean;
-    content: JSX.Element;
-    icon: string;
-}[];
-export declare const footerMenuMock: MenuProps['items'];
-//# sourceMappingURL=PreviewShell.mocks.d.ts.map

package/lib/tools/PreviewShell/PreviewShell.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PreviewShell.mocks.d.ts","sourceRoot":"","sources":["../../../src/tools/PreviewShell/PreviewShell.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,SAAS,EAAc,MAAM,yBAAyB,CAAC;AAOhE,eAAO,MAAM,qBAAqB,eAKjC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAM3C,CAAC;AAEF,eAAO,MAAM,cAAc;;;;GAG1B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;GAoBxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,OAAO,CA2C7C,CAAC"}

package/lib/tools/PreviewShell/PreviewShell.mocks.js

@@ -1,77 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Text, Flex } from '@pega/cosmos-react-core';
-import { ClipboardViewerDemo } from '../Clipboard/Clipboard.stories';
-import { EmptyStateDemo } from '../../core/EmptyState/EmptyState.stories';
-import { StyledContainer } from './PreviewShell.styles';
-export const footerTabsMockContent = [
-    _jsx(StyledContainer, { children: _jsx(EmptyStateDemo, {}) }),
-    _jsx(ClipboardViewerDemo, { navigation: { nodes: [] } })
-];
-export const TabContent = ({ text }) => {
-    return (_jsx(Flex, { container: { justify: 'center', alignItems: 'center' }, as: StyledContainer, children: _jsx(Text, { variant: 'h3', children: text }) }));
-};
-export const footerTabsMock = [
-    { name: 'Tracer', id: '0', content: footerTabsMockContent[0] },
-    { name: 'Clipboard', id: '1', content: footerTabsMockContent[1] }
-];
-export const channelsMock = [
-    {
-        id: 'browser',
-        primary: 'Browser',
-        selected: true,
-        content: (_jsx("iframe", { title: 'Preview frame', src: `${window.location.href.split('?')[0]}?id=core-pagetemplates--tabbed-page-demo` })),
-        icon: 'desktop'
-    },
-    {
-        id: 'mobile-app',
-        primary: 'Mobile app',
-        selected: false,
-        content: _jsx(TabContent, { text: 'This is main content' }),
-        icon: 'mobile-phone'
-    }
-];
-export const footerMenuMock = [
-    {
-        id: '1',
-        primary: 'Dock to bottom'
-    },
-    {
-        id: '2',
-        primary: 'Separate window'
-    },
-    {
-        id: '3',
-        primary: 'More tools',
-        items: [
-            {
-                id: '3-1',
-                primary: 'Network'
-            },
-            {
-                id: '3-2',
-                primary: 'Performance'
-            },
-            {
-                id: '3-3',
-                primary: 'Memory'
-            },
-            {
-                id: '3-4',
-                primary: 'Application'
-            }
-        ]
-    },
-    {
-        id: '4',
-        primary: 'Settings'
-    },
-    {
-        id: '5',
-        primary: 'Shortcuts'
-    },
-    {
-        id: '6',
-        primary: 'Help'
-    }
-];
-//# sourceMappingURL=PreviewShell.mocks.js.map

package/lib/tools/PreviewShell/PreviewShell.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PreviewShell.mocks.js","sourceRoot":"","sources":["../../../src/tools/PreviewShell/PreviewShell.mocks.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAa,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,KAAC,eAAe,cACd,KAAC,cAAc,KAAG,GACF;IAClB,KAAC,mBAAmB,IAAC,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAI;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAyB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC3D,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,eAAe,YAC/E,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,IAAI,GAAQ,GAC3B,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,EAAE;IAC9D,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,EAAE;CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B;QACE,EAAE,EAAE,SAAS;QACb,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,CACP,iBACE,KAAK,EAAC,eAAe,EACrB,GAAG,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,0CAA0C,GACpF,CACH;QACD,IAAI,EAAE,SAAS;KAChB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,OAAO,EAAE,YAAY;QACrB,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,KAAC,UAAU,IAAC,IAAI,EAAC,sBAAsB,GAAG;QACnD,IAAI,EAAE,cAAc;KACrB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAuB;IAChD;QACE,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,gBAAgB;KAC1B;IACD;QACE,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,iBAAiB;KAC3B;IACD;QACE,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,KAAK;gBACT,OAAO,EAAE,SAAS;aACnB;YACD;gBACE,EAAE,EAAE,KAAK;gBACT,OAAO,EAAE,aAAa;aACvB;YACD;gBACE,EAAE,EAAE,KAAK;gBACT,OAAO,EAAE,QAAQ;aAClB;YACD;gBACE,EAAE,EAAE,KAAK;gBACT,OAAO,EAAE,aAAa;aACvB;SACF;KACF;IACD;QACE,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,UAAU;KACpB;IACD;QACE,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,WAAW;KACrB;IACD;QACE,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,MAAM;KAChB;CACF,CAAC","sourcesContent":["import { FC } from 'react';\n\nimport { MenuProps, Text, Flex } from '@pega/cosmos-react-core';\n\nimport { ClipboardViewerDemo } from '../Clipboard/Clipboard.stories';\nimport { EmptyStateDemo } from '../../core/EmptyState/EmptyState.stories';\n\nimport { StyledContainer } from './PreviewShell.styles';\n\nexport const footerTabsMockContent = [\n  <StyledContainer>\n    <EmptyStateDemo />\n  </StyledContainer>,\n  <ClipboardViewerDemo navigation={{ nodes: [] }} />\n];\n\nexport const TabContent: FC<{ text: string }> = ({ text }) => {\n  return (\n    <Flex container={{ justify: 'center', alignItems: 'center' }} as={StyledContainer}>\n      <Text variant='h3'>{text}</Text>\n    </Flex>\n  );\n};\n\nexport const footerTabsMock = [\n  { name: 'Tracer', id: '0', content: footerTabsMockContent[0] },\n  { name: 'Clipboard', id: '1', content: footerTabsMockContent[1] }\n];\n\nexport const channelsMock = [\n  {\n    id: 'browser',\n    primary: 'Browser',\n    selected: true,\n    content: (\n      <iframe\n        title='Preview frame'\n        src={`${window.location.href.split('?')[0]}?id=core-pagetemplates--tabbed-page-demo`}\n      />\n    ),\n    icon: 'desktop'\n  },\n  {\n    id: 'mobile-app',\n    primary: 'Mobile app',\n    selected: false,\n    content: <TabContent text='This is main content' />,\n    icon: 'mobile-phone'\n  }\n];\n\nexport const footerMenuMock: MenuProps['items'] = [\n  {\n    id: '1',\n    primary: 'Dock to bottom'\n  },\n  {\n    id: '2',\n    primary: 'Separate window'\n  },\n  {\n    id: '3',\n    primary: 'More tools',\n    items: [\n      {\n        id: '3-1',\n        primary: 'Network'\n      },\n      {\n        id: '3-2',\n        primary: 'Performance'\n      },\n      {\n        id: '3-3',\n        primary: 'Memory'\n      },\n      {\n        id: '3-4',\n        primary: 'Application'\n      }\n    ]\n  },\n  {\n    id: '4',\n    primary: 'Settings'\n  },\n  {\n    id: '5',\n    primary: 'Shortcuts'\n  },\n  {\n    id: '6',\n    primary: 'Help'\n  }\n];\n"]}

package/lib/tools/PreviewShell/PreviewShell.stories.d.ts

@@ -1,20 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { MouseEvent } from 'react';
-import { PreviewShellProps } from '@pega/cosmos-react-tools';
-import type { HeaderProps } from '@pega/cosmos-react-tools/lib/components/PreviewShell/PreviewShell.types';
-import type { StatusProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-interface PreviewShellStoryProps extends PreviewShellProps {
-    appName: HeaderProps['appName'];
-    statusVariant: StatusProps['variant'];
-    statusText: string;
-    operatorName: HeaderProps['operator']['avatar']['name'];
-    expandFooter: boolean;
-    showHeader: boolean;
-    showFooter?: boolean;
-    onNewWindowClick: (e?: MouseEvent<HTMLButtonElement>) => void;
-}
-export declare const PreviewShellSkeleton: StoryFn<PreviewShellStoryProps>;
-export declare const PreviewShellDemo: StoryFn<PreviewShellStoryProps>;
-//# sourceMappingURL=PreviewShell.stories.d.ts.map

package/lib/tools/PreviewShell/PreviewShell.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PreviewShell.stories.d.ts","sourceRoot":"","sources":["../../../src/tools/PreviewShell/PreviewShell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAgB,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yEAAyE,CAAC;AAC3G,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;;AAI3D,wBAMU;AAEV,UAAU,sBAAuB,SAAQ,iBAAiB;IACxD,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,aAAa,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;IACxD,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,sBAAsB,CA0EhE,CAAC;AAyBF,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,sBAAsB,CA2F5D,CAAC"}

package/lib/tools/PreviewShell/PreviewShell.stories.js

@@ -1,181 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { action } from '@storybook/addon-actions';
-import { useEffect, useState, useMemo } from 'react';
-import { PreviewShell } from '@pega/cosmos-react-tools';
-import { footerMenuMock, footerTabsMock, channelsMock, TabContent } from './PreviewShell.mocks';
-export default {
-    title: 'Tools/PreviewShell',
-    component: PreviewShell,
-    parameters: {
-        layout: 'fullscreen'
-    }
-};
-export const PreviewShellSkeleton = (args) => {
-    const [currentTabId, setCurrentTabId] = useState(footerTabsMock[0].id);
-    const [newWindow, setNewWindow] = useState(null);
-    const [channels, setChannels] = useState(channelsMock);
-    const onChannelClick = (id) => {
-        setChannels(cur => cur.map(ch => ({ ...ch, selected: id === ch.id })));
-        newWindow?.close();
-        setNewWindow(null);
-    };
-    return (_jsx(PreviewShell, { header: {
-            appName: args.appName,
-            status: {
-                variant: args.statusVariant,
-                children: args.statusText
-            },
-            operator: {
-                avatar: { name: args.operatorName || '' },
-                actions: [
-                    { primary: 'Profile', id: 'profile' },
-                    { primary: 'Settings', id: 'settings' },
-                    { primary: 'My applications', id: 'apps' },
-                    { primary: 'Help center', id: 'help' },
-                    { primary: 'Log out', id: 'logout' }
-                ],
-                name: args.operatorName
-            },
-            channels,
-            onChannelClick
-        }, footer: {
-            tabs: footerTabsMock.map(tab => ({
-                ...tab,
-                content: _jsx(TabContent, { text: `This is the content for ${tab.name}` })
-            })),
-            currentTabId,
-            onTabClick: (id) => {
-                setCurrentTabId(id);
-            },
-            expanded: args.expandFooter,
-            onContinueDebug: newWindow
-                ? () => {
-                    newWindow?.focus();
-                }
-                : undefined,
-            onNewWindowClick: args.onNewWindowClick ??
-                (() => {
-                    const newWindowObj = window.open(`${window.location.origin}/iframe.html?id=tools-devtools--dev-tools-demo&args=&viewMode=story`);
-                    setNewWindow(newWindowObj);
-                    newWindowObj?.addEventListener('load', () => {
-                        newWindowObj?.addEventListener('beforeunload', () => {
-                            setNewWindow(null);
-                        });
-                        newWindowObj?.addEventListener('unload', () => {
-                            document.querySelector('button[aria-label="Open in new window"]')?.focus();
-                        });
-                    });
-                }),
-            menu: { items: footerMenuMock }
-        }, children: _jsx(TabContent, { text: 'This is main content' }) }));
-};
-PreviewShellSkeleton.args = {
-    appName: 'Title',
-    statusVariant: 'pending',
-    statusText: 'status',
-    operatorName: 'Cindy Turner',
-    expandFooter: true,
-    onNewWindowClick: undefined,
-    showHeader: true
-};
-PreviewShellSkeleton.argTypes = {
-    appName: { control: { type: 'text' } },
-    statusVariant: {
-        options: ['success', 'urgent', 'warn', 'pending', 'info'],
-        control: { type: 'select' }
-    },
-    statusText: { control: { type: 'text' } },
-    operatorName: { control: { type: 'text' } },
-    expandFooter: { control: { type: 'boolean' } },
-    onNewWindowClick: { table: { disable: true } },
-    showHeader: { control: { type: 'boolean' } }
-};
-export const PreviewShellDemo = (args) => {
-    const [currentTabId, setCurrentTabId] = useState(footerTabsMock[1].id);
-    const [newWindow, setNewWindow] = useState(null);
-    const [channels, setChannels] = useState(channelsMock);
-    const onChannelClick = (id) => {
-        setChannels(cur => cur.map(ch => ({ ...ch, selected: id === ch.id })));
-        newWindow?.close();
-        setNewWindow(null);
-    };
-    const selectedChannel = useMemo(() => {
-        const selectedItem = channels.find(ch => ch.selected);
-        return selectedItem || channels[0];
-    }, [channels]);
-    useEffect(() => {
-        if (newWindow?.self) {
-            newWindow.onload = () => {
-                newWindow.onbeforeunload = () => {
-                    setNewWindow(null);
-                };
-                newWindow.onunload = () => {
-                    document.querySelector('button[aria-label="Open in new window"]')?.focus();
-                };
-            };
-        }
-    }, [newWindow]);
-    return (_jsx(PreviewShell, { header: args.showHeader
-            ? {
-                appName: args.appName,
-                onClick: action('Clicked application name'),
-                status: {
-                    variant: args.statusVariant,
-                    children: args.statusText
-                },
-                operator: {
-                    avatar: { name: args.operatorName },
-                    actions: [
-                        { primary: 'Profile', id: 'profile' },
-                        { primary: 'Settings', id: 'settings' },
-                        { primary: 'My applications', id: 'apps' },
-                        { primary: 'Help center', id: 'help' },
-                        { primary: 'Log out', id: 'logout' }
-                    ],
-                    name: args.operatorName
-                },
-                channels,
-                onChannelClick
-            }
-            : undefined, footer: args.showFooter && selectedChannel?.id === 'browser'
-            ? {
-                tabs: footerTabsMock,
-                currentTabId,
-                onTabClick: (id) => {
-                    setCurrentTabId(id);
-                },
-                expanded: args.expandFooter,
-                onContinueDebug: newWindow
-                    ? () => {
-                        newWindow?.focus();
-                    }
-                    : undefined,
-                onNewWindowClick: () => {
-                    setNewWindow(window.open(`${window.location.href.split('?')[0]}?id=tools-devtools--dev-tools-demo&args=&viewMode=story`, 'Dev Tools', 'popup=true,width=800,height=500'));
-                },
-                menu: { items: footerMenuMock }
-            }
-            : undefined, children: selectedChannel?.content }));
-};
-PreviewShellDemo.args = {
-    appName: 'U+ Desk',
-    statusVariant: 'pending',
-    statusText: 'development',
-    operatorName: 'Cindy Turner',
-    expandFooter: false,
-    showHeader: true,
-    showFooter: true
-};
-PreviewShellDemo.argTypes = {
-    appName: { control: { type: 'text' } },
-    statusVariant: {
-        options: ['success', 'urgent', 'warn', 'pending', 'info'],
-        control: { type: 'select' }
-    },
-    statusText: { control: { type: 'text' } },
-    operatorName: { control: { type: 'text' } },
-    expandFooter: { control: { type: 'boolean' } },
-    showHeader: { control: { type: 'boolean' } },
-    showFooter: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=PreviewShell.stories.js.map

package/lib/tools/PreviewShell/PreviewShell.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PreviewShell.stories.js","sourceRoot":"","sources":["../../../src/tools/PreviewShell/PreviewShell.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\nimport { useEffect, useState, useMemo } from 'react';\nimport type { MouseEvent } from 'react';\n\nimport { PreviewShell, PreviewShellProps } from '@pega/cosmos-react-tools';\nimport type { HeaderProps } from '@pega/cosmos-react-tools/lib/components/PreviewShell/PreviewShell.types';\nimport type { StatusProps } from '@pega/cosmos-react-core';\n\nimport { footerMenuMock, footerTabsMock, channelsMock, TabContent } from './PreviewShell.mocks';\n\nexport default {\n  title: 'Tools/PreviewShell',\n  component: PreviewShell,\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\ninterface PreviewShellStoryProps extends PreviewShellProps {\n  appName: HeaderProps['appName'];\n  statusVariant: StatusProps['variant'];\n  statusText: string;\n  operatorName: HeaderProps['operator']['avatar']['name'];\n  expandFooter: boolean;\n  showHeader: boolean;\n  showFooter?: boolean;\n  onNewWindowClick: (e?: MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const PreviewShellSkeleton: StoryFn<PreviewShellStoryProps> = (\n  args: PreviewShellStoryProps\n) => {\n  const [currentTabId, setCurrentTabId] = useState(footerTabsMock[0].id);\n  const [newWindow, setNewWindow] = useState<Window | null>(null);\n  const [channels, setChannels] = useState(channelsMock);\n\n  const onChannelClick = (id: string) => {\n    setChannels(cur => cur.map(ch => ({ ...ch, selected: id === ch.id })));\n    newWindow?.close();\n    setNewWindow(null);\n  };\n\n  return (\n    <PreviewShell\n      header={{\n        appName: args.appName,\n        status: {\n          variant: args.statusVariant,\n          children: args.statusText\n        },\n        operator: {\n          avatar: { name: args.operatorName || '' },\n          actions: [\n            { primary: 'Profile', id: 'profile' },\n            { primary: 'Settings', id: 'settings' },\n            { primary: 'My applications', id: 'apps' },\n            { primary: 'Help center', id: 'help' },\n            { primary: 'Log out', id: 'logout' }\n          ],\n          name: args.operatorName\n        },\n        channels,\n        onChannelClick\n      }}\n      footer={{\n        tabs: footerTabsMock.map(tab => ({\n          ...tab,\n          content: <TabContent text={`This is the content for ${tab.name}`} />\n        })),\n        currentTabId,\n        onTabClick: (id: string) => {\n          setCurrentTabId(id);\n        },\n        expanded: args.expandFooter,\n        onContinueDebug: newWindow\n          ? () => {\n              newWindow?.focus();\n            }\n          : undefined,\n        onNewWindowClick:\n          args.onNewWindowClick ??\n          (() => {\n            const newWindowObj = window.open(\n              `${window.location.origin}/iframe.html?id=tools-devtools--dev-tools-demo&args=&viewMode=story`\n            );\n            setNewWindow(newWindowObj);\n            newWindowObj?.addEventListener('load', () => {\n              newWindowObj?.addEventListener('beforeunload', () => {\n                setNewWindow(null);\n              });\n              newWindowObj?.addEventListener('unload', () => {\n                (\n                  document.querySelector('button[aria-label=\"Open in new window\"]') as HTMLElement\n                )?.focus();\n              });\n            });\n          }),\n        menu: { items: footerMenuMock }\n      }}\n    >\n      <TabContent text='This is main content' />\n    </PreviewShell>\n  );\n};\n\nPreviewShellSkeleton.args = {\n  appName: 'Title',\n  statusVariant: 'pending',\n  statusText: 'status',\n  operatorName: 'Cindy Turner',\n  expandFooter: true,\n  onNewWindowClick: undefined,\n  showHeader: true\n};\n\nPreviewShellSkeleton.argTypes = {\n  appName: { control: { type: 'text' } },\n  statusVariant: {\n    options: ['success', 'urgent', 'warn', 'pending', 'info'],\n    control: { type: 'select' }\n  },\n  statusText: { control: { type: 'text' } },\n  operatorName: { control: { type: 'text' } },\n  expandFooter: { control: { type: 'boolean' } },\n  onNewWindowClick: { table: { disable: true } },\n  showHeader: { control: { type: 'boolean' } }\n};\n\nexport const PreviewShellDemo: StoryFn<PreviewShellStoryProps> = (args: PreviewShellStoryProps) => {\n  const [currentTabId, setCurrentTabId] = useState(footerTabsMock[1].id);\n  const [newWindow, setNewWindow] = useState<Window | null>(null);\n  const [channels, setChannels] = useState(channelsMock);\n\n  const onChannelClick = (id: string) => {\n    setChannels(cur => cur.map(ch => ({ ...ch, selected: id === ch.id })));\n    newWindow?.close();\n    setNewWindow(null);\n  };\n\n  const selectedChannel = useMemo(() => {\n    const selectedItem = channels.find(ch => ch.selected);\n    return selectedItem || channels[0];\n  }, [channels]);\n\n  useEffect(() => {\n    if (newWindow?.self) {\n      newWindow.onload = () => {\n        newWindow.onbeforeunload = () => {\n          setNewWindow(null);\n        };\n        newWindow.onunload = () => {\n          (\n            document.querySelector('button[aria-label=\"Open in new window\"]') as HTMLElement\n          )?.focus();\n        };\n      };\n    }\n  }, [newWindow]);\n\n  return (\n    <PreviewShell\n      header={\n        args.showHeader\n          ? {\n              appName: args.appName,\n              onClick: action('Clicked application name'),\n              status: {\n                variant: args.statusVariant,\n                children: args.statusText\n              },\n              operator: {\n                avatar: { name: args.operatorName },\n                actions: [\n                  { primary: 'Profile', id: 'profile' },\n                  { primary: 'Settings', id: 'settings' },\n                  { primary: 'My applications', id: 'apps' },\n                  { primary: 'Help center', id: 'help' },\n                  { primary: 'Log out', id: 'logout' }\n                ],\n                name: args.operatorName\n              },\n              channels,\n              onChannelClick\n            }\n          : undefined\n      }\n      footer={\n        args.showFooter && selectedChannel?.id === 'browser'\n          ? {\n              tabs: footerTabsMock,\n              currentTabId,\n              onTabClick: (id: string) => {\n                setCurrentTabId(id);\n              },\n              expanded: args.expandFooter,\n              onContinueDebug: newWindow\n                ? () => {\n                    newWindow?.focus();\n                  }\n                : undefined,\n              onNewWindowClick: () => {\n                setNewWindow(\n                  window.open(\n                    `${\n                      window.location.href.split('?')[0]\n                    }?id=tools-devtools--dev-tools-demo&args=&viewMode=story`,\n                    'Dev Tools',\n                    'popup=true,width=800,height=500'\n                  )\n                );\n              },\n              menu: { items: footerMenuMock }\n            }\n          : undefined\n      }\n    >\n      {selectedChannel?.content}\n    </PreviewShell>\n  );\n};\n\nPreviewShellDemo.args = {\n  appName: 'U+ Desk',\n  statusVariant: 'pending',\n  statusText: 'development',\n  operatorName: 'Cindy Turner',\n  expandFooter: false,\n  showHeader: true,\n  showFooter: true\n};\n\nPreviewShellDemo.argTypes = {\n  appName: { control: { type: 'text' } },\n  statusVariant: {\n    options: ['success', 'urgent', 'warn', 'pending', 'info'],\n    control: { type: 'select' }\n  },\n  statusText: { control: { type: 'text' } },\n  operatorName: { control: { type: 'text' } },\n  expandFooter: { control: { type: 'boolean' } },\n  showHeader: { control: { type: 'boolean' } },\n  showFooter: { control: { type: 'boolean' } }\n};\n"]}

package/lib/tools/PreviewShell/PreviewShell.styles.d.ts

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

package/lib/tools/PreviewShell/PreviewShell.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PreviewShell.styles.d.ts","sourceRoot":"","sources":["../../../src/tools/PreviewShell/PreviewShell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yGAG3B,CAAC"}

package/lib/tools/PreviewShell/PreviewShell.styles.js

@@ -1,6 +0,0 @@
-import styled from 'styled-components';
-export const StyledContainer = styled.div `
-  height: 100%;
-  width: 100vw;
-`;
-//# sourceMappingURL=PreviewShell.styles.js.map

package/lib/tools/PreviewShell/PreviewShell.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PreviewShell.styles.js","sourceRoot":"","sources":["../../../src/tools/PreviewShell/PreviewShell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGxC,CAAC","sourcesContent":["import styled from 'styled-components';\n\nexport const StyledContainer = styled.div`\n  height: 100%;\n  width: 100vw;\n`;\n"]}

package/lib/work/CaseView/FileService.mock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileService.mock.d.ts","sourceRoot":"","sources":["../../../src/work/CaseView/FileService.mock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAET,iBAAiB,EAGjB,QAAQ,EACR,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,mBAAmB,EAEnB,UAAU,EAEX,MAAM,yBAAyB,CAAC;AAKjC,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAKD,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,0BAA0B,EAAE,IAAI,GAAG,UAAU,CAAC,EACzD,UAAU,CAAC,mBAAmB,EAAE,IAAI,CAAC;IACvC,IAAI,EAAE,IAAI,CAAC;CACZ;AAKD,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,CAAC,0BAA0B,GAAG,kBAAkB,CAAC,EAAE,CAAC;IAC3D,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACrE,UAAU,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,CAAC,EAAE,EAAE,0BAA0B,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC3D,UAAU,EAAE,CAAC,EAAE,EAAE,0BAA0B,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;CAC5D;AAKD,eAAO,MAAM,kBAAkB,kDAM7B,CAAC;AAuDH,eAAO,MAAM,cAAc,EAAE,CAAC,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,CAAC,EAMzF,CAAC;AAEF,eAAO,MAAM,yBAAyB,QAAO,QAAQ,0BAA0B,EAAE,CA+BhF,CAAC;AAKF,QAAA,MAAM,QAAQ,EAAE,iBAAiB,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAwFxD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/work/CaseView/FileService.mock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileService.mock.js","sourceRoot":"","sources":["../../../src/work/CaseView/FileService.mock.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createContext,\n  ReactNode,\n  useState,\n  FunctionComponent,\n  useCallback,\n  useMemo,\n  Dispatch,\n  SetStateAction\n} from 'react';\n\nimport {\n  createUID,\n  FileUploadItemProps,\n  hasProp,\n  OmitStrict,\n  useAfterInitialEffect\n} from '@pega/cosmos-react-core';\n\n// -----------------------------------------------------------------------------\n// MockFileResourceObject\n// -----------------------------------------------------------------------------\nexport interface MockFileAttachmentResource {\n  id: string;\n  name: string;\n  category: string;\n  thumbnail?: string;\n  createDate?: number;\n  modifiedDate?: number;\n}\n\n// -----------------------------------------------------------------------------\n// MockFileSelectionObject\n// -----------------------------------------------------------------------------\nexport interface MockFileUploadItem\n  extends Pick<MockFileAttachmentResource, 'id' | 'category'>,\n    OmitStrict<FileUploadItemProps, 'id'> {\n  File: File;\n}\n\n// -----------------------------------------------------------------------------\n// FileServiceContextValue\n// -----------------------------------------------------------------------------\nexport interface FileServiceContextValue {\n  files: (MockFileAttachmentResource | MockFileUploadItem)[];\n  setFiles: Dispatch<SetStateAction<FileServiceContextValue['files']>>;\n  attachFile: (file: MockFileUploadItem) => void;\n  cancelFile: (id: MockFileAttachmentResource['id']) => void;\n  deleteFile: (id: MockFileAttachmentResource['id']) => void;\n}\n\n// -----------------------------------------------------------------------------\n// FileServiceContext\n// -----------------------------------------------------------------------------\nexport const FileServiceContext = createContext<FileServiceContextValue>({\n  files: [],\n  setFiles: () => {},\n  attachFile: () => {},\n  cancelFile: () => {},\n  deleteFile: () => {}\n});\n\n// -----------------------------------------------------------------------------\n// FilePostArg\n// -----------------------------------------------------------------------------\ninterface FilePostArg {\n  file: MockFileUploadItem;\n  onLoadStart: (file: MockFileUploadItem, progress: number) => void;\n  onProgress: (file: MockFileUploadItem, progress: number) => void;\n  onLoad: (file: MockFileUploadItem) => void;\n}\n\n// -----------------------------------------------------------------------------\n// uploadsInProgress\n// -----------------------------------------------------------------------------\nconst uploadsInProgress: Record<string, XMLHttpRequest> = {};\n\n// -----------------------------------------------------------------------------\n// postFile\n// -----------------------------------------------------------------------------\nconst postFile = ({ file, onLoadStart, onProgress, onLoad }: FilePostArg) => {\n  const xhr = new XMLHttpRequest();\n  const fd = new FormData();\n\n  uploadsInProgress[file.id] = xhr;\n\n  xhr.upload.onloadstart = () => {\n    onLoadStart(file, 0);\n  };\n\n  xhr.upload.onprogress = ({ lengthComputable, loaded, total }) => {\n    if (lengthComputable) {\n      onProgress(file, (loaded / total) * 100);\n    }\n  };\n\n  xhr.upload.onload = () => {\n    onLoad(file);\n  };\n\n  // This is a mock api used to demo upload progress\n  xhr.open('POST', 'http://cosmos.eng.pega.com/attachments');\n  xhr.setRequestHeader('Content-Type', 'multipart/form-data');\n  fd.append('attachments', file.File);\n  xhr.send(fd);\n\n  return xhr;\n};\n\n// Mock date generator\nconst getMockPriorDate = (h: number) => {\n  const d = new Date();\n  return d.setHours(d.getHours() - h);\n};\n\nexport const mockCategories: ('HR' | 'Marketing' | 'Sales' | 'Accounting' | 'Engineering')[] = [\n  'HR',\n  'Marketing',\n  'Sales',\n  'Accounting',\n  'Engineering'\n];\n\nexport const mockAttachmentListRequest = (): Promise<MockFileAttachmentResource[]> => {\n  return new Promise(resolve => {\n    setTimeout(() => {\n      resolve([\n        {\n          id: createUID(),\n          name: 'File.doc',\n          category: mockCategories[0],\n          createDate: getMockPriorDate(1)\n        },\n        {\n          id: createUID(),\n          name: 'File.ppt',\n          category: mockCategories[1],\n          createDate: getMockPriorDate(4)\n        },\n        {\n          id: createUID(),\n          name: 'File.xls',\n          category: mockCategories[2],\n          createDate: getMockPriorDate(30)\n        },\n        {\n          id: createUID(),\n          name: 'emptyFile',\n          category: '',\n          createDate: getMockPriorDate(144)\n        }\n      ]);\n    }, 1000);\n  });\n};\n\n// -----------------------------------------------------------------------------\n// Provider\n// -----------------------------------------------------------------------------\nconst Provider: FunctionComponent<{ children: ReactNode }> = ({ children }) => {\n  const [files, setFiles] = useState<FileServiceContextValue['files']>([]);\n\n  const attachFile = useCallback(\n    (file: MockFileUploadItem) => {\n      if (files.some(f => f.id === file.id)) return;\n      setFiles(current => [file, ...current]);\n    },\n    [files]\n  );\n\n  // Remove a file from the state array\n  const cancelFile = useCallback(\n    (id: MockFileUploadItem['id']) => {\n      if (uploadsInProgress[id]) {\n        uploadsInProgress[id].abort();\n        delete uploadsInProgress[id];\n      }\n      setFiles(current => current.filter(f => f.id !== id));\n    },\n    [uploadsInProgress]\n  );\n\n  // Mock an api request and remove a file from the state array\n  const deleteFile = useCallback(\n    async (id: MockFileUploadItem['id']) => {\n      const file = files.find(f => f.id === id) as MockFileAttachmentResource;\n      fetch(`http://cosmos.eng.pega.com/attachments/${file.id}`, { method: 'DELETE' }).then(() => {\n        setFiles(current => current.filter(f => f.id !== file.id));\n      });\n    },\n    [files]\n  );\n\n  const setProgress = useCallback((file: MockFileUploadItem, progress?: number) => {\n    setFiles(current =>\n      current.map(f => {\n        if (file.id === f.id) {\n          (f as MockFileUploadItem).progress = progress;\n        }\n        return f;\n      })\n    );\n  }, []);\n\n  useAfterInitialEffect(() => {\n    files.forEach(file => {\n      // Return if we have a mock attachment resource object or a File object that is currently uploading.\n      if (!hasProp(file, 'File') || typeof file.progress === 'number') return;\n\n      // For each File in the array, not uploaded yet, make a POST to the mock service.\n      postFile({\n        file,\n        onLoadStart: setProgress,\n        onProgress: setProgress,\n        onLoad(loadedFile) {\n          delete uploadsInProgress[loadedFile.id];\n\n          setFiles(cur => {\n            return cur.map(f => {\n              if (f.id === loadedFile.id) {\n                return {\n                  ...loadedFile,\n                  id: createUID(),\n                  createDate: Date.now()\n                };\n              }\n\n              return f;\n            });\n          });\n        }\n      });\n    });\n  }, [files.length, setProgress]);\n\n  const value: FileServiceContextValue = useMemo(\n    () => ({\n      files,\n      setFiles,\n      attachFile,\n      cancelFile,\n      deleteFile\n    }),\n    [files, attachFile, cancelFile, deleteFile]\n  );\n\n  return <FileServiceContext.Provider value={value}>{children}</FileServiceContext.Provider>;\n};\n\nexport default Provider;\n"]}