@pega/cosmos-react-demos 6.6.0 → 6.6.1

package/jsx/core/Lightbox/Lightbox.mocks.js

@@ -1,97 +0,0 @@
-export const mockData = [
-    {
-        id: 'photo-1497752531616-c3afd9760a11',
-        name: 'Image 1',
-        description: 'Descriptive text about Image 1',
-        format: 'jpeg',
-        src: 'https://images.unsplash.com/photo-1497752531616-c3afd9760a11?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80'
-    },
-    {
-        id: 'pdf-1',
-        name: 'Sample-PDF 1',
-        description: 'Descriptive text about Dictionary of old Icelandic',
-        src: 'https://css4.pub/2015/icelandic/dictionary.pdf',
-        format: 'pdf'
-    },
-    {
-        id: 'photo-1470093851219-69951fcbb533',
-        name: 'Image 2',
-        description: 'Descriptive text about Image 2',
-        format: 'jpeg',
-        src: 'https://images.unsplash.com/photo-1470093851219-69951fcbb533?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80'
-    },
-    {
-        id: 'photo-1447684808650-354ae64db5b8',
-        name: 'Image 3',
-        description: 'Descriptive text about Image 3',
-        format: 'jpeg',
-        src: 'https://images.unsplash.com/photo-1447684808650-354ae64db5b8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2094&q=80'
-    },
-    {
-        id: 'photo-1425082661705-1834bfd09dca',
-        name: 'Image 4',
-        description: 'Descriptive text about Image 4',
-        format: 'jpeg',
-        src: 'https://images.unsplash.com/photo-1425082661705-1834bfd09dca?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2110&q=80'
-    },
-    {
-        id: 'photo-1494256997604-768d1f608cac',
-        name: 'Image 5',
-        description: 'Descriptive text about Image 5',
-        format: 'jpeg',
-        src: 'https://images.unsplash.com/photo-1494256997604-768d1f608cac?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2301&q=80'
-    },
-    {
-        id: 'photo-1500694216671-a4e54fc4b513',
-        name: 'Image 6',
-        description: 'Descriptive text about Image 6',
-        format: 'jpeg',
-        src: 'https://images.unsplash.com/photo-1500694216671-a4e54fc4b513?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2092&q=80'
-    },
-    {
-        id: 'doc1',
-        name: 'Pega.docx',
-        description: 'Descriptive text about Pega document',
-        format: 'docx',
-        src: null
-    },
-    {
-        id: 'ppt2',
-        name: 'Pega.odp',
-        description: 'Descriptive text about Presentation file',
-        format: 'odp',
-        src: null
-    },
-    {
-        id: 'attachment_link',
-        name: 'Link file',
-        description: 'Descriptive text about Image 7',
-        format: 'url',
-        src: 'https://images.unsplash.com/photo-1638292597251-6fe6b2ba50f9?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1287&q=80'
-    },
-    {
-        id: 'generic',
-        name: 'Pega file',
-        description: 'Descriptive text about file',
-        format: '3ds',
-        src: null
-    },
-    {
-        id: 'error',
-        name: 'Pega file',
-        description: 'Error showing content',
-        format: 'jpeg',
-        src: 'https://images.unsplash.com/photo'
-    }
-];
-export const mockBadResources = [
-    {
-        id: 'image-error',
-        name: 'Some image',
-        description: 'Descriptive text about Some image',
-        src: '',
-        format: undefined,
-        error: true
-    }
-];
-//# sourceMappingURL=Lightbox.mocks.js.map

