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

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

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

@@ -0,0 +1,6 @@
+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

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

@@ -0,0 +1,31 @@
+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

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

@@ -0,0 +1,10 @@
+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

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

@@ -0,0 +1,38 @@
+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

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

@@ -0,0 +1,10 @@
+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

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

@@ -0,0 +1,38 @@
+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

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

@@ -0,0 +1,9 @@
+import { Dispatch } from 'react';
+import { Action } from '@pega/cosmos-react-core';
+import { 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

@@ -0,0 +1 @@
+{"version":3,"file":"ListToolbar.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/ListToolbar/ListToolbar.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAsC,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sEAAsE,CAAC;AAMzG,eAAO,MAAM,OAAO,EAAE,MAAM,EAIzB,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,OAAO,CAIhD,CAAC;AAEF,eAAO,MAAM,0BAA0B,2CAA4C,CAAC;AAwDpF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,aAAa,mCAEzB,CAAC"}

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

@@ -0,0 +1,66 @@
+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={{ direction: 'column', gap: 1 }}>
+        <Flex container={{
+            justify: 'between',
+            alignItems: 'center',
+            direction: 'row',
+            wrap: 'nowrap',
+            itemGap: 0.5
+        }}>
+          <Flex container={{
+            justify: 'start',
+            alignItems: 'center',
+            direction: 'row',
+            wrap: 'nowrap',
+            itemGap: 0.5
+        }} item={{ grow: 1 }}>
+            <Icon name='drag'/>
+            <Flex item={{ grow: 1, basis: '50%' }}>
+              <FieldSelector fields={[]} value='' onChange={() => { }}/>
+            </Flex>
+            <Flex as={Select} item={{ basis: '50%' }}>
+              <Option> </Option>
+              <Option>Item A</Option>
+            </Flex>
+          </Flex>
+          <Button aria-label='Delete group' icon variant='simple'>
+            <Icon name='trash'/>
+          </Button>
+        </Flex>
+      </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

@@ -0,0 +1 @@
+{"version":3,"file":"ListToolbar.mocks.jsx","sourceRoot":"","sources":["../../../src/core/ListToolbar/ListToolbar.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createContext, Dispatch } from 'react';\n\nimport { Action, Select, Option, Flex, Button, Icon } from '@pega/cosmos-react-core';\nimport { 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 container={{ direction: 'column', gap: 1 }}>\n        <Flex\n          container={{\n            justify: 'between',\n            alignItems: 'center',\n            direction: 'row',\n            wrap: 'nowrap',\n            itemGap: 0.5\n          }}\n        >\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={{ grow: 1, basis: '50%' }}>\n              <FieldSelector fields={[]} value='' onChange={() => {}} />\n            </Flex>\n            <Flex as={Select} item={{ basis: '50%' }}>\n              <Option> </Option>\n              <Option>Item A</Option>\n            </Flex>\n          </Flex>\n          <Button aria-label='Delete group' icon variant='simple'>\n            <Icon name='trash' />\n          </Button>\n        </Flex>\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

@@ -0,0 +1,12 @@
+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 {
+    createNewLabel: string;
+    required: FormControlProps['required'];
+    showAdditionalInfo?: boolean;
+}
+export declare const ListToolbarDemo: StoryFn<ListToolbarStoryProps>;
+export declare const SimpleToolbarDemo: StoryFn;
+//# sourceMappingURL=ListToolbar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"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,wBAGU;AAIV,UAAU,qBAAqB;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACvC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,qBAAqB,CAuH1D,CAAC;AAcF,eAAO,MAAM,iBAAiB,EAAE,OAU/B,CAAC"}

package/jsx/core/ListToolbar/ListToolbar.stories.jsx

@@ -0,0 +1,121 @@
+import { useMemo, useState } from 'react';
+import { action } from '@storybook/addon-actions';
+import { Flex, Link, ListToolbar, MenuButton, listToolbarHelpers as helpers } from '@pega/cosmos-react-core';
+import { mockViews, actions, FilterRenderer, StagedStateDispatchContext, GroupRenderer } from './ListToolbar.mocks';
+export default {
+    title: 'Core/ListToolbar',
+    component: ListToolbar
+};
+export const ListToolbarDemo = (args) => {
+    const [stagedQueryOptionState, setStagedQueryOptionState] = useState(null);
+    const [views, setViews] = useState(mockViews);
+    const [currentSort, setCurrentSort] = useState(null);
+    const [searchValue, setSearchValue] = useState('');
+    const filterProp = useMemo(() => {
+        return {
+            value: stagedQueryOptionState,
+            count: undefined,
+            renderer: FilterRenderer,
+            onCancel: () => {
+                setStagedQueryOptionState(null);
+            },
+            onSubmit: () => {
+                setStagedQueryOptionState(cur => {
+                    console.table(cur);
+                    return null;
+                });
+            }
+        };
+    }, [stagedQueryOptionState]);
+    const sortProp = useMemo(() => {
+        return {
+            mode: 'single-select',
+            count: currentSort ? 1 : undefined,
+            items: [
+                {
+                    id: 'asc',
+                    text: 'Ascending',
+                    icon: 'arrow-up',
+                    selected: currentSort === 'asc'
+                },
+                {
+                    id: 'desc',
+                    text: 'Descending',
+                    icon: 'arrow-down',
+                    selected: currentSort === 'desc'
+                }
+            ],
+            onItemClick: id => {
+                setCurrentSort(cur => {
+                    return cur === id ? null : id;
+                });
+            }
+        };
+    }, [currentSort]);
+    const groupProp = useMemo(() => {
+        return {
+            count: undefined,
+            renderer: GroupRenderer,
+            onCancel: () => { },
+            onSubmit: () => { }
+        };
+    }, []);
+    return (<StagedStateDispatchContext.Provider value={setStagedQueryOptionState}>
+      <ListToolbar name='Contacts' viewSelector={{
+            views,
+            onViewSelect: id => {
+                setViews(cur => {
+                    return helpers.selectView(cur, id);
+                });
+            },
+            defaultId: '1',
+            appDefaultId: '2'
+        }} createNew={{
+            onClick: action('Clicked Create New'),
+            label: args.createNewLabel
+        }} search={{
+            onSearchSubmit: action('Search submit'),
+            value: searchValue,
+            onSearchChange: setSearchValue
+        }} count={{
+            total: 1146,
+            selected: 4
+        }} filter={filterProp} sort={sortProp} group={groupProp} actions={actions} additionalActions={<MenuButton text='Edit'/>} formControlProps={{
+            required: args.required,
+            additionalInfo: args.showAdditionalInfo
+                ? {
+                    heading: 'Additional Info',
+                    content: (<Flex container={{ direction: 'column', alignItems: 'start', gap: 2 }}>
+                    <p>
+                      Lorem ipsum dolor sit amet, consectetur it, sed do tempor incididunt ut labore
+                      magna aliqua. Nibh praesent tristique magna sit amet. Nec tincidunt praesent
+                      semper feugiat nibh sed pulvinar proin gravida.
+                    </p>
+                    <p>
+                      Pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Est velit
+                      egestas dui id ornare arcu odio ut. Varius sit amet mattis vulputate enim
+                      nulla aliquet porttitor lacus.
+                    </p>
+                    <Link href='/' target='_blank'>
+                      Neque vitae
+                    </Link>
+                  </Flex>)
+                }
+                : undefined
+        }}/>
+    </StagedStateDispatchContext.Provider>);
+};
+ListToolbarDemo.args = {
+    createNewLabel: undefined,
+    required: false,
+    showAdditionalInfo: false
+};
+ListToolbarDemo.argTypes = {
+    createNewLabel: { control: { type: 'text' } },
+    required: { control: { type: 'boolean' } },
+    showAdditionalInfo: { control: { type: 'boolean' } }
+};
+export const SimpleToolbarDemo = () => {
+    return (<ListToolbar name='Top accounts in California' search={{ onSearchSubmit: action('Search submit') }} count={{ total: 212, totalHasMore: true }} actions={actions} formControlProps={{ required: true }}/>);
+};
+//# sourceMappingURL=ListToolbar.stories.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListToolbar.stories.jsx","sourceRoot":"","sources":["../../../src/core/ListToolbar/ListToolbar.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useMemo, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport {\n  Flex,\n  Link,\n  ListToolbar,\n  MenuButton,\n  listToolbarHelpers as helpers\n} from '@pega/cosmos-react-core';\nimport type { FormControlProps } from '@pega/cosmos-react-core';\nimport type { PresetMenuProps } from '@pega/cosmos-react-core/lib/components/ListToolbar/ListToolbar.types';\n\nimport {\n  mockViews,\n  actions,\n  FilterRenderer,\n  StagedStateDispatchContext,\n  GroupRenderer\n} from './ListToolbar.mocks';\n\nexport default {\n  title: 'Core/ListToolbar',\n  component: ListToolbar\n} as Meta;\n\ntype SortString = 'asc' | 'desc';\n\ninterface ListToolbarStoryProps {\n  createNewLabel: string;\n  required: FormControlProps['required'];\n  showAdditionalInfo?: boolean;\n}\n\nexport const ListToolbarDemo: StoryFn<ListToolbarStoryProps> = (args: ListToolbarStoryProps) => {\n  const [stagedQueryOptionState, setStagedQueryOptionState] = useState<object | null>(null);\n  const [views, setViews] = useState(mockViews);\n  const [currentSort, setCurrentSort] = useState<SortString | null>(null);\n  const [searchValue, setSearchValue] = useState('');\n\n  const filterProp = useMemo(() => {\n    return {\n      value: stagedQueryOptionState,\n      count: undefined,\n      renderer: FilterRenderer,\n      onCancel: () => {\n        setStagedQueryOptionState(null);\n      },\n      onSubmit: () => {\n        setStagedQueryOptionState(cur => {\n          // eslint-disable-next-line no-console\n          console.table(cur);\n          return null;\n        });\n      }\n    };\n  }, [stagedQueryOptionState]);\n\n  const sortProp: PresetMenuProps = useMemo(() => {\n    return {\n      mode: 'single-select',\n      count: currentSort ? 1 : undefined,\n      items: [\n        {\n          id: 'asc',\n          text: 'Ascending',\n          icon: 'arrow-up',\n          selected: currentSort === 'asc'\n        },\n        {\n          id: 'desc',\n          text: 'Descending',\n          icon: 'arrow-down',\n          selected: currentSort === 'desc'\n        }\n      ],\n      onItemClick: id => {\n        setCurrentSort(cur => {\n          return cur === id ? null : (id as SortString);\n        });\n      }\n    };\n  }, [currentSort]);\n\n  const groupProp = useMemo(() => {\n    return {\n      count: undefined,\n      renderer: GroupRenderer,\n      onCancel: () => {},\n      onSubmit: () => {}\n    };\n  }, []);\n\n  return (\n    <StagedStateDispatchContext.Provider value={setStagedQueryOptionState}>\n      <ListToolbar\n        name='Contacts'\n        viewSelector={{\n          views,\n          onViewSelect: id => {\n            setViews(cur => {\n              return helpers.selectView(cur, id);\n            });\n          },\n          defaultId: '1',\n          appDefaultId: '2'\n        }}\n        createNew={{\n          onClick: action('Clicked Create New'),\n          label: args.createNewLabel\n        }}\n        search={{\n          onSearchSubmit: action('Search submit'),\n          value: searchValue,\n          onSearchChange: setSearchValue\n        }}\n        count={{\n          total: 1146,\n          selected: 4\n        }}\n        filter={filterProp}\n        sort={sortProp}\n        group={groupProp}\n        actions={actions}\n        additionalActions={<MenuButton text='Edit' />}\n        formControlProps={{\n          required: args.required,\n          additionalInfo: args.showAdditionalInfo\n            ? {\n                heading: 'Additional Info',\n                content: (\n                  <Flex container={{ direction: 'column', alignItems: 'start', gap: 2 }}>\n                    <p>\n                      Lorem ipsum dolor sit amet, consectetur it, sed do tempor incididunt ut labore\n                      magna aliqua. Nibh praesent tristique magna sit amet. Nec tincidunt praesent\n                      semper feugiat nibh sed pulvinar proin gravida.\n                    </p>\n                    <p>\n                      Pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Est velit\n                      egestas dui id ornare arcu odio ut. Varius sit amet mattis vulputate enim\n                      nulla aliquet porttitor lacus.\n                    </p>\n                    <Link href='/' target='_blank'>\n                      Neque vitae\n                    </Link>\n                  </Flex>\n                )\n              }\n            : undefined\n        }}\n      />\n    </StagedStateDispatchContext.Provider>\n  );\n};\n\nListToolbarDemo.args = {\n  createNewLabel: undefined,\n  required: false,\n  showAdditionalInfo: false\n};\n\nListToolbarDemo.argTypes = {\n  createNewLabel: { control: { type: 'text' } },\n  required: { control: { type: 'boolean' } },\n  showAdditionalInfo: { control: { type: 'boolean' } }\n};\n\nexport const SimpleToolbarDemo: StoryFn = () => {\n  return (\n    <ListToolbar\n      name='Top accounts in California'\n      search={{ onSearchSubmit: action('Search submit') }}\n      count={{ total: 212, totalHasMore: true }}\n      actions={actions}\n      formControlProps={{ required: true }}\n    />\n  );\n};\n"]}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const SubComponent: ({ timeout }: {
+    timeout?: number | undefined;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=LiveLog.mocks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LiveLog.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/LiveLog/LiveLog.mocks.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY;;iCAoDxB,CAAC"}

package/jsx/core/LiveLog/LiveLog.mocks.jsx

@@ -0,0 +1,47 @@
+import { useState } from 'react';
+import { Button, Flex, TextArea, useLiveLog } from '@pega/cosmos-react-core';
+export const SubComponent = ({ timeout = 1000 }) => {
+    const [messageVal, setMessageVal] = useState('');
+    const { announcePolite, announceAssertive } = useLiveLog();
+    return (<Flex container={{ direction: 'column', gap: 1 }}>
+      <p>
+        This story will announce the value entered in the text area on button click after a 1-second
+        delay.
+      </p>
+
+      <br />
+
+      <TextArea label='Message to announce' value={messageVal} onChange={(e) => setMessageVal(e.target.value)}/>
+
+      <div>
+        <Button onClick={() => {
+            if (timeout < 0) {
+                announcePolite({ message: messageVal });
+            }
+            else {
+                setTimeout(() => {
+                    announcePolite({ message: messageVal });
+                }, timeout);
+            }
+            setMessageVal('');
+        }}>
+          Announce Polite
+        </Button>
+
+        <Button onClick={() => {
+            if (timeout < 0) {
+                announceAssertive({ message: messageVal });
+            }
+            else {
+                setTimeout(() => {
+                    announceAssertive({ message: messageVal });
+                }, timeout);
+            }
+            setMessageVal('');
+        }}>
+          Announce Assertive
+        </Button>
+      </div>
+    </Flex>);
+};
+//# sourceMappingURL=LiveLog.mocks.jsx.map

package/jsx/core/LiveLog/LiveLog.mocks.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveLog.mocks.jsx","sourceRoot":"","sources":["../../../src/core/LiveLog/LiveLog.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,EAAwB,EAAE,EAAE;IACvE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,UAAU,EAAE,CAAC;IAE3D,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAC/C;MAAA,CAAC,CAAC,CACA;;;MAEF,EAAE,CAAC,CAEH;;MAAA,CAAC,EAAE,CAAC,AAAD,EAEH;;MAAA,CAAC,QAAQ,CACP,KAAK,CAAC,qBAAqB,CAC3B,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,QAAQ,CAAC,CAAC,CAAC,CAAmC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAGnF;;MAAA,CAAC,GAAG,CACF;QAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,IAAI,OAAO,GAAG,CAAC,EAAE;gBACf,cAAc,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;aACzC;iBAAM;gBACL,UAAU,CAAC,GAAG,EAAE;oBACd,cAAc,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;gBAC1C,CAAC,EAAE,OAAO,CAAC,CAAC;aACb;YACD,aAAa,CAAC,EAAE,CAAC,CAAC;QACpB,CAAC,CAAC,CAEF;;QACF,EAAE,MAAM,CAER;;QAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,IAAI,OAAO,GAAG,CAAC,EAAE;gBACf,iBAAiB,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;aAC5C;iBAAM;gBACL,UAAU,CAAC,GAAG,EAAE;oBACd,iBAAiB,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;gBAC7C,CAAC,EAAE,OAAO,CAAC,CAAC;aACb;YACD,aAAa,CAAC,EAAE,CAAC,CAAC;QACpB,CAAC,CAAC,CAEF;;QACF,EAAE,MAAM,CACV;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { ChangeEvent, useState } from 'react';\n\nimport { Button, Flex, TextArea, useLiveLog } from '@pega/cosmos-react-core';\n\nexport const SubComponent = ({ timeout = 1000 }: { timeout?: number }) => {\n  const [messageVal, setMessageVal] = useState('');\n  const { announcePolite, announceAssertive } = useLiveLog();\n\n  return (\n    <Flex container={{ direction: 'column', gap: 1 }}>\n      <p>\n        This story will announce the value entered in the text area on button click after a 1-second\n        delay.\n      </p>\n\n      <br />\n\n      <TextArea\n        label='Message to announce'\n        value={messageVal}\n        onChange={(e: ChangeEvent<HTMLTextAreaElement>) => setMessageVal(e.target.value)}\n      />\n\n      <div>\n        <Button\n          onClick={() => {\n            if (timeout < 0) {\n              announcePolite({ message: messageVal });\n            } else {\n              setTimeout(() => {\n                announcePolite({ message: messageVal });\n              }, timeout);\n            }\n            setMessageVal('');\n          }}\n        >\n          Announce Polite\n        </Button>\n\n        <Button\n          onClick={() => {\n            if (timeout < 0) {\n              announceAssertive({ message: messageVal });\n            } else {\n              setTimeout(() => {\n                announceAssertive({ message: messageVal });\n              }, timeout);\n            }\n            setMessageVal('');\n          }}\n        >\n          Announce Assertive\n        </Button>\n      </div>\n    </Flex>\n  );\n};\n"]}

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

@@ -0,0 +1,9 @@
+import type { StoryFn } from '@storybook/react';
+import type { LiveLogProps } 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 LiveLogDemoProps {
+    liveLogMaxLength: LiveLogProps['maxLength'];
+}
+export declare const LiveLogDemo: StoryFn<LiveLogDemoProps>;
+//# sourceMappingURL=LiveLog.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LiveLog.stories.d.ts","sourceRoot":"","sources":["../../../src/core/LiveLog/LiveLog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;;AAI5D,wBAYU;AAEV,UAAU,gBAAgB;IACxB,gBAAgB,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;CAC7C;AAED,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,gBAAgB,CAEjD,CAAC"}

package/jsx/core/LiveLog/LiveLog.stories.jsx

@@ -0,0 +1,19 @@
+import { LiveLog } from '@pega/cosmos-react-core';
+import { SubComponent } from './LiveLog.mocks';
+export default {
+    title: 'Core/LiveLog',
+    component: LiveLog,
+    parameters: {
+        layout: 'centered'
+    },
+    args: {
+        liveLogMaxLength: 50
+    },
+    argTypes: {
+        liveLogMaxLength: { control: { type: 'number' } }
+    }
+};
+export const LiveLogDemo = () => {
+    return <SubComponent />;
+};
+//# sourceMappingURL=LiveLog.stories.jsx.map

package/jsx/core/LiveLog/LiveLog.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveLog.stories.jsx","sourceRoot":"","sources":["../../../src/core/LiveLog/LiveLog.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGlD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE;QACJ,gBAAgB,EAAE,EAAE;KACrB;IACD,QAAQ,EAAE;QACR,gBAAgB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KAClD;CACM,CAAC;AAMV,MAAM,CAAC,MAAM,WAAW,GAA8B,GAAG,EAAE;IACzD,OAAO,CAAC,YAAY,CAAC,AAAD,EAAG,CAAC;AAC1B,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { LiveLog } from '@pega/cosmos-react-core';\nimport type { LiveLogProps } from '@pega/cosmos-react-core';\n\nimport { SubComponent } from './LiveLog.mocks';\n\nexport default {\n  title: 'Core/LiveLog',\n  component: LiveLog,\n  parameters: {\n    layout: 'centered'\n  },\n  args: {\n    liveLogMaxLength: 50\n  },\n  argTypes: {\n    liveLogMaxLength: { control: { type: 'number' } }\n  }\n} as Meta;\n\ninterface LiveLogDemoProps {\n  liveLogMaxLength: LiveLogProps['maxLength'];\n}\n\nexport const LiveLogDemo: StoryFn<LiveLogDemoProps> = () => {\n  return <SubComponent />;\n};\n"]}

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

@@ -0,0 +1,15 @@
+import type { StoryFn } from '@storybook/react';
+import type { LocationDisplayProps, LocationInputProps, LocationViewProps } 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 APIKey {
+    apiKey?: string;
+}
+export declare const LocationDemo: StoryFn<LocationInputProps & APIKey>;
+interface LocationInputStoryProps extends LocationInputProps {
+    showAdditionalInfo?: boolean;
+}
+export declare const LocationInputDemo: StoryFn<LocationInputStoryProps & APIKey>;
+export declare const LocationViewDemo: StoryFn<LocationViewProps & APIKey>;
+export declare const LocationDisplayDemo: StoryFn<LocationDisplayProps & APIKey>;
+//# sourceMappingURL=Location.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Location.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Location/Location.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EAEV,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,yBAAyB,CAAC;;AAEjC,wBAGU;AAEV,UAAU,MAAM;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,kBAAkB,GAAG,MAAM,CA+C7D,CAAC;AA8BF,UAAU,uBAAwB,SAAQ,kBAAkB;IAC1D,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,uBAAuB,GAAG,MAAM,CAoCvE,CAAC;AA4BF,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,iBAAiB,GAAG,MAAM,CAsBhE,CAAC;AAkBF,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,oBAAoB,GAAG,MAAM,CAgBtE,CAAC"}