@pega/cosmos-react-demos 2.1.5 → 2.1.6

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

@@ -1,42 +0,0 @@
-import { Select, Option } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Select',
-    component: Select
-};
-export const SelectDemo = (args) => {
-    return (<Select id='select-demo' label={args.label} labelHidden={args.labelHidden} info={args.info} status={args.status} required={args.required} disabled={args.disabled} readOnly={args.readOnly} actions={args.showAction
-            ? [
-                {
-                    id: 'config',
-                    text: 'Configure',
-                    icon: 'gear'
-                }
-            ]
-            : undefined}>
-      <Option>Choose an option…</Option>
-      <Option>Option 1</Option>
-      <Option>Option 2</Option>
-      <Option>Option 3</Option>
-    </Select>);
-};
-SelectDemo.args = {
-    showAction: false,
-    label: 'Select input',
-    labelHidden: false,
-    info: 'Choose a value',
-    status: undefined,
-    required: false,
-    disabled: false,
-    readOnly: false
-};
-SelectDemo.argTypes = {
-    showAction: { control: { type: 'boolean' } },
-    label: { control: { type: 'text' } },
-    labelHidden: { control: { type: 'boolean' } },
-    info: { control: { type: 'text' } },
-    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },
-    required: { control: { type: 'boolean' } },
-    disabled: { control: { type: 'boolean' } },
-    readOnly: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=Select.stories.jsx.map

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":"AAEA,OAAO,EAAE,MAAM,EAAe,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEtE,eAAe;IACb,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,MAAM;CACV,CAAC;AAMV,MAAM,CAAC,MAAM,UAAU,GAA4B,CAAC,IAAsB,EAAE,EAAE;IAC5E,OAAO,CACL,CAAC,MAAM,CACL,EAAE,CAAC,aAAa,CAChB,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,OAAO,CAAC,CACN,IAAI,CAAC,UAAU;YACb,CAAC,CAAC;gBACE;oBACE,EAAE,EAAE,QAAQ;oBACZ,IAAI,EAAE,WAAW;oBACjB,IAAI,EAAE,MAAM;iBACb;aACF;YACH,CAAC,CAAC,SAAS,CACd,CAED;MAAA,CAAC,MAAM,CAAC,iBAAiB,EAAE,MAAM,CACjC;MAAA,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CACxB;MAAA,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CACxB;MAAA,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAC1B;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,IAAI,GAAG;IAChB,UAAU,EAAE,KAAK;IACjB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,KAAK;IAClB,IAAI,EAAE,gBAAgB;IACtB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,UAAU,CAAC,QAAQ,GAAG;IACpB,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC5C,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,EAAE;IACnC,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;CAC3C,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport { Select, SelectProps, Option } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Select',\n  component: Select\n} as Meta;\n\ninterface SelectStoryProps extends SelectProps {\n  showAction: boolean;\n}\n\nexport const SelectDemo: Story<SelectStoryProps> = (args: SelectStoryProps) => {\n  return (\n    <Select\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};\n\nSelectDemo.argTypes = {\n  showAction: { control: { type: 'boolean' } },\n  label: { control: { type: 'text' } },\n  labelHidden: { control: { type: 'boolean' } },\n  info: { control: { type: 'text' } },\n  status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n  required: { control: { type: 'boolean' } },\n  disabled: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } }\n};\n"]}

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

@@ -1,14 +0,0 @@
-import { Meta, Story } from '@storybook/react';
-import { SentimentProps } from '@pega/cosmos-react-core';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-interface SentimentStoryProps extends SentimentProps {
-    positiveLabel: string;
-    neutralLabel: string;
-    negativeLabel: string;
-    positiveIcon: string;
-    neutralIcon: string;
-    negativeIcon: string;
-}
-export declare const SentimentDemo: Story<SentimentStoryProps>;
-//# 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,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAoB,cAAc,EAAE,MAAM,yBAAyB,CAAC;;AAE3E,wBAGU;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,KAAK,CAAC,mBAAmB,CAqBpD,CAAC"}

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

