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

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

@@ -1,141 +0,0 @@
-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,
-    args: {
-        required: false,
-        info: undefined,
-        status: undefined
-    },
-    argTypes: {
-        required: { control: { type: 'boolean' } },
-        info: { control: { type: 'text' } },
-        status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } }
-    }
-};
-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: args.numberOfSelected
-        }} filter={filterProp} sort={sortProp} group={groupProp} actions={actions} additionalActions={args.bulkButton && <MenuButton text={args.bulkButtonLabel}/>} formControlProps={{
-            required: args.required,
-            info: args.info,
-            status: args.status,
-            additionalInfo: args.showAdditionalInfo
-                ? {
-                    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,
-    showAdditionalInfo: false,
-    numberOfSelected: 4,
-    bulkButton: true,
-    bulkButtonLabel: 'Edit'
-};
-ListToolbarDemo.argTypes = {
-    createNewLabel: { control: { type: 'text' } },
-    showAdditionalInfo: { control: { type: 'boolean' } },
-    numberOfSelected: { control: { type: 'number' } },
-    bulkButton: { control: { type: 'boolean' } },
-    bulkButtonLabel: { control: { type: 'text' } }
-};
-export const SimpleToolbarDemo = (args) => {
-    return (<ListToolbar name='Top accounts in California' search={{ onSearchSubmit: action('Search submit') }} count={{ total: 212, totalHasMore: true }} actions={actions} formControlProps={{ required: args.required, info: args.info, status: args.status }}/>);
-};
-SimpleToolbarDemo.args = {
-    required: true,
-    info: 'Info message',
-    status: 'error'
-};
-//# sourceMappingURL=ListToolbar.stories.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ListToolbar.stories.jsx","sourceRoot":"","sources":["../../../src/core/ListToolbar/ListToolbar.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,UAAU,EACV,kBAAkB,IAAI,OAAO,EAC9B,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EACL,SAAS,EACT,OAAO,EACP,cAAc,EACd,0BAA0B,EAC1B,aAAa,EACd,MAAM,qBAAqB,CAAC;AAE7B,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE;QACJ,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;KAClB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1C,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QACnC,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KAC7F;CACM,CAAC;AAeV,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,IAA2B,EAAE,EAAE;IAC7F,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC1F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAoB,IAAI,CAAC,CAAC;IACxE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO;YACL,KAAK,EAAE,sBAAsB;YAC7B,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,cAAc;YACxB,QAAQ,EAAE,GAAG,EAAE;gBACb,yBAAyB,CAAC,IAAI,CAAC,CAAC;YAClC,CAAC;YACD,QAAQ,EAAE,GAAG,EAAE;gBACb,yBAAyB,CAAC,GAAG,CAAC,EAAE;oBAE9B,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;oBACnB,OAAO,IAAI,CAAC;gBACd,CAAC,CAAC,CAAC;YACL,CAAC;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAE7B,MAAM,QAAQ,GAAoB,OAAO,CAAC,GAAG,EAAE;QAC7C,OAAO;YACL,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;YAClC,KAAK,EAAE;gBACL;oBACE,EAAE,EAAE,KAAK;oBACT,IAAI,EAAE,WAAW;oBACjB,IAAI,EAAE,UAAU;oBAChB,QAAQ,EAAE,WAAW,KAAK,KAAK;iBAChC;gBACD;oBACE,EAAE,EAAE,MAAM;oBACV,IAAI,EAAE,YAAY;oBAClB,IAAI,EAAE,YAAY;oBAClB,QAAQ,EAAE,WAAW,KAAK,MAAM;iBACjC;aACF;YACD,WAAW,EAAE,EAAE,CAAC,EAAE;gBAChB,cAAc,CAAC,GAAG,CAAC,EAAE;oBACnB,OAAO,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,EAAiB,CAAC;gBAChD,CAAC,CAAC,CAAC;YACL,CAAC;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO;YACL,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,aAAa;YACvB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;YAClB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;SACnB,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,CAAC,0BAA0B,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,yBAAyB,CAAC,CACpE;MAAA,CAAC,WAAW,CACV,IAAI,CAAC,UAAU,CACf,YAAY,CAAC,CAAC;YACZ,KAAK;YACL,YAAY,EAAE,EAAE,CAAC,EAAE;gBACjB,QAAQ,CAAC,GAAG,CAAC,EAAE;oBACb,OAAO,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;gBACrC,CAAC,CAAC,CAAC;YACL,CAAC;YACD,SAAS,EAAE,GAAG;YACd,YAAY,EAAE,GAAG;SAClB,CAAC,CACF,SAAS,CAAC,CAAC;YACT,OAAO,EAAE,MAAM,CAAC,oBAAoB,CAAC;YACrC,KAAK,EAAE,IAAI,CAAC,cAAc;SAC3B,CAAC,CACF,MAAM,CAAC,CAAC;YACN,cAAc,EAAE,MAAM,CAAC,eAAe,CAAC;YACvC,KAAK,EAAE,WAAW;YAClB,cAAc,EAAE,cAAc;SAC/B,CAAC,CACF,KAAK,CAAC,CAAC;YACL,KAAK,EAAE,IAAI;YACX,QAAQ,EAAE,IAAI,CAAC,gBAAgB;SAChC,CAAC,CACF,MAAM,CAAC,CAAC,UAAU,CAAC,CACnB,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,iBAAiB,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,EAAG,CAAC,CACjF,gBAAgB,CAAC,CAAC;YAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,cAAc,EAAE,IAAI,CAAC,kBAAkB;gBACrC,CAAC,CAAC;oBACE,OAAO,EAAE,CACP,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CACpE;oBAAA,CAAC,CAAC,CACA;;;;oBAGF,EAAE,CAAC,CACH;oBAAA,CAAC,CAAC,CACA;;;;oBAGF,EAAE,CAAC,CACH;oBAAA,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAC5B;;oBACF,EAAE,IAAI,CACR;kBAAA,EAAE,IAAI,CAAC,CACR;iBACF;gBACH,CAAC,CAAC,SAAS;SACd,CAAC,EAEN;IAAA,EAAE,0BAA0B,CAAC,QAAQ,CAAC,CACvC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG;IACrB,cAAc,EAAE,SAAS;IACzB,kBAAkB,EAAE,KAAK;IACzB,gBAAgB,EAAE,CAAC;IACnB,UAAU,EAAE,IAAI;IAChB,eAAe,EAAE,MAAM;CACxB,CAAC;AAEF,eAAe,CAAC,QAAQ,GAAG;IACzB,cAAc,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC7C,kBAAkB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACpD,gBAAgB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IACjD,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC5C,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CAC/C,CAAC;AAOF,MAAM,CAAC,MAAM,iBAAiB,GAAmC,CAC/D,IAA6B,EAC7B,EAAE;IACF,OAAO,CACL,CAAC,WAAW,CACV,IAAI,CAAC,4BAA4B,CACjC,MAAM,CAAC,CAAC,EAAE,cAAc,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC,CACpD,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAC1C,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,EACpF,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,IAAI,GAAG;IACvB,QAAQ,EAAE,IAAI;IACd,IAAI,EAAE,cAAc;IACpB,MAAM,EAAE,OAAO;CAChB,CAAC","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  args: {\n    required: false,\n    info: undefined,\n    status: undefined\n  },\n  argTypes: {\n    required: { control: { type: 'boolean' } },\n    info: { control: { type: 'text' } },\n    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } }\n  }\n} as Meta;\n\ntype SortString = 'asc' | 'desc';\n\ninterface ListToolbarStoryProps {\n  required: FormControlProps['required'];\n  info: FormControlProps['info'];\n  status: FormControlProps['status'];\n  createNewLabel: string;\n  showAdditionalInfo?: boolean;\n  numberOfSelected: number;\n  bulkButton: boolean;\n  bulkButtonLabel: string;\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: args.numberOfSelected\n        }}\n        filter={filterProp}\n        sort={sortProp}\n        group={groupProp}\n        actions={actions}\n        additionalActions={args.bulkButton && <MenuButton text={args.bulkButtonLabel} />}\n        formControlProps={{\n          required: args.required,\n          info: args.info,\n          status: args.status,\n          additionalInfo: args.showAdditionalInfo\n            ? {\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  showAdditionalInfo: false,\n  numberOfSelected: 4,\n  bulkButton: true,\n  bulkButtonLabel: 'Edit'\n};\n\nListToolbarDemo.argTypes = {\n  createNewLabel: { control: { type: 'text' } },\n  showAdditionalInfo: { control: { type: 'boolean' } },\n  numberOfSelected: { control: { type: 'number' } },\n  bulkButton: { control: { type: 'boolean' } },\n  bulkButtonLabel: { control: { type: 'text' } }\n};\n\ninterface SimpleToolbarStoryProps {\n  required: FormControlProps['required'];\n  info: FormControlProps['info'];\n  status: FormControlProps['status'];\n}\nexport const SimpleToolbarDemo: StoryFn<ListToolbarStoryProps> = (\n  args: SimpleToolbarStoryProps\n) => {\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: args.required, info: args.info, status: args.status }}\n    />\n  );\n};\n\nSimpleToolbarDemo.args = {\n  required: true,\n  info: 'Info message',\n  status: 'error'\n};\n"]}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"LiveLog.mocks.jsx","sourceRoot":"","sources":["../../../src/core/LiveLog/LiveLog.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,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 { useState } from 'react';\nimport type { ChangeEvent } 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

@@ -1,6 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { LiveLogProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-export declare const LiveLogDemo: StoryFn<LiveLogProps>;
-//# sourceMappingURL=LiveLog.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"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,wBAMU;AAEV,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,YAAY,CAE7C,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"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;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,WAAW,GAA0B,GAAG,EAAE;IACrD,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} as Meta;\n\nexport const LiveLogDemo: StoryFn<LiveLogProps> = () => {\n  return <SubComponent />;\n};\n"]}

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

@@ -1,25 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { LocationDisplayProps, LocationInputProps, LocationViewProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-interface APIKey {
-    apiKey?: string;
-}
-type LocationDemoStoryProps = LocationInputProps & LocationViewProps & {
-    showAdditionalInfo?: boolean;
-};
-export declare const LocationDemo: StoryFn<LocationDemoStoryProps & APIKey>;
-export declare const MultiLocationDemo: StoryFn<APIKey & {
-    hightlightedPinIndex: number;
-    drawRoute: boolean;
-}>;
-interface LocationInputStoryProps extends LocationInputProps {
-    showAdditionalInfo?: boolean;
-}
-export declare const LocationInputDemo: StoryFn<LocationInputStoryProps & APIKey>;
-interface LocationViewDemoProps extends LocationViewProps {
-    location?: string;
-}
-export declare const LocationViewDemo: StoryFn<LocationViewDemoProps & APIKey>;
-export declare const LocationDisplayDemo: StoryFn<LocationDisplayProps & APIKey>;
-//# sourceMappingURL=Location.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"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;AAatD,OAAO,KAAK,EAEV,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EAElB,MAAM,yBAAyB,CAAC;;AAEjC,wBAGU;AAEV,UAAU,MAAM;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,sBAAsB,GAAG,kBAAkB,GAC9C,iBAAiB,GAAG;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEJ,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,sBAAsB,GAAG,MAAM,CAuDjE,CAAC;AA8BF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CACrC,MAAM,GAAG;IAAE,oBAAoB,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAyC9D,CAAC;AAcF,UAAU,uBAAwB,SAAQ,kBAAkB;IAC1D,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,uBAAuB,GAAG,MAAM,CAoCvE,CAAC;AAYF,UAAU,qBAAsB,SAAQ,iBAAiB;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,qBAAqB,GAAG,MAAM,CAqCpE,CAAC;AAkBF,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,oBAAoB,GAAG,MAAM,CAgBtE,CAAC"}

package/jsx/core/Location/Location.stories.jsx

@@ -1,200 +0,0 @@
-import { useMemo, useState, useEffect, useCallback } from 'react';
-import { LocationDisplay, LocationInput, LocationView, MapsContext, getCoords, debounce, isValueACoordinate, Flex } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Location',
-    component: LocationInput
-};
-export const LocationDemo = (args) => {
-    const [value, setValue] = useState('Boston, MA');
-    const [locationObj, setLocationObj] = useState({
-        latitude: 42.3601,
-        longitude: -71.0589
-    });
-    const handleClick = ({ latitude, longitude }) => {
-        setLocationObj({ latitude, longitude });
-    };
-    const ctx = useMemo(() => ({ name: 'google', apiKey: args.apiKey }), [args.apiKey]);
-    return (<MapsContext.Provider value={ctx}>
-      <LocationInput defaultToCurrentLocation={args.defaultToCurrentLocation} onlyCoordinates={args.onlyCoordinates} value={value} label={args.label} labelHidden={args.labelHidden} info={args.info} onChange={inputValue => {
-            setValue(inputValue);
-        }} onSelect={selectedValueObj => {
-            if (args.onlyCoordinates || !selectedValueObj.name) {
-                setValue(`${selectedValueObj.latitude}, ${selectedValueObj.longitude}`);
-            }
-            else if (selectedValueObj.address) {
-                setValue(`${selectedValueObj.name}, ${selectedValueObj.address}`);
-            }
-            else {
-                setValue(selectedValueObj.name);
-            }
-            if (selectedValueObj.latitude && selectedValueObj.longitude) {
-                setLocationObj({
-                    latitude: selectedValueObj.latitude,
-                    longitude: selectedValueObj.longitude
-                });
-            }
-        }} status={args.status} required={args.required} disabled={args.disabled} readOnly={args.readOnly} map={{
-            location: locationObj,
-            zoomLevel: args.zoomLevel,
-            onClick: handleClick,
-            height: '25rem'
-        }}/>
-    </MapsContext.Provider>);
-};
-LocationDemo.args = {
-    apiKey: '',
-    defaultToCurrentLocation: false,
-    label: 'Location',
-    labelHidden: false,
-    info: undefined,
-    zoomLevel: 13,
-    status: undefined,
-    required: false,
-    disabled: false,
-    readOnly: false,
-    onlyCoordinates: false
-};
-LocationDemo.argTypes = {
-    apiKey: { control: { type: 'text' } },
-    defaultToCurrentLocation: { control: { type: 'boolean' } },
-    label: { control: { type: 'text' } },
-    labelHidden: { control: { type: 'boolean' } },
-    info: { control: { type: 'text', label: 'Helper text' } },
-    zoomLevel: { control: { type: 'number' } },
-    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },
-    required: { control: { type: 'boolean' } },
-    disabled: { control: { type: 'boolean' } },
-    readOnly: { control: { type: 'boolean' } },
-    onlyCoordinates: { control: { type: 'boolean' } }
-};
-export const MultiLocationDemo = (args) => {
-    const ctx = useMemo(() => ({ name: 'google', apiKey: args.apiKey }), [args.apiKey]);
-    const [pins, setPins] = useState([
-        { latitude: 50.026617, longitude: 19.952037 },
-        { latitude: 50.027849, longitude: 19.93081 },
-        { latitude: 50.051263, longitude: 19.929474 }
-    ]);
-    const [value, setValue] = useState('');
-    useEffect(() => {
-        if (!pins[args.hightlightedPinIndex])
-            return;
-        setPins(prev => {
-            prev.forEach(p => {
-                p.selected = false;
-            });
-            prev[args.hightlightedPinIndex].selected = true;
-            return [...prev];
-        });
-    }, [args.hightlightedPinIndex]);
-    return (<MapsContext.Provider value={ctx}>
-      <Flex container={{ direction: 'column', gap: 1 }}>
-        <LocationInput value={value} onChange={setValue} onSelect={selected => {
-            if (selected.latitude && selected.longitude) {
-                const pin = {
-                    latitude: selected.latitude,
-                    longitude: selected.longitude
-                };
-                setPins(prev => [...prev, pin]);
-            }
-        }}/>
-        <LocationView drawRoute={args.drawRoute} pins={pins} centerMapOnChange/>
-      </Flex>
-    </MapsContext.Provider>);
-};
-MultiLocationDemo.args = {
-    apiKey: '',
-    drawRoute: true,
-    hightlightedPinIndex: 0
-};
-MultiLocationDemo.argTypes = {
-    apiKey: { control: { type: 'text' } },
-    drawRoute: { control: { type: 'boolean' } },
-    hightlightedPinIndex: { control: { type: 'number' } }
-};
-export const LocationInputDemo = (args) => {
-    const [value, setValue] = useState('');
-    const ctx = useMemo(() => ({ name: 'google', apiKey: args.apiKey }), [args.apiKey]);
-    return (<MapsContext.Provider value={ctx}>
-      <LocationInput value={value} onChange={inputValue => {
-            setValue(inputValue);
-            args.onChange?.(inputValue);
-        }} onSelect={selectedValueObj => {
-            if (isValueACoordinate(`${selectedValueObj.latitude}, ${selectedValueObj.longitude}`)) {
-                setValue(selectedValueObj.name
-                    ? `${selectedValueObj.name}, ${selectedValueObj.address}`
-                    : `${selectedValueObj.latitude}, ${selectedValueObj.longitude}`);
-                args.onSelect?.(selectedValueObj);
-            }
-        }} onError={args.onError} additionalInfo={args.showAdditionalInfo
-            ? args.additionalInfo ?? {
-                content: 'Please enter your location'
-            }
-            : undefined}/>
-    </MapsContext.Provider>);
-};
-LocationInputDemo.args = {
-    apiKey: '',
-    showAdditionalInfo: false
-};
-LocationInputDemo.argTypes = {
-    apiKey: { control: { type: 'text' } },
-    showAdditionalInfo: { control: { type: 'boolean' } }
-};
-export const LocationViewDemo = (args) => {
-    const ctx = useMemo(() => ({ name: 'google', apiKey: args.apiKey }), [args.apiKey]);
-    const [coords, setCoords] = useState();
-    const [loading, setLoading] = useState(false);
-    const resolveCoords = useCallback(debounce(async (location) => {
-        if (location) {
-            setLoading(true);
-            setCoords(await getCoords(location));
-            setLoading(false);
-        }
-        else {
-            setCoords(undefined);
-        }
-    }, 500), []);
-    useEffect(() => {
-        resolveCoords(args.location);
-    }, [args.location]);
-    return (<MapsContext.Provider value={ctx}>
-      <LocationView pins={coords ? [coords] : []} centerMapOnChange={args.centerMapOnChange} zoomLevel={args.zoomLevel} height={args.height} onClick={setCoords} loading={loading}/>
-    </MapsContext.Provider>);
-};
-LocationViewDemo.args = {
-    apiKey: '',
-    location: '',
-    centerMapOnChange: true,
-    zoomLevel: 13,
-    height: '25rem'
-};
-LocationViewDemo.argTypes = {
-    apiKey: { control: { type: 'text' } },
-    location: { control: { type: 'text' } },
-    centerMapOnChange: { control: { type: 'boolean' } },
-    zoomLevel: { control: { type: 'number' } },
-    height: { control: { type: 'text' } }
-};
-export const LocationDisplayDemo = (args) => {
-    const ctx = useMemo(() => ({ name: 'google', apiKey: args.apiKey }), [args.apiKey]);
-    return (<MapsContext.Provider value={ctx}>
-      <LocationDisplay value={args.value} zoomLevel={args.zoomLevel} height={args.height} variant={args.variant} displayText={args.displayText}/>
-    </MapsContext.Provider>);
-};
-LocationDisplayDemo.args = {
-    apiKey: '',
-    value: 'current',
-    displayText: 'Come visit Boston!',
-    zoomLevel: 13,
-    height: '25rem',
-    variant: 'text-map'
-};
-LocationDisplayDemo.argTypes = {
-    apiKey: { control: { type: 'text' } },
-    value: { control: { type: 'text' } },
-    zoomLevel: { control: { type: 'number' } },
-    height: { control: { type: 'text' } },
-    variant: { options: ['text-map', 'map', 'text'], control: { type: 'select' } },
-    displayText: { control: { type: 'text' } }
-};
-//# sourceMappingURL=Location.stories.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Location.stories.jsx","sourceRoot":"","sources":["../../../src/core/Location/Location.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useMemo, useState, useEffect, useCallback } from 'react';\n\nimport {\n  LocationDisplay,\n  LocationInput,\n  LocationView,\n  MapsContext,\n  getCoords,\n  debounce,\n  isValueACoordinate,\n  Flex\n} from '@pega/cosmos-react-core';\nimport type {\n  LatLng,\n  LocationDisplayProps,\n  LocationInputProps,\n  LocationViewProps,\n  Pin\n} from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Location',\n  component: LocationInput\n} as Meta;\n\ninterface APIKey {\n  apiKey?: string;\n}\n\ntype LocationDemoStoryProps = LocationInputProps &\n  LocationViewProps & {\n    showAdditionalInfo?: boolean;\n  };\n\nexport const LocationDemo: StoryFn<LocationDemoStoryProps & APIKey> = (\n  args: LocationDemoStoryProps & APIKey\n) => {\n  const [value, setValue] = useState('Boston, MA');\n  const [locationObj, setLocationObj] = useState<LatLng | undefined>({\n    latitude: 42.3601,\n    longitude: -71.0589\n  });\n\n  const handleClick = ({ latitude, longitude }: { latitude: number; longitude: number }) => {\n    setLocationObj({ latitude, longitude });\n  };\n\n  const ctx = useMemo(() => ({ name: 'google', apiKey: args.apiKey }), [args.apiKey]);\n\n  return (\n    <MapsContext.Provider value={ctx}>\n      <LocationInput\n        defaultToCurrentLocation={args.defaultToCurrentLocation}\n        onlyCoordinates={args.onlyCoordinates}\n        value={value}\n        label={args.label}\n        labelHidden={args.labelHidden}\n        info={args.info}\n        onChange={inputValue => {\n          setValue(inputValue);\n        }}\n        onSelect={selectedValueObj => {\n          if (args.onlyCoordinates || !selectedValueObj.name) {\n            setValue(`${selectedValueObj.latitude}, ${selectedValueObj.longitude}`);\n          } else if (selectedValueObj.address) {\n            setValue(`${selectedValueObj.name}, ${selectedValueObj.address}`);\n          } else {\n            setValue(selectedValueObj.name);\n          }\n          if (selectedValueObj.latitude && selectedValueObj.longitude) {\n            setLocationObj({\n              latitude: selectedValueObj.latitude,\n              longitude: selectedValueObj.longitude\n            });\n          }\n        }}\n        status={args.status}\n        required={args.required}\n        disabled={args.disabled}\n        readOnly={args.readOnly}\n        map={{\n          location: locationObj,\n          zoomLevel: args.zoomLevel,\n          onClick: handleClick,\n          height: '25rem'\n        }}\n      />\n    </MapsContext.Provider>\n  );\n};\n\nLocationDemo.args = {\n  apiKey: '',\n  defaultToCurrentLocation: false,\n  label: 'Location',\n  labelHidden: false,\n  info: undefined,\n  zoomLevel: 13,\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: false,\n  onlyCoordinates: false\n};\n\nLocationDemo.argTypes = {\n  apiKey: { control: { type: 'text' } },\n  defaultToCurrentLocation: { control: { type: 'boolean' } },\n  label: { control: { type: 'text' } },\n  labelHidden: { control: { type: 'boolean' } },\n  info: { control: { type: 'text', label: 'Helper text' } },\n  zoomLevel: { control: { type: 'number' } },\n  status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n  required: { control: { type: 'boolean' } },\n  disabled: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } },\n  onlyCoordinates: { control: { type: 'boolean' } }\n};\n\nexport const MultiLocationDemo: StoryFn<\n  APIKey & { hightlightedPinIndex: number; drawRoute: boolean }\n> = (args: APIKey & { hightlightedPinIndex: number; drawRoute: boolean }) => {\n  const ctx = useMemo(() => ({ name: 'google', apiKey: args.apiKey }), [args.apiKey]);\n  const [pins, setPins] = useState<Pin[]>([\n    { latitude: 50.026617, longitude: 19.952037 },\n    { latitude: 50.027849, longitude: 19.93081 },\n    { latitude: 50.051263, longitude: 19.929474 }\n  ]);\n  const [value, setValue] = useState('');\n\n  useEffect(() => {\n    if (!pins[args.hightlightedPinIndex]) return;\n    setPins(prev => {\n      prev.forEach(p => {\n        p.selected = false;\n      });\n      prev[args.hightlightedPinIndex].selected = true;\n      return [...prev];\n    });\n  }, [args.hightlightedPinIndex]);\n\n  return (\n    <MapsContext.Provider value={ctx}>\n      <Flex container={{ direction: 'column', gap: 1 }}>\n        <LocationInput\n          value={value}\n          onChange={setValue}\n          onSelect={selected => {\n            if (selected.latitude && selected.longitude) {\n              const pin: Pin = {\n                latitude: selected.latitude,\n                longitude: selected.longitude\n              };\n              setPins(prev => [...prev, pin]);\n            }\n          }}\n        />\n        <LocationView drawRoute={args.drawRoute} pins={pins} centerMapOnChange />\n      </Flex>\n    </MapsContext.Provider>\n  );\n};\n\nMultiLocationDemo.args = {\n  apiKey: '',\n  drawRoute: true,\n  hightlightedPinIndex: 0\n};\n\nMultiLocationDemo.argTypes = {\n  apiKey: { control: { type: 'text' } },\n  drawRoute: { control: { type: 'boolean' } },\n  hightlightedPinIndex: { control: { type: 'number' } }\n};\n\ninterface LocationInputStoryProps extends LocationInputProps {\n  showAdditionalInfo?: boolean;\n}\n\nexport const LocationInputDemo: StoryFn<LocationInputStoryProps & APIKey> = (\n  args: LocationInputStoryProps & APIKey\n) => {\n  const [value, setValue] = useState('');\n\n  const ctx = useMemo(() => ({ name: 'google', apiKey: args.apiKey }), [args.apiKey]);\n\n  return (\n    <MapsContext.Provider value={ctx}>\n      <LocationInput\n        value={value}\n        onChange={inputValue => {\n          setValue(inputValue);\n          args.onChange?.(inputValue);\n        }}\n        onSelect={selectedValueObj => {\n          if (isValueACoordinate(`${selectedValueObj.latitude}, ${selectedValueObj.longitude}`)) {\n            setValue(\n              selectedValueObj.name\n                ? `${selectedValueObj.name}, ${selectedValueObj.address}`\n                : `${selectedValueObj.latitude}, ${selectedValueObj.longitude}`\n            );\n            args.onSelect?.(selectedValueObj);\n          }\n        }}\n        onError={args.onError}\n        additionalInfo={\n          args.showAdditionalInfo\n            ? args.additionalInfo ?? {\n                content: 'Please enter your location'\n              }\n            : undefined\n        }\n      />\n    </MapsContext.Provider>\n  );\n};\n\nLocationInputDemo.args = {\n  apiKey: '',\n  showAdditionalInfo: false\n};\n\nLocationInputDemo.argTypes = {\n  apiKey: { control: { type: 'text' } },\n  showAdditionalInfo: { control: { type: 'boolean' } }\n};\n\ninterface LocationViewDemoProps extends LocationViewProps {\n  location?: string;\n}\n\nexport const LocationViewDemo: StoryFn<LocationViewDemoProps & APIKey> = (\n  args: LocationViewDemoProps & APIKey\n) => {\n  const ctx = useMemo(() => ({ name: 'google', apiKey: args.apiKey }), [args.apiKey]);\n\n  const [coords, setCoords] = useState<LatLng>();\n  const [loading, setLoading] = useState(false);\n\n  const resolveCoords = useCallback(\n    debounce(async (location?: LocationViewDemoProps['location']) => {\n      if (location) {\n        setLoading(true);\n        setCoords(await getCoords(location));\n        setLoading(false);\n      } else {\n        setCoords(undefined);\n      }\n    }, 500),\n    []\n  );\n\n  useEffect(() => {\n    resolveCoords(args.location);\n  }, [args.location]);\n\n  return (\n    <MapsContext.Provider value={ctx}>\n      <LocationView\n        pins={coords ? [coords] : []}\n        centerMapOnChange={args.centerMapOnChange}\n        zoomLevel={args.zoomLevel}\n        height={args.height}\n        onClick={setCoords}\n        loading={loading}\n      />\n    </MapsContext.Provider>\n  );\n};\n\nLocationViewDemo.args = {\n  apiKey: '',\n  location: '',\n  centerMapOnChange: true,\n  zoomLevel: 13,\n  height: '25rem'\n};\n\nLocationViewDemo.argTypes = {\n  apiKey: { control: { type: 'text' } },\n  location: { control: { type: 'text' } },\n  centerMapOnChange: { control: { type: 'boolean' } },\n  zoomLevel: { control: { type: 'number' } },\n  height: { control: { type: 'text' } }\n};\n\nexport const LocationDisplayDemo: StoryFn<LocationDisplayProps & APIKey> = (\n  args: LocationDisplayProps & APIKey\n) => {\n  const ctx = useMemo(() => ({ name: 'google', apiKey: args.apiKey }), [args.apiKey]);\n\n  return (\n    <MapsContext.Provider value={ctx}>\n      <LocationDisplay\n        value={args.value}\n        zoomLevel={args.zoomLevel}\n        height={args.height}\n        variant={args.variant}\n        displayText={args.displayText}\n      />\n    </MapsContext.Provider>\n  );\n};\n\nLocationDisplayDemo.args = {\n  apiKey: '',\n  value: 'current',\n  displayText: 'Come visit Boston!',\n  zoomLevel: 13,\n  height: '25rem',\n  variant: 'text-map'\n};\n\nLocationDisplayDemo.argTypes = {\n  apiKey: { control: { type: 'text' } },\n  value: { control: { type: 'text' } },\n  zoomLevel: { control: { type: 'number' } },\n  height: { control: { type: 'text' } },\n  variant: { options: ['text-map', 'map', 'text'], control: { type: 'select' } },\n  displayText: { control: { type: 'text' } }\n};\n"]}

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

@@ -1,8 +0,0 @@
-export declare class MockLatLng {
-    lat: number;
-    lng: number;
-    constructor(lat: number, lng: number);
-}
-export declare const setUpMapsAPI: () => void;
-export declare const tearDownMapsAPI: () => void;
-//# sourceMappingURL=locationTestUtils.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"locationTestUtils.d.ts","sourceRoot":"","sources":["../../../src/core/Location/locationTestUtils.ts"],"names":[],"mappings":"AA+BA,qBAAa,UAAU;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;gBACA,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;CAIrC;AAaD,eAAO,MAAM,YAAY,YA2BxB,CAAC;AAEF,eAAO,MAAM,eAAe,YAE3B,CAAC"}

package/jsx/core/Location/locationTestUtils.js

@@ -1,73 +0,0 @@
-class MockMap {
-    addListener;
-    setCenter;
-    setZoom;
-    constructor(element) {
-        const newEl = document.createElement('div');
-        newEl.setAttribute('role', 'map');
-        element.appendChild(newEl);
-        this.addListener = () => { };
-        this.setCenter = () => { };
-        this.setZoom = () => { };
-    }
-}
-class MockMarker {
-    config;
-    constructor(config) {
-        this.config = config;
-    }
-}
-class MockBounds {
-    extend;
-    constructor() {
-        this.extend = () => { };
-    }
-}
-export class MockLatLng {
-    lat;
-    lng;
-    constructor(lat, lng) {
-        this.lat = lat;
-        this.lng = lng;
-    }
-}
-class MockDirectionsService {
-    route() {
-        return Promise.resolve();
-    }
-}
-class MockDirectionsRenderer {
-    setDirections() { }
-    setMap() { }
-}
-export const setUpMapsAPI = () => {
-    global.google = {
-        maps: {
-            Map: MockMap,
-            Marker: MockMarker,
-            LatLngBounds: MockBounds,
-            DirectionsService: MockDirectionsService,
-            DirectionsRenderer: MockDirectionsRenderer,
-            LatLng: MockLatLng,
-            TravelMode: {
-                DRIVING: 'driving'
-            },
-            event: {
-                removeListener: () => { },
-                clearInstanceListeners: () => { }
-            },
-            places: {
-                Autocomplete: class Autocomplete {
-                }
-            },
-            marker: {}
-        }
-    };
-    global.navigator.permissions = {
-        query: () => Promise.resolve({ state: 'granted' })
-    };
-};
-export const tearDownMapsAPI = () => {
-    global.google = undefined;
-};
-//# sourceMappingURL=locationTestUtils.js.map

package/jsx/core/Location/locationTestUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"locationTestUtils.js","sourceRoot":"","sources":["../../../src/core/Location/locationTestUtils.ts"],"names":[],"mappings":"AACA,MAAM,OAAO;IACX,WAAW,CAAa;IACxB,SAAS,CAAa;IACtB,OAAO,CAAa;IAEpB,YAAY,OAAoB;QAC9B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC5C,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAClC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC3B,IAAI,CAAC,WAAW,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QAC1B,IAAI,CAAC,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAC1B,CAAC;CACF;AAED,MAAM,UAAU;IACd,MAAM,CAAM;IACZ,YAAY,MAAY;QACtB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;CACF;AAED,MAAM,UAAU;IACd,MAAM,CAAa;IAEnB;QACE,IAAI,CAAC,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IACzB,CAAC;CACF;AAED,MAAM,OAAO,UAAU;IACrB,GAAG,CAAS;IACZ,GAAG,CAAS;IACZ,YAAY,GAAW,EAAE,GAAW;QAClC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;IACjB,CAAC;CACF;AAED,MAAM,qBAAqB;IACzB,KAAK;QACH,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC;CACF;AAED,MAAM,sBAAsB;IAC1B,aAAa,KAAI,CAAC;IAClB,MAAM,KAAI,CAAC;CACZ;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,CAAC,MAAM,GAAG;QACd,IAAI,EAAE;YACJ,GAAG,EAAE,OAAO;YACZ,MAAM,EAAE,UAAU;YAClB,YAAY,EAAE,UAAU;YACxB,iBAAiB,EAAE,qBAAqB;YACxC,kBAAkB,EAAE,sBAAsB;YAC1C,MAAM,EAAE,UAAU;YAElB,UAAU,EAAE;gBACV,OAAO,EAAE,SAAS;aACnB;YACD,KAAK,EAAE;gBACL,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;gBACxB,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC;aACjC;YACD,MAAM,EAAE;gBACN,YAAY,EAAE,MAAM,YAAY;iBAAG;aACpC;YACD,MAAM,EAAE,EAAE;SACX;KAC0B,CAAC;IAE7B,MAAM,CAAC,SAAS,CAAC,WAA2B,GAAG;QAC9C,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAsB,CAAC;KACvE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,CAAC,MAAM,GAAG,SAAqC,CAAC;AACxD,CAAC,CAAC","sourcesContent":["/* eslint-disable class-methods-use-this */\nclass MockMap {\n  addListener: () => void;\n  setCenter: () => void;\n  setZoom: () => void;\n\n  constructor(element: HTMLElement) {\n    const newEl = document.createElement('div');\n    newEl.setAttribute('role', 'map');\n    element.appendChild(newEl);\n    this.addListener = () => {};\n    this.setCenter = () => {};\n    this.setZoom = () => {};\n  }\n}\n\nclass MockMarker {\n  config: any;\n  constructor(config?: any) {\n    this.config = config;\n  }\n}\n\nclass MockBounds {\n  extend: () => void;\n\n  constructor() {\n    this.extend = () => {};\n  }\n}\n\nexport class MockLatLng {\n  lat: number;\n  lng: number;\n  constructor(lat: number, lng: number) {\n    this.lat = lat;\n    this.lng = lng;\n  }\n}\n\nclass MockDirectionsService {\n  route() {\n    return Promise.resolve();\n  }\n}\n\nclass MockDirectionsRenderer {\n  setDirections() {}\n  setMap() {}\n}\n\nexport const setUpMapsAPI = () => {\n  global.google = {\n    maps: {\n      Map: MockMap,\n      Marker: MockMarker,\n      LatLngBounds: MockBounds,\n      DirectionsService: MockDirectionsService,\n      DirectionsRenderer: MockDirectionsRenderer,\n      LatLng: MockLatLng,\n\n      TravelMode: {\n        DRIVING: 'driving'\n      },\n      event: {\n        removeListener: () => {},\n        clearInstanceListeners: () => {}\n      },\n      places: {\n        Autocomplete: class Autocomplete {}\n      },\n      marker: {}\n    }\n  } as unknown as typeof google;\n\n  (global.navigator.permissions as Permissions) = {\n    query: () => Promise.resolve({ state: 'granted' } as PermissionStatus)\n  };\n};\n\nexport const tearDownMapsAPI = () => {\n  global.google = undefined as unknown as typeof google;\n};\n"]}

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

@@ -1,4 +0,0 @@
-import type { MenuProps } from '@pega/cosmos-react-core';
-export declare const countries: MenuProps['items'];
-export declare const cars: MenuProps['items'];
-//# sourceMappingURL=Menu.mocks.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/Menu/Menu.mocks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,eAAO,MAAM,SAAS,EAAE,SAAS,CAAC,OAAO,CAyGxC,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,SAAS,CAAC,OAAO,CA6EnC,CAAC"}