npm - @pega/cosmos-react-demos - Versions diffs - 7.0.4 → 7.0.6 - Mend

@pega/cosmos-react-demos 7.0.4 → 7.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

package/jsx/work/Details/Details.stories.jsx.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Details.stories.jsx","sourceRoot":"","sources":["../../../src/work/Details/Details.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { Flex, Link, FieldValueItem, useBreakpoint } from '@pega/cosmos-react-core';\nimport { Details, DetailsContext, DetailsList } from '@pega/cosmos-react-work';\n\nimport { TableDemo } from '../../core/Table/Table.stories';\n\nexport default {\n title: 'Work/Details',\n component: Details,\n args: {\n description:\n 'Pellentesque pharetra justo augue, non maximus nulla venenatis et. Sed laoreet ultricies ullamcorper. Mauris ac nulla quis ipsum semper fringilla in eget risus. Fusce cursus sollicitudin nibh molestie volutpat.',\n collapsible: false,\n showAdditionalInfo: false\n },\n argTypes: {\n description: { control: { type: 'text' } },\n collapsible: { control: { type: 'boolean' } },\n showAdditionalInfo: { control: { type: 'boolean' } }\n }\n} as Meta;\n\ninterface DetailsDemoProps {\n description?: string;\n collapsible?: boolean;\n showAdditionalInfo?: boolean;\n}\n\nexport const DetailsDemo: StoryFn<DetailsDemoProps> = (args: DetailsDemoProps) => {\n const { description, collapsible, showAdditionalInfo } = args;\n const isNotMobile = useBreakpoint('sm');\n const longestInlineLabel = 'Trim with a longer label';\n const longestLabelLength = longestInlineLabel.split(' ').join('').length;\n\n const ctx = useMemo(\n () => ({\n mobileView: !isNotMobile,\n longestLabelLength\n }),\n [isNotMobile]\n );\n\n return (\n <DetailsContext.Provider value={ctx}>\n <Details\n name='Upper list'\n highlightedData={[\n <FieldValueItem variant='stacked' name='Age' value='56' />,\n <FieldValueItem variant='stacked' name='Location' value='Berlin' />,\n <FieldValueItem variant='stacked' name='Make' value='Ford' />,\n <FieldValueItem variant='stacked' name='Model' value='F150' />\n ]}\n description={description}\n collapsible={collapsible}\n additionalInfo={\n showAdditionalInfo\n ? {\n content: (\n <Flex container={{ direction: 'column', alignItems: 'start', gap: 2 }}>\n <p>\n Lorem ipsum dolor sit amet, consectetur it, sed do tempor incididunt ut labore\n magna aliqua. Nibh praesent tristique magna sit amet. Nec tincidunt praesent\n semper feugiat nibh sed pulvinar proin gravida.\n </p>\n <p>\n Pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Est velit\n egestas dui id ornare arcu odio ut. Varius sit amet mattis vulputate enim\n nulla aliquet porttitor lacus.\n </p>\n <Link href='/' target='_blank'>\n Neque vitae\n </Link>\n </Flex>\n )\n }\n : undefined\n }\n columns={{\n a: (\n <>\n <Details\n name='One Column'\n columns={{\n a: (\n <Details\n description='Two column with no headings.'\n columns={{\n a: (\n <Details\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Year', value: '2021' },\n { name: 'Owners', value: '2' }\n ]}\n />\n )\n }}\n />\n ),\n b: (\n <Details\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Transmission', value: 'Automatic' },\n { name: 'Drivetrain', value: 'AWD' }\n ]}\n />\n )\n }}\n />\n )\n }}\n />\n )\n }}\n collapsible\n />\n\n <Details\n description='Two Column with some description and no top heading.'\n columns={{\n a: (\n <Details\n name='First Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Make', value: 'Ford' },\n { name: 'Model', value: 'F150' }\n ]}\n />\n )\n }}\n />\n ),\n b: (\n <Details\n name='Second Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: 'Trim', value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n )\n }}\n />\n\n <Details\n name='Three Column'\n description='Text telling you what you are looking at or why it is relevant.'\n columns={{\n a: (\n <Details\n name='First Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Make', value: 'Ford' },\n { name: 'Model', value: 'F150' }\n ]}\n />\n )\n }}\n />\n ),\n b: (\n <Details\n description='Column with no heading but some description.'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: longestInlineLabel, value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n ),\n c: (\n <Details\n name='Third Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: 'Trim', value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n )\n }}\n />\n\n <Details\n name='Wide Narrow'\n arrangement='wideNarrow'\n columns={{\n a: <Details name='Wide Column' columns={{ a: <TableDemo /> }} />,\n b: (\n <Details\n name='Narrow Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: 'Trim', value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n )\n }}\n />\n\n <Details\n name='Narrow Wide'\n arrangement='narrowWide'\n columns={{\n a: (\n <Details\n name='Narrow Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: 'Trim', value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n ),\n b: <Details name='Wide Column' columns={{ a: <TableDemo /> }} />\n }}\n />\n\n <Details name='Table' columns={{ a: <TableDemo /> }} />\n\n <Details\n name='Nested List 1 Column'\n columns={{\n a: (\n <>\n <Details\n name='First Child'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Year', value: '2021' },\n { name: 'Owners', value: '2' }\n ]}\n />\n )\n }}\n />\n\n <Details\n name='Second Child'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Transmission', value: 'Automatic' },\n { name: 'Drivetrain', value: 'AWD' }\n ]}\n />\n )\n }}\n />\n </>\n )\n }}\n />\n\n <Details\n columns={{\n a: (\n <>\n <DetailsList\n items={[\n {\n name: 'Description',\n variant: 'stacked',\n value: (\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse\n commodo nulla vitae mi bibendum, a fringilla nisl efficitur.\n Praesent vitae nulla lobortis, finibus felis ultricies, fermentum\n mi. Nunc lorem ligula, placerat nec elit id, auctor pellentesque\n est. Pellentesque pharetra justo augue, non maximus nulla venenatis\n et. Sed laoreet ultricies ullamcorper. Mauris ac nulla quis ipsum\n semper fringilla in eget risus. Fusce cursus sollicitudin nibh\n molestie volutpat.\n </p>\n )\n },\n { name: 'Keys', value: '3' }\n ]}\n />\n\n <Details\n name='Nested'\n columns={{\n a: (\n <>\n <DetailsList\n items={[\n { name: 'First name', value: 'Howard' },\n { name: 'Last name', value: 'Kennedy' }\n ]}\n />\n\n <Details\n name='Further Nested List'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Color', value: 'Red' },\n { name: 'Tires', value: 'Firestone all weather' }\n ]}\n />\n )\n }}\n />\n </>\n )\n }}\n />\n\n <Details\n name='Value comparison'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Open', value: '$405.00' },\n { name: 'Close', value: '$401.00' },\n { name: '52 week high', value: '$446.00' },\n { name: '52 week low', value: '$335.00' },\n { name: 'Total number of active shares', value: '567,000.00' }\n ]}\n valueComparison\n />\n )\n }}\n />\n\n <Details\n name='Collapsible'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Open', value: '$405.00' },\n { name: 'Close', value: '$401.00' },\n { name: '52 week high', value: '$446.00' },\n { name: '52 week low', value: '$335.00' },\n { name: 'Total number of active shares', value: '567,000.00' }\n ]}\n valueComparison\n />\n )\n }}\n collapsible\n />\n\n <Details\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Age', value: '56' },\n { name: 'Location', value: 'Berlin PA' }\n ]}\n />\n )\n }}\n />\n </>\n )\n }}\n />\n </>\n )\n }}\n />\n </DetailsContext.Provider>\n );\n};\n"]}
1	+ {"version":3,"file":"Details.stories.jsx","sourceRoot":"","sources":["../../../src/work/Details/Details.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { Flex, Link, FieldValueItem, useBreakpoint } from '@pega/cosmos-react-core';\nimport { Details, DetailsContext, DetailsList } from '@pega/cosmos-react-work';\n\nimport { TableDemo } from '../../core/Table/Table.stories';\n\nexport default {\n title: 'Work/Details',\n component: Details,\n args: {\n description:\n 'Pellentesque pharetra justo augue, non maximus nulla venenatis et. Sed laoreet ultricies ullamcorper. Mauris ac nulla quis ipsum semper fringilla in eget risus. Fusce cursus sollicitudin nibh molestie volutpat.',\n collapsible: false,\n showAdditionalInfo: false\n },\n argTypes: {\n description: { control: { type: 'text' } },\n collapsible: { control: { type: 'boolean' } },\n showAdditionalInfo: { control: { type: 'boolean' } }\n }\n} as Meta;\n\ninterface DetailsDemoProps {\n description?: string;\n collapsible?: boolean;\n showAdditionalInfo?: boolean;\n}\n\nexport const DetailsDemo: StoryFn<DetailsDemoProps> = (args: DetailsDemoProps) => {\n const isNotMobile = useBreakpoint('sm');\n const longestInlineLabel = 'Trim with a longer label';\n const longestLabelLength = longestInlineLabel.split(' ').join('').length;\n\n const ctx = useMemo(\n () => ({\n mobileView: !isNotMobile,\n longestLabelLength\n }),\n [isNotMobile]\n );\n\n return (\n <DetailsContext.Provider value={ctx}>\n <Details\n name='Upper list'\n highlightedData={[\n <FieldValueItem variant='stacked' name='Age' value='56' />,\n <FieldValueItem variant='stacked' name='Location' value='Berlin' />,\n <FieldValueItem variant='stacked' name='Make' value='Ford' />,\n <FieldValueItem variant='stacked' name='Model' value='F150' />\n ]}\n description={args.description}\n collapsible={args.collapsible}\n additionalInfo={\n args.showAdditionalInfo\n ? {\n content: (\n <Flex container={{ direction: 'column', alignItems: 'start', gap: 2 }}>\n <p>\n Lorem ipsum dolor sit amet, consectetur it, sed do tempor incididunt ut labore\n magna aliqua. Nibh praesent tristique magna sit amet. Nec tincidunt praesent\n semper feugiat nibh sed pulvinar proin gravida.\n </p>\n <p>\n Pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Est velit\n egestas dui id ornare arcu odio ut. Varius sit amet mattis vulputate enim\n nulla aliquet porttitor lacus.\n </p>\n <Link href='/' target='_blank'>\n Neque vitae\n </Link>\n </Flex>\n )\n }\n : undefined\n }\n columns={{\n a: (\n <>\n <Details\n name='One Column'\n columns={{\n a: (\n <Details\n description='Two column with no headings.'\n columns={{\n a: (\n <Details\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Year', value: '2021' },\n { name: 'Owners', value: '2' }\n ]}\n />\n )\n }}\n />\n ),\n b: (\n <Details\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Transmission', value: 'Automatic' },\n { name: 'Drivetrain', value: 'AWD' }\n ]}\n />\n )\n }}\n />\n )\n }}\n />\n )\n }}\n collapsible\n />\n\n <Details\n description='Two Column with some description and no top heading.'\n columns={{\n a: (\n <Details\n name='First Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Make', value: 'Ford' },\n { name: 'Model', value: 'F150' }\n ]}\n />\n )\n }}\n />\n ),\n b: (\n <Details\n name='Second Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: 'Trim', value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n )\n }}\n />\n\n <Details\n name='Three Column'\n description='Text telling you what you are looking at or why it is relevant.'\n columns={{\n a: (\n <Details\n name='First Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Make', value: 'Ford' },\n { name: 'Model', value: 'F150' }\n ]}\n />\n )\n }}\n />\n ),\n b: (\n <Details\n description='Column with no heading but some description.'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: longestInlineLabel, value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n ),\n c: (\n <Details\n name='Third Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: 'Trim', value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n )\n }}\n />\n\n <Details\n name='Wide Narrow'\n arrangement='wideNarrow'\n columns={{\n a: <Details name='Wide Column' columns={{ a: <TableDemo /> }} />,\n b: (\n <Details\n name='Narrow Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: 'Trim', value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n )\n }}\n />\n\n <Details\n name='Narrow Wide'\n arrangement='narrowWide'\n columns={{\n a: (\n <Details\n name='Narrow Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: 'Trim', value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n ),\n b: <Details name='Wide Column' columns={{ a: <TableDemo /> }} />\n }}\n />\n\n <Details name='Table' columns={{ a: <TableDemo /> }} />\n\n <Details\n name='Nested List 1 Column'\n columns={{\n a: (\n <>\n <Details\n name='First Child'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Year', value: '2021' },\n { name: 'Owners', value: '2' }\n ]}\n />\n )\n }}\n />\n\n <Details\n name='Second Child'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Transmission', value: 'Automatic' },\n { name: 'Drivetrain', value: 'AWD' }\n ]}\n />\n )\n }}\n />\n </>\n )\n }}\n />\n\n <Details\n columns={{\n a: (\n <>\n <DetailsList\n items={[\n {\n name: 'Description',\n variant: 'stacked',\n value: (\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse\n commodo nulla vitae mi bibendum, a fringilla nisl efficitur.\n Praesent vitae nulla lobortis, finibus felis ultricies, fermentum\n mi. Nunc lorem ligula, placerat nec elit id, auctor pellentesque\n est. Pellentesque pharetra justo augue, non maximus nulla venenatis\n et. Sed laoreet ultricies ullamcorper. Mauris ac nulla quis ipsum\n semper fringilla in eget risus. Fusce cursus sollicitudin nibh\n molestie volutpat.\n </p>\n )\n },\n { name: 'Keys', value: '3' }\n ]}\n />\n\n <Details\n name='Nested'\n columns={{\n a: (\n <>\n <DetailsList\n items={[\n { name: 'First name', value: 'Howard' },\n { name: 'Last name', value: 'Kennedy' }\n ]}\n />\n\n <Details\n name='Further Nested List'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Color', value: 'Red' },\n { name: 'Tires', value: 'Firestone all weather' }\n ]}\n />\n )\n }}\n />\n </>\n )\n }}\n />\n\n <Details\n name='Value comparison'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Open', value: '$405.00' },\n { name: 'Close', value: '$401.00' },\n { name: '52 week high', value: '$446.00' },\n { name: '52 week low', value: '$335.00' },\n { name: 'Total number of active shares', value: '567,000.00' }\n ]}\n valueComparison\n />\n )\n }}\n />\n\n <Details\n name='Collapsible'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Open', value: '$405.00' },\n { name: 'Close', value: '$401.00' },\n { name: '52 week high', value: '$446.00' },\n { name: '52 week low', value: '$335.00' },\n { name: 'Total number of active shares', value: '567,000.00' }\n ]}\n valueComparison\n />\n )\n }}\n collapsible\n />\n\n <Details\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Age', value: '56' },\n { name: 'Location', value: 'Berlin PA' }\n ]}\n />\n )\n }}\n />\n </>\n )\n }}\n />\n </>\n )\n }}\n />\n </DetailsContext.Provider>\n );\n};\n"]}