@@ -1,39 +0,0 @@
-import { icons, Sentiment } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Sentiment',
-    component: Sentiment
-};
-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 } }
-};
-//# 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":"AAEA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAkB,MAAM,yBAAyB,CAAC;AAE3E,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,SAAS;CACb,CAAC;AAWV,MAAM,CAAC,MAAM,aAAa,GAA+B,CAAC,IAAyB,EAAE,EAAE;IACrF,MAAM,SAAS,GAAG;QAChB,QAAQ,EAAE,IAAI,CAAC,YAAY;QAC3B,OAAO,EAAE,IAAI,CAAC,WAAW;QACzB,QAAQ,EAAE,IAAI,CAAC,YAAY;KAC5B,CAAC;IAEF,MAAM,MAAM,GAAG;QACb,QAAQ,EAAE,IAAI,CAAC,aAAa;QAC5B,OAAO,EAAE,IAAI,CAAC,YAAY;QAC1B,QAAQ,EAAE,IAAI,CAAC,aAAa;KAC7B,CAAC;IAEF,OAAO,CACL,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAC9B,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,IAAI,GAAG;IACnB,OAAO,EAAE,UAAU;IACnB,WAAW,EAAE,KAAK;IAClB,aAAa,EAAE,MAAM;IACrB,YAAY,EAAE,kBAAkB;IAChC,YAAY,EAAE,KAAK;IACnB,WAAW,EAAE,kBAAkB;IAC/B,aAAa,EAAE,QAAQ;IACvB,YAAY,EAAE,gBAAgB;CAC/B,CAAC;AAEF,aAAa,CAAC,QAAQ,GAAG;IACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IACtF,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC7C,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC5C,YAAY,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;IAC1E,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC3C,WAAW,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;IACzE,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC5C,YAAY,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;CAC3E,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport { icons, Sentiment, SentimentProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Sentiment',\n  component: Sentiment\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: Story<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"]}

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

@@ -1,11 +0,0 @@
-import { Meta, Story } from '@storybook/react';
-import { SliderProps } from '@pega/cosmos-react-core';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-interface SliderStoryProps extends SliderProps {
-    min: number;
-    max: number;
-    step: number;
-}
-export declare const SliderDemo: Story<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,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAU,WAAW,EAAE,MAAM,yBAAyB,CAAC;;AAE9D,wBAGU;AAGV,UAAU,gBAAiB,SAAQ,WAAW;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAoC9C,CAAC"}

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

@@ -1,58 +0,0 @@
-import { useState } from 'react';
-import { Slider } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Slider',
-    component: Slider
-};
-export const SliderDemo = (args) => {
-    const [value, setValue] = useState(args.value);
-    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)}/>);
-};
-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
-};
-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' } },
-    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },
-    required: { control: { type: 'boolean' } },
-    disabled: { control: { type: 'boolean' } },
-    readOnly: { 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":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { Slider, SliderProps } 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\ninterface SliderStoryProps extends SliderProps {\n  min: number;\n  max: number;\n  step: number;\n}\n\nexport const SliderDemo: Story<SliderStoryProps> = (args: SliderStoryProps) => {\n  const [value, setValue] = useState(args.value);\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    />\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};\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' } },\n  status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n  required: { control: { type: 'boolean' } },\n  disabled: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } }\n};\n"]}

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

