@pega/cosmos-react-demos 4.0.0-dev.1.1 → 4.0.0-dev.10.0

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

@@ -1 +1 @@
-{"version":3,"file":"ListToolbar.mocks.jsx","sourceRoot":"","sources":["../../../src/core/ListToolbar/ListToolbar.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ChangeEvent, createContext, Dispatch, useContext, useState } from 'react';\n\nimport {\n  useAfterInitialEffect,\n  useUID,\n  Action,\n  Input,\n  Select,\n  Option,\n  Flex,\n  Button,\n  Icon,\n  Grid\n} from '@pega/cosmos-react-core';\nimport { ViewSelectorProps } from '@pega/cosmos-react-core/lib/components/ListToolbar/ListToolbar.types';\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 mockFields = Array.from({ length: 10 }, (_, i) => `Field ${i + 1}`);\n\nconst MockCondition = () => {\n  const setStagedState = useContext(StagedStateDispatchContext);\n  const conditionId = useUID();\n\n  const [localState, setLocalState] = useState({\n    lhs: 'Field 1',\n    comparator: 'Equals',\n    rhs: ''\n  });\n\n  useAfterInitialEffect(() => {\n    setStagedState({\n      [conditionId]: localState\n    });\n  }, [conditionId, localState, setStagedState]);\n\n  return (\n    <Grid container={{ gap: 2, cols: 'repeat(3, minmax(0, 1fr))' }}>\n      <Select\n        label='Field'\n        onChange={(e: ChangeEvent<HTMLSelectElement>) => {\n          setLocalState(cur => ({ ...cur, lhs: e.target.value }));\n        }}\n      >\n        {mockFields.map(field => {\n          return (\n            <Option value={field} key={field}>\n              {field}\n            </Option>\n          );\n        })}\n      </Select>\n      <Select\n        label='Comparator'\n        onChange={(e: ChangeEvent<HTMLSelectElement>) => {\n          setLocalState(cur => ({ ...cur, comparator: e.target.value }));\n        }}\n      >\n        {['Equals', 'Contains', 'Starts with'].map(comparator => {\n          return (\n            <Option value={comparator} key={comparator}>\n              {comparator}\n            </Option>\n          );\n        })}\n      </Select>\n      <Input\n        label='Value'\n        value={localState.rhs}\n        onChange={(e: ChangeEvent<HTMLInputElement>) => {\n          setLocalState(cur => ({ ...cur, rhs: e.target.value }));\n        }}\n      />\n    </Grid>\n  );\n};\n\nexport const FilterRenderer = () => {\n  const [conditions, setConditions] = useState<JSX.Element[]>(() => [<MockCondition key={1} />]);\n  return (\n    <Flex container={{ direction: 'column', gap: 2 }}>\n      {conditions}\n      <div>\n        <Button\n          variant='link'\n          onClick={() => {\n            setConditions(cur => [...cur, <MockCondition key={cur.length + 1} />]);\n          }}\n        >\n          <Flex container={{ inline: true, alignItems: 'start', gap: 1 }} as='span'>\n            <Icon name='plus' />\n            <span>Add condition</span>\n          </Flex>\n        </Button>\n      </div>\n    </Flex>\n  );\n};\n\nexport const GroupRenderer = () => {\n  return <>GroupBy content goes here...</>;\n};\n"]}
+{"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

@@ -1,9 +1,8 @@
 import { Meta, Story } from '@storybook/react';
-import { ListToolbarProps, FormControlProps } from '@pega/cosmos-react-core';
+import { FormControlProps } from '@pega/cosmos-react-core';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 interface ListToolbarStoryProps {
-    condensed: ListToolbarProps['condensed'];
     createNewLabel: string;
     required: FormControlProps['required'];
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ListToolbar.stories.d.ts","sourceRoot":"","sources":["../../../src/core/ListToolbar/ListToolbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAI/C,OAAO,EAGL,gBAAgB,EAGhB,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;;AAWjC,wBAGU;AAIV,UAAU,qBAAqB;IAC7B,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,qBAAqB,CA8FxD,CAAC;AAcF,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAC"}
+{"version":3,"file":"ListToolbar.stories.d.ts","sourceRoot":"","sources":["../../../src/core/ListToolbar/ListToolbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAI/C,OAAO,EAA2B,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;;AAWpF,wBAGU;AAIV,UAAU,qBAAqB;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,qBAAqB,CA+FxD,CAAC;AAYF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC"}

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

@@ -1,6 +1,6 @@
 import { useMemo, useState } from 'react';
 import { action } from '@storybook/addon-actions';
-import { Card, CardHeader, ListToolbar, MenuButton } from '@pega/cosmos-react-core';
+import { ListToolbar, MenuButton } from '@pega/cosmos-react-core';
 import { mockViews, actions, FilterRenderer, StagedStateDispatchContext, GroupRenderer } from './ListToolbar.mocks';
 export default {
     title: 'Core/ListToolbar',
@@ -10,6 +10,7 @@ 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,
@@ -59,10 +60,8 @@ export const ListToolbarDemo = (args) => {
             onSubmit: () => { }
         };
     }, []);
-    return (<Card>
-      <CardHeader>
-        <StagedStateDispatchContext.Provider value={setStagedQueryOptionState}>
-          <ListToolbar heading={{
+    return (<StagedStateDispatchContext.Provider value={setStagedQueryOptionState}>
+      <ListToolbar name='Contacts' viewSelector={{
             views,
             onViewSelect: id => {
                 setViews(cur => {
@@ -74,29 +73,25 @@ export const ListToolbarDemo = (args) => {
         }} createNew={{
             onClick: action('Clicked Create New'),
             label: args.createNewLabel
-        }} search={{ onSearchSubmit: action('Search submit') }} count={{
-            total: 32,
+        }} 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'/>} condensed={args.condensed} formControlProps={{ required: args.required }}/>
-        </StagedStateDispatchContext.Provider>
-      </CardHeader>
-    </Card>);
+        }} filter={filterProp} sort={sortProp} group={groupProp} actions={actions} additionalActions={<MenuButton text='Edit'/>} formControlProps={{ required: args.required }}/>
+    </StagedStateDispatchContext.Provider>);
 };
 ListToolbarDemo.args = {
-    condensed: false,
     createNewLabel: undefined,
     required: false
 };
 ListToolbarDemo.argTypes = {
-    condensed: { control: { type: 'boolean' } },
     createNewLabel: { control: { type: 'text' } },
     required: { control: { type: 'boolean' } }
 };
 export const SimpleToolbarDemo = () => {
-    return (<Card>
-      <CardHeader>
-        <ListToolbar heading='Top accounts in California' search={{ onSearchSubmit: action('Search submit') }} count={{ total: 212, totalHasMore: true }} actions={actions} formControlProps={{ required: true }}/>
-      </CardHeader>
-    </Card>);
+    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

@@ -1 +1 @@
-{"version":3,"file":"ListToolbar.stories.jsx","sourceRoot":"","sources":["../../../src/core/ListToolbar/ListToolbar.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useMemo, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport {\n  Card,\n  CardHeader,\n  ListToolbarProps,\n  ListToolbar,\n  MenuButton,\n  FormControlProps\n} from '@pega/cosmos-react-core';\nimport { 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  condensed: ListToolbarProps['condensed'];\n  createNewLabel: string;\n  required: FormControlProps['required'];\n}\n\nexport const ListToolbarDemo: Story<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\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    <Card>\n      <CardHeader>\n        <StagedStateDispatchContext.Provider value={setStagedQueryOptionState}>\n          <ListToolbar\n            heading={{\n              views,\n              onViewSelect: id => {\n                setViews(cur => {\n                  return cur.map(view => ({ ...view, selected: view.id === 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={{ onSearchSubmit: action('Search submit') }}\n            count={{\n              total: 32,\n              selected: 4\n            }}\n            filter={filterProp}\n            sort={sortProp}\n            group={groupProp}\n            actions={actions}\n            additionalActions={<MenuButton text='Edit' />}\n            condensed={args.condensed}\n            formControlProps={{ required: args.required }}\n          />\n        </StagedStateDispatchContext.Provider>\n      </CardHeader>\n    </Card>\n  );\n};\n\nListToolbarDemo.args = {\n  condensed: false,\n  createNewLabel: undefined,\n  required: false\n};\n\nListToolbarDemo.argTypes = {\n  condensed: { control: { type: 'boolean' } },\n  createNewLabel: { control: { type: 'text' } },\n  required: { control: { type: 'boolean' } }\n};\n\nexport const SimpleToolbarDemo: Story = () => {\n  return (\n    <Card>\n      <CardHeader>\n        <ListToolbar\n          heading='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      </CardHeader>\n    </Card>\n  );\n};\n"]}
+{"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,EAAE,WAAW,EAAE,UAAU,EAAoB,MAAM,yBAAyB,CAAC;AAGpF,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;CACf,CAAC;AASV,MAAM,CAAC,MAAM,eAAe,GAAiC,CAAC,IAA2B,EAAE,EAAE;IAC3F,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,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;gBAClE,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,CAAC;SACZ,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,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,EAAG,CAAC,CAC9C,gBAAgB,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,EAElD;IAAA,EAAE,0BAA0B,CAAC,QAAQ,CAAC,CACvC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG;IACrB,cAAc,EAAE,SAAS;IACzB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,eAAe,CAAC,QAAQ,GAAG;IACzB,cAAc,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC7C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAU,GAAG,EAAE;IAC3C,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,EAAE,CAAC,EACrC,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useMemo, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport { ListToolbar, MenuButton, FormControlProps } from '@pega/cosmos-react-core';\nimport { 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}\n\nexport const ListToolbarDemo: Story<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 cur.map(view => ({ ...view, selected: view.id === 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={{ required: args.required }}\n      />\n    </StagedStateDispatchContext.Provider>\n  );\n};\n\nListToolbarDemo.args = {\n  createNewLabel: undefined,\n  required: false\n};\n\nListToolbarDemo.argTypes = {\n  createNewLabel: { control: { type: 'text' } },\n  required: { control: { type: 'boolean' } }\n};\n\nexport const SimpleToolbarDemo: Story = () => {\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;
+}) => 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;;iBAoDxB,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 { Meta, Story } from '@storybook/react';
+import { LiveLogProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+interface LiveLogDemoProps {
+    liveLogMaxLength: LiveLogProps['maxLength'];
+}
+export declare const LiveLogDemo: Story<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,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAW,YAAY,EAAE,MAAM,yBAAyB,CAAC;;AAIhE,wBAYU;AAEV,UAAU,gBAAgB;IACxB,gBAAgB,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;CAC7C;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAE/C,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,EAAgB,MAAM,yBAAyB,CAAC;AAEhE,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,GAA4B,GAAG,EAAE;IACvD,OAAO,CAAC,YAAY,CAAC,AAAD,EAAG,CAAC;AAC1B,CAAC,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport { LiveLog, 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: Story<LiveLogDemoProps> = () => {\n  return <SubComponent />;\n};\n"]}

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

@@ -30,7 +30,7 @@ export const LocationDemo = (args) => {
 LocationDemo.args = {
     apiKey: '',
     defaultToCurrentLocation: false,
-    label: 'Pick a location',
+    label: 'Location',
     labelHidden: false,
     centerMapOnChange: true,
     zoomLevel: 13,
@@ -71,7 +71,7 @@ export const LocationInputDemo = (args) => {
 LocationInputDemo.args = {
     apiKey: '',
     defaultToCurrentLocation: false,
-    label: 'Pick a location',
+    label: 'Location',
     labelHidden: false,
     status: undefined,
     required: false,

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

@@ -1 +1 @@
-{"version":3,"file":"Location.stories.jsx","sourceRoot":"","sources":["../../../src/core/Location/Location.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useState } from 'react';\n\nimport {\n  LatLng,\n  LocationDisplay,\n  LocationDisplayProps,\n  LocationInput,\n  LocationInputProps,\n  LocationView,\n  LocationViewProps,\n  MapsContext\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\nexport const LocationDemo: Story<LocationInputProps & APIKey> = (\n  args: LocationInputProps & APIKey\n) => {\n  const [value, setValue] = useState('Boston, MA');\n  const [locationObj, setLocationObj] = useState<LatLng | string>('Boston, MA');\n\n  const handleClick = ({ latitude, longitude }: { latitude: number; longitude: number }) => {\n    setLocationObj({ latitude, longitude });\n  };\n\n  return (\n    <MapsContext.Provider value={{ name: 'google', apiKey: args.apiKey }}>\n      <LocationInput\n        showMap\n        defaultToCurrentLocation={args.defaultToCurrentLocation}\n        value={value}\n        label={args.label}\n        labelHidden={args.labelHidden}\n        onChange={inputValue => {\n          setValue(inputValue);\n        }}\n        location={locationObj}\n        onSelect={selectedValueObj => {\n          setValue(selectedValueObj.name ?? '');\n          if (selectedValueObj.latitude && selectedValueObj.longitude) {\n            setLocationObj({\n              latitude: selectedValueObj.latitude,\n              longitude: selectedValueObj.longitude\n            });\n          } else {\n            setLocationObj(selectedValueObj.name ?? '');\n          }\n        }}\n        onClick={handleClick}\n        centerMapOnChange={args.centerMapOnChange}\n        zoomLevel={args.zoomLevel}\n        height={args.height}\n        status={args.status}\n        required={args.required}\n        disabled={args.disabled}\n        readOnly={args.readOnly}\n      />\n    </MapsContext.Provider>\n  );\n};\n\nLocationDemo.args = {\n  apiKey: '',\n  defaultToCurrentLocation: false,\n  label: 'Pick a location',\n  labelHidden: false,\n  centerMapOnChange: true,\n  zoomLevel: 13,\n  height: '25rem',\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: 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  centerMapOnChange: { control: { type: 'boolean' } },\n  zoomLevel: { control: { type: 'number' } },\n  height: { control: { type: 'text' } },\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};\n\ninterface LocationInputStoryProps extends LocationInputProps {\n  showAdditionalInfo?: boolean;\n}\n\nexport const LocationInputDemo: Story<LocationInputStoryProps & APIKey> = (\n  args: LocationInputStoryProps & APIKey\n) => {\n  const [value, setValue] = useState('');\n\n  return (\n    <MapsContext.Provider value={{ name: 'google', apiKey: args.apiKey }}>\n      <LocationInput\n        defaultToCurrentLocation={args.defaultToCurrentLocation}\n        value={value}\n        label={args.label}\n        labelHidden={args.labelHidden}\n        onChange={inputValue => {\n          setValue(inputValue);\n        }}\n        onSelect={selectedValueObj => {\n          setValue(selectedValueObj.name ?? '');\n        }}\n        status={args.status}\n        required={args.required}\n        disabled={args.disabled}\n        readOnly={args.readOnly}\n        additionalInfo={\n          args.showAdditionalInfo\n            ? {\n                heading: 'Additional Info',\n                content: 'Please enter your location'\n              }\n            : undefined\n        }\n      />\n    </MapsContext.Provider>\n  );\n};\n\nLocationInputDemo.args = {\n  apiKey: '',\n  defaultToCurrentLocation: false,\n  label: 'Pick a location',\n  labelHidden: false,\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: false,\n  showAdditionalInfo: true\n};\n\nLocationInputDemo.argTypes = {\n  apiKey: { control: { type: 'text' } },\n  defaultToCurrentLocation: { control: { type: 'boolean' } },\n  label: { control: { type: 'text' } },\n  labelHidden: { control: { type: 'boolean' } },\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  showAdditionalInfo: { control: { type: 'boolean' } }\n};\n\nexport const LocationViewDemo: Story<LocationViewProps & APIKey> = (\n  args: LocationViewProps & APIKey\n) => {\n  const [location, setLocation] = useState(args.location);\n\n  const handleClick = ({ latitude, longitude }: { latitude: number; longitude: number }) => {\n    setLocation(`${latitude.toString()},${longitude.toString()}`);\n  };\n\n  return (\n    <MapsContext.Provider value={{ name: 'google', apiKey: args.apiKey }}>\n      <LocationView\n        location={location}\n        centerMapOnChange={args.centerMapOnChange}\n        zoomLevel={args.zoomLevel}\n        height={args.height}\n        onClick={handleClick}\n      />\n    </MapsContext.Provider>\n  );\n};\n\nLocationViewDemo.args = {\n  apiKey: '',\n  location: 'Boston, MA',\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: Story<LocationDisplayProps & APIKey> = (\n  args: LocationDisplayProps & APIKey\n) => {\n  return (\n    <MapsContext.Provider value={{ name: 'google', apiKey: args.apiKey }}>\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: 'Boston, MA',\n  zoomLevel: 13,\n  height: '25rem',\n  variant: 'text-map',\n  displayText: 'Come visit Boston!'\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"]}
+{"version":3,"file":"Location.stories.jsx","sourceRoot":"","sources":["../../../src/core/Location/Location.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useState } from 'react';\n\nimport {\n  LatLng,\n  LocationDisplay,\n  LocationDisplayProps,\n  LocationInput,\n  LocationInputProps,\n  LocationView,\n  LocationViewProps,\n  MapsContext\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\nexport const LocationDemo: Story<LocationInputProps & APIKey> = (\n  args: LocationInputProps & APIKey\n) => {\n  const [value, setValue] = useState('Boston, MA');\n  const [locationObj, setLocationObj] = useState<LatLng | string>('Boston, MA');\n\n  const handleClick = ({ latitude, longitude }: { latitude: number; longitude: number }) => {\n    setLocationObj({ latitude, longitude });\n  };\n\n  return (\n    <MapsContext.Provider value={{ name: 'google', apiKey: args.apiKey }}>\n      <LocationInput\n        showMap\n        defaultToCurrentLocation={args.defaultToCurrentLocation}\n        value={value}\n        label={args.label}\n        labelHidden={args.labelHidden}\n        onChange={inputValue => {\n          setValue(inputValue);\n        }}\n        location={locationObj}\n        onSelect={selectedValueObj => {\n          setValue(selectedValueObj.name ?? '');\n          if (selectedValueObj.latitude && selectedValueObj.longitude) {\n            setLocationObj({\n              latitude: selectedValueObj.latitude,\n              longitude: selectedValueObj.longitude\n            });\n          } else {\n            setLocationObj(selectedValueObj.name ?? '');\n          }\n        }}\n        onClick={handleClick}\n        centerMapOnChange={args.centerMapOnChange}\n        zoomLevel={args.zoomLevel}\n        height={args.height}\n        status={args.status}\n        required={args.required}\n        disabled={args.disabled}\n        readOnly={args.readOnly}\n      />\n    </MapsContext.Provider>\n  );\n};\n\nLocationDemo.args = {\n  apiKey: '',\n  defaultToCurrentLocation: false,\n  label: 'Location',\n  labelHidden: false,\n  centerMapOnChange: true,\n  zoomLevel: 13,\n  height: '25rem',\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: 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  centerMapOnChange: { control: { type: 'boolean' } },\n  zoomLevel: { control: { type: 'number' } },\n  height: { control: { type: 'text' } },\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};\n\ninterface LocationInputStoryProps extends LocationInputProps {\n  showAdditionalInfo?: boolean;\n}\n\nexport const LocationInputDemo: Story<LocationInputStoryProps & APIKey> = (\n  args: LocationInputStoryProps & APIKey\n) => {\n  const [value, setValue] = useState('');\n\n  return (\n    <MapsContext.Provider value={{ name: 'google', apiKey: args.apiKey }}>\n      <LocationInput\n        defaultToCurrentLocation={args.defaultToCurrentLocation}\n        value={value}\n        label={args.label}\n        labelHidden={args.labelHidden}\n        onChange={inputValue => {\n          setValue(inputValue);\n        }}\n        onSelect={selectedValueObj => {\n          setValue(selectedValueObj.name ?? '');\n        }}\n        status={args.status}\n        required={args.required}\n        disabled={args.disabled}\n        readOnly={args.readOnly}\n        additionalInfo={\n          args.showAdditionalInfo\n            ? {\n                heading: 'Additional Info',\n                content: 'Please enter your location'\n              }\n            : undefined\n        }\n      />\n    </MapsContext.Provider>\n  );\n};\n\nLocationInputDemo.args = {\n  apiKey: '',\n  defaultToCurrentLocation: false,\n  label: 'Location',\n  labelHidden: false,\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: false,\n  showAdditionalInfo: true\n};\n\nLocationInputDemo.argTypes = {\n  apiKey: { control: { type: 'text' } },\n  defaultToCurrentLocation: { control: { type: 'boolean' } },\n  label: { control: { type: 'text' } },\n  labelHidden: { control: { type: 'boolean' } },\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  showAdditionalInfo: { control: { type: 'boolean' } }\n};\n\nexport const LocationViewDemo: Story<LocationViewProps & APIKey> = (\n  args: LocationViewProps & APIKey\n) => {\n  const [location, setLocation] = useState(args.location);\n\n  const handleClick = ({ latitude, longitude }: { latitude: number; longitude: number }) => {\n    setLocation(`${latitude.toString()},${longitude.toString()}`);\n  };\n\n  return (\n    <MapsContext.Provider value={{ name: 'google', apiKey: args.apiKey }}>\n      <LocationView\n        location={location}\n        centerMapOnChange={args.centerMapOnChange}\n        zoomLevel={args.zoomLevel}\n        height={args.height}\n        onClick={handleClick}\n      />\n    </MapsContext.Provider>\n  );\n};\n\nLocationViewDemo.args = {\n  apiKey: '',\n  location: 'Boston, MA',\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: Story<LocationDisplayProps & APIKey> = (\n  args: LocationDisplayProps & APIKey\n) => {\n  return (\n    <MapsContext.Provider value={{ name: 'google', apiKey: args.apiKey }}>\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: 'Boston, MA',\n  zoomLevel: 13,\n  height: '25rem',\n  variant: 'text-map',\n  displayText: 'Come visit Boston!'\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/MenuButton/MenuButton.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, Story } from '@storybook/react';
 import { MenuButtonProps } from '@pega/cosmos-react-core';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-declare type MenuButtonStoryProps = MenuButtonProps & {
+type MenuButtonStoryProps = MenuButtonProps & {
     showIcon?: boolean;
     showItemVisual?: boolean;
     showItemSecondary?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.stories.d.ts","sourceRoot":"","sources":["../../../src/core/MenuButton/MenuButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAKL,eAAe,EAIhB,MAAM,yBAAyB,CAAC;;AAEjC,wBAuBU;AAEV,aAAK,oBAAoB,GAAG,eAAe,GAAG;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,oBAAoB,CA0CxD,CAAC;AAMF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,oBAAoB,CAmD9D,CAAC;AAMF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,oBAAoB,CAsE7D,CAAC;AAMF,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,oBAAoB,CA8C/D,CAAC"}
+{"version":3,"file":"MenuButton.stories.d.ts","sourceRoot":"","sources":["../../../src/core/MenuButton/MenuButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAKL,eAAe,EAIhB,MAAM,yBAAyB,CAAC;;AAEjC,wBAuBU;AAEV,KAAK,oBAAoB,GAAG,eAAe,GAAG;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,oBAAoB,CA0CxD,CAAC;AAMF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,oBAAoB,CAmD9D,CAAC;AAMF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,oBAAoB,CAsE7D,CAAC;AAMF,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,oBAAoB,CA8C/D,CAAC"}

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare type ContentTypes = 'short text' | 'long text' | 'image' | 'table' | 'form (1 column)' | 'form (2 column)' | 'form (3 column)' | 'random';
+export type ContentTypes = 'short text' | 'long text' | 'image' | 'table' | 'form (1 column)' | 'form (2 column)' | 'form (3 column)' | 'random';
 export declare const getContent: (contentType: ContentTypes, formColumnWidthFixed: boolean) => JSX.Element;
 //# sourceMappingURL=Modal.mocks.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/Modal/Modal.mocks.tsx"],"names":[],"mappings":";AAQA,oBAAY,YAAY,GACpB,YAAY,GACZ,WAAW,GACX,OAAO,GACP,OAAO,GACP,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,QAAQ,CAAC;AAab,eAAO,MAAM,UAAU,gBAAiB,YAAY,wBAAwB,OAAO,gBAiClF,CAAC"}
+{"version":3,"file":"Modal.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/Modal/Modal.mocks.tsx"],"names":[],"mappings":";AAQA,MAAM,MAAM,YAAY,GACpB,YAAY,GACZ,WAAW,GACX,OAAO,GACP,OAAO,GACP,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,QAAQ,CAAC;AAab,eAAO,MAAM,UAAU,gBAAiB,YAAY,wBAAwB,OAAO,gBAiClF,CAAC"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export interface DemoFormDataType {
-    [key: string]: string | undefined;
+    [key: string]: string | boolean | undefined;
     firstName?: string;
     lastName?: string;
     currentTitle?: string;
@@ -11,6 +11,8 @@ export interface DemoFormDataType {
     priorityTwo?: string;
     priorityThree?: string;
     interviewNotes?: string;
+    additionalInterview?: boolean;
+    nextInterviewer?: string;
     salaryRequestReview?: string;
     cultureFit?: string;
     finalRecommendation?: string;
@@ -29,6 +31,7 @@ interface MockFormArgs {
 }
 export declare const ApplicantDetailsFields: ({ formData, formErrors, dispatch }: MockFormArgs) => JSX.Element;
 export declare const InterviewNotesFields: ({ formData, formErrors, dispatch }: MockFormArgs) => JSX.Element;
+export declare const NextInterviewFields: ({ formData, formErrors, dispatch }: MockFormArgs) => JSX.Element;
 export declare const RecommendationsFields: ({ formData, formErrors, dispatch }: MockFormArgs) => JSX.Element;
 export {};
 //# sourceMappingURL=MultiStepForm.mocks.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultiStepForm.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/MultiStepForm/MultiStepForm.mocks.tsx"],"names":[],"mappings":";AAcA,MAAM,WAAW,gBAAgB;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,UAAU,YAAY;IACpB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,sBAAsB,uCAAwC,YAAY,gBAuGtF,CAAC;AAEF,eAAO,MAAM,oBAAoB,uCAAwC,YAAY,gBAgBpF,CAAC;AAEF,eAAO,MAAM,qBAAqB,uCAAwC,YAAY,gBAkKrF,CAAC"}
+{"version":3,"file":"MultiStepForm.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/MultiStepForm/MultiStepForm.mocks.tsx"],"names":[],"mappings":";AAeA,MAAM,WAAW,gBAAgB;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,UAAU,YAAY;IACpB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,sBAAsB,uCAAwC,YAAY,gBAuGtF,CAAC;AAEF,eAAO,MAAM,oBAAoB,uCAAwC,YAAY,gBA6BpF,CAAC;AAEF,eAAO,MAAM,mBAAmB,uCAAwC,YAAY,gBAuBnF,CAAC;AAEF,eAAO,MAAM,qBAAqB,uCAAwC,YAAY,gBAkKrF,CAAC"}

package/jsx/core/MultiStepForm/MultiStepForm.mocks.jsx

@@ -1,4 +1,4 @@
-import { Input, Grid, FieldGroup, TextArea, RadioButtonGroup, RadioButton, CurrencyInput, Select, Option } from '@pega/cosmos-react-core';
+import { Input, Grid, FieldGroup, TextArea, RadioButtonGroup, RadioButton, CurrencyInput, Select, Option, Checkbox } from '@pega/cosmos-react-core';
 export const ApplicantDetailsFields = ({ formData, formErrors, dispatch }) => {
     return (<Grid container={{ gap: 1, cols: 'repeat(2, minmax(0, 1fr))' }}>
       <Input name='firstName' label='First name' value={formData.firstName} readOnly/>
@@ -54,12 +54,34 @@ export const ApplicantDetailsFields = ({ formData, formErrors, dispatch }) => {
     </Grid>);
 };
 export const InterviewNotesFields = ({ formData, formErrors, dispatch }) => {
-    return (<TextArea name='impressions' label='Impressions' value={formData.interviewNotes} onChange={(e) => {
+    return (<Grid container={{ gap: 1, cols: '1fr' }}>
+      <TextArea name='impressions' label='Impressions' value={formData.interviewNotes} onChange={(e) => {
             dispatch({
                 type: 'setFieldValue',
                 payload: { field: 'interviewNotes', value: e.target.value }
             });
-        }} status={formErrors.impressions ? 'error' : undefined} info={formErrors.impressions ? formErrors.impressions : undefined}/>);
+        }} status={formErrors.impressions ? 'error' : undefined} info={formErrors.impressions ? formErrors.impressions : undefined}/>
+      <Checkbox name='additionalInterview' label='Request additional interview' defaultChecked={formData.additionalInterview} onChange={(e) => {
+            dispatch({
+                type: 'setFieldValue',
+                payload: { field: 'additionalInterview', value: e.target.checked }
+            });
+        }}/>
+    </Grid>);
+};
+export const NextInterviewFields = ({ formData, formErrors, dispatch }) => {
+    return (<Select name='nextInterviewer' label='Next interviewer' value={formData.nextInterviewer} onChange={(e) => {
+            dispatch({
+                type: 'setFieldValue',
+                payload: { field: 'nextInterviewer', value: e.target.value }
+            });
+        }} status={formErrors.nextInterviewer ? 'error' : undefined} info={formErrors.nextInterviewer ? formErrors.nextInterviewer : undefined} required>
+      <Option value=''>Choose an option...</Option>
+      <Option>Myself</Option>
+      <Option>Cindy Turner </Option>
+      <Option>Seth DeAngelo</Option>
+      <Option>Janet Moore</Option>
+    </Select>);
 };
 export const RecommendationsFields = ({ formData, formErrors, dispatch }) => {
     return (<Grid container={{ gap: 1, cols: '1fr' }}>

package/jsx/core/MultiStepForm/MultiStepForm.mocks.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStepForm.mocks.jsx","sourceRoot":"","sources":["../../../src/core/MultiStepForm/MultiStepForm.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ChangeEvent } from 'react';\n\nimport {\n  Input,\n  Grid,\n  FieldGroup,\n  TextArea,\n  RadioButtonGroup,\n  RadioButton,\n  CurrencyInput,\n  Select,\n  Option\n} from '@pega/cosmos-react-core';\n\nexport interface DemoFormDataType {\n  [key: string]: string | undefined;\n  firstName?: string;\n  lastName?: string;\n  currentTitle?: string;\n  currentCompany?: string;\n  salaryRequested?: string;\n  experienceLevel?: string;\n  priorityOne?: string;\n  priorityTwo?: string;\n  priorityThree?: string;\n  interviewNotes?: string;\n  salaryRequestReview?: string;\n  cultureFit?: string;\n  finalRecommendation?: string;\n  recommendationComments?: string;\n}\n\nexport interface DemoFormErrorsType {\n  [field: string]: string | undefined;\n}\n\ninterface MockFormArgs {\n  formData: DemoFormDataType;\n  formErrors: DemoFormErrorsType;\n  dispatch: (value: { type: string; payload?: any }) => void;\n}\n\nexport const ApplicantDetailsFields = ({ formData, formErrors, dispatch }: MockFormArgs) => {\n  return (\n    <Grid container={{ gap: 1, cols: 'repeat(2, minmax(0, 1fr))' }}>\n      <Input name='firstName' label='First name' value={formData.firstName} readOnly />\n      <Input name='lastName' label='Last name' value={formData.lastName} readOnly />\n      <Input\n        name='currentTitle'\n        label='Current title'\n        value={formData.currentTitle}\n        onChange={(e: ChangeEvent<HTMLInputElement>) =>\n          dispatch({\n            type: 'setFieldValue',\n            payload: { field: 'currentTitle', value: e.target.value }\n          })\n        }\n      />\n      <Input\n        name='currentCompany'\n        label='Current company'\n        value={formData.currentCompany}\n        onChange={(e: ChangeEvent<HTMLInputElement>) =>\n          dispatch({\n            type: 'setFieldValue',\n            payload: { field: 'currentCompany', value: e.target.value }\n          })\n        }\n      />\n      <CurrencyInput\n        name='salaryRequested'\n        label='Salary requested'\n        value={formData.salaryRequested}\n        currencyISOCode='USD'\n        onChange={value =>\n          dispatch({\n            type: 'setFieldValue',\n            payload: { field: 'salaryRequested', value }\n          })\n        }\n        status={formErrors.salaryRequested ? 'error' : undefined}\n        info={formErrors.salaryRequested ? formErrors.salaryRequested : undefined}\n        required\n      />\n      <Select\n        id='experienceLevel'\n        label='Weighted experience'\n        value={formData.experienceLevel}\n        onChange={(e: ChangeEvent<HTMLSelectElement>) => {\n          dispatch({\n            type: 'setFieldValue',\n            payload: { field: 'experienceLevel', value: e.target.value }\n          });\n        }}\n        status={formErrors.experienceLevel ? 'error' : undefined}\n        info={formErrors.experienceLevel ? formErrors.experienceLevel : undefined}\n        required\n      >\n        <Option value=''>--</Option>\n        <Option value='junior'>0-3 years (junior)</Option>\n        <Option value='mid-level'>4-6 years (mid)</Option>\n        <Option value='senior'>7-10 years (senior)</Option>\n        <Option value='expert'>10+ years (expert)</Option>\n      </Select>\n      <Grid item={{ colStart: '1', colEnd: '-1' }}>\n        <FieldGroup name='Work priorities'>\n          <Grid container={{ gap: 1, cols: 'repeat(3, minmax(0, 1fr))' }}>\n            <Input\n              name='priorityOne'\n              label='First'\n              value={formData.priorityOne}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                dispatch({\n                  type: 'setFieldValue',\n                  payload: { field: 'priorityOne', value: e.target.value }\n                });\n              }}\n            />\n            <Input\n              name='priorityTwo'\n              label='Second'\n              value={formData.priorityTwo}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                dispatch({\n                  type: 'setFieldValue',\n                  payload: { field: 'priorityTwo', value: e.target.value }\n                });\n              }}\n            />\n            <Input\n              name='priorityThree'\n              label='Third'\n              value={formData.priorityThree}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                dispatch({\n                  type: 'setFieldValue',\n                  payload: { field: 'priorityThree', value: e.target.value }\n                });\n              }}\n            />\n          </Grid>\n        </FieldGroup>\n      </Grid>\n    </Grid>\n  );\n};\n\nexport const InterviewNotesFields = ({ formData, formErrors, dispatch }: MockFormArgs) => {\n  return (\n    <TextArea\n      name='impressions'\n      label='Impressions'\n      value={formData.interviewNotes}\n      onChange={(e: ChangeEvent<HTMLTextAreaElement>) => {\n        dispatch({\n          type: 'setFieldValue',\n          payload: { field: 'interviewNotes', value: e.target.value }\n        });\n      }}\n      status={formErrors.impressions ? 'error' : undefined}\n      info={formErrors.impressions ? formErrors.impressions : undefined}\n    />\n  );\n};\n\nexport const RecommendationsFields = ({ formData, formErrors, dispatch }: MockFormArgs) => {\n  return (\n    <Grid container={{ gap: 1, cols: '1fr' }}>\n      <CurrencyInput\n        name='salaryRequestedReview'\n        label='Salary requested'\n        value={formData.salaryRequested}\n        onChange={() => {}}\n        currencyISOCode='USD'\n        readOnly\n      />\n\n      <p>$99,000 is the recommended salary for this position.</p>\n\n      <RadioButtonGroup\n        label='Salary request fit'\n        name='salaryRequestReview'\n        onChange={(e: ChangeEvent<HTMLInputElement>) => {\n          dispatch({\n            type: 'setFieldValue',\n            payload: {\n              field: 'salaryRequestReview',\n              value: e.target.value\n            }\n          });\n        }}\n        status={formErrors.salaryRequestReview ? 'error' : undefined}\n        info={formErrors.salaryRequestReview ? formErrors.salaryRequestReview : undefined}\n        inline\n        required\n      >\n        <RadioButton\n          label='Very low'\n          id='salaryTargetVeryLow'\n          value='salaryTargetVeryLow'\n          checked={formData.salaryRequestReview === 'salaryTargetVeryLow'}\n        />\n        <RadioButton\n          label='Low'\n          id='salaryTargetLow'\n          value='salaryTargetLow'\n          checked={formData.salaryRequestReview === 'salaryTargetLow'}\n        />\n        <RadioButton\n          label='On trend'\n          id='salaryTargetOnTrend'\n          value='salaryTargetOnTrend'\n          checked={formData.salaryRequestReview === 'salaryTargetOnTrend'}\n        />\n        <RadioButton\n          label='High'\n          id='salaryTargetHigh'\n          value='salaryTargetHigh'\n          checked={formData.salaryRequestReview === 'salaryTargetHigh'}\n        />\n        <RadioButton\n          label='Very high'\n          id='salaryTargetVeryHigh'\n          value='salaryTargetVeryHigh'\n          checked={formData.salaryRequestReview === 'salaryTargetVeryHigh'}\n        />\n      </RadioButtonGroup>\n\n      <RadioButtonGroup\n        label='Culture fit'\n        name='cultureFit'\n        onChange={(e: ChangeEvent<HTMLInputElement>) => {\n          dispatch({\n            type: 'setFieldValue',\n            payload: {\n              field: 'cultureFit',\n              value: e.target.value\n            }\n          });\n        }}\n        status={formErrors.cultureFit ? 'error' : undefined}\n        info={formErrors.cultureFit ? formErrors.cultureFit : undefined}\n        inline\n        required\n      >\n        <RadioButton\n          label='High risk'\n          id='cultureFitHighRisk'\n          value='cultureFitHighRisk'\n          checked={formData.cultureFit === 'cultureFitHighRisk'}\n        />\n        <RadioButton\n          label='Signs of risk'\n          id='cultureFitSomeRisk'\n          value='cultureFitSomeRisk'\n          checked={formData.cultureFit === 'cultureFitSomeRisk'}\n        />\n        <RadioButton\n          label='Indeterminate'\n          id='cultureFitIndeterminate'\n          value='cultureFitIndeterminate'\n          checked={formData.cultureFit === 'cultureFitIndeterminate'}\n        />\n        <RadioButton\n          label='Good'\n          id='cultureFitGood'\n          value='cultureFitGood'\n          checked={formData.cultureFit === 'cultureFitGood'}\n        />\n        <RadioButton\n          label='Perfect'\n          id='cultureFitPerfect'\n          value='cultureFitPerfect'\n          checked={formData.cultureFit === 'cultureFitPerfect'}\n        />\n      </RadioButtonGroup>\n\n      <RadioButtonGroup\n        label='Final recomendation'\n        name='finalRecommendation'\n        onChange={(e: ChangeEvent<HTMLInputElement>) => {\n          dispatch({\n            type: 'setFieldValue',\n            payload: {\n              field: 'finalRecommendation',\n              value: e.target.value\n            }\n          });\n        }}\n        status={formErrors.finalRecommendation ? 'error' : undefined}\n        info={formErrors.finalRecommendation ? formErrors.finalRecommendation : undefined}\n        inline\n        required\n      >\n        <RadioButton\n          label='Do not recommend'\n          id='doNotRecommend'\n          value='doNotRecommend'\n          checked={formData.finalRecommendation === 'doNotRecommend'}\n        />\n        <RadioButton\n          label='Indeterminate'\n          id='noRecommendation'\n          value='noRecommendation'\n          checked={formData.finalRecommendation === 'noRecommendation'}\n        />\n        <RadioButton\n          label='Recommend'\n          id='recommend'\n          value='recommend'\n          checked={formData.finalRecommendation === 'recommend'}\n        />\n      </RadioButtonGroup>\n\n      <TextArea\n        name='comments'\n        label='Comments'\n        value={formData.recommendationComments}\n        onChange={(e: ChangeEvent<HTMLTextAreaElement>) => {\n          dispatch({\n            type: 'setFieldValue',\n            payload: { field: 'recommendationComments', value: e.target.value }\n          });\n        }}\n      />\n    </Grid>\n  );\n};\n"]}
+{"version":3,"file":"MultiStepForm.mocks.jsx","sourceRoot":"","sources":["../../../src/core/MultiStepForm/MultiStepForm.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ChangeEvent } from 'react';\n\nimport {\n  Input,\n  Grid,\n  FieldGroup,\n  TextArea,\n  RadioButtonGroup,\n  RadioButton,\n  CurrencyInput,\n  Select,\n  Option,\n  Checkbox\n} from '@pega/cosmos-react-core';\n\nexport interface DemoFormDataType {\n  [key: string]: string | boolean | undefined;\n  firstName?: string;\n  lastName?: string;\n  currentTitle?: string;\n  currentCompany?: string;\n  salaryRequested?: string;\n  experienceLevel?: string;\n  priorityOne?: string;\n  priorityTwo?: string;\n  priorityThree?: string;\n  interviewNotes?: string;\n  additionalInterview?: boolean;\n  nextInterviewer?: string;\n  salaryRequestReview?: string;\n  cultureFit?: string;\n  finalRecommendation?: string;\n  recommendationComments?: string;\n}\n\nexport interface DemoFormErrorsType {\n  [field: string]: string | undefined;\n}\n\ninterface MockFormArgs {\n  formData: DemoFormDataType;\n  formErrors: DemoFormErrorsType;\n  dispatch: (value: { type: string; payload?: any }) => void;\n}\n\nexport const ApplicantDetailsFields = ({ formData, formErrors, dispatch }: MockFormArgs) => {\n  return (\n    <Grid container={{ gap: 1, cols: 'repeat(2, minmax(0, 1fr))' }}>\n      <Input name='firstName' label='First name' value={formData.firstName} readOnly />\n      <Input name='lastName' label='Last name' value={formData.lastName} readOnly />\n      <Input\n        name='currentTitle'\n        label='Current title'\n        value={formData.currentTitle}\n        onChange={(e: ChangeEvent<HTMLInputElement>) =>\n          dispatch({\n            type: 'setFieldValue',\n            payload: { field: 'currentTitle', value: e.target.value }\n          })\n        }\n      />\n      <Input\n        name='currentCompany'\n        label='Current company'\n        value={formData.currentCompany}\n        onChange={(e: ChangeEvent<HTMLInputElement>) =>\n          dispatch({\n            type: 'setFieldValue',\n            payload: { field: 'currentCompany', value: e.target.value }\n          })\n        }\n      />\n      <CurrencyInput\n        name='salaryRequested'\n        label='Salary requested'\n        value={formData.salaryRequested}\n        currencyISOCode='USD'\n        onChange={value =>\n          dispatch({\n            type: 'setFieldValue',\n            payload: { field: 'salaryRequested', value }\n          })\n        }\n        status={formErrors.salaryRequested ? 'error' : undefined}\n        info={formErrors.salaryRequested ? formErrors.salaryRequested : undefined}\n        required\n      />\n      <Select\n        id='experienceLevel'\n        label='Weighted experience'\n        value={formData.experienceLevel}\n        onChange={(e: ChangeEvent<HTMLSelectElement>) => {\n          dispatch({\n            type: 'setFieldValue',\n            payload: { field: 'experienceLevel', value: e.target.value }\n          });\n        }}\n        status={formErrors.experienceLevel ? 'error' : undefined}\n        info={formErrors.experienceLevel ? formErrors.experienceLevel : undefined}\n        required\n      >\n        <Option value=''>--</Option>\n        <Option value='junior'>0-3 years (junior)</Option>\n        <Option value='mid-level'>4-6 years (mid)</Option>\n        <Option value='senior'>7-10 years (senior)</Option>\n        <Option value='expert'>10+ years (expert)</Option>\n      </Select>\n      <Grid item={{ colStart: '1', colEnd: '-1' }}>\n        <FieldGroup name='Work priorities'>\n          <Grid container={{ gap: 1, cols: 'repeat(3, minmax(0, 1fr))' }}>\n            <Input\n              name='priorityOne'\n              label='First'\n              value={formData.priorityOne}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                dispatch({\n                  type: 'setFieldValue',\n                  payload: { field: 'priorityOne', value: e.target.value }\n                });\n              }}\n            />\n            <Input\n              name='priorityTwo'\n              label='Second'\n              value={formData.priorityTwo}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                dispatch({\n                  type: 'setFieldValue',\n                  payload: { field: 'priorityTwo', value: e.target.value }\n                });\n              }}\n            />\n            <Input\n              name='priorityThree'\n              label='Third'\n              value={formData.priorityThree}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                dispatch({\n                  type: 'setFieldValue',\n                  payload: { field: 'priorityThree', value: e.target.value }\n                });\n              }}\n            />\n          </Grid>\n        </FieldGroup>\n      </Grid>\n    </Grid>\n  );\n};\n\nexport const InterviewNotesFields = ({ formData, formErrors, dispatch }: MockFormArgs) => {\n  return (\n    <Grid container={{ gap: 1, cols: '1fr' }}>\n      <TextArea\n        name='impressions'\n        label='Impressions'\n        value={formData.interviewNotes}\n        onChange={(e: ChangeEvent<HTMLTextAreaElement>) => {\n          dispatch({\n            type: 'setFieldValue',\n            payload: { field: 'interviewNotes', value: e.target.value }\n          });\n        }}\n        status={formErrors.impressions ? 'error' : undefined}\n        info={formErrors.impressions ? formErrors.impressions : undefined}\n      />\n      <Checkbox\n        name='additionalInterview'\n        label='Request additional interview'\n        defaultChecked={formData.additionalInterview}\n        onChange={(e: ChangeEvent<HTMLInputElement>) => {\n          dispatch({\n            type: 'setFieldValue',\n            payload: { field: 'additionalInterview', value: e.target.checked }\n          });\n        }}\n      />\n    </Grid>\n  );\n};\n\nexport const NextInterviewFields = ({ formData, formErrors, dispatch }: MockFormArgs) => {\n  return (\n    <Select\n      name='nextInterviewer'\n      label='Next interviewer'\n      value={formData.nextInterviewer}\n      onChange={(e: ChangeEvent<HTMLSelectElement>) => {\n        dispatch({\n          type: 'setFieldValue',\n          payload: { field: 'nextInterviewer', value: e.target.value }\n        });\n      }}\n      status={formErrors.nextInterviewer ? 'error' : undefined}\n      info={formErrors.nextInterviewer ? formErrors.nextInterviewer : undefined}\n      required\n    >\n      <Option value=''>Choose an option...</Option>\n      <Option>Myself</Option>\n      <Option>Cindy Turner </Option>\n      <Option>Seth DeAngelo</Option>\n      <Option>Janet Moore</Option>\n    </Select>\n  );\n};\n\nexport const RecommendationsFields = ({ formData, formErrors, dispatch }: MockFormArgs) => {\n  return (\n    <Grid container={{ gap: 1, cols: '1fr' }}>\n      <CurrencyInput\n        name='salaryRequestedReview'\n        label='Salary requested'\n        value={formData.salaryRequested}\n        onChange={() => {}}\n        currencyISOCode='USD'\n        readOnly\n      />\n\n      <p>$99,000 is the recommended salary for this position.</p>\n\n      <RadioButtonGroup\n        label='Salary request fit'\n        name='salaryRequestReview'\n        onChange={(e: ChangeEvent<HTMLInputElement>) => {\n          dispatch({\n            type: 'setFieldValue',\n            payload: {\n              field: 'salaryRequestReview',\n              value: e.target.value\n            }\n          });\n        }}\n        status={formErrors.salaryRequestReview ? 'error' : undefined}\n        info={formErrors.salaryRequestReview ? formErrors.salaryRequestReview : undefined}\n        inline\n        required\n      >\n        <RadioButton\n          label='Very low'\n          id='salaryTargetVeryLow'\n          value='salaryTargetVeryLow'\n          checked={formData.salaryRequestReview === 'salaryTargetVeryLow'}\n        />\n        <RadioButton\n          label='Low'\n          id='salaryTargetLow'\n          value='salaryTargetLow'\n          checked={formData.salaryRequestReview === 'salaryTargetLow'}\n        />\n        <RadioButton\n          label='On trend'\n          id='salaryTargetOnTrend'\n          value='salaryTargetOnTrend'\n          checked={formData.salaryRequestReview === 'salaryTargetOnTrend'}\n        />\n        <RadioButton\n          label='High'\n          id='salaryTargetHigh'\n          value='salaryTargetHigh'\n          checked={formData.salaryRequestReview === 'salaryTargetHigh'}\n        />\n        <RadioButton\n          label='Very high'\n          id='salaryTargetVeryHigh'\n          value='salaryTargetVeryHigh'\n          checked={formData.salaryRequestReview === 'salaryTargetVeryHigh'}\n        />\n      </RadioButtonGroup>\n\n      <RadioButtonGroup\n        label='Culture fit'\n        name='cultureFit'\n        onChange={(e: ChangeEvent<HTMLInputElement>) => {\n          dispatch({\n            type: 'setFieldValue',\n            payload: {\n              field: 'cultureFit',\n              value: e.target.value\n            }\n          });\n        }}\n        status={formErrors.cultureFit ? 'error' : undefined}\n        info={formErrors.cultureFit ? formErrors.cultureFit : undefined}\n        inline\n        required\n      >\n        <RadioButton\n          label='High risk'\n          id='cultureFitHighRisk'\n          value='cultureFitHighRisk'\n          checked={formData.cultureFit === 'cultureFitHighRisk'}\n        />\n        <RadioButton\n          label='Signs of risk'\n          id='cultureFitSomeRisk'\n          value='cultureFitSomeRisk'\n          checked={formData.cultureFit === 'cultureFitSomeRisk'}\n        />\n        <RadioButton\n          label='Indeterminate'\n          id='cultureFitIndeterminate'\n          value='cultureFitIndeterminate'\n          checked={formData.cultureFit === 'cultureFitIndeterminate'}\n        />\n        <RadioButton\n          label='Good'\n          id='cultureFitGood'\n          value='cultureFitGood'\n          checked={formData.cultureFit === 'cultureFitGood'}\n        />\n        <RadioButton\n          label='Perfect'\n          id='cultureFitPerfect'\n          value='cultureFitPerfect'\n          checked={formData.cultureFit === 'cultureFitPerfect'}\n        />\n      </RadioButtonGroup>\n\n      <RadioButtonGroup\n        label='Final recomendation'\n        name='finalRecommendation'\n        onChange={(e: ChangeEvent<HTMLInputElement>) => {\n          dispatch({\n            type: 'setFieldValue',\n            payload: {\n              field: 'finalRecommendation',\n              value: e.target.value\n            }\n          });\n        }}\n        status={formErrors.finalRecommendation ? 'error' : undefined}\n        info={formErrors.finalRecommendation ? formErrors.finalRecommendation : undefined}\n        inline\n        required\n      >\n        <RadioButton\n          label='Do not recommend'\n          id='doNotRecommend'\n          value='doNotRecommend'\n          checked={formData.finalRecommendation === 'doNotRecommend'}\n        />\n        <RadioButton\n          label='Indeterminate'\n          id='noRecommendation'\n          value='noRecommendation'\n          checked={formData.finalRecommendation === 'noRecommendation'}\n        />\n        <RadioButton\n          label='Recommend'\n          id='recommend'\n          value='recommend'\n          checked={formData.finalRecommendation === 'recommend'}\n        />\n      </RadioButtonGroup>\n\n      <TextArea\n        name='comments'\n        label='Comments'\n        value={formData.recommendationComments}\n        onChange={(e: ChangeEvent<HTMLTextAreaElement>) => {\n          dispatch({\n            type: 'setFieldValue',\n            payload: { field: 'recommendationComments', value: e.target.value }\n          });\n        }}\n      />\n    </Grid>\n  );\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"MultiStepForm.stories.d.ts","sourceRoot":"","sources":["../../../src/core/MultiStepForm/MultiStepForm.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAc/C,wBAGU;AAuBV,eAAO,MAAM,iBAAiB,EAAE,KA0R/B,CAAC"}
+{"version":3,"file":"MultiStepForm.stories.d.ts","sourceRoot":"","sources":["../../../src/core/MultiStepForm/MultiStepForm.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAe/C,wBAGU;AAuBV,eAAO,MAAM,iBAAiB,EAAE,KA+T/B,CAAC"}