package/lib/build/DynamicInput/DynamicInput.stories.d.ts.map CHANGED Viewed

	@@ -1 +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"}
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,CAuX5D,CAAC"}

package/lib/build/DynamicInput/DynamicInput.stories.js CHANGED Viewed

@@ -39,7 +39,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',
@@ -267,7 +269,7 @@ export const DynamicInputDemo = (args) => {
      * Field reference input
      */
     const fieldReferenceMock = useFieldReferenceMock('static');
-    return (_jsxs(ThemeOverride, { theme: BuildTheme, children: [_jsx(DynamicInput, { required: required, sources: sources, onSourceChange: selectedSource => {
+    return (_jsxs(ThemeOverride, { theme: BuildTheme, children: [_jsx(DynamicInput, { required: args.required, sources: sources, onSourceChange: selectedSource => {
                     const updatedSources = sources.map(source => ({
                         ...source,
                         selected: source.type === selectedSource

package/lib/build/DynamicInput/DynamicInput.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DynamicInput.stories.js","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"]}
1	+ {"version":3,"file":"DynamicInput.stories.js","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/lib/core/Link/Link.stories.d.ts CHANGED Viewed

@@ -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/lib/core/Link/Link.stories.d.ts.map CHANGED Viewed

	@@ -1 +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"}
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,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/lib/core/Link/Link.stories.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { action } from '@storybook/addon-actions';
 import { registerIcon, Flex, Link, Image } from '@pega/cosmos-react-core';
 import * as plusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/plus.icon';
@@ -20,7 +20,10 @@ export const LinkDemo = (args) => {
     return (_jsx(Link, { href: '/', variant: args.variant, children: "Link text" }));
 };
 export const ExternalLinkDemo = (args) => {
-    return (_jsxs(_Fragment, { children: [_jsx(Link, { href: 'http://www.pega.com', variant: args.variant, children: "Visit Pega!" }), _jsx(Link, { href: 'http://www.pega.com', variant: args.variant, children: _jsx(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' }) })] }));
+    return (_jsx(Link, { href: 'http://www.pega.com', variant: args.variant, children: "Visit Pega!" }));
+};
+export const ImageLinkDemo = (args) => {
+    return (_jsx(Link, { href: 'http://www.pega.com', variant: args.variant, children: _jsx(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' }) }));
 };
 export const PreviewableLink = (args) => {
     return (_jsx(Link, { href: '#ID-123456', variant: args.variant, previewable: true, onPreview: args.onPreview || action('Preview activated'), children: "ID-123456" }));

package/lib/core/Link/Link.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.stories.js","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,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,0BAE7B,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA2B,CAAC,IAAmB,EAAE,EAAE;IAC9E,OAAO,CACL,~~8BACE,~~KAAC,IAAI,IAAC,IAAI,EAAC,qBAAqB,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,4BAE/C,~~EACP~~,KAAC,IAAI,IAAC,IAAI,EAAC,qBAAqB,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,YACpD,KAAC,KAAK,IACJ,GAAG,EAAC,iJAAiJ,EACrJ,GAAG,EAAC,MAAM,GACV,GACG,~~IACN~~,~~CACJ,~~CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAsC,CAChE,IAA8B,EAC9B,EAAE;IACF,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,WAAW,QACX,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,0BAGnD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAsC,CACzE,IAA8B,EAC9B,EAAE;IACF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,aACzB,KAAC,IAAI,IACH,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,WAAW,QACX,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,0BAGnD,EACP,KAAC,IAAI,IACH,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,WAAW,QACX,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,0BAGnD,IACF,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"]}
1	+ {"version":3,"file":"Link.stories.js","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,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,0BAE7B,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA2B,CAAC,IAAmB,EAAE,EAAE;IAC9E,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,EAAC,qBAAqB,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,4BAE/C,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,IAAmB,EAAE,EAAE;IAC3E,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,EAAC,qBAAqB,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,YACpD,KAAC,KAAK,IACJ,GAAG,EAAC,iJAAiJ,EACrJ,GAAG,EAAC,MAAM,GACV,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAsC,CAChE,IAA8B,EAC9B,EAAE;IACF,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,WAAW,QACX,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,0BAGnD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAsC,CACzE,IAA8B,EAC9B,EAAE;IACF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,aACzB,KAAC,IAAI,IACH,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,WAAW,QACX,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,0BAGnD,EACP,KAAC,IAAI,IACH,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,WAAW,QACX,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,0BAGnD,IACF,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/lib/core/Location/Location.stories.d.ts.map CHANGED Viewed

	@@ -1 +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"}
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;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/lib/core/Location/Location.stories.js CHANGED Viewed

@@ -46,7 +46,6 @@ LocationDemo.args = {
     label: 'Location',
     labelHidden: false,
     info: undefined,
-    centerMapOnChange: true,
     zoomLevel: 13,
     status: undefined,
     required: false,
@@ -60,7 +59,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' } },
@@ -108,47 +106,30 @@ 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 (_jsx(MapsContext.Provider, { value: ctx, children: _jsx(LocationInput, { ...restProps, value: value, onChange: inputValue => {
+    return (_jsx(MapsContext.Provider, { value: ctx, children: _jsx(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 }) }));
 };
 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/lib/core/Location/Location.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Location.stories.js","sourceRoot":"","sources":["../../../src/core/Location/Location.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EACL,eAAe,EACf,aAAa,EACb,YAAY,EACZ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,IAAI,EACL,MAAM,yBAAyB,CAAC;AASjC,eAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,aAAa;CACjB,CAAC;AAWV,MAAM,CAAC,MAAM,YAAY,GAA6C,CACpE,IAAqC,EACrC,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAqB;QACjE,QAAQ,EAAE,OAAO;QACjB,SAAS,EAAE,CAAC,OAAO;KACpB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAA2C,EAAE,EAAE;QACvF,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAEpF,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,YAC9B,KAAC,aAAa,IACZ,wBAAwB,EAAE,IAAI,CAAC,wBAAwB,EACvD,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,UAAU,CAAC,EAAE;gBACrB,QAAQ,CAAC,UAAU,CAAC,CAAC;YACvB,CAAC,EACD,QAAQ,EAAE,gBAAgB,CAAC,EAAE;gBAC3B,IAAI,IAAI,CAAC,eAAe,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE;oBAClD,QAAQ,CAAC,GAAG,gBAAgB,CAAC,QAAQ,KAAK,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC;iBACzE;qBAAM,IAAI,gBAAgB,CAAC,OAAO,EAAE;oBACnC,QAAQ,CAAC,GAAG,gBAAgB,CAAC,IAAI,KAAK,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC;iBACnE;qBAAM;oBACL,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;iBACjC;gBACD,IAAI,gBAAgB,CAAC,QAAQ,IAAI,gBAAgB,CAAC,SAAS,EAAE;oBAC3D,cAAc,CAAC;wBACb,QAAQ,EAAE,gBAAgB,CAAC,QAAQ;wBACnC,SAAS,EAAE,gBAAgB,CAAC,SAAS;qBACtC,CAAC,CAAC;iBACJ;YACH,CAAC,EACD,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,GAAG,EAAE;gBACH,QAAQ,EAAE,WAAW;gBACrB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,OAAO,EAAE,WAAW;gBACpB,MAAM,EAAE,OAAO;aAChB,GACD,GACmB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,IAAI,GAAG;IAClB,MAAM,EAAE,EAAE;IACV,wBAAwB,EAAE,KAAK;IAC/B,KAAK,EAAE,UAAU;IACjB,WAAW,EAAE,KAAK;IAClB,IAAI,EAAE,SAAS;IACf,iBAAiB,EAAE,IAAI;IACvB,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,KAAK;CACvB,CAAC;AAEF,YAAY,CAAC,QAAQ,GAAG;IACtB,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACrC,wBAAwB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1D,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACpC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC7C,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE;IACzD,iBAAiB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACnD,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC1C,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC5F,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAE1B,CAAC,IAAmE,EAAE,EAAE;IAC1E,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IACpF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAQ;QACtC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE;QAC7C,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE;QAC5C,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE;KAC9C,CAAC,CAAC;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC;YAAE,OAAO;QAC7C,OAAO,CAAC,IAAI,CAAC,EAAE;YACb,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBACf,CAAC,CAAC,QAAQ,GAAG,KAAK,CAAC;YACrB,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;YAChD,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,YAC9B,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9C,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,CAAC,EAAE;wBACnB,IAAI,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,SAAS,EAAE;4BAC3C,MAAM,GAAG,GAAQ;gCACf,QAAQ,EAAE,QAAQ,CAAC,QAAQ;gCAC3B,SAAS,EAAE,QAAQ,CAAC,SAAS;6BAC9B,CAAC;4BACF,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;yBACjC;oBACH,CAAC,GACD,EACF,KAAC,YAAY,IAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,iBAAiB,SAAG,IACpE,GACc,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,IAAI,GAAG;IACvB,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,IAAI;IACf,oBAAoB,EAAE,CAAC;CACxB,CAAC;AAEF,iBAAiB,CAAC,QAAQ,GAAG;IAC3B,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACrC,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC3C,oBAAoB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CACtD,CAAC;AAMF,MAAM,CAAC,MAAM,iBAAiB,GAA8C,CAC1E,IAAsC,EACtC,EAAE;IACF,MAAM,EAAE,kBAAkB,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,IAAI,CAAC;IACtF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAEpF,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,YAC9B,KAAC,aAAa,OACR,SAAS,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAU,CAAC,EAAE;gBACrB,QAAQ,CAAC,UAAU,CAAC,CAAC;gBACrB,QAAQ,EAAE,CAAC,UAAU,CAAC,CAAC;YACzB,CAAC,EACD,QAAQ,EAAE,gBAAgB,CAAC,EAAE;gBAC3B,IAAI,kBAAkB,CAAC,GAAG,gBAAgB,CAAC,QAAQ,KAAK,gBAAgB,CAAC,SAAS,EAAE,CAAC,EAAE;oBACrF,QAAQ,CACN,gBAAgB,CAAC,IAAI;wBACnB,CAAC,CAAC,GAAG,gBAAgB,CAAC,IAAI,KAAK,gBAAgB,CAAC,OAAO,EAAE;wBACzD,CAAC,CAAC,GAAG,gBAAgB,CAAC,QAAQ,KAAK,gBAAgB,CAAC,SAAS,EAAE,CAClE,CAAC;oBACF,QAAQ,EAAE,CAAC,gBAAgB,CAAC,CAAC;iBAC9B;YACH,CAAC,EACD,cAAc,EACZ,IAAI,CAAC,kBAAkB;gBACrB,CAAC,CAAC,cAAc,IAAI;oBAChB,OAAO,EAAE,4BAA4B;iBACtC;gBACH,CAAC,CAAC,SAAS,GAEf,GACmB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,IAAI,GAAG;IACvB,MAAM,EAAE,EAAE;IACV,wBAAwB,EAAE,KAAK;IAC/B,KAAK,EAAE,UAAU;IACjB,WAAW,EAAE,KAAK;IAClB,IAAI,EAAE,qBAAqB;IAC3B,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,kBAAkB,EAAE,KAAK;CAC1B,CAAC;AAEF,iBAAiB,CAAC,QAAQ,GAAG;IAC3B,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACrC,wBAAwB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1D,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACpC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC7C,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE;IACzD,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC5F,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,kBAAkB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CACrD,CAAC;AAMF,MAAM,CAAC,MAAM,gBAAgB,GAA4C,CACvE,IAAoC,EACpC,EAAE;IACF,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAEpF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAU,CAAC;IAC/C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,aAAa,GAAG,WAAW,CAC/B,QAAQ,CAAC,KAAK,EAAE,QAA4C,EAAE,EAAE;QAC9D,IAAI,QAAQ,EAAE;YACZ,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,SAAS,CAAC,MAAM,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;YACrC,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;aAAM;YACL,SAAS,CAAC,SAAS,CAAC,CAAC;SACtB;IACH,CAAC,EAAE,GAAG,CAAC,EACP,EAAE,CACH,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,YAC9B,KAAC,YAAY,IACX,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,EAC5B,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,OAAO,GAChB,GACmB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,IAAI,GAAG;IACtB,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,EAAE;IACZ,iBAAiB,EAAE,IAAI;IACvB,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,OAAO;CAChB,CAAC;AAEF,gBAAgB,CAAC,QAAQ,GAAG;IAC1B,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACrC,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACvC,iBAAiB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACnD,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC1C,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAA2C,CACzE,IAAmC,EACnC,EAAE;IACF,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAEpF,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,YAC9B,KAAC,eAAe,IACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,WAAW,EAAE,IAAI,CAAC,WAAW,GAC7B,GACmB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,IAAI,GAAG;IACzB,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,oBAAoB;IACjC,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,OAAO;IACf,OAAO,EAAE,UAAU;CACpB,CAAC;AAEF,mBAAmB,CAAC,QAAQ,GAAG;IAC7B,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACrC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACpC,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC1C,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACrC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC9E,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CAC3C,CAAC","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"]}
1	+ {"version":3,"file":"Location.stories.js","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/lib/social/Email/Email.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Email.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Email/Email.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAa,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAsCtD,OAAO,KAAK,EACV,UAAU,EACV,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,qBAAqB,EAErB,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAKV,eAAe,EAEhB,MAAM,4DAA4D,CAAC;;AA0CpE,wBAGU;AASV,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,KAAK,EAAE,OAAO,CAAC,cAAc,CA+IzC,CAAC;AAyBF,UAAU,iBAAiB;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC1C,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC1C,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,iBAAiB,CAkP/C,CAAC;AAqBF,UAAU,kBAAkB;IAC1B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC1C,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC1C,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;CACnC;AAED,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,kBAAkB,~~CAqIrD~~,CAAC;AAuBF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,sBAAsB,CAiDxD,CAAC;AASF,UAAU,mBAAoB,SAAQ,eAAe;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,mBAAmB,CA+lBvD,CAAC;AAuBF,UAAU,mBAAmB;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,mBAAmB,CAoDvD,CAAC;AAiBF,UAAU,yBAAyB;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,yBAAyB,CA8BnE,CAAC;AAmBF,UAAU,0BAA0B;IAClC,WAAW,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAC;IACvD,WAAW,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,0BAA0B,CAoFpE,CAAC;AAWF,UAAU,uBAAwB,SAAQ,kBAAkB;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,uBAAuB,CAyE9D,CAAC;AAyBF,MAAM,WAAW,yBAAyB;IACxC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,yBAAyB,CAsInE,CAAC"}
1	+ {"version":3,"file":"Email.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Email/Email.stories.tsx"],"names":[],"mappings":"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"}

package/lib/social/Email/Email.stories.js CHANGED Viewed

@@ -336,7 +336,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({
@@ -1208,7 +1209,6 @@ export const EmailManagerAppShell = (args) => {
                     : undefined, defaultUtilitiesExpanded: false })) }) }));
 };
 EmailManagerAppShell.args = {
-    enableContextMenu: true,
     showEmptyView: false,
     showHeader: true,
     showCaseViewBanners: false,
@@ -1216,7 +1216,6 @@ EmailManagerAppShell.args = {
     searchQuery: ''
 };
 EmailManagerAppShell.argTypes = {
-    enableContextMenu: { control: { type: 'boolean' } },
     showEmptyView: { control: { type: 'boolean' } },
     showHeader: { control: { type: 'boolean' } },
     showCaseViewBanners: { control: { type: 'boolean' } },