@@ -1,11 +0,0 @@
-import { Meta, Story } from '@storybook/react';
-import { SummaryItemProps } from '@pega/cosmos-react-core';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-interface SummaryItemStoryProps extends SummaryItemProps {
-    showSecondary: boolean;
-    showVisual: boolean;
-    showActions: boolean;
-}
-export declare const SummaryItemDemo: Story<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,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAOL,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;;AAEjC,wBAMU;AAEV,UAAU,qBAAsB,SAAQ,gBAAgB;IACtD,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,qBAAqB,CA+CxD,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,EACL,MAAM,EACN,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,MAAM,EACN,WAAW,EAEZ,MAAM,yBAAyB,CAAC;AAEjC,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACM,CAAC;AAQV,MAAM,CAAC,MAAM,eAAe,GAAiC,CAAC,IAA2B,EAAE,EAAE;IAC3F,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 { Meta, Story } from '@storybook/react';\n\nimport {\n  Avatar,\n  Link,\n  MenuButton,\n  MetaList,\n  Status,\n  SummaryItem,\n  SummaryItemProps\n} 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\ninterface SummaryItemStoryProps extends SummaryItemProps {\n  showSecondary: boolean;\n  showVisual: boolean;\n  showActions: boolean;\n}\n\nexport const SummaryItemDemo: Story<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,32 +0,0 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
-export interface MockListItem {
-    id: string;
-    primary: string;
-    secondary: ReactNode;
-    visual: ReactNode;
-    data?: {
-        [key: string]: unknown;
-    };
-    [key: string]: unknown;
-}
-export interface MockUserAPIResponse {
-    results: MockUser[];
-}
-export interface MockUser {
-    name: {
-        title: string;
-        first: string;
-        last: string;
-    };
-    email: string;
-    picture: {
-        large: string;
-        medium: string;
-        thumbnail: string;
-    };
-}
-export declare const getMockUsers: (limit?: number, fields?: string[]) => 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":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AAIjF,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,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,eAAO,MAAM,YAAY,WAChB,MAAM,WACL,MAAM,EAAE,KACf,QAAQ,mBAAmB,CAI7B,CAAC;AA+BF,eAAO,MAAM,eAAe,OACtB,MAAM,IAAI;;MAEb,CAAC,YAAY,EAAE,EAAE,SAAS,eAAe,YAAY,EAAE,CAAC,CAAC,CAa3D,CAAC"}

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