package/jsx/core/Lightbox/Lightbox.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Lightbox.mocks.js","sourceRoot":"","sources":["../../../src/core/Lightbox/Lightbox.mocks.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB;QACE,EAAE,EAAE,kCAAkC;QACtC,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,gCAAgC;QAC7C,MAAM,EAAE,MAAM;QACd,GAAG,EAAE,wIAAwI;KAC9I;IACD;QACE,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,cAAc;QACpB,WAAW,EAAE,oDAAoD;QACjE,GAAG,EAAE,gDAAgD;QACrD,MAAM,EAAE,KAAK;KACd;IACD;QACE,EAAE,EAAE,kCAAkC;QACtC,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,gCAAgC;QAC7C,MAAM,EAAE,MAAM;QACd,GAAG,EAAE,wIAAwI;KAC9I;IACD;QACE,EAAE,EAAE,kCAAkC;QACtC,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,gCAAgC;QAC7C,MAAM,EAAE,MAAM;QACd,GAAG,EAAE,wIAAwI;KAC9I;IACD;QACE,EAAE,EAAE,kCAAkC;QACtC,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,gCAAgC;QAC7C,MAAM,EAAE,MAAM;QACd,GAAG,EAAE,wIAAwI;KAC9I;IACD;QACE,EAAE,EAAE,kCAAkC;QACtC,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,gCAAgC;QAC7C,MAAM,EAAE,MAAM;QACd,GAAG,EAAE,wIAAwI;KAC9I;IACD;QACE,EAAE,EAAE,kCAAkC;QACtC,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,gCAAgC;QAC7C,MAAM,EAAE,MAAM;QACd,GAAG,EAAE,wIAAwI;KAC9I;IACD;QACE,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,WAAW;QACjB,WAAW,EAAE,sCAAsC;QACnD,MAAM,EAAE,MAAM;QACd,GAAG,EAAE,IAAI;KACV;IACD;QACE,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,UAAU;QAChB,WAAW,EAAE,0CAA0C;QACvD,MAAM,EAAE,KAAK;QACb,GAAG,EAAE,IAAI;KACV;IACD;QACE,EAAE,EAAE,iBAAiB;QACrB,IAAI,EAAE,WAAW;QACjB,WAAW,EAAE,gCAAgC;QAC7C,MAAM,EAAE,KAAK;QACb,GAAG,EAAE,gKAAgK;KACtK;IACD;QACE,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,WAAW;QACjB,WAAW,EAAE,6BAA6B;QAC1C,MAAM,EAAE,KAAK;QACb,GAAG,EAAE,IAAI;KACV;IACD;QACE,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,WAAW;QACjB,WAAW,EAAE,uBAAuB;QACpC,MAAM,EAAE,MAAM;QAEd,GAAG,EAAE,mCAAmC;KACzC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B;QACE,EAAE,EAAE,aAAa;QACjB,IAAI,EAAE,YAAY;QAClB,WAAW,EAAE,mCAAmC;QAChD,GAAG,EAAE,EAAE;QACP,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,IAAI;KACZ;CACF,CAAC","sourcesContent":["// cspell:words wordprocessingml\nexport const mockData = [\n  {\n    id: 'photo-1497752531616-c3afd9760a11',\n    name: 'Image 1',\n    description: 'Descriptive text about Image 1',\n    format: 'jpeg',\n    src: 'https://images.unsplash.com/photo-1497752531616-c3afd9760a11?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80'\n  },\n  {\n    id: 'pdf-1',\n    name: 'Sample-PDF 1',\n    description: 'Descriptive text about Dictionary of old Icelandic',\n    src: 'https://css4.pub/2015/icelandic/dictionary.pdf',\n    format: 'pdf'\n  },\n  {\n    id: 'photo-1470093851219-69951fcbb533',\n    name: 'Image 2',\n    description: 'Descriptive text about Image 2',\n    format: 'jpeg',\n    src: 'https://images.unsplash.com/photo-1470093851219-69951fcbb533?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80'\n  },\n  {\n    id: 'photo-1447684808650-354ae64db5b8',\n    name: 'Image 3',\n    description: 'Descriptive text about Image 3',\n    format: 'jpeg',\n    src: 'https://images.unsplash.com/photo-1447684808650-354ae64db5b8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2094&q=80'\n  },\n  {\n    id: 'photo-1425082661705-1834bfd09dca',\n    name: 'Image 4',\n    description: 'Descriptive text about Image 4',\n    format: 'jpeg',\n    src: 'https://images.unsplash.com/photo-1425082661705-1834bfd09dca?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2110&q=80'\n  },\n  {\n    id: 'photo-1494256997604-768d1f608cac',\n    name: 'Image 5',\n    description: 'Descriptive text about Image 5',\n    format: 'jpeg',\n    src: 'https://images.unsplash.com/photo-1494256997604-768d1f608cac?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2301&q=80'\n  },\n  {\n    id: 'photo-1500694216671-a4e54fc4b513',\n    name: 'Image 6',\n    description: 'Descriptive text about Image 6',\n    format: 'jpeg',\n    src: 'https://images.unsplash.com/photo-1500694216671-a4e54fc4b513?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2092&q=80'\n  },\n  {\n    id: 'doc1',\n    name: 'Pega.docx',\n    description: 'Descriptive text about Pega document',\n    format: 'docx',\n    src: null\n  },\n  {\n    id: 'ppt2',\n    name: 'Pega.odp',\n    description: 'Descriptive text about Presentation file',\n    format: 'odp',\n    src: null\n  },\n  {\n    id: 'attachment_link',\n    name: 'Link file',\n    description: 'Descriptive text about Image 7',\n    format: 'url',\n    src: 'https://images.unsplash.com/photo-1638292597251-6fe6b2ba50f9?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1287&q=80'\n  },\n  {\n    id: 'generic',\n    name: 'Pega file',\n    description: 'Descriptive text about file',\n    format: '3ds',\n    src: null\n  },\n  {\n    id: 'error',\n    name: 'Pega file',\n    description: 'Error showing content',\n    format: 'jpeg',\n    // invalid url\n    src: 'https://images.unsplash.com/photo'\n  }\n];\n\nexport const mockBadResources = [\n  {\n    id: 'image-error',\n    name: 'Some image',\n    description: 'Descriptive text about Some image',\n    src: '',\n    format: undefined,\n    error: true\n  }\n];\n"]}

package/jsx/core/Lightbox/Lightbox.stories.d.ts

@@ -1,10 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-interface LightboxStoryProps {
-    limit?: number;
-    cycle?: boolean;
-    error?: boolean;
-}
-export declare const LightboxDemo: StoryFn<LightboxStoryProps>;
-//# sourceMappingURL=Lightbox.stories.d.ts.map

package/jsx/core/Lightbox/Lightbox.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Lightbox.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Lightbox/Lightbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AAQtD,wBAMU;AAEV,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,kBAAkB,CAoEpD,CAAC"}

package/jsx/core/Lightbox/Lightbox.stories.jsx

