@pega/cosmos-react-demos 6.6.0 → 6.6.2

package/jsx/core/Select/Select.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.stories.jsx","sourceRoot":"","sources":["../../../src/core/Select/Select.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { Select, Option, Configuration } from '@pega/cosmos-react-core';\nimport type { SelectProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Select',\n  component: Select,\n  excludeStories: ['ConfigurableSelect']\n} as Meta;\n\ninterface SelectStoryProps extends SelectProps {\n  showAction: boolean;\n  showAdditionalInfo?: boolean;\n}\n\nexport const SelectDemo: StoryFn<SelectStoryProps> = (args: SelectStoryProps) => {\n  return (\n    <Select\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      id='select-demo'\n      label={args.label}\n      labelHidden={args.labelHidden}\n      info={args.info}\n      status={args.status}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      actions={\n        args.showAction\n          ? [\n              {\n                id: 'config',\n                text: 'Configure',\n                icon: 'gear'\n              }\n            ]\n          : undefined\n      }\n    >\n      <Option>Choose an option…</Option>\n      <Option>Option 1</Option>\n      <Option>Option 2</Option>\n      <Option>Option 3</Option>\n    </Select>\n  );\n};\n\nSelectDemo.args = {\n  showAction: false,\n  label: 'Select input',\n  labelHidden: false,\n  info: 'Choose a value',\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: false,\n  showAdditionalInfo: false\n};\n\nSelectDemo.argTypes = {\n  showAction: { 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 ConfigurableSelectProps {\n  height?: string;\n  padding?: string;\n  borderColor?: string;\n  borderWidth?: string;\n  borderRadius?: string;\n}\n\nexport const ConfigurableSelect: StoryFn<ConfigurableSelectProps> = (\n  args: ConfigurableSelectProps\n) => {\n  return (\n    <Configuration\n      theme={{\n        components: {\n          select: {\n            height: args.height,\n            padding: args.padding,\n            'border-color': args.borderColor,\n            'border-width': args.borderWidth,\n            'border-radius': args.borderRadius\n          }\n        }\n      }}\n    >\n      <Select label='Select input' info='Choose a value'>\n        <Option>Choose an option…</Option>\n        <Option>Option 1</Option>\n        <Option>Option 2</Option>\n        <Option>Option 3</Option>\n      </Select>\n    </Configuration>\n  );\n};\n\nConfigurableSelect.args = {\n  height: '2rem',\n  padding: '0.5rem',\n  borderColor: '#939393',\n  borderWidth: '0.0625rem',\n  borderRadius: '0.5'\n};\n\nConfigurableSelect.argTypes = {\n  height: { control: { type: 'text' } },\n  padding: { control: { type: 'text' } },\n  borderColor: { control: { type: 'color' } },\n  borderWidth: { control: { type: 'text' } },\n  borderRadius: { control: { type: 'text' } }\n};\n"]}

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

@@ -1,20 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { SentimentProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-interface SentimentStoryProps extends SentimentProps {
-    positiveLabel: string;
-    neutralLabel: string;
-    negativeLabel: string;
-    positiveIcon: string;
-    neutralIcon: string;
-    negativeIcon: string;
-}
-export declare const SentimentDemo: StoryFn<SentimentStoryProps>;
-interface ConfigurableSentimentProps {
-    positiveColor?: string;
-    negativeColor?: string;
-    neutralColor?: string;
-}
-export declare const ConfigurableSentiment: StoryFn<ConfigurableSentimentProps>;
-//# sourceMappingURL=Sentiment.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Sentiment.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Sentiment/Sentiment.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;;AAE9D,wBAIU;AAEV,UAAU,mBAAoB,SAAQ,cAAc;IAClD,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,mBAAmB,CAqBtD,CAAC;AAwBF,UAAU,0BAA0B;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,qBAAqB,EAAE,OAAO,CAAC,0BAA0B,CA0BrE,CAAC"}

package/jsx/core/Sentiment/Sentiment.stories.jsx

@@ -1,71 +0,0 @@
-import { Configuration, icons, Sentiment } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Sentiment',
-    component: Sentiment,
-    excludeStories: ['ConfigurableSentiment']
-};
-export const SentimentDemo = (args) => {
-    const iconNames = {
-        positive: args.positiveIcon,
-        neutral: args.neutralIcon,
-        negative: args.negativeIcon
-    };
-    const labels = {
-        positive: args.positiveLabel,
-        neutral: args.neutralLabel,
-        negative: args.negativeLabel
-    };
-    return (<Sentiment variant={args.variant} labelHidden={args.labelHidden} icons={iconNames} labels={labels}/>);
-};
-SentimentDemo.args = {
-    variant: 'positive',
-    labelHidden: false,
-    positiveLabel: 'Yay!',
-    positiveIcon: 'face-happy-solid',
-    neutralLabel: 'Hm…',
-    neutralIcon: 'face-blank-solid',
-    negativeLabel: 'Uh-oh!',
-    negativeIcon: 'face-sad-solid'
-};
-SentimentDemo.argTypes = {
-    variant: { options: ['positive', 'neutral', 'negative'], control: { type: 'select' } },
-    labelHidden: { control: { type: 'boolean' } },
-    positiveLabel: { control: { type: 'text' } },
-    positiveIcon: { options: icons, control: { type: 'select', icons: true } },
-    neutralLabel: { control: { type: 'text' } },
-    neutralIcon: { options: icons, control: { type: 'select', icons: true } },
-    negativeLabel: { control: { type: 'text' } },
-    negativeIcon: { options: icons, control: { type: 'select', icons: true } }
-};
-export const ConfigurableSentiment = (args) => {
-    return (<Configuration theme={{
-            components: {
-                sentiment: {
-                    positive: {
-                        color: args.positiveColor
-                    },
-                    negative: {
-                        color: args.negativeColor
-                    },
-                    neutral: {
-                        color: args.neutralColor
-                    }
-                }
-            }
-        }}>
-      <Sentiment variant='positive' icons={{ positive: 'face-happy-solid' }}/>
-      <Sentiment variant='negative' icons={{ negative: 'face-sad-solid' }}/>
-      <Sentiment variant='neutral' icons={{ neutral: 'face-blank-solid' }}/>
-    </Configuration>);
-};
-ConfigurableSentiment.args = {
-    positiveColor: '#20aa50',
-    negativeColor: '#d91c29',
-    neutralColor: '#939393'
-};
-ConfigurableSentiment.argTypes = {
-    positiveColor: { control: { type: 'color' } },
-    negativeColor: { control: { type: 'color' } },
-    neutralColor: { control: { type: 'color' } }
-};
-//# sourceMappingURL=Sentiment.stories.jsx.map

package/jsx/core/Sentiment/Sentiment.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sentiment.stories.jsx","sourceRoot":"","sources":["../../../src/core/Sentiment/Sentiment.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { Configuration, icons, Sentiment } from '@pega/cosmos-react-core';\nimport type { SentimentProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Sentiment',\n  component: Sentiment,\n  excludeStories: ['ConfigurableSentiment']\n} as Meta;\n\ninterface SentimentStoryProps extends SentimentProps {\n  positiveLabel: string;\n  neutralLabel: string;\n  negativeLabel: string;\n  positiveIcon: string;\n  neutralIcon: string;\n  negativeIcon: string;\n}\n\nexport const SentimentDemo: StoryFn<SentimentStoryProps> = (args: SentimentStoryProps) => {\n  const iconNames = {\n    positive: args.positiveIcon,\n    neutral: args.neutralIcon,\n    negative: args.negativeIcon\n  };\n\n  const labels = {\n    positive: args.positiveLabel,\n    neutral: args.neutralLabel,\n    negative: args.negativeLabel\n  };\n\n  return (\n    <Sentiment\n      variant={args.variant}\n      labelHidden={args.labelHidden}\n      icons={iconNames}\n      labels={labels}\n    />\n  );\n};\n\nSentimentDemo.args = {\n  variant: 'positive',\n  labelHidden: false,\n  positiveLabel: 'Yay!',\n  positiveIcon: 'face-happy-solid',\n  neutralLabel: 'Hm…',\n  neutralIcon: 'face-blank-solid',\n  negativeLabel: 'Uh-oh!',\n  negativeIcon: 'face-sad-solid'\n};\n\nSentimentDemo.argTypes = {\n  variant: { options: ['positive', 'neutral', 'negative'], control: { type: 'select' } },\n  labelHidden: { control: { type: 'boolean' } },\n  positiveLabel: { control: { type: 'text' } },\n  positiveIcon: { options: icons, control: { type: 'select', icons: true } },\n  neutralLabel: { control: { type: 'text' } },\n  neutralIcon: { options: icons, control: { type: 'select', icons: true } },\n  negativeLabel: { control: { type: 'text' } },\n  negativeIcon: { options: icons, control: { type: 'select', icons: true } }\n};\n\ninterface ConfigurableSentimentProps {\n  positiveColor?: string;\n  negativeColor?: string;\n  neutralColor?: string;\n}\n\nexport const ConfigurableSentiment: StoryFn<ConfigurableSentimentProps> = (\n  args: ConfigurableSentimentProps\n) => {\n  return (\n    <Configuration\n      theme={{\n        components: {\n          sentiment: {\n            positive: {\n              color: args.positiveColor\n            },\n            negative: {\n              color: args.negativeColor\n            },\n            neutral: {\n              color: args.neutralColor\n            }\n          }\n        }\n      }}\n    >\n      <Sentiment variant='positive' icons={{ positive: 'face-happy-solid' }} />\n      <Sentiment variant='negative' icons={{ negative: 'face-sad-solid' }} />\n      <Sentiment variant='neutral' icons={{ neutral: 'face-blank-solid' }} />\n    </Configuration>\n  );\n};\n\nConfigurableSentiment.args = {\n  positiveColor: '#20aa50',\n  negativeColor: '#d91c29',\n  neutralColor: '#939393'\n};\n\nConfigurableSentiment.argTypes = {\n  positiveColor: { control: { type: 'color' } },\n  negativeColor: { control: { type: 'color' } },\n  neutralColor: { control: { type: 'color' } }\n};\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SkipLinks.stories.d.ts","sourceRoot":"","sources":["../../../src/core/SkipLinks/SkipLinks.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;;AAI9D,wBAGU;AAEV,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,cAAc,CA0BjD,CAAC"}

package/jsx/core/SkipLinks/SkipLinks.stories.jsx

@@ -1,29 +0,0 @@
-import { useMemo } from 'react';
-import { SkipLinks } from '@pega/cosmos-react-core';
-import { StyledSkipLinksWrapper } from './SkipLinks.styles';
-export default {
-    title: 'Core/SkipLinks',
-    component: SkipLinks
-};
-export const SkipLinksDemo = () => {
-    const items = useMemo(() => [
-        {
-            label: 'go to main content',
-            target: {
-                ariaLabel: 'main content',
-                selector: 'main'
-            }
-        },
-        {
-            label: 'go to footer',
-            target: {
-                ariaLabel: 'footer',
-                selector: 'footer'
-            }
-        }
-    ], []);
-    return (<StyledSkipLinksWrapper>
-      <SkipLinks items={items}/>
-    </StyledSkipLinksWrapper>);
-};
-//# sourceMappingURL=SkipLinks.stories.jsx.map

package/jsx/core/SkipLinks/SkipLinks.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkipLinks.stories.jsx","sourceRoot":"","sources":["../../../src/core/SkipLinks/SkipLinks.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,SAAS;CACb,CAAC;AAEV,MAAM,CAAC,MAAM,aAAa,GAA4B,GAAG,EAAE;IACzD,MAAM,KAAK,GAA4B,OAAO,CAC5C,GAAG,EAAE,CAAC;QACJ;YACE,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE;gBACN,SAAS,EAAE,cAAc;gBACzB,QAAQ,EAAE,MAAM;aACjB;SACF;QACD;YACE,KAAK,EAAE,cAAc;YACrB,MAAM,EAAE;gBACN,SAAS,EAAE,QAAQ;gBACnB,QAAQ,EAAE,QAAQ;aACnB;SACF;KACF,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,CAAC,sBAAsB,CACrB;MAAA,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAC1B;IAAA,EAAE,sBAAsB,CAAC,CAC1B,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useMemo } from 'react';\n\nimport { SkipLinks } from '@pega/cosmos-react-core';\nimport type { SkipLinksProps } from '@pega/cosmos-react-core';\n\nimport { StyledSkipLinksWrapper } from './SkipLinks.styles';\n\nexport default {\n  title: 'Core/SkipLinks',\n  component: SkipLinks\n} as Meta;\n\nexport const SkipLinksDemo: StoryFn<SkipLinksProps> = () => {\n  const items: SkipLinksProps['items'] = useMemo(\n    () => [\n      {\n        label: 'go to main content',\n        target: {\n          ariaLabel: 'main content',\n          selector: 'main'\n        }\n      },\n      {\n        label: 'go to footer',\n        target: {\n          ariaLabel: 'footer',\n          selector: 'footer'\n        }\n      }\n    ],\n    []\n  );\n\n  return (\n    <StyledSkipLinksWrapper>\n      <SkipLinks items={items} />\n    </StyledSkipLinksWrapper>\n  );\n};\n"]}

package/jsx/core/SkipLinks/SkipLinks.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const StyledSkipLinksWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=SkipLinks.styles.d.ts.map

package/jsx/core/SkipLinks/SkipLinks.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkipLinks.styles.d.ts","sourceRoot":"","sources":["../../../src/core/SkipLinks/SkipLinks.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,yGAiBlC,CAAC"}

package/jsx/core/SkipLinks/SkipLinks.styles.js

@@ -1,16 +0,0 @@
-import styled, { css } from 'styled-components';
-import { StyledSkipLinks, defaultThemeProp } from '@pega/cosmos-react-core';
-export const StyledSkipLinksWrapper = styled.div(({ theme: { base: { spacing } } }) => {
-    return css `
-      ${StyledSkipLinks} {
-        &:not(:focus-within) {
-          clip: unset;
-          height: auto;
-          padding: ${spacing};
-          width: auto;
-        }
-      }
-    `;
-});
-StyledSkipLinksWrapper.defaultProps = defaultThemeProp;
-//# sourceMappingURL=SkipLinks.styles.js.map

package/jsx/core/SkipLinks/SkipLinks.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkipLinks.styles.js","sourceRoot":"","sources":["../../../src/core/SkipLinks/SkipLinks.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE5E,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAC9C,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;QACN,eAAe;;;;qBAIF,OAAO;;;;KAIvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { StyledSkipLinks, defaultThemeProp } from '@pega/cosmos-react-core';\n\nexport const StyledSkipLinksWrapper = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      ${StyledSkipLinks} {\n        &:not(:focus-within) {\n          clip: unset;\n          height: auto;\n          padding: ${spacing};\n          width: auto;\n        }\n      }\n    `;\n  }\n);\n\nStyledSkipLinksWrapper.defaultProps = defaultThemeProp;\n"]}

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

@@ -1,13 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { SliderProps, OmitStrict } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-type SliderStoryProps = OmitStrict<SliderProps, 'value' | 'onChange'> & {
-    min: number;
-    max: number;
-    step: number;
-    value?: SliderProps['value'];
-    showAdditionalInfo?: boolean;
-};
-export declare const SliderDemo: StoryFn<SliderStoryProps>;
-//# sourceMappingURL=Slider.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Slider/Slider.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;;AAEvE,wBAGU;AAGV,KAAK,gBAAgB,GAAG,UAAU,CAAC,WAAW,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IACtE,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,gBAAgB,CA2DhD,CAAC"}

package/jsx/core/Slider/Slider.stories.jsx

@@ -1,78 +0,0 @@
-import { useState } from 'react';
-import { Flex, Link, Slider } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Slider',
-    component: Slider
-};
-export const SliderDemo = (args) => {
-    const [value, setValue] = useState(args.value || 0);
-    let ticksObject = args.ticks;
-    if (args.max > args.min && !ticksObject) {
-        ticksObject = {};
-        const numTicks = Math.floor((args.max - args.min) / (args.step || 1)) + 1;
-        Array(numTicks)
-            .fill(0)
-            .map((_, index) => args.min + index * args.step)
-            .forEach(tick => {
-            ticksObject[tick] = tick.toString();
-        });
-    }
-    return (<Slider orientation={args.orientation} step={args.step} min={args.min} max={args.max} ticks={ticksObject} showProgress={args.showProgress} preview={args.preview} showInput={args.showInput} label={args.label} labelHidden={args.labelHidden} info={args.info} status={args.status} required={args.required} disabled={args.disabled} readOnly={args.readOnly} value={value} onChange={(changeValue) => setValue(changeValue)} additionalInfo={args.showAdditionalInfo
-            ? {
-                content: (<Flex container={{ direction: 'column', alignItems: 'start', gap: 2 }}>
-                  <p>
-                    Lorem ipsum dolor sit amet, consectetur it, sed do tempor incididunt ut labore
-                    magna aliqua. Nibh praesent tristique magna sit amet. Nec tincidunt praesent
-                    semper feugiat nibh sed pulvinar proin gravida.
-                  </p>
-                  <p>
-                    Pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Est velit
-                    egestas dui id ornare arcu odio ut. Varius sit amet mattis vulputate enim nulla
-                    aliquet porttitor lacus.
-                  </p>
-                  <Link href='/' target='_blank'>
-                    Neque vitae
-                  </Link>
-                </Flex>)
-            }
-            : undefined}/>);
-};
-SliderDemo.args = {
-    orientation: 'vertical',
-    step: 1,
-    min: 0,
-    max: 10,
-    value: 5,
-    ticks: undefined,
-    showProgress: true,
-    preview: false,
-    showInput: true,
-    label: 'Slider input',
-    labelHidden: false,
-    info: 'Pick a value',
-    status: undefined,
-    required: false,
-    disabled: false,
-    readOnly: false,
-    showAdditionalInfo: false
-};
-SliderDemo.argTypes = {
-    orientation: { options: ['vertical', 'horizontal'], control: { type: 'inline-radio' } },
-    step: { control: { type: 'number' } },
-    min: { control: { type: 'number' } },
-    max: { control: { type: 'number' } },
-    value: { control: { type: 'number' } },
-    ticks: { control: { type: 'object' } },
-    showProgress: { control: { type: 'boolean' } },
-    preview: { control: { type: 'boolean' } },
-    showInput: { 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' } }
-};
-//# sourceMappingURL=Slider.stories.jsx.map

package/jsx/core/Slider/Slider.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.stories.jsx","sourceRoot":"","sources":["../../../src/core/Slider/Slider.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAG7D,eAAe;IACb,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,MAAM;CACV,CAAC;AAWV,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,IAAsB,EAAE,EAAE;IAC9E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;IACpD,IAAI,WAAW,GAAyB,IAAI,CAAC,KAAK,CAAC;IAEnD,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE;QACvC,WAAW,GAAG,EAAE,CAAC;QACjB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAC1E,KAAK,CAAC,QAAQ,CAAC;aACZ,IAAI,CAAC,CAAC,CAAC;aACP,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,GAAG,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;aAC/C,OAAO,CAAC,IAAI,CAAC,EAAE;YACd,WAAY,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QACvC,CAAC,CAAC,CAAC;KACN;IAED,OAAO,CACL,CAAC,MAAM,CACL,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAC9B,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAChB,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CACd,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CACd,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,YAAY,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAChC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1B,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAC9B,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAChB,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,CAAC,WAAmB,EAAE,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CACzD,cAAc,CAAC,CACb,IAAI,CAAC,kBAAkB;YACrB,CAAC,CAAC;gBACE,OAAO,EAAE,CACP,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CACpE;kBAAA,CAAC,CAAC,CACA;;;;kBAGF,EAAE,CAAC,CACH;kBAAA,CAAC,CAAC,CACA;;;;kBAGF,EAAE,CAAC,CACH;kBAAA,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAC5B;;kBACF,EAAE,IAAI,CACR;gBAAA,EAAE,IAAI,CAAC,CACR;aACF;YACH,CAAC,CAAC,SAAS,CACd,EACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,IAAI,GAAG;IAChB,WAAW,EAAE,UAAU;IACvB,IAAI,EAAE,CAAC;IACP,GAAG,EAAE,CAAC;IACN,GAAG,EAAE,EAAE;IACP,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,SAAS;IAChB,YAAY,EAAE,IAAI;IAClB,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,KAAK;IAClB,IAAI,EAAE,cAAc;IACpB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,kBAAkB,EAAE,KAAK;CAC1B,CAAC;AAEF,UAAU,CAAC,QAAQ,GAAG;IACpB,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE;IACvF,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IACrC,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IACpC,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IACpC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IACtC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IACtC,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC9C,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACzC,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC3C,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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { Flex, Link, Slider } from '@pega/cosmos-react-core';\nimport type { SliderProps, OmitStrict } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Slider',\n  component: Slider\n} as Meta;\n\n// Necessary to prevent linting undefined errors since these will never be undefined in the demo\ntype SliderStoryProps = OmitStrict<SliderProps, 'value' | 'onChange'> & {\n  min: number;\n  max: number;\n  step: number;\n  value?: SliderProps['value'];\n  showAdditionalInfo?: boolean;\n};\n\nexport const SliderDemo: StoryFn<SliderStoryProps> = (args: SliderStoryProps) => {\n  const [value, setValue] = useState(args.value || 0);\n  let ticksObject: SliderProps['ticks'] = args.ticks;\n\n  if (args.max > args.min && !ticksObject) {\n    ticksObject = {};\n    const numTicks = Math.floor((args.max - args.min) / (args.step || 1)) + 1;\n    Array(numTicks)\n      .fill(0)\n      .map((_, index) => args.min + index * args.step)\n      .forEach(tick => {\n        ticksObject![tick] = tick.toString();\n      });\n  }\n\n  return (\n    <Slider\n      orientation={args.orientation}\n      step={args.step}\n      min={args.min}\n      max={args.max}\n      ticks={ticksObject}\n      showProgress={args.showProgress}\n      preview={args.preview}\n      showInput={args.showInput}\n      label={args.label}\n      labelHidden={args.labelHidden}\n      info={args.info}\n      status={args.status}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      value={value}\n      onChange={(changeValue: number) => setValue(changeValue)}\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 nulla\n                    aliquet porttitor lacus.\n                  </p>\n                  <Link href='/' target='_blank'>\n                    Neque vitae\n                  </Link>\n                </Flex>\n              )\n            }\n          : undefined\n      }\n    />\n  );\n};\n\nSliderDemo.args = {\n  orientation: 'vertical',\n  step: 1,\n  min: 0,\n  max: 10,\n  value: 5,\n  ticks: undefined,\n  showProgress: true,\n  preview: false,\n  showInput: true,\n  label: 'Slider input',\n  labelHidden: false,\n  info: 'Pick a value',\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: false,\n  showAdditionalInfo: false\n};\n\nSliderDemo.argTypes = {\n  orientation: { options: ['vertical', 'horizontal'], control: { type: 'inline-radio' } },\n  step: { control: { type: 'number' } },\n  min: { control: { type: 'number' } },\n  max: { control: { type: 'number' } },\n  value: { control: { type: 'number' } },\n  ticks: { control: { type: 'object' } },\n  showProgress: { control: { type: 'boolean' } },\n  preview: { control: { type: 'boolean' } },\n  showInput: { 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"]}

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

@@ -1,11 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { SummaryItemProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-type SummaryItemStoryProps = SummaryItemProps & {
-    showSecondary?: boolean;
-    showVisual?: boolean;
-    showActions?: boolean;
-};
-export declare const SummaryItemDemo: StoryFn<SummaryItemStoryProps>;
-//# sourceMappingURL=SummaryItem.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SummaryItem.stories.d.ts","sourceRoot":"","sources":["../../../src/core/SummaryItem/SummaryItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;;AAEhE,wBAMU;AAEV,KAAK,qBAAqB,GAAG,gBAAgB,GAAG;IAC9C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,qBAAqB,CA+C1D,CAAC"}

package/jsx/core/SummaryItem/SummaryItem.stories.jsx

@@ -1,36 +0,0 @@
-import { Avatar, Link, MenuButton, MetaList, Status, SummaryItem } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/SummaryItem',
-    component: SummaryItem,
-    parameters: {
-        layout: 'centered'
-    }
-};
-export const SummaryItemDemo = (args) => {
-    return (<SummaryItem primary='This is the primary info' secondary={args.showSecondary ? (<MetaList items={[
-                'email@example.com',
-                <Status variant='success'>Verified</Status>,
-                <>
-                Go to{' '}
-                <Link href='https://www.pega.com' target='_blank'>
-                  Pega.com
-                </Link>
-              </>
-            ]}/>) : undefined} visual={args.showVisual ? (<Avatar size='l' name='Random Man' imageSrc='https://randomuser.me/api/portraits/men/41.jpg'/>) : undefined} actions={args.showActions ? (<MenuButton text='Options' variant='simple' icon='more' iconOnly menu={{
-                items: ['Option Number 1', 'Option Number 2', 'Option Number 3'].map(name => ({
-                    id: name,
-                    primary: name
-                }))
-            }}/>) : undefined}/>);
-};
-SummaryItemDemo.args = {
-    showSecondary: true,
-    showVisual: true,
-    showActions: true
-};
-SummaryItemDemo.argTypes = {
-    showSecondary: { control: { type: 'boolean' } },
-    showVisual: { control: { type: 'boolean' } },
-    showActions: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=SummaryItem.stories.jsx.map

package/jsx/core/SummaryItem/SummaryItem.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"SummaryItem.stories.jsx","sourceRoot":"","sources":["../../../src/core/SummaryItem/SummaryItem.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGlG,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACM,CAAC;AAQV,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,IAA2B,EAAE,EAAE;IAC7F,OAAO,CACL,CAAC,WAAW,CACV,OAAO,CAAC,0BAA0B,CAClC,SAAS,CAAC,CACR,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CACnB,CAAC,QAAQ,CACP,KAAK,CAAC,CAAC;gBACL,mBAAmB;gBACnB,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC;gBAC3C,EACE;qBAAK,CAAC,GAAG,CACT;gBAAA,CAAC,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,QAAQ,CAC/C;;gBACF,EAAE,IAAI,CACR;cAAA,GAAG;aACJ,CAAC,EACF,CACH,CAAC,CAAC,CAAC,SAAS,CACd,CACD,MAAM,CAAC,CACL,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAChB,CAAC,MAAM,CACL,IAAI,CAAC,GAAG,CACR,IAAI,CAAC,YAAY,CACjB,QAAQ,CAAC,gDAAgD,EACzD,CACH,CAAC,CAAC,CAAC,SAAS,CACd,CACD,OAAO,CAAC,CACN,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CACjB,CAAC,UAAU,CACT,IAAI,CAAC,SAAS,CACd,OAAO,CAAC,QAAQ,CAChB,IAAI,CAAC,MAAM,CACX,QAAQ,CACR,IAAI,CAAC,CAAC;gBACJ,KAAK,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oBAC5E,EAAE,EAAE,IAAI;oBACR,OAAO,EAAE,IAAI;iBACd,CAAC,CAAC;aACJ,CAAC,EACF,CACH,CAAC,CAAC,CAAC,SAAS,CACd,EACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG;IACrB,aAAa,EAAE,IAAI;IACnB,UAAU,EAAE,IAAI;IAChB,WAAW,EAAE,IAAI;CAClB,CAAC;AAEF,eAAe,CAAC,QAAQ,GAAG;IACzB,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC/C,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC5C,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAC9C,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { Avatar, Link, MenuButton, MetaList, Status, SummaryItem } from '@pega/cosmos-react-core';\nimport type { SummaryItemProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/SummaryItem',\n  component: SummaryItem,\n  parameters: {\n    layout: 'centered'\n  }\n} as Meta;\n\ntype SummaryItemStoryProps = SummaryItemProps & {\n  showSecondary?: boolean;\n  showVisual?: boolean;\n  showActions?: boolean;\n};\n\nexport const SummaryItemDemo: StoryFn<SummaryItemStoryProps> = (args: SummaryItemStoryProps) => {\n  return (\n    <SummaryItem\n      primary='This is the primary info'\n      secondary={\n        args.showSecondary ? (\n          <MetaList\n            items={[\n              'email@example.com',\n              <Status variant='success'>Verified</Status>,\n              <>\n                Go to{' '}\n                <Link href='https://www.pega.com' target='_blank'>\n                  Pega.com\n                </Link>\n              </>\n            ]}\n          />\n        ) : undefined\n      }\n      visual={\n        args.showVisual ? (\n          <Avatar\n            size='l'\n            name='Random Man'\n            imageSrc='https://randomuser.me/api/portraits/men/41.jpg'\n          />\n        ) : undefined\n      }\n      actions={\n        args.showActions ? (\n          <MenuButton\n            text='Options'\n            variant='simple'\n            icon='more'\n            iconOnly\n            menu={{\n              items: ['Option Number 1', 'Option Number 2', 'Option Number 3'].map(name => ({\n                id: name,\n                primary: name\n              }))\n            }}\n          />\n        ) : undefined\n      }\n    />\n  );\n};\n\nSummaryItemDemo.args = {\n  showSecondary: true,\n  showVisual: true,\n  showActions: true\n};\n\nSummaryItemDemo.argTypes = {\n  showSecondary: { control: { type: 'boolean' } },\n  showVisual: { control: { type: 'boolean' } },\n  showActions: { control: { type: 'boolean' } }\n};\n"]}

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

@@ -1,20 +0,0 @@
-import type { Dispatch, ReactNode, SetStateAction } from 'react';
-import type { MockUser } from './mockUsers';
-export interface MockListItem {
-    id: string;
-    primary: string;
-    secondary: ReactNode;
-    visual: ReactNode;
-    data?: {
-        [key: string]: unknown;
-    };
-    [key: string]: unknown;
-}
-export interface MockUserAPIResponse {
-    results: MockUser[];
-}
-export declare const getMockUsers: (limit?: number) => Promise<MockUserAPIResponse>;
-export declare const useMockListData: (cb: () => void, { count }?: {
-    count?: number | undefined;
-}) => [MockListItem[], Dispatch<SetStateAction<MockListItem[]>>];
-//# sourceMappingURL=SummaryList.mocks.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SummaryList.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/SummaryList/SummaryList.mocks.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE;QACL,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KACxB,CAAC;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,QAAQ,EAAE,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,WAAiB,MAAM,KAAO,QAAQ,mBAAmB,CAMjF,CAAC;AAiCF,eAAO,MAAM,eAAe,OACtB,MAAM,IAAI;;MAEb,CAAC,YAAY,EAAE,EAAE,SAAS,eAAe,YAAY,EAAE,CAAC,CAAC,CAuB3D,CAAC"}

package/jsx/core/SummaryList/SummaryList.mocks.jsx

@@ -1,48 +0,0 @@
-import { useEffect, useState } from 'react';
-import { Avatar, EmailDisplay, useAfterInitialEffect } from '@pega/cosmos-react-core';
-import mockUsers from './mockUsers';
-export const getMockUsers = async (limit = 3) => {
-    return new Promise(resolve => {
-        setTimeout(() => {
-            resolve({ results: mockUsers.slice(0, limit) });
-        }, 500);
-    });
-};
-const getMockListItem = ({ name: { first: firstName, last: lastName }, email, picture: { thumbnail } }) => {
-    const fullName = `${firstName} ${lastName}`;
-    return {
-        data: {
-            id: email,
-            firstName,
-            lastName,
-            email,
-            thumbnail
-        },
-        id: email,
-        primary: fullName,
-        contextualLabel: fullName,
-        secondary: (<div>
-        <EmailDisplay value={email}/>
-      </div>),
-        visual: <Avatar size='l' name={fullName} imageSrc={thumbnail}/>,
-        actions: [{ id: '11', text: 'Delete', icon: 'trash' }]
-    };
-};
-export const useMockListData = (cb, { count } = { count: undefined }) => {
-    const [items, setItems] = useState([]);
-    useEffect(() => {
-        let mounted = true;
-        (async () => {
-            const { results } = await getMockUsers(count);
-            if (mounted) {
-                setItems(results.map(getMockListItem));
-            }
-        })();
-        return () => {
-            mounted = false;
-        };
-    }, [count]);
-    useAfterInitialEffect(cb, [items]);
-    return [items, setItems];
-};
-//# sourceMappingURL=SummaryList.mocks.jsx.map

package/jsx/core/SummaryList/SummaryList.mocks.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"SummaryList.mocks.jsx","sourceRoot":"","sources":["../../../src/core/SummaryList/SummaryList.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEtF,OAAO,SAAS,MAAM,aAAa,CAAC;AAkBpC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,EAAE,QAAgB,CAAC,EAAgC,EAAE;IACpF,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QAC3B,UAAU,CAAC,GAAG,EAAE;YACd,OAAO,CAAC,EAAE,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EACvB,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,EAC1C,KAAK,EACL,OAAO,EAAE,EAAE,SAAS,EAAE,EAKvB,EAAgB,EAAE;IACjB,MAAM,QAAQ,GAAG,GAAG,SAAS,IAAI,QAAQ,EAAE,CAAC;IAC5C,OAAO;QACL,IAAI,EAAE;YACJ,EAAE,EAAE,KAAK;YACT,SAAS;YACT,QAAQ;YACR,KAAK;YACL,SAAS;SACV;QACD,EAAE,EAAE,KAAK;QACT,OAAO,EAAE,QAAQ;QACjB,eAAe,EAAE,QAAQ;QACzB,SAAS,EAAE,CACT,CAAC,GAAG,CACF;QAAA,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAC7B;MAAA,EAAE,GAAG,CAAC,CACP;QACD,MAAM,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAG;QAChE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;KACvD,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,EAAc,EACd,EAAE,KAAK,KAAyB,EAAE,KAAK,EAAE,SAAS,EAAE,EACQ,EAAE;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAiB,EAAE,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,GAAG,IAAI,CAAC;QAEnB,CAAC,KAAK,IAAI,EAAE;YACV,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,YAAY,CAAC,KAAK,CAAC,CAAC;YAG9C,IAAI,OAAO,EAAE;gBACX,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC;aACxC;QACH,CAAC,CAAC,EAAE,CAAC;QAEL,OAAO,GAAG,EAAE;YACV,OAAO,GAAG,KAAK,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,qBAAqB,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEnC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC3B,CAAC,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport type { Dispatch, ReactNode, SetStateAction } from 'react';\n\nimport { Avatar, EmailDisplay, useAfterInitialEffect } from '@pega/cosmos-react-core';\n\nimport mockUsers from './mockUsers';\nimport type { MockUser } from './mockUsers';\n\nexport interface MockListItem {\n  id: string;\n  primary: string;\n  secondary: ReactNode;\n  visual: ReactNode;\n  data?: {\n    [key: string]: unknown;\n  };\n  [key: string]: unknown;\n}\n\nexport interface MockUserAPIResponse {\n  results: MockUser[];\n}\n\nexport const getMockUsers = async (limit: number = 3): Promise<MockUserAPIResponse> => {\n  return new Promise(resolve => {\n    setTimeout(() => {\n      resolve({ results: mockUsers.slice(0, limit) });\n    }, 500);\n  });\n};\n\nconst getMockListItem = ({\n  name: { first: firstName, last: lastName },\n  email,\n  picture: { thumbnail }\n}: {\n  name: { first: string; last: string };\n  email: string;\n  picture: { thumbnail: string };\n}): MockListItem => {\n  const fullName = `${firstName} ${lastName}`;\n  return {\n    data: {\n      id: email,\n      firstName,\n      lastName,\n      email,\n      thumbnail\n    },\n    id: email,\n    primary: fullName,\n    contextualLabel: fullName,\n    secondary: (\n      <div>\n        <EmailDisplay value={email} />\n      </div>\n    ),\n    visual: <Avatar size='l' name={fullName} imageSrc={thumbnail} />,\n    actions: [{ id: '11', text: 'Delete', icon: 'trash' }]\n  };\n};\n\nexport const useMockListData = (\n  cb: () => void,\n  { count }: { count?: number } = { count: undefined }\n): [MockListItem[], Dispatch<SetStateAction<MockListItem[]>>] => {\n  const [items, setItems] = useState<MockListItem[]>([]);\n\n  useEffect(() => {\n    let mounted = true;\n\n    (async () => {\n      const { results } = await getMockUsers(count);\n\n      // Avoids: Warning: Can't perform a React state update on an unmounted component.\n      if (mounted) {\n        setItems(results.map(getMockListItem));\n      }\n    })();\n\n    return () => {\n      mounted = false;\n    };\n  }, [count]);\n\n  useAfterInitialEffect(cb, [items]);\n\n  return [items, setItems];\n};\n"]}

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

@@ -1,13 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { OmitStrict, SummaryListProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-interface SummaryListStoryProps extends OmitStrict<SummaryListProps, 'items'> {
-    showSecondary?: boolean;
-    showVisual?: boolean;
-    showActions?: boolean;
-    noItems?: boolean;
-}
-export declare const SummaryListDemo: StoryFn<SummaryListStoryProps>;
-export declare const SummaryListViewAll: StoryFn<SummaryListStoryProps>;
-//# sourceMappingURL=SummaryList.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SummaryList.stories.d.ts","sourceRoot":"","sources":["../../../src/core/SummaryList/SummaryList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAWtD,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;;AAI5E,wBA4BU;AAEV,UAAU,qBAAsB,SAAQ,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC;IAC3E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,qBAAqB,CAmD1D,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,qBAAqB,CAqG7D,CAAC"}

package/jsx/core/SummaryList/SummaryList.stories.jsx

@@ -1,131 +0,0 @@
-import { useMemo, useState } from 'react';
-import { icons, Modal, SummaryList, ViewAll, createStringMatcher, useModalManager } from '@pega/cosmos-react-core';
-import { useMockListData } from './SummaryList.mocks';
-export default {
-    title: 'Core/SummaryList',
-    component: SummaryList,
-    parameters: {
-        layout: 'centered'
-    },
-    args: {
-        name: 'People',
-        icon: 'users-solid',
-        count: 5,
-        loading: false,
-        showSecondary: true,
-        showVisual: true,
-        showActions: true,
-        noItems: false,
-        noItemsText: 'No items'
-    },
-    argTypes: {
-        name: { control: { type: 'text' } },
-        icon: { options: icons, control: { type: 'select', icons: true } },
-        count: { control: { type: 'number' } },
-        loading: { control: { type: 'boolean' } },
-        showSecondary: { control: { type: 'boolean' } },
-        showVisual: { control: { type: 'boolean' } },
-        showActions: { control: { type: 'boolean' } },
-        noItems: { control: { type: 'boolean' } },
-        noItemsText: { control: { type: 'text' } }
-    }
-};
-export const SummaryListDemo = (args) => {
-    const { create: createModal } = useModalManager();
-    const [loading, setLoading] = useState(true);
-    const [items] = useMockListData(() => {
-        setLoading(false);
-    }, { count: args.count });
-    const itemsToRender = items.map(item => {
-        return {
-            ...item,
-            secondary: args.showSecondary ? item.secondary : undefined,
-            visual: args.showVisual ? item.visual : undefined,
-            actions: args.showActions
-                ? ['Action 1', 'Action 2', 'Action 3'].map(text => ({
-                    text,
-                    id: text
-                }))
-                : undefined
-        };
-    });
-    return (<SummaryList name={args.name} icon={args.icon} count={args.loading || loading ? undefined : args.count} items={args.noItems ? [] : itemsToRender} loading={args.loading || loading} noItemsText={args.noItemsText} actions={[
-            {
-                text: 'Add',
-                id: `${args.name}:addNew`,
-                icon: 'plus',
-                onClick() {
-                    createModal(() => {
-                        return (<Modal heading={`Add new ${args.name}`}>
-                  {`Content for adding new ${args.name} goes here…`}
-                </Modal>);
-                    });
-                }
-            }
-        ]}/>);
-};
-export const SummaryListViewAll = (args) => {
-    const SummaryListViewAllModal = ({ name, count, loading }) => {
-        const [search, setSearch] = useState('');
-        const [modalLoading, setModalLoading] = useState(true);
-        const [items] = useMockListData(() => {
-            setModalLoading(false);
-        }, {
-            count
-        });
-        const itemsToRender = useMemo(() => {
-            if (search.trim()) {
-                const filterRegex = createStringMatcher(search, 'boundary');
-                return items.filter(({ primary }) => filterRegex.test(primary));
-            }
-            return items;
-        }, [items, search]);
-        return (<Modal heading={args.name}>
-        <ViewAll loading={loading || modalLoading} items={itemsToRender} actions={[
-                {
-                    id: 'addNew',
-                    text: `Add ${name}`
-                }
-            ]} searchInputProps={{ onSearchChange: setSearch }}/>
-      </Modal>);
-    };
-    const { create: createModal } = useModalManager();
-    const [loading, setLoading] = useState(true);
-    const [items] = useMockListData(() => {
-        setLoading(false);
-    }, { count: 3 });
-    const itemsToRender = items.map(item => {
-        return {
-            ...item,
-            secondary: args.showSecondary ? item.secondary : undefined,
-            visual: args.showVisual ? item.visual : undefined,
-            actions: args.showActions
-                ? ['Action 1', 'Action 2', 'Action 3'].map(text => ({
-                    text,
-                    id: text
-                }))
-                : undefined
-        };
-    });
-    return (<SummaryList name={args.name} icon={args.icon} count={args.loading || loading ? undefined : args.count} items={args.noItems ? [] : itemsToRender} loading={args.loading || loading} noItemsText={args.noItemsText} actions={[
-            {
-                text: 'Add',
-                id: `${args.name}:addNew`,
-                icon: 'plus',
-                onClick() {
-                    createModal(() => {
-                        return (<Modal heading={`Add new ${args.name}`}>
-                  {`Content for adding new ${args.name} goes here…`}
-                </Modal>);
-                    });
-                }
-            }
-        ]} onViewAll={() => {
-            createModal(SummaryListViewAllModal, {
-                name: args.name,
-                count: args.count,
-                loading: args.loading
-            });
-        }}/>);
-};
-//# sourceMappingURL=SummaryList.stories.jsx.map