@@ -1,35 +0,0 @@
-import { useEffect, useState } from 'react';
-import { Avatar, EmailDisplay, useAfterInitialEffect } from '@pega/cosmos-react-core';
-export const getMockUsers = async (limit = 3, fields = ['name', 'email', 'picture']) => {
-    return fetch(`https://randomuser.me/api/?results=${limit}&inc=${fields.join()}`).then(res => res.json());
-};
-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,
-        secondary: (<div>
-        <EmailDisplay value={email}/>
-      </div>),
-        visual: <Avatar size='l' name={fullName} imageSrc={thumbnail}/>
-    };
-};
-export const useMockListData = (cb, { count } = { count: undefined }) => {
-    const [items, setItems] = useState([]);
-    useEffect(() => {
-        (async () => {
-            const { results } = await getMockUsers(count);
-            setItems(results.map(getMockListItem));
-        })();
-    }, [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,EAAuC,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjF,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AA+BtF,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,EAC/B,QAAgB,CAAC,EACjB,SAAmB,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,EACjB,EAAE;IAChC,OAAO,KAAK,CAAC,sCAAsC,KAAK,QAAQ,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAC1F,GAAG,CAAC,IAAI,EAAE,CACX,CAAC;AACJ,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,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;KACjE,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,CAAC,KAAK,IAAI,EAAE;YACV,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,YAAY,CAAC,KAAK,CAAC,CAAC;YAC9C,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC;QACzC,CAAC,CAAC,EAAE,CAAC;IACP,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 { Dispatch, ReactNode, SetStateAction, useEffect, useState } from 'react';\n\nimport { Avatar, EmailDisplay, useAfterInitialEffect } from '@pega/cosmos-react-core';\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 interface MockUser {\n  name: {\n    title: string;\n    first: string;\n    last: string;\n  };\n  email: string;\n  picture: {\n    large: string;\n    medium: string;\n    thumbnail: string;\n  };\n}\n\nexport const getMockUsers = async (\n  limit: number = 3,\n  fields: string[] = ['name', 'email', 'picture']\n): Promise<MockUserAPIResponse> => {\n  return fetch(`https://randomuser.me/api/?results=${limit}&inc=${fields.join()}`).then(res =>\n    res.json()\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    secondary: (\n      <div>\n        <EmailDisplay value={email} />\n      </div>\n    ),\n    visual: <Avatar size='l' name={fullName} imageSrc={thumbnail} />\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    (async () => {\n      const { results } = await getMockUsers(count);\n      setItems(results.map(getMockListItem));\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 { Meta, Story } from '@storybook/react';
-import { SummaryListProps } from '@pega/cosmos-react-core';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-interface SummaryListStoryProps extends SummaryListProps {
-    showSecondary?: boolean;
-    showVisual?: boolean;
-    showActions?: boolean;
-    noItems?: boolean;
-}
-export declare const SummaryListDemo: Story<SummaryListStoryProps>;
-export declare const SummaryListViewAll: Story<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,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAML,gBAAgB,EAGjB,MAAM,yBAAyB,CAAC;;AAIjC,wBA4BU;AAEV,UAAU,qBAAsB,SAAQ,gBAAgB;IACtD,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,KAAK,CAAC,qBAAqB,CAmDxD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,qBAAqB,CAqG3D,CAAC"}

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

@@ -1,131 +0,0 @@
-import { useContext, useMemo, useState } from 'react';
-import { icons, Modal, ModalManagerContext, SummaryList, ViewAll, createStringMatcher } 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 } = useContext(ModalManagerContext);
-    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 new ${args.name}`,
-                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 } = useContext(ModalManagerContext);
-    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 new ${args.name}`,
-                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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SummaryList.stories.jsx","sourceRoot":"","sources":["../../../src/core/SummaryList/SummaryList.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useContext, useMemo, useState } from 'react';\n\nimport {\n  icons,\n  OmitStrict,\n  Modal,\n  ModalManagerContext,\n  SummaryList,\n  SummaryListProps,\n  ViewAll,\n  createStringMatcher\n} from '@pega/cosmos-react-core';\n\nimport { useMockListData } from './SummaryList.mocks';\n\nexport default {\n  title: 'Core/SummaryList',\n  component: SummaryList,\n  parameters: {\n    layout: 'centered'\n  },\n  args: {\n    name: 'People',\n    icon: 'users-solid',\n    count: 5,\n    loading: false,\n    showSecondary: true,\n    showVisual: true,\n    showActions: true,\n    noItems: false,\n    noItemsText: 'No items'\n  },\n  argTypes: {\n    name: { control: { type: 'text' } },\n    icon: { options: icons, control: { type: 'select', icons: true } },\n    count: { control: { type: 'number' } },\n    loading: { control: { type: 'boolean' } },\n    showSecondary: { control: { type: 'boolean' } },\n    showVisual: { control: { type: 'boolean' } },\n    showActions: { control: { type: 'boolean' } },\n    noItems: { control: { type: 'boolean' } },\n    noItemsText: { control: { type: 'text' } }\n  }\n} as Meta;\n\ninterface SummaryListStoryProps extends SummaryListProps {\n  showSecondary?: boolean;\n  showVisual?: boolean;\n  showActions?: boolean;\n  noItems?: boolean;\n}\n\nexport const SummaryListDemo: Story<SummaryListStoryProps> = (args: SummaryListStoryProps) => {\n  const { create: createModal } = useContext(ModalManagerContext);\n  const [loading, setLoading] = useState(true);\n\n  const [items] = useMockListData(\n    () => {\n      setLoading(false);\n    },\n    { count: args.count }\n  );\n\n  const itemsToRender = items.map(item => {\n    return {\n      ...item,\n      secondary: args.showSecondary ? item.secondary : undefined,\n      visual: args.showVisual ? item.visual : undefined,\n      actions: args.showActions\n        ? ['Action 1', 'Action 2', 'Action 3'].map(text => ({\n            text,\n            id: text\n          }))\n        : undefined\n    };\n  });\n\n  return (\n    <SummaryList\n      name={args.name}\n      icon={args.icon}\n      count={args.loading || loading ? undefined : args.count}\n      items={args.noItems ? [] : itemsToRender}\n      loading={args.loading || loading}\n      noItemsText={args.noItemsText}\n      actions={[\n        {\n          text: `Add new ${args.name}`,\n          id: `${args.name}:addNew`,\n          icon: 'plus',\n          onClick() {\n            createModal(() => {\n              return (\n                <Modal heading={`Add new ${args.name}`}>\n                  {`Content for adding new ${args.name} goes here…`}\n                </Modal>\n              );\n            });\n          }\n        }\n      ]}\n    />\n  );\n};\n\nexport const SummaryListViewAll: Story<SummaryListStoryProps> = (args: SummaryListStoryProps) => {\n  const SummaryListViewAllModal = ({\n    name,\n    count,\n    loading\n  }: OmitStrict<SummaryListProps, 'items'>) => {\n    const [search, setSearch] = useState('');\n    const [modalLoading, setModalLoading] = useState(true);\n\n    const [items] = useMockListData(\n      () => {\n        setModalLoading(false);\n      },\n      {\n        count\n      }\n    );\n\n    const itemsToRender = useMemo(() => {\n      if (search.trim()) {\n        const filterRegex = createStringMatcher(search, 'boundary');\n        return items.filter(({ primary }) => filterRegex.test(primary));\n      }\n\n      return items;\n    }, [items, search]);\n\n    return (\n      <Modal heading={args.name}>\n        <ViewAll\n          loading={loading || modalLoading}\n          items={itemsToRender}\n          actions={[\n            {\n              id: 'addNew',\n              text: `Add ${name}`\n            }\n          ]}\n          searchInputProps={{ onSearchChange: setSearch }}\n        />\n      </Modal>\n    );\n  };\n\n  const { create: createModal } = useContext(ModalManagerContext);\n  const [loading, setLoading] = useState(true);\n\n  const [items] = useMockListData(\n    () => {\n      setLoading(false);\n    },\n    { count: 3 }\n  );\n\n  const itemsToRender = items.map(item => {\n    return {\n      ...item,\n      secondary: args.showSecondary ? item.secondary : undefined,\n      visual: args.showVisual ? item.visual : undefined,\n      actions: args.showActions\n        ? ['Action 1', 'Action 2', 'Action 3'].map(text => ({\n            text,\n            id: text\n          }))\n        : undefined\n    };\n  });\n\n  return (\n    <SummaryList\n      name={args.name}\n      icon={args.icon}\n      count={args.loading || loading ? undefined : args.count}\n      items={args.noItems ? [] : itemsToRender}\n      loading={args.loading || loading}\n      noItemsText={args.noItemsText}\n      actions={[\n        {\n          text: `Add new ${args.name}`,\n          id: `${args.name}:addNew`,\n          icon: 'plus',\n          onClick() {\n            createModal(() => {\n              return (\n                <Modal heading={`Add new ${args.name}`}>\n                  {`Content for adding new ${args.name} goes here…`}\n                </Modal>\n              );\n            });\n          }\n        }\n      ]}\n      onViewAll={() => {\n        createModal(SummaryListViewAllModal, {\n          name: args.name,\n          count: args.count,\n          loading: args.loading\n        });\n      }}\n    />\n  );\n};\n"]}

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

@@ -1,7 +0,0 @@
-import { Meta, Story } from '@storybook/react';
-import { SwitchProps } from '@pega/cosmos-react-core';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const SwitchDemo: Story<SwitchProps>;
-export declare const SwitchInCard: Story<SwitchProps>;
-//# sourceMappingURL=Switch.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Switch/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAgB,WAAW,EAAE,MAAM,yBAAyB,CAAC;;AAIpE,wBAWU;AAEV,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,WAAW,CAYzC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,WAAW,CAc3C,CAAC"}

package/jsx/core/Switch/Switch.stories.jsx

@@ -1,26 +0,0 @@
-import { useState } from 'react';
-import { Card, Switch } from '@pega/cosmos-react-core';
-import { StyledCard } from './Switch.styles';
-export default {
-    title: 'Core/Switch',
-    component: Switch,
-    args: {
-        label: 'Toggle on/off',
-        disabled: false
-    },
-    argTypes: {
-        label: { control: { type: 'text' } },
-        disabled: { control: { type: 'boolean' } }
-    }
-};
-export const SwitchDemo = (args) => {
-    const [on, setOn] = useState(false);
-    return (<Switch id='switch' on={on} onChange={() => setOn(curr => !curr)} label={args.label} disabled={args.disabled}/>);
-};
-export const SwitchInCard = (args) => {
-    const [on, setOn] = useState(false);
-    return (<Card as={StyledCard}>
-      <Switch id='switch' on={on} onChange={() => setOn(curr => !curr)} label={args.label} disabled={args.disabled}/>
-    </Card>);
-};
-//# sourceMappingURL=Switch.stories.jsx.map

package/jsx/core/Switch/Switch.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.stories.jsx","sourceRoot":"","sources":["../../../src/core/Switch/Switch.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAe,MAAM,yBAAyB,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,eAAe;IACb,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE;QACJ,KAAK,EAAE,eAAe;QACtB,QAAQ,EAAE,KAAK;KAChB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QACpC,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;KAC3C;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,UAAU,GAAuB,CAAC,IAAiB,EAAE,EAAE;IAClE,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpC,OAAO,CACL,CAAC,MAAM,CACL,EAAE,CAAC,QAAQ,CACX,EAAE,CAAC,CAAC,EAAE,CAAC,CACP,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CACrC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAuB,CAAC,IAAiB,EAAE,EAAE;IACpE,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpC,OAAO,CACL,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CACnB;MAAA,CAAC,MAAM,CACL,EAAE,CAAC,QAAQ,CACX,EAAE,CAAC,CAAC,EAAE,CAAC,CACP,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CACrC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAE5B;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { Card, Switch, SwitchProps } from '@pega/cosmos-react-core';\n\nimport { StyledCard } from './Switch.styles';\n\nexport default {\n  title: 'Core/Switch',\n  component: Switch,\n  args: {\n    label: 'Toggle on/off',\n    disabled: false\n  },\n  argTypes: {\n    label: { control: { type: 'text' } },\n    disabled: { control: { type: 'boolean' } }\n  }\n} as Meta;\n\nexport const SwitchDemo: Story<SwitchProps> = (args: SwitchProps) => {\n  const [on, setOn] = useState(false);\n\n  return (\n    <Switch\n      id='switch'\n      on={on}\n      onChange={() => setOn(curr => !curr)}\n      label={args.label}\n      disabled={args.disabled}\n    />\n  );\n};\n\nexport const SwitchInCard: Story<SwitchProps> = (args: SwitchProps) => {\n  const [on, setOn] = useState(false);\n\n  return (\n    <Card as={StyledCard}>\n      <Switch\n        id='switch'\n        on={on}\n        onChange={() => setOn(curr => !curr)}\n        label={args.label}\n        disabled={args.disabled}\n      />\n    </Card>\n  );\n};\n"]}

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

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

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

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

package/jsx/core/Switch/Switch.styles.js

@@ -1,13 +0,0 @@
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '@pega/cosmos-react-core';
-export const StyledCard = styled.article(props => {
-    const { theme: { base: { spacing } } } = props;
-    return css `
-    margin: calc(2 * ${spacing});
-    padding: ${spacing};
-    height: max-content;
-    width: max-content;
-  `;
-});
-StyledCard.defaultProps = defaultThemeProp;
-//# sourceMappingURL=Switch.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.styles.js","sourceRoot":"","sources":["../../../src/core/Switch/Switch.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;IAC/C,MAAM,EACJ,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,EACF,GAAG,KAAK,CAAC;IAEV,OAAO,GAAG,CAAA;uBACW,OAAO;eACf,OAAO;;;GAGnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '@pega/cosmos-react-core';\n\nexport const StyledCard = styled.article(props => {\n  const {\n    theme: {\n      base: { spacing }\n    }\n  } = props;\n\n  return css`\n    margin: calc(2 * ${spacing});\n    padding: ${spacing};\n    height: max-content;\n    width: max-content;\n  `;\n});\n\nStyledCard.defaultProps = defaultThemeProp;\n"]}