@@ -1,70 +0,0 @@
-import { useRef, useState } from 'react';
-import { Button, DateTimeDisplay, Lightbox } from '@pega/cosmos-react-core';
-import { mockData, mockBadResources } from './Lightbox.mocks';
-export default {
-    title: 'Core/Lightbox',
-    component: Lightbox,
-    parameters: {
-        layout: 'centered'
-    }
-};
-export const LightboxDemo = (args) => {
-    const demoButtonRef = useRef(null);
-    const [open, setOpen] = useState(false);
-    const [items, setItems] = useState();
-    const onClick = () => {
-        setItems((args.error ? mockBadResources : mockData.slice(0, args.limit)).map(item => {
-            return {
-                ...item,
-                metadata: [
-                    item.format,
-                    'John smith',
-                    <DateTimeDisplay value={new Date()} variant='date'/>
-                ]
-            };
-        }));
-    };
-    const onItemDownload = async (id) => {
-        const currentItem = items?.find(item => item.id === id);
-        if (!currentItem)
-            return;
-        if (currentItem.src) {
-            const objectURL = URL.createObjectURL(await (await fetch(currentItem.src)).blob());
-            const a = document.createElement('a');
-            a.href = objectURL;
-            a.download = currentItem.name ?? id;
-            document.body.appendChild(a);
-            a.click();
-            document.body.removeChild(a);
-            URL.revokeObjectURL(objectURL);
-        }
-    };
-    const onItemError = (id) => {
-        setItems(item => {
-            return item?.map(obj => (obj.id === id ? { ...obj, error: true } : obj));
-        });
-    };
-    return (<>
-      <Button ref={demoButtonRef} onClick={() => {
-            setOpen(true);
-            onClick();
-        }}>
-        Open Lightbox
-      </Button>
-      {open && (<Lightbox items={items ?? []} cycle={args.cycle || undefined} onAfterClose={() => {
-                setOpen(false);
-                demoButtonRef.current?.focus();
-            }} onItemDownload={onItemDownload} onItemError={onItemError}/>)}
-    </>);
-};
-LightboxDemo.args = {
-    limit: 12,
-    cycle: false,
-    error: false
-};
-LightboxDemo.argTypes = {
-    limit: { control: { type: 'number' } },
-    cycle: { control: { type: 'boolean' } },
-    error: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=Lightbox.stories.jsx.map

package/jsx/core/Lightbox/Lightbox.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Lightbox.stories.jsx","sourceRoot":"","sources":["../../../src/core/Lightbox/Lightbox.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useRef, useState } from 'react';\n\nimport { Button, DateTimeDisplay, Lightbox } from '@pega/cosmos-react-core';\nimport type { LightboxItem, LightboxProps } from '@pega/cosmos-react-core';\n\nimport { mockData, mockBadResources } from './Lightbox.mocks';\n\nexport default {\n  title: 'Core/Lightbox',\n  component: Lightbox,\n  parameters: {\n    layout: 'centered'\n  }\n} as Meta;\n\ninterface LightboxStoryProps {\n  limit?: number;\n  cycle?: boolean;\n  error?: boolean;\n}\n\nexport const LightboxDemo: StoryFn<LightboxStoryProps> = (args: LightboxStoryProps) => {\n  const demoButtonRef = useRef<HTMLButtonElement>(null);\n  const [open, setOpen] = useState<boolean>(false);\n  const [items, setItems] = useState<LightboxProps['items']>();\n\n  const onClick = () => {\n    setItems(\n      (args.error ? mockBadResources : mockData.slice(0, args.limit)).map(item => {\n        return {\n          ...item,\n          metadata: [\n            item.format,\n            'John smith',\n            <DateTimeDisplay value={new Date()} variant='date' />\n          ]\n        };\n      })\n    );\n  };\n\n  const onItemDownload = async (id: LightboxItem['id']) => {\n    const currentItem = items?.find(item => item.id === id);\n    if (!currentItem) return;\n\n    if (currentItem.src) {\n      const objectURL = URL.createObjectURL(await (await fetch(currentItem.src)).blob());\n\n      const a = document.createElement('a');\n      a.href = objectURL;\n      a.download = currentItem.name ?? id;\n      document.body.appendChild(a);\n      a.click();\n      document.body.removeChild(a);\n      URL.revokeObjectURL(objectURL);\n    }\n  };\n\n  const onItemError = (id: LightboxItem['id']) => {\n    setItems(item => {\n      return item?.map(obj => (obj.id === id ? { ...obj, error: true } : obj));\n    });\n  };\n\n  return (\n    <>\n      <Button\n        ref={demoButtonRef}\n        onClick={() => {\n          setOpen(true);\n          onClick();\n        }}\n      >\n        Open Lightbox\n      </Button>\n      {open && (\n        <Lightbox\n          items={items ?? []}\n          cycle={args.cycle || undefined}\n          onAfterClose={() => {\n            setOpen(false);\n            demoButtonRef.current?.focus();\n          }}\n          onItemDownload={onItemDownload}\n          onItemError={onItemError}\n        />\n      )}\n    </>\n  );\n};\n\nLightboxDemo.args = {\n  limit: 12,\n  cycle: false,\n  error: false\n};\n\nLightboxDemo.argTypes = {\n  limit: { control: { type: 'number' } },\n  cycle: { control: { type: 'boolean' } },\n  error: { control: { type: 'boolean' } }\n};\n"]}

