@pega/cosmos-react-demos 7.0.4 → 7.0.6

package/jsx/build/DynamicInput/DynamicInput.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicInput.stories.d.ts","sourceRoot":"","sources":["../../../src/build/DynamicInput/DynamicInput.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EACV,cAAc,EAId,MAAM,EACP,MAAM,0BAA0B,CAAC;;AAMlC,wBAiCU;AAIV,UAAU,sBAAsB;IAC9B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,sBAAsB,CAqX5D,CAAC"}
+{"version":3,"file":"DynamicInput.stories.d.ts","sourceRoot":"","sources":["../../../src/build/DynamicInput/DynamicInput.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EACV,cAAc,EAId,MAAM,EACP,MAAM,0BAA0B,CAAC;;AAMlC,wBAiCU;AAIV,UAAU,sBAAsB;IAC9B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,sBAAsB,CAuX5D,CAAC"}

package/jsx/build/DynamicInput/DynamicInput.stories.jsx

@@ -38,7 +38,9 @@ export default {
     }
 };
 export const DynamicInputDemo = (args) => {
-    const { constantFormat = 'Text', required, defaultSource = 'Rule', timeout = true } = args;
+    const defaultSource = args.defaultSource || 'Rule';
+    const constantFormat = args.constantFormat || 'Text';
+    const timeout = args.timeout || true;
     const [sources, setSources] = useState([
         {
             type: 'Constant',
@@ -243,7 +245,7 @@ export const DynamicInputDemo = (args) => {
     }, [ruleState]);
     const fieldReferenceMock = useFieldReferenceMock('static');
     return (<ThemeOverride theme={BuildTheme}>
-      <DynamicInput required={required} sources={sources} onSourceChange={selectedSource => {
+      <DynamicInput required={args.required} sources={sources} onSourceChange={selectedSource => {
             const updatedSources = sources.map(source => ({
                 ...source,
                 selected: source.type === selectedSource

package/jsx/build/DynamicInput/DynamicInput.stories.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicInput.stories.jsx","sourceRoot":"","sources":["../../../src/build/DynamicInput/DynamicInput.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useMemo, useCallback, useEffect } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { BuildTheme, ThemeOverride, Flex, FormDialog, Input } from '@pega/cosmos-react-core';\nimport { CodeEditor, DynamicInput } from '@pega/cosmos-react-build';\nimport type {\n  ConstantFormat,\n  RuleSelectProps,\n  SourceConfig,\n  ConstantControlConfig,\n  Source\n} from '@pega/cosmos-react-build';\n\nimport { useFieldReferenceMock } from '../FieldReference/FieldReference.mocks';\n\nimport { baseRuleTypes, defaultRuleState, fetchRules } from './DynamicInput.mocks';\n\nexport default {\n  title: 'Build/DynamicInput',\n  component: DynamicInput,\n  args: {\n    constantFormat: 'Text',\n    defaultSource: 'Rule',\n    required: true\n  },\n  argTypes: {\n    constantFormat: {\n      control: { type: 'select' },\n      options: [\n        'Text',\n        'Text (paragraph)',\n        'Boolean',\n        'Currency',\n        'Percentage',\n        'Integer',\n        'Decimal',\n        'Phone',\n        'DateTime',\n        'Date',\n        'Time'\n      ]\n    },\n    defaultSource: {\n      control: { type: 'select' },\n      options: ['Rule', 'Constant', 'FieldReference', 'Expression']\n    },\n    required: {\n      control: { type: 'boolean' }\n    }\n  }\n} as Meta;\n\ntype RuleType = 'Automation' | 'Decision' | 'Field' | 'Paragraph';\n\ninterface DynamicInputStoryProps {\n  constantFormat?: ConstantFormat;\n  required?: boolean;\n  defaultSource?: Source;\n  timeout?: boolean;\n}\n\nexport const DynamicInputDemo: StoryFn<DynamicInputStoryProps> = (args: DynamicInputStoryProps) => {\n  const { constantFormat = 'Text', required, defaultSource = 'Rule', timeout = true } = args;\n\n  const [sources, setSources] = useState<SourceConfig[]>([\n    {\n      type: 'Constant',\n      selected: defaultSource === 'Constant'\n    },\n    {\n      type: 'Rule',\n      selected: defaultSource === 'Rule'\n    },\n    {\n      type: 'FieldReference',\n      selected: defaultSource === 'FieldReference'\n    },\n    {\n      type: 'Expression',\n      selected: defaultSource === 'Expression'\n    }\n  ]);\n\n  useEffect(() => {\n    setSources([\n      {\n        type: 'Constant',\n        selected: defaultSource === 'Constant'\n      },\n      {\n        type: 'Rule',\n        selected: defaultSource === 'Rule'\n      },\n      {\n        type: 'FieldReference',\n        selected: defaultSource === 'FieldReference'\n      },\n      {\n        type: 'Expression',\n        selected: defaultSource === 'Expression'\n      }\n    ]);\n  }, [defaultSource]);\n\n  /**\n   * Constant Input\n   */\n  const [constantValue, setConstantValue] = useState<ConstantControlConfig['props']['value']>('');\n  const constant = useMemo<ConstantControlConfig>(\n    () => ({\n      format: constantFormat,\n      props: {\n        value: '',\n        onChange: value => {\n          setConstantValue(value);\n        }\n      }\n    }),\n    [constantValue, constantFormat]\n  );\n\n  /**\n   * Rule input\n   */\n  const [ruleState, setRuleState] = useState<{\n    props: typeof defaultRuleState;\n    pendingFetch?: ReturnType<typeof fetchRules>;\n  }>({\n    props: defaultRuleState\n  });\n  // todo-lc: type this\n  const [ruleConfigDialogTarget, setRuleConfigDialogTarget] = useState();\n\n  const onRuleExpand = useCallback<(id: string) => void>(\n    itemId => {\n      const expandedItem = ruleState.props.ruleTypes?.find(item => item.id === itemId);\n\n      // Demos lazy loading rules.\n      if (expandedItem?.rules.length === 0) {\n        const { promise } = fetchRules({ ruleType: expandedItem.type, delay: timeout ? 1000 : 0 });\n\n        promise\n          .then(res => {\n            const newItems = ruleState.props.ruleTypes?.map(item => {\n              if (item.id === expandedItem.id) {\n                return { ...item, rules: res.results };\n              }\n\n              return item;\n            });\n\n            setRuleState({\n              ...ruleState,\n              props: { ...ruleState.props, loading: false, ruleTypes: newItems }\n            });\n          })\n          .catch(() => {});\n\n        // Set loading while rules are fetched initially.\n        setRuleState({\n          ...ruleState,\n          props: { ...ruleState.props, loading: true }\n        });\n      }\n    },\n    [ruleState]\n  );\n\n  const onRuleFilter = useCallback(\n    filterValue => {\n      // Abort requests before reissuing if necessary.\n      if (ruleState.pendingFetch) {\n        ruleState.pendingFetch.abort();\n      }\n\n      // If the filterValue is an empty string from backspace both remove any selection and reset the menu to its default.\n      if (!filterValue) {\n        setRuleState({\n          ...ruleState,\n          props: {\n            ...defaultRuleState\n          }\n        });\n        return;\n      }\n\n      const fetch = fetchRules({ filter: filterValue, delay: timeout ? 1000 : 0 });\n\n      fetch.promise.then(fetchedRules => {\n        if (!ruleState.props) {\n          return undefined;\n        }\n\n        setRuleState({\n          pendingFetch: undefined,\n          props: {\n            ...ruleState.props,\n            filterValue,\n            loading: false,\n            items: fetchedRules.results\n          }\n        });\n      });\n\n      // Place the menu into a loading state while rules are fetched.\n      // Additionally, set a reference to the pending fetch to conditionally abort if onFilter is retriggered before fetch resolves.\n      setRuleState({\n        pendingFetch: fetch,\n        props: {\n          ...ruleState.props,\n          loading: true,\n          filterValue,\n          ruleTypes: [],\n          items: undefined\n        }\n      });\n    },\n    [ruleState]\n  );\n\n  const ruleLoadMore = useCallback(\n    itemId => {\n      const ruleStateProps = ruleState.props as RuleSelectProps;\n      const ruleItems = ruleStateProps.items;\n\n      const directList = !!ruleState.props.items;\n\n      // No rule type expanded and no items provided directly.\n      if (!itemId && !directList) {\n        return ruleStateProps;\n      }\n\n      const expandedItem = ruleState.props.ruleTypes?.find(item => item.id === itemId);\n\n      // Apply based on if an expanded rule or a list of items provided directly.\n      let fetchParams = {};\n\n      // Expanded rule type's list.\n      if (!directList && expandedItem) {\n        const currentLength = expandedItem?.rules.length;\n\n        // The demo is assuming a total count in known upfront.\n        // (If that is not the case an empty response can be used to determine all rules are fetched)\n        const totalCount = baseRuleTypes.find(item => item.id === itemId)!.count!;\n\n        if (currentLength >= totalCount) {\n          return ruleStateProps;\n        }\n\n        fetchParams = {\n          ruleType: itemId as RuleType,\n          start: currentLength,\n          delay: timeout ? 1000 : 0\n        };\n      }\n\n      // Abort requests before reissuing if necessary.\n      if (ruleState.pendingFetch) {\n        ruleState.pendingFetch.abort();\n      }\n\n      const fetch = fetchRules(fetchParams);\n\n      fetch.promise.then(res => {\n        setRuleState({\n          pendingFetch: undefined,\n          props: {\n            ...ruleState.props,\n            loading: false,\n            items: ruleItems\n              ? {\n                  ...ruleItems,\n                  ...res.results\n                }\n              : undefined,\n            ruleTypes: expandedItem\n              ? ruleState.props.ruleTypes?.map(item => {\n                  if (item.id === expandedItem.id) {\n                    return {\n                      ...item,\n                      rules: [...item.rules, ...res.results]\n                    };\n                  }\n\n                  return item;\n                })\n              : defaultRuleState.ruleTypes\n          }\n        });\n      });\n\n      setRuleState({\n        pendingFetch: fetch,\n        props: {\n          ...ruleState.props,\n          loading: true\n        }\n      });\n    },\n    [ruleState]\n  );\n\n  const onRuleSelect = useCallback(\n    selectedRule => {\n      setRuleState({\n        ...ruleState,\n        props: {\n          ...ruleState.props,\n          filterValue: undefined,\n          selectedRule: {\n            ...selectedRule,\n            href: `/rules/${selectedRule.id}`,\n            onPreview: () => {\n              // eslint-disable-next-line no-alert\n              alert('Link previewed');\n            },\n            onLinkClick: () => {\n              // eslint-disable-next-line no-alert\n              alert('Link clicked');\n            },\n            onConfig: (configTarget: any) => {\n              setRuleConfigDialogTarget(configTarget);\n            },\n            onClear: () => {\n              setRuleConfigDialogTarget(undefined);\n              setRuleState({\n                props: defaultRuleState\n              });\n            }\n          }\n        }\n      });\n    },\n    [ruleState]\n  );\n\n  /**\n   * Field reference input\n   */\n  const fieldReferenceMock = useFieldReferenceMock('static');\n\n  return (\n    <ThemeOverride theme={BuildTheme}>\n      <DynamicInput\n        required={required}\n        sources={sources}\n        onSourceChange={selectedSource => {\n          const updatedSources = sources.map(source => ({\n            ...source,\n            selected: source.type === selectedSource\n          }));\n          setSources(updatedSources);\n        }}\n        controls={{\n          constant,\n          rule: {\n            props: {\n              ...ruleState.props,\n              onExpand: onRuleExpand,\n              onFilter: onRuleFilter,\n              loadMore: ruleLoadMore,\n              onSelect: onRuleSelect,\n              onCreateNew: () => {}\n            }\n          },\n          fieldReference: {\n            props: {\n              placeholder: 'Choose a field...',\n              onSelectedChange: fieldReferenceMock.handleSelectedChange,\n              menu: {\n                items: fieldReferenceMock.itemsToRender,\n                altContexts: fieldReferenceMock.altContexts,\n                currentContext: fieldReferenceMock.currentContext,\n                parentItem: fieldReferenceMock.parentItem,\n                loading: fieldReferenceMock.menuLoading\n              },\n              selected: fieldReferenceMock.selected,\n              filterValue: fieldReferenceMock.filterValue,\n              onFilterChange: fieldReferenceMock.setFilterValue,\n              onBlur: () => {\n                fieldReferenceMock.setFilterValue('');\n              }\n            }\n          },\n          expression: {\n            component: CodeEditor,\n            props: {\n              list: {\n                onItemAdd: () => {},\n                details: {}\n              },\n              search: {\n                filters: [],\n                onFilterChange: () => {},\n                onSearchChange: () => {},\n                value: ''\n              },\n              codeEditorHandle: {\n                current: {\n                  getValue: () => {\n                    return undefined;\n                  },\n                  insertText: (text: string) => {\n                    // eslint-disable-next-line no-console\n                    console.log(text);\n                  }\n                }\n              }\n            }\n          }\n        }}\n      />\n\n      {/* Mock demoing rule config by way of a dialog but, any pattern could be used: modal, panel, etc... */}\n      {ruleConfigDialogTarget && ruleState && ruleState.props?.selectedRule && (\n        <FormDialog\n          target={ruleConfigDialogTarget}\n          heading={ruleState.props?.selectedRule.name}\n          onCancel={() => {\n            setRuleConfigDialogTarget(undefined);\n          }}\n          onSubmit={() => {\n            setRuleConfigDialogTarget(undefined);\n          }}\n        >\n          <Flex container={{ direction: 'column', gap: 2 }}>\n            <Input label='Config field 1' />\n            <Input label='Config field 2' />\n            <Input label='Config field 3' />\n          </Flex>\n        </FormDialog>\n      )}\n    </ThemeOverride>\n  );\n};\n"]}
+{"version":3,"file":"DynamicInput.stories.jsx","sourceRoot":"","sources":["../../../src/build/DynamicInput/DynamicInput.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useMemo, useCallback, useEffect } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { BuildTheme, ThemeOverride, Flex, FormDialog, Input } from '@pega/cosmos-react-core';\nimport { CodeEditor, DynamicInput } from '@pega/cosmos-react-build';\nimport type {\n  ConstantFormat,\n  RuleSelectProps,\n  SourceConfig,\n  ConstantControlConfig,\n  Source\n} from '@pega/cosmos-react-build';\n\nimport { useFieldReferenceMock } from '../FieldReference/FieldReference.mocks';\n\nimport { baseRuleTypes, defaultRuleState, fetchRules } from './DynamicInput.mocks';\n\nexport default {\n  title: 'Build/DynamicInput',\n  component: DynamicInput,\n  args: {\n    constantFormat: 'Text',\n    defaultSource: 'Rule',\n    required: true\n  },\n  argTypes: {\n    constantFormat: {\n      control: { type: 'select' },\n      options: [\n        'Text',\n        'Text (paragraph)',\n        'Boolean',\n        'Currency',\n        'Percentage',\n        'Integer',\n        'Decimal',\n        'Phone',\n        'DateTime',\n        'Date',\n        'Time'\n      ]\n    },\n    defaultSource: {\n      control: { type: 'select' },\n      options: ['Rule', 'Constant', 'FieldReference', 'Expression']\n    },\n    required: {\n      control: { type: 'boolean' }\n    }\n  }\n} as Meta;\n\ntype RuleType = 'Automation' | 'Decision' | 'Field' | 'Paragraph';\n\ninterface DynamicInputStoryProps {\n  constantFormat?: ConstantFormat;\n  required?: boolean;\n  defaultSource?: Source;\n  timeout?: boolean;\n}\n\nexport const DynamicInputDemo: StoryFn<DynamicInputStoryProps> = (args: DynamicInputStoryProps) => {\n  const defaultSource = args.defaultSource || 'Rule';\n  const constantFormat = args.constantFormat || 'Text';\n  const timeout = args.timeout || true;\n\n  const [sources, setSources] = useState<SourceConfig[]>([\n    {\n      type: 'Constant',\n      selected: defaultSource === 'Constant'\n    },\n    {\n      type: 'Rule',\n      selected: defaultSource === 'Rule'\n    },\n    {\n      type: 'FieldReference',\n      selected: defaultSource === 'FieldReference'\n    },\n    {\n      type: 'Expression',\n      selected: defaultSource === 'Expression'\n    }\n  ]);\n\n  useEffect(() => {\n    setSources([\n      {\n        type: 'Constant',\n        selected: defaultSource === 'Constant'\n      },\n      {\n        type: 'Rule',\n        selected: defaultSource === 'Rule'\n      },\n      {\n        type: 'FieldReference',\n        selected: defaultSource === 'FieldReference'\n      },\n      {\n        type: 'Expression',\n        selected: defaultSource === 'Expression'\n      }\n    ]);\n  }, [defaultSource]);\n\n  /**\n   * Constant Input\n   */\n  const [constantValue, setConstantValue] = useState<ConstantControlConfig['props']['value']>('');\n  const constant = useMemo<ConstantControlConfig>(\n    () => ({\n      format: constantFormat,\n      props: {\n        value: '',\n        onChange: value => {\n          setConstantValue(value);\n        }\n      }\n    }),\n    [constantValue, constantFormat]\n  );\n\n  /**\n   * Rule input\n   */\n  const [ruleState, setRuleState] = useState<{\n    props: typeof defaultRuleState;\n    pendingFetch?: ReturnType<typeof fetchRules>;\n  }>({\n    props: defaultRuleState\n  });\n  // todo-lc: type this\n  const [ruleConfigDialogTarget, setRuleConfigDialogTarget] = useState();\n\n  const onRuleExpand = useCallback<(id: string) => void>(\n    itemId => {\n      const expandedItem = ruleState.props.ruleTypes?.find(item => item.id === itemId);\n\n      // Demos lazy loading rules.\n      if (expandedItem?.rules.length === 0) {\n        const { promise } = fetchRules({ ruleType: expandedItem.type, delay: timeout ? 1000 : 0 });\n\n        promise\n          .then(res => {\n            const newItems = ruleState.props.ruleTypes?.map(item => {\n              if (item.id === expandedItem.id) {\n                return { ...item, rules: res.results };\n              }\n\n              return item;\n            });\n\n            setRuleState({\n              ...ruleState,\n              props: { ...ruleState.props, loading: false, ruleTypes: newItems }\n            });\n          })\n          .catch(() => {});\n\n        // Set loading while rules are fetched initially.\n        setRuleState({\n          ...ruleState,\n          props: { ...ruleState.props, loading: true }\n        });\n      }\n    },\n    [ruleState]\n  );\n\n  const onRuleFilter = useCallback(\n    filterValue => {\n      // Abort requests before reissuing if necessary.\n      if (ruleState.pendingFetch) {\n        ruleState.pendingFetch.abort();\n      }\n\n      // If the filterValue is an empty string from backspace both remove any selection and reset the menu to its default.\n      if (!filterValue) {\n        setRuleState({\n          ...ruleState,\n          props: {\n            ...defaultRuleState\n          }\n        });\n        return;\n      }\n\n      const fetch = fetchRules({ filter: filterValue, delay: timeout ? 1000 : 0 });\n\n      fetch.promise.then(fetchedRules => {\n        if (!ruleState.props) {\n          return undefined;\n        }\n\n        setRuleState({\n          pendingFetch: undefined,\n          props: {\n            ...ruleState.props,\n            filterValue,\n            loading: false,\n            items: fetchedRules.results\n          }\n        });\n      });\n\n      // Place the menu into a loading state while rules are fetched.\n      // Additionally, set a reference to the pending fetch to conditionally abort if onFilter is retriggered before fetch resolves.\n      setRuleState({\n        pendingFetch: fetch,\n        props: {\n          ...ruleState.props,\n          loading: true,\n          filterValue,\n          ruleTypes: [],\n          items: undefined\n        }\n      });\n    },\n    [ruleState]\n  );\n\n  const ruleLoadMore = useCallback(\n    itemId => {\n      const ruleStateProps = ruleState.props as RuleSelectProps;\n      const ruleItems = ruleStateProps.items;\n\n      const directList = !!ruleState.props.items;\n\n      // No rule type expanded and no items provided directly.\n      if (!itemId && !directList) {\n        return ruleStateProps;\n      }\n\n      const expandedItem = ruleState.props.ruleTypes?.find(item => item.id === itemId);\n\n      // Apply based on if an expanded rule or a list of items provided directly.\n      let fetchParams = {};\n\n      // Expanded rule type's list.\n      if (!directList && expandedItem) {\n        const currentLength = expandedItem?.rules.length;\n\n        // The demo is assuming a total count in known upfront.\n        // (If that is not the case an empty response can be used to determine all rules are fetched)\n        const totalCount = baseRuleTypes.find(item => item.id === itemId)!.count!;\n\n        if (currentLength >= totalCount) {\n          return ruleStateProps;\n        }\n\n        fetchParams = {\n          ruleType: itemId as RuleType,\n          start: currentLength,\n          delay: timeout ? 1000 : 0\n        };\n      }\n\n      // Abort requests before reissuing if necessary.\n      if (ruleState.pendingFetch) {\n        ruleState.pendingFetch.abort();\n      }\n\n      const fetch = fetchRules(fetchParams);\n\n      fetch.promise.then(res => {\n        setRuleState({\n          pendingFetch: undefined,\n          props: {\n            ...ruleState.props,\n            loading: false,\n            items: ruleItems\n              ? {\n                  ...ruleItems,\n                  ...res.results\n                }\n              : undefined,\n            ruleTypes: expandedItem\n              ? ruleState.props.ruleTypes?.map(item => {\n                  if (item.id === expandedItem.id) {\n                    return {\n                      ...item,\n                      rules: [...item.rules, ...res.results]\n                    };\n                  }\n\n                  return item;\n                })\n              : defaultRuleState.ruleTypes\n          }\n        });\n      });\n\n      setRuleState({\n        pendingFetch: fetch,\n        props: {\n          ...ruleState.props,\n          loading: true\n        }\n      });\n    },\n    [ruleState]\n  );\n\n  const onRuleSelect = useCallback(\n    selectedRule => {\n      setRuleState({\n        ...ruleState,\n        props: {\n          ...ruleState.props,\n          filterValue: undefined,\n          selectedRule: {\n            ...selectedRule,\n            href: `/rules/${selectedRule.id}`,\n            onPreview: () => {\n              // eslint-disable-next-line no-alert\n              alert('Link previewed');\n            },\n            onLinkClick: () => {\n              // eslint-disable-next-line no-alert\n              alert('Link clicked');\n            },\n            onConfig: (configTarget: any) => {\n              setRuleConfigDialogTarget(configTarget);\n            },\n            onClear: () => {\n              setRuleConfigDialogTarget(undefined);\n              setRuleState({\n                props: defaultRuleState\n              });\n            }\n          }\n        }\n      });\n    },\n    [ruleState]\n  );\n\n  /**\n   * Field reference input\n   */\n  const fieldReferenceMock = useFieldReferenceMock('static');\n\n  return (\n    <ThemeOverride theme={BuildTheme}>\n      <DynamicInput\n        required={args.required}\n        sources={sources}\n        onSourceChange={selectedSource => {\n          const updatedSources = sources.map(source => ({\n            ...source,\n            selected: source.type === selectedSource\n          }));\n          setSources(updatedSources);\n        }}\n        controls={{\n          constant,\n          rule: {\n            props: {\n              ...ruleState.props,\n              onExpand: onRuleExpand,\n              onFilter: onRuleFilter,\n              loadMore: ruleLoadMore,\n              onSelect: onRuleSelect,\n              onCreateNew: () => {}\n            }\n          },\n          fieldReference: {\n            props: {\n              placeholder: 'Choose a field...',\n              onSelectedChange: fieldReferenceMock.handleSelectedChange,\n              menu: {\n                items: fieldReferenceMock.itemsToRender,\n                altContexts: fieldReferenceMock.altContexts,\n                currentContext: fieldReferenceMock.currentContext,\n                parentItem: fieldReferenceMock.parentItem,\n                loading: fieldReferenceMock.menuLoading\n              },\n              selected: fieldReferenceMock.selected,\n              filterValue: fieldReferenceMock.filterValue,\n              onFilterChange: fieldReferenceMock.setFilterValue,\n              onBlur: () => {\n                fieldReferenceMock.setFilterValue('');\n              }\n            }\n          },\n          expression: {\n            component: CodeEditor,\n            props: {\n              list: {\n                onItemAdd: () => {},\n                details: {}\n              },\n              search: {\n                filters: [],\n                onFilterChange: () => {},\n                onSearchChange: () => {},\n                value: ''\n              },\n              codeEditorHandle: {\n                current: {\n                  getValue: () => {\n                    return undefined;\n                  },\n                  insertText: (text: string) => {\n                    // eslint-disable-next-line no-console\n                    console.log(text);\n                  }\n                }\n              }\n            }\n          }\n        }}\n      />\n\n      {/* Mock demoing rule config by way of a dialog but, any pattern could be used: modal, panel, etc... */}\n      {ruleConfigDialogTarget && ruleState && ruleState.props?.selectedRule && (\n        <FormDialog\n          target={ruleConfigDialogTarget}\n          heading={ruleState.props?.selectedRule.name}\n          onCancel={() => {\n            setRuleConfigDialogTarget(undefined);\n          }}\n          onSubmit={() => {\n            setRuleConfigDialogTarget(undefined);\n          }}\n        >\n          <Flex container={{ direction: 'column', gap: 2 }}>\n            <Input label='Config field 1' />\n            <Input label='Config field 2' />\n            <Input label='Config field 3' />\n          </Flex>\n        </FormDialog>\n      )}\n    </ThemeOverride>\n  );\n};\n"]}

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

@@ -8,6 +8,7 @@ interface PreviewableLinkStoryArgs extends LinkStoryArgs, Pick<LinkProps, 'onPre
 }
 export declare const LinkDemo: StoryFn<LinkStoryArgs>;
 export declare const ExternalLinkDemo: StoryFn<LinkStoryArgs>;
+export declare const ImageLinkDemo: StoryFn<LinkStoryArgs>;
 export declare const PreviewableLink: StoryFn<PreviewableLinkStoryArgs>;
 export declare const MultiplePreviewableLinks: StoryFn<PreviewableLinkStoryArgs>;
 //# sourceMappingURL=Link.stories.d.ts.map

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

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

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

@@ -21,14 +21,14 @@ export const LinkDemo = (args) => {
     </Link>);
 };
 export const ExternalLinkDemo = (args) => {
-    return (<>
-      <Link href='http://www.pega.com' variant={args.variant}>
-        Visit Pega!
-      </Link>
-      <Link href='http://www.pega.com' variant={args.variant}>
-        <Image src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Download_on_the_App_Store_RGB_blk.svg/320px-Download_on_the_App_Store_RGB_blk.svg.png' alt='Pega'/>
-      </Link>
-    </>);
+    return (<Link href='http://www.pega.com' variant={args.variant}>
+      Visit Pega!
+    </Link>);
+};
+export const ImageLinkDemo = (args) => {
+    return (<Link href='http://www.pega.com' variant={args.variant}>
+      <Image src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Download_on_the_App_Store_RGB_blk.svg/320px-Download_on_the_App_Store_RGB_blk.svg.png' alt='Pega'/>
+    </Link>);
 };
 export const PreviewableLink = (args) => {
     return (<Link href='#ID-123456' variant={args.variant} previewable onPreview={args.onPreview || action('Preview activated')}>

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Location.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Location/Location.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;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;AAgCF,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,CAqCvE,CAAC;AA4BF,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"}
+{"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

@@ -47,7 +47,6 @@ LocationDemo.args = {
     label: 'Location',
     labelHidden: false,
     info: undefined,
-    centerMapOnChange: true,
     zoomLevel: 13,
     status: undefined,
     required: false,
@@ -61,7 +60,6 @@ LocationDemo.argTypes = {
     label: { control: { type: 'text' } },
     labelHidden: { control: { type: 'boolean' } },
     info: { control: { type: 'text', label: 'Helper text' } },
-    centerMapOnChange: { control: { type: 'boolean' } },
     zoomLevel: { control: { type: 'number' } },
     status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },
     required: { control: { type: 'boolean' } },
@@ -114,22 +112,21 @@ MultiLocationDemo.argTypes = {
     hightlightedPinIndex: { control: { type: 'number' } }
 };
 export const LocationInputDemo = (args) => {
-    const { showAdditionalInfo, additionalInfo, onChange, onSelect, ...restProps } = args;
     const [value, setValue] = useState('');
     const ctx = useMemo(() => ({ name: 'google', apiKey: args.apiKey }), [args.apiKey]);
     return (<MapsContext.Provider value={ctx}>
-      <LocationInput {...restProps} value={value} onChange={inputValue => {
+      <LocationInput value={value} onChange={inputValue => {
             setValue(inputValue);
-            onChange?.(inputValue);
+            args.onChange?.(inputValue);
         }} onSelect={selectedValueObj => {
             if (isValueACoordinate(`${selectedValueObj.latitude}, ${selectedValueObj.longitude}`)) {
                 setValue(selectedValueObj.name
                     ? `${selectedValueObj.name}, ${selectedValueObj.address}`
                     : `${selectedValueObj.latitude}, ${selectedValueObj.longitude}`);
-                onSelect?.(selectedValueObj);
+                args.onSelect?.(selectedValueObj);
             }
-        }} additionalInfo={args.showAdditionalInfo
-            ? additionalInfo ?? {
+        }} onError={args.onError} additionalInfo={args.showAdditionalInfo
+            ? args.additionalInfo ?? {
                 content: 'Please enter your location'
             }
             : undefined}/>
@@ -137,26 +134,10 @@ export const LocationInputDemo = (args) => {
 };
 LocationInputDemo.args = {
     apiKey: '',
-    defaultToCurrentLocation: false,
-    label: 'Location',
-    labelHidden: false,
-    info: 'Enter some location',
-    status: undefined,
-    required: false,
-    disabled: false,
-    readOnly: false,
     showAdditionalInfo: false
 };
 LocationInputDemo.argTypes = {
     apiKey: { control: { type: 'text' } },
-    defaultToCurrentLocation: { control: { type: 'boolean' } },
-    label: { control: { type: 'text' } },
-    labelHidden: { control: { type: 'boolean' } },
-    info: { control: { type: 'text', label: 'Helper text' } },
-    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },
-    required: { control: { type: 'boolean' } },
-    disabled: { control: { type: 'boolean' } },
-    readOnly: { control: { type: 'boolean' } },
     showAdditionalInfo: { control: { type: 'boolean' } }
 };
 export const LocationViewDemo = (args) => {

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 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  centerMapOnChange: true,\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  centerMapOnChange: { control: { type: 'boolean' } },\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 { showAdditionalInfo, additionalInfo, onChange, onSelect, ...restProps } = args;\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        {...restProps}\n        value={value}\n        onChange={inputValue => {\n          setValue(inputValue);\n          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            onSelect?.(selectedValueObj);\n          }\n        }}\n        additionalInfo={\n          args.showAdditionalInfo\n            ? additionalInfo ?? {\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  info: 'Enter some location',\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: false,\n  showAdditionalInfo: false\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  info: { control: { type: 'text', label: 'Helper 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  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"]}
+{"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/social/Email/Email.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Email.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Email/Email.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Email.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Email/Email.stories.tsx"],"names":[],"mappings":"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"}

package/jsx/social/Email/Email.stories.jsx

@@ -335,7 +335,8 @@ Composer.argTypes = {
     }
 };
 export const OutboundEmail = (args) => {
-    const { enableResponseTypeToggle = true, enableSaveAsDraft = true } = args;
+    const enableResponseTypeToggle = args.enableResponseTypeToggle || true;
+    const enableSaveAsDraft = args.enableSaveAsDraft || true;
     const [composerProgress, setComposerProgress] = useState(false);
     const composerHandle = useRef(null);
     const [data, setData] = useState({
@@ -1248,7 +1249,6 @@ export const EmailManagerAppShell = (args) => {
                     : undefined} defaultUtilitiesExpanded={false}/>)}/>}/>);
 };
 EmailManagerAppShell.args = {
-    enableContextMenu: true,
     showEmptyView: false,
     showHeader: true,
     showCaseViewBanners: false,
@@ -1256,7 +1256,6 @@ EmailManagerAppShell.args = {
     searchQuery: ''
 };
 EmailManagerAppShell.argTypes = {
-    enableContextMenu: { control: { type: 'boolean' } },
     showEmptyView: { control: { type: 'boolean' } },
     showHeader: { control: { type: 'boolean' } },
     showCaseViewBanners: { control: { type: 'boolean' } },