package/jsx/core/Link/Link.stories.d.ts

@@ -1,13 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { LinkProps } 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 LinkStoryArgs extends Pick<LinkProps, 'variant'> {
-}
-interface PreviewableLinkStoryArgs extends LinkStoryArgs, Pick<LinkProps, 'onPreview'> {
-}
-export declare const LinkDemo: StoryFn<LinkStoryArgs>;
-export declare const ExternalLinkDemo: StoryFn<LinkStoryArgs>;
-export declare const PreviewableLink: StoryFn<PreviewableLinkStoryArgs>;
-export declare const MultiplePreviewableLinks: StoryFn<PreviewableLinkStoryArgs>;
-//# sourceMappingURL=Link.stories.d.ts.map

package/jsx/core/Link/Link.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Link/Link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;;AAKzD,wBAYU;AAEV,UAAU,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;CAAG;AAC7D,UAAU,wBAAyB,SAAQ,aAAa,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC;CAAG;AAEzF,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,aAAa,CAM3C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,aAAa,CAMnD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,wBAAwB,CAa7D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,OAAO,CAAC,wBAAwB,CAuBtE,CAAC"}

package/jsx/core/Link/Link.stories.jsx

@@ -1,43 +0,0 @@
-import { action } from '@storybook/addon-actions';
-import { registerIcon, Flex, Link } from '@pega/cosmos-react-core';
-import * as plusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/plus.icon';
-registerIcon(plusIcon);
-export default {
-    title: 'Core/Link',
-    component: Link,
-    args: {
-        variant: 'link'
-    },
-    argTypes: {
-        variant: {
-            options: ['link', 'primary', 'secondary', 'simple', 'text'],
-            control: { type: 'select' }
-        }
-    }
-};
-export const LinkDemo = (args) => {
-    return (<Link href='/' variant={args.variant}>
-      Link text
-    </Link>);
-};
-export const ExternalLinkDemo = (args) => {
-    return (<Link href='http://www.pega.com' variant={args.variant}>
-      Visit Pega!
-    </Link>);
-};
-export const PreviewableLink = (args) => {
-    return (<Link href='#ID-123456' variant={args.variant} previewable onPreview={args.onPreview || action('Preview activated')}>
-      ID-123456
-    </Link>);
-};
-export const MultiplePreviewableLinks = (args) => {
-    return (<Flex container={{ gap: 2 }}>
-      <Link href='#ID-123456' variant={args.variant} previewable onPreview={args.onPreview || action('Preview activated')}>
-        ID-123456
-      </Link>
-      <Link href='#ID-ABCDEF' variant={args.variant} previewable onPreview={args.onPreview || action('Preview activated')}>
-        ID-ABCDEF
-      </Link>
-    </Flex>);
-};
-//# sourceMappingURL=Link.stories.jsx.map

package/jsx/core/Link/Link.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.stories.jsx","sourceRoot":"","sources":["../../../src/core/Link/Link.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,QAAQ,MAAM,6DAA6D,CAAC;AAExF,YAAY,CAAC,QAAQ,CAAC,CAAC;AAEvB,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC;YAC3D,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B;KACF;CACM,CAAC;AAKV,MAAM,CAAC,MAAM,QAAQ,GAA2B,CAAC,IAAmB,EAAE,EAAE;IACtE,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACnC;;IACF,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA2B,CAAC,IAAmB,EAAE,EAAE;IAC9E,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACrD;;IACF,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAsC,CAChE,IAA8B,EAC9B,EAAE;IACF,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,YAAY,CACjB,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,WAAW,CACX,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAEzD;;IACF,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAsC,CACzE,IAA8B,EAC9B,EAAE;IACF,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAC1B;MAAA,CAAC,IAAI,CACH,IAAI,CAAC,YAAY,CACjB,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,WAAW,CACX,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAEzD;;MACF,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CACH,IAAI,CAAC,YAAY,CACjB,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,WAAW,CACX,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAEzD;;MACF,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport { registerIcon, Flex, Link } from '@pega/cosmos-react-core';\nimport type { LinkProps } from '@pega/cosmos-react-core';\nimport * as plusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/plus.icon';\n\nregisterIcon(plusIcon);\n\nexport default {\n  title: 'Core/Link',\n  component: Link,\n  args: {\n    variant: 'link'\n  },\n  argTypes: {\n    variant: {\n      options: ['link', 'primary', 'secondary', 'simple', 'text'],\n      control: { type: 'select' }\n    }\n  }\n} as Meta;\n\ninterface LinkStoryArgs extends Pick<LinkProps, 'variant'> {}\ninterface PreviewableLinkStoryArgs extends LinkStoryArgs, Pick<LinkProps, 'onPreview'> {}\n\nexport const LinkDemo: StoryFn<LinkStoryArgs> = (args: LinkStoryArgs) => {\n  return (\n    <Link href='/' variant={args.variant}>\n      Link text\n    </Link>\n  );\n};\n\nexport const ExternalLinkDemo: StoryFn<LinkStoryArgs> = (args: LinkStoryArgs) => {\n  return (\n    <Link href='http://www.pega.com' variant={args.variant}>\n      Visit Pega!\n    </Link>\n  );\n};\n\nexport const PreviewableLink: StoryFn<PreviewableLinkStoryArgs> = (\n  args: PreviewableLinkStoryArgs\n) => {\n  return (\n    <Link\n      href='#ID-123456'\n      variant={args.variant}\n      previewable\n      onPreview={args.onPreview || action('Preview activated')}\n    >\n      ID-123456\n    </Link>\n  );\n};\n\nexport const MultiplePreviewableLinks: StoryFn<PreviewableLinkStoryArgs> = (\n  args: PreviewableLinkStoryArgs\n) => {\n  return (\n    <Flex container={{ gap: 2 }}>\n      <Link\n        href='#ID-123456'\n        variant={args.variant}\n        previewable\n        onPreview={args.onPreview || action('Preview activated')}\n      >\n        ID-123456\n      </Link>\n      <Link\n        href='#ID-ABCDEF'\n        variant={args.variant}\n        previewable\n        onPreview={args.onPreview || action('Preview activated')}\n      >\n        ID-ABCDEF\n      </Link>\n    </Flex>\n  );\n};\n"]}

package/jsx/core/List/CommaSeparatedList.stories.d.ts

@@ -1,6 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { CommaSeparatedListProps, OmitStrict } 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;
-export declare const CommaSeparatedListDemo: StoryFn<OmitStrict<CommaSeparatedListProps, 'items'>>;
-//# sourceMappingURL=CommaSeparatedList.stories.d.ts.map

package/jsx/core/List/CommaSeparatedList.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommaSeparatedList.stories.d.ts","sourceRoot":"","sources":["../../../src/core/List/CommaSeparatedList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;;AAEnF,wBAGU;AAEV,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAC,UAAU,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAqBxF,CAAC"}

package/jsx/core/List/CommaSeparatedList.stories.jsx

@@ -1,31 +0,0 @@
-import { CommaSeparatedList } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/List',
-    component: CommaSeparatedList
-};
-export const CommaSeparatedListDemo = (args) => {
-    const items = [
-        'Value 1',
-        'Value 2',
-        'Value 3',
-        'Value 4',
-        'Value 5',
-        'Value 6',
-        'Value 7',
-        'Value 8',
-        'Value 9',
-        'Value 10',
-        'Value 11',
-        'Value 12',
-        'Value 13',
-        'Value 14'
-    ];
-    return <CommaSeparatedList heading={args.heading} items={items}/>;
-};
-CommaSeparatedListDemo.args = {
-    heading: 'List Heading'
-};
-CommaSeparatedListDemo.argTypes = {
-    heading: { control: { type: 'text' } }
-};
-//# sourceMappingURL=CommaSeparatedList.stories.jsx.map

package/jsx/core/List/CommaSeparatedList.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommaSeparatedList.stories.jsx","sourceRoot":"","sources":["../../../src/core/List/CommaSeparatedList.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,kBAAkB;CACtB,CAAC;AAEV,MAAM,CAAC,MAAM,sBAAsB,GAA0D,CAC3F,IAAkD,EAClD,EAAE;IACF,MAAM,KAAK,GAAG;QACZ,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;KACX,CAAC;IAEF,OAAO,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC;AACrE,CAAC,CAAC;AAEF,sBAAsB,CAAC,IAAI,GAAG;IAC5B,OAAO,EAAE,cAAc;CACxB,CAAC;AAEF,sBAAsB,CAAC,QAAQ,GAAG;IAChC,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CACvC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { CommaSeparatedList } from '@pega/cosmos-react-core';\nimport type { CommaSeparatedListProps, OmitStrict } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/List',\n  component: CommaSeparatedList\n} as Meta;\n\nexport const CommaSeparatedListDemo: StoryFn<OmitStrict<CommaSeparatedListProps, 'items'>> = (\n  args: OmitStrict<CommaSeparatedListProps, 'items'>\n) => {\n  const items = [\n    'Value 1',\n    'Value 2',\n    'Value 3',\n    'Value 4',\n    'Value 5',\n    'Value 6',\n    'Value 7',\n    'Value 8',\n    'Value 9',\n    'Value 10',\n    'Value 11',\n    'Value 12',\n    'Value 13',\n    'Value 14'\n  ];\n\n  return <CommaSeparatedList heading={args.heading} items={items} />;\n};\n\nCommaSeparatedListDemo.args = {\n  heading: 'List Heading'\n};\n\nCommaSeparatedListDemo.argTypes = {\n  heading: { control: { type: 'text' } }\n};\n"]}

package/jsx/core/List/OrderedList.stories.d.ts

@@ -1,10 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { OrderedListProps } 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 OrderedListStoryProps {
-    itemsToShow: number;
-    heading: OrderedListProps['heading'];
-}
-export declare const OrderedListDemo: StoryFn<OrderedListStoryProps>;
-//# sourceMappingURL=OrderedList.stories.d.ts.map

package/jsx/core/List/OrderedList.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrderedList.stories.d.ts","sourceRoot":"","sources":["../../../src/core/List/OrderedList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;;AAEhE,wBAGU;AAEV,UAAU,qBAAqB;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,qBAAqB,CA+B1D,CAAC"}

package/jsx/core/List/OrderedList.stories.jsx

@@ -1,38 +0,0 @@
-import { useState, useEffect } from 'react';
-import { OrderedList } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/List',
-    component: OrderedList
-};
-export const OrderedListDemo = (args) => {
-    const [limit, setLimit] = useState(0);
-    const items = [
-        'Value 1',
-        ['Value 2', 'Value 3', 'Value 4', ['Value 5', 'Value 6', 'Value 7', 'Value 8']],
-        'Value 9',
-        'Value 10',
-        'Value 11',
-        'Value 12'
-    ];
-    useEffect(() => {
-        setLimit(args.itemsToShow);
-    }, [args.itemsToShow]);
-    const handleToggleShow = () => {
-        if (limit === args.itemsToShow) {
-            setLimit(items.flat().length);
-        }
-        else {
-            setLimit(args.itemsToShow);
-        }
-    };
-    return (<OrderedList onToggleShow={handleToggleShow} heading={args.heading} items={items.slice(0, limit)} count={items.flat().length}/>);
-};
-OrderedListDemo.args = {
-    heading: 'List Heading',
-    itemsToShow: 3
-};
-OrderedListDemo.argTypes = {
-    heading: { control: { type: 'text' } },
-    itemsToShow: { control: { type: 'number' } }
-};
-//# sourceMappingURL=OrderedList.stories.jsx.map

package/jsx/core/List/OrderedList.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrderedList.stories.jsx","sourceRoot":"","sources":["../../../src/core/List/OrderedList.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,WAAW;CACf,CAAC;AAOV,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,IAA2B,EAAE,EAAE;IAC7F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG;QACZ,SAAS;QACT,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;QAC/E,SAAS;QACT,UAAU;QACV,UAAU;QACV,UAAU;KACX,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IAEvB,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,KAAK,KAAK,IAAI,CAAC,WAAW,EAAE;YAC9B,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC;SAC/B;aAAM;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,WAAW,CACV,YAAY,CAAC,CAAC,gBAAgB,CAAC,CAC/B,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAC7B,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG;IACrB,OAAO,EAAE,cAAc;IACvB,WAAW,EAAE,CAAC;CACf,CAAC;AAEF,eAAe,CAAC,QAAQ,GAAG;IACzB,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACtC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CAC7C,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState, useEffect } from 'react';\n\nimport { OrderedList } from '@pega/cosmos-react-core';\nimport type { OrderedListProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/List',\n  component: OrderedList\n} as Meta;\n\ninterface OrderedListStoryProps {\n  itemsToShow: number;\n  heading: OrderedListProps['heading'];\n}\n\nexport const OrderedListDemo: StoryFn<OrderedListStoryProps> = (args: OrderedListStoryProps) => {\n  const [limit, setLimit] = useState(0);\n  const items = [\n    'Value 1',\n    ['Value 2', 'Value 3', 'Value 4', ['Value 5', 'Value 6', 'Value 7', 'Value 8']],\n    'Value 9',\n    'Value 10',\n    'Value 11',\n    'Value 12'\n  ];\n\n  useEffect(() => {\n    setLimit(args.itemsToShow);\n  }, [args.itemsToShow]);\n\n  const handleToggleShow = () => {\n    if (limit === args.itemsToShow) {\n      setLimit(items.flat().length);\n    } else {\n      setLimit(args.itemsToShow);\n    }\n  };\n\n  return (\n    <OrderedList\n      onToggleShow={handleToggleShow}\n      heading={args.heading}\n      items={items.slice(0, limit)}\n      count={items.flat().length}\n    />\n  );\n};\n\nOrderedListDemo.args = {\n  heading: 'List Heading',\n  itemsToShow: 3\n};\n\nOrderedListDemo.argTypes = {\n  heading: { control: { type: 'text' } },\n  itemsToShow: { control: { type: 'number' } }\n};\n"]}

package/jsx/core/List/UnorderedList.stories.d.ts

@@ -1,10 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { UnorderedListProps } 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 UnorderedListStoryProps {
-    itemsToShow: number;
-    heading: UnorderedListProps['heading'];
-}
-export declare const UnorderedListDemo: StoryFn<UnorderedListStoryProps>;
-//# sourceMappingURL=UnorderedList.stories.d.ts.map

package/jsx/core/List/UnorderedList.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnorderedList.stories.d.ts","sourceRoot":"","sources":["../../../src/core/List/UnorderedList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;;AAElE,wBAGU;AAEV,UAAU,uBAAuB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,uBAAuB,CAiC9D,CAAC"}

package/jsx/core/List/UnorderedList.stories.jsx

@@ -1,38 +0,0 @@
-import { useState, useEffect } from 'react';
-import { UnorderedList } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/List',
-    component: UnorderedList
-};
-export const UnorderedListDemo = (args) => {
-    const [limit, setLimit] = useState(0);
-    const items = [
-        'Value 1',
-        ['Value 2', 'Value 3', 'Value 4', ['Value 5', 'Value 6', 'Value 7', 'Value 8']],
-        'Value 9',
-        'Value 10',
-        'Value 11',
-        'Value 12'
-    ];
-    useEffect(() => {
-        setLimit(args.itemsToShow);
-    }, [args.itemsToShow]);
-    const handleToggleShow = () => {
-        if (limit === args.itemsToShow) {
-            setLimit(items.flat().length);
-        }
-        else {
-            setLimit(args.itemsToShow);
-        }
-    };
-    return (<UnorderedList onToggleShow={handleToggleShow} heading={args.heading} items={items.slice(0, limit)} count={items.flat().length}/>);
-};
-UnorderedListDemo.args = {
-    heading: 'List Heading',
-    itemsToShow: 3
-};
-UnorderedListDemo.argTypes = {
-    heading: { control: { type: 'text' } },
-    itemsToShow: { control: { type: 'number' } }
-};
-//# sourceMappingURL=UnorderedList.stories.jsx.map

package/jsx/core/List/UnorderedList.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnorderedList.stories.jsx","sourceRoot":"","sources":["../../../src/core/List/UnorderedList.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGxD,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,aAAa;CACjB,CAAC;AAOV,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CACjE,IAA6B,EAC7B,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG;QACZ,SAAS;QACT,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;QAC/E,SAAS;QACT,UAAU;QACV,UAAU;QACV,UAAU;KACX,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IAEvB,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,KAAK,KAAK,IAAI,CAAC,WAAW,EAAE;YAC9B,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC;SAC/B;aAAM;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,aAAa,CACZ,YAAY,CAAC,CAAC,gBAAgB,CAAC,CAC/B,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAC7B,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,IAAI,GAAG;IACvB,OAAO,EAAE,cAAc;IACvB,WAAW,EAAE,CAAC;CACf,CAAC;AAEF,iBAAiB,CAAC,QAAQ,GAAG;IAC3B,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACtC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CAC7C,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState, useEffect } from 'react';\n\nimport { UnorderedList } from '@pega/cosmos-react-core';\nimport type { UnorderedListProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/List',\n  component: UnorderedList\n} as Meta;\n\ninterface UnorderedListStoryProps {\n  itemsToShow: number;\n  heading: UnorderedListProps['heading'];\n}\n\nexport const UnorderedListDemo: StoryFn<UnorderedListStoryProps> = (\n  args: UnorderedListStoryProps\n) => {\n  const [limit, setLimit] = useState(0);\n  const items = [\n    'Value 1',\n    ['Value 2', 'Value 3', 'Value 4', ['Value 5', 'Value 6', 'Value 7', 'Value 8']],\n    'Value 9',\n    'Value 10',\n    'Value 11',\n    'Value 12'\n  ];\n\n  useEffect(() => {\n    setLimit(args.itemsToShow);\n  }, [args.itemsToShow]);\n\n  const handleToggleShow = () => {\n    if (limit === args.itemsToShow) {\n      setLimit(items.flat().length);\n    } else {\n      setLimit(args.itemsToShow);\n    }\n  };\n\n  return (\n    <UnorderedList\n      onToggleShow={handleToggleShow}\n      heading={args.heading}\n      items={items.slice(0, limit)}\n      count={items.flat().length}\n    />\n  );\n};\n\nUnorderedListDemo.args = {\n  heading: 'List Heading',\n  itemsToShow: 3\n};\n\nUnorderedListDemo.argTypes = {\n  heading: { control: { type: 'text' } },\n  itemsToShow: { control: { type: 'number' } }\n};\n"]}

package/jsx/core/ListToolbar/ListToolbar.mocks.d.ts

@@ -1,9 +0,0 @@
-import type { Dispatch } from 'react';
-import type { Action } from '@pega/cosmos-react-core';
-import type { ViewSelectorProps } from '@pega/cosmos-react-core/lib/components/ListToolbar/ListToolbar.types';
-export declare const actions: Action[];
-export declare const mockViews: ViewSelectorProps['views'];
-export declare const StagedStateDispatchContext: import("react").Context<Dispatch<object>>;
-export declare const FilterRenderer: () => import("react").JSX.Element;
-export declare const GroupRenderer: () => import("react").JSX.Element;
-//# sourceMappingURL=ListToolbar.mocks.d.ts.map

package/jsx/core/ListToolbar/ListToolbar.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListToolbar.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/ListToolbar/ListToolbar.mocks.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sEAAsE,CAAC;AAM9G,eAAO,MAAM,OAAO,EAAE,MAAM,EAIzB,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,OAAO,CAIhD,CAAC;AAEF,eAAO,MAAM,0BAA0B,2CAA4C,CAAC;AA8CpF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,aAAa,mCAEzB,CAAC"}

package/jsx/core/ListToolbar/ListToolbar.mocks.jsx

@@ -1,58 +0,0 @@
-import { createContext } from 'react';
-import { Select, Option, Flex, Button, Icon } from '@pega/cosmos-react-core';
-import { ConditionBuilder } from '@pega/cosmos-react-condition-builder';
-import FieldSelector from '@pega/cosmos-react-condition-builder/lib/components/ConditionBuilder/RhsControls/FieldSelector';
-import { demoFields } from '../../condition-builder/ConditionBuilder/props.mock';
-export const actions = ['Action 1', 'Action 2', 'Action 3'].map(text => ({
-    text,
-    id: text,
-    icon: 'filter'
-}));
-export const mockViews = [
-    { id: '1', text: 'Data view 1', selected: true },
-    { id: '2', text: 'Data view 2', selected: false },
-    { id: '3', text: 'Data view 3', selected: false }
-];
-export const StagedStateDispatchContext = createContext(() => { });
-const GroupByMock = () => {
-    return (<Flex container={{ direction: 'column', gap: 2 }}>
-      <Flex container={{
-            justify: 'start',
-            alignItems: 'center',
-            direction: 'row',
-            wrap: 'nowrap',
-            itemGap: 0.5
-        }} item={{ grow: 1 }}>
-        <Icon name='drag'/>
-        <Flex item={{ basis: '50%' }}>
-          <FieldSelector fields={[]} value='' onChange={() => { }} aria-label='Field'/>
-        </Flex>
-        <Flex item={{ basis: '50%' }}>
-          <Select label='Select' aria-label='Select'>
-            <Option> </Option>
-            <Option>Item A</Option>
-          </Select>
-        </Flex>
-        <Button aria-label='Delete group' icon variant='simple'>
-          <Icon name='trash'/>
-        </Button>
-      </Flex>
-      <Button variant='link' aria-label='Add a group'>
-        <Flex container={{
-            inline: true,
-            alignItems: 'start',
-            gap: 1
-        }} as='span'>
-          <Icon name='plus'/>
-          <span>Add</span>
-        </Flex>
-      </Button>
-    </Flex>);
-};
-export const FilterRenderer = () => {
-    return <ConditionBuilder fields={demoFields}/>;
-};
-export const GroupRenderer = () => {
-    return <GroupByMock />;
-};
-//# sourceMappingURL=ListToolbar.mocks.jsx.map

package/jsx/core/ListToolbar/ListToolbar.mocks.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListToolbar.mocks.jsx","sourceRoot":"","sources":["../../../src/core/ListToolbar/ListToolbar.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createContext } from 'react';\nimport type { Dispatch } from 'react';\n\nimport { Select, Option, Flex, Button, Icon } from '@pega/cosmos-react-core';\nimport type { Action } from '@pega/cosmos-react-core';\nimport type { ViewSelectorProps } from '@pega/cosmos-react-core/lib/components/ListToolbar/ListToolbar.types';\nimport { ConditionBuilder } from '@pega/cosmos-react-condition-builder';\nimport FieldSelector from '@pega/cosmos-react-condition-builder/lib/components/ConditionBuilder/RhsControls/FieldSelector';\n\nimport { demoFields } from '../../condition-builder/ConditionBuilder/props.mock';\n\nexport const actions: Action[] = ['Action 1', 'Action 2', 'Action 3'].map(text => ({\n  text,\n  id: text,\n  icon: 'filter'\n}));\n\nexport const mockViews: ViewSelectorProps['views'] = [\n  { id: '1', text: 'Data view 1', selected: true },\n  { id: '2', text: 'Data view 2', selected: false },\n  { id: '3', text: 'Data view 3', selected: false }\n];\n\nexport const StagedStateDispatchContext = createContext<Dispatch<object>>(() => {});\n\nconst GroupByMock = () => {\n  return (\n    <Flex container={{ direction: 'column', gap: 2 }}>\n      <Flex\n        container={{\n          justify: 'start',\n          alignItems: 'center',\n          direction: 'row',\n          wrap: 'nowrap',\n          itemGap: 0.5\n        }}\n        item={{ grow: 1 }}\n      >\n        <Icon name='drag' />\n        <Flex item={{ basis: '50%' }}>\n          <FieldSelector fields={[]} value='' onChange={() => {}} aria-label='Field' />\n        </Flex>\n        <Flex item={{ basis: '50%' }}>\n          <Select label='Select' aria-label='Select'>\n            <Option> </Option>\n            <Option>Item A</Option>\n          </Select>\n        </Flex>\n        <Button aria-label='Delete group' icon variant='simple'>\n          <Icon name='trash' />\n        </Button>\n      </Flex>\n      <Button variant='link' aria-label='Add a group'>\n        <Flex\n          container={{\n            inline: true,\n            alignItems: 'start',\n            gap: 1\n          }}\n          as='span'\n        >\n          <Icon name='plus' />\n          <span>Add</span>\n        </Flex>\n      </Button>\n    </Flex>\n  );\n};\n\nexport const FilterRenderer = () => {\n  return <ConditionBuilder fields={demoFields} />;\n};\n\nexport const GroupRenderer = () => {\n  return <GroupByMock />;\n};\n"]}

package/jsx/core/ListToolbar/ListToolbar.stories.d.ts

@@ -1,17 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { FormControlProps } 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 ListToolbarStoryProps {
-    required: FormControlProps['required'];
-    info: FormControlProps['info'];
-    status: FormControlProps['status'];
-    createNewLabel: string;
-    showAdditionalInfo?: boolean;
-    numberOfSelected: number;
-    bulkButton: boolean;
-    bulkButtonLabel: string;
-}
-export declare const ListToolbarDemo: StoryFn<ListToolbarStoryProps>;
-export declare const SimpleToolbarDemo: StoryFn<ListToolbarStoryProps>;
-//# sourceMappingURL=ListToolbar.stories.d.ts.map

package/jsx/core/ListToolbar/ListToolbar.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListToolbar.stories.d.ts","sourceRoot":"","sources":["../../../src/core/ListToolbar/ListToolbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAWtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;;AAWhE,wBAaU;AAIV,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACvC,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/B,MAAM,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACnC,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,qBAAqB,CAwH1D,CAAC;AAuBF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,qBAAqB,CAY5D,CAAC"}