@pega/cosmos-react-demos 5.0.0-dev.4.7 → 5.0.0-dev.4.8

package/lib/core/Toaster/Toaster.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toaster.stories.js","sourceRoot":"","sources":["../../../src/core/Toaster/Toaster.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEtE,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAO;CACX,CAAC;AAEV,MAAM,CAAC,MAAM,WAAW,GAAY,GAAG,EAAE;IACvC,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,CAAC;QAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QAEtC,MAAM,QAAQ,GAAG;YACf,gCAAgC;YAChC,sIAAsI;SACvI,CAAC;QAEF,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;YAC3B,IAAI,CAAC;gBACH,OAAO,EAAE,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC;aAC7B,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,OAAO,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,gCAA0B,CAAC;IAChE,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,OAAO,IAAC,YAAY,EAAE,IAAI,YACzB,KAAC,eAAe,KAAG,GACX,CACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { Button, Toaster, useToaster } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Toaster',\n  component: Toaster\n} as Meta;\n\nexport const ToasterDemo: StoryFn = () => {\n  const MakeToastButton = () => {\n    const { push } = useToaster();\n    const [count, setCount] = useState(0);\n\n    const messages = [\n      'This is a short toast message!',\n      'This toast message is much longer and will need to be trimmed with an ellipsis in order to fit within the confines of the component.'\n    ];\n\n    const pushToaster = () => {\n      setCount(curr => curr + 1);\n      push({\n        content: messages[count % 2]\n      });\n    };\n\n    return <Button onClick={pushToaster}>Make some Toast</Button>;\n  };\n\n  return (\n    <Toaster dismissAfter={5000}>\n      <MakeToastButton />\n    </Toaster>\n  );\n};\n"]}

package/lib/core/Tooltip/Tooltip.stories.d.ts

@@ -1,11 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const TooltipDemo: StoryFn;
-interface ConfigurableTooltipProps {
-    foregroundColor?: string;
-    backgroundColor?: string;
-}
-export declare const ConfigurableTooltip: StoryFn<ConfigurableTooltipProps>;
-export declare const SmartTooltip: StoryFn;
-//# sourceMappingURL=Tooltip.stories.d.ts.map

package/lib/core/Tooltip/Tooltip.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AAMtD,wBAIU;AAEV,eAAO,MAAM,WAAW,EAAE,OAgBzB,CAAC;AAEF,UAAU,wBAAwB;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,wBAAwB,CA2BjE,CAAC;AAYF,eAAO,MAAM,YAAY,EAAE,OAyB1B,CAAC"}

package/lib/core/Tooltip/Tooltip.stories.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Configuration, Flex, Tooltip, useElement } from '@pega/cosmos-react-core';
-import { ResizeableEl } from './Tooltip.styles';
-export default {
-    title: 'Core/Tooltip',
-    component: Tooltip,
-    excludeStories: ['ConfigurableTooltip']
-};
-export const TooltipDemo = () => {
-    const [el, setEl] = useElement();
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { ref: setEl, children: "Hover me" }), el && (_jsx(Tooltip, { target: el, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur finibus scelerisque viverra. Fusce consequat, justo at laoreet lobortis, mauris ipsum aliquet arcu, non convallis nisl elit id erat. Pellentesque posuere sagittis velit a molestie." }))] }));
-};
-export const ConfigurableTooltip = (args) => {
-    const [el, setEl] = useElement();
-    return (_jsxs(Configuration, { theme: {
-            components: {
-                tooltip: {
-                    'foreground-color': args.foregroundColor,
-                    'background-color': args.backgroundColor
-                }
-            }
-        }, children: [_jsx(Button, { ref: setEl, children: "Hover me" }), el && (_jsx(Tooltip, { target: el, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur finibus scelerisque viverra. Fusce consequat, justo at laoreet lobortis, mauris ipsum aliquet arcu, non convallis nisl elit id erat. Pellentesque posuere sagittis velit a molestie." }))] }));
-};
-ConfigurableTooltip.args = {
-    foregroundColor: '#f5f5f5',
-    backgroundColor: '#3f3f3f'
-};
-ConfigurableTooltip.argTypes = {
-    foregroundColor: { control: { type: 'color' } },
-    backgroundColor: { control: { type: 'color' } }
-};
-export const SmartTooltip = () => {
-    const [el1, setEl1] = useElement();
-    const [el2, setEl2] = useElement();
-    const textContent1 = 'Resize me and hover: Lorem ipsum dolor sit amet';
-    const textContent2 = 'Hover or focus me: Lorem ipsum dolor sit amet';
-    return (_jsxs(Flex, { container: { direction: 'column', gap: 4 }, children: [_jsx(ResizeableEl, { ref: setEl1, children: textContent1 }), el1 && (_jsx(Tooltip, { target: el1, smart: true, showDelay: 'none', hideDelay: 'none', children: textContent1 })), _jsx(Button, { as: ResizeableEl, variant: 'link', ref: setEl2, children: textContent2 }), el2 && (_jsx(Tooltip, { target: el2, smart: true, showDelay: 'none', hideDelay: 'none', children: textContent2 }))] }));
-};
-//# sourceMappingURL=Tooltip.stories.js.map

package/lib/core/Tooltip/Tooltip.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../src/core/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE3F,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAO;IAClB,cAAc,EAAE,CAAC,qBAAqB,CAAC;CAChC,CAAC;AAEV,MAAM,CAAC,MAAM,WAAW,GAAY,GAAG,EAAE;IACvC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,UAAU,EAAE,CAAC;IAEjC,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,GAAG,EAAE,KAAK,yBAAmB,EAEpC,EAAE,IAAI,CACL,KAAC,OAAO,IAAC,MAAM,EAAE,EAAE,wQAIT,CACX,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,mBAAmB,GAAsC,CACpE,IAA8B,EAC9B,EAAE;IACF,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,UAAU,EAAE,CAAC;IAEjC,OAAO,CACL,MAAC,aAAa,IACZ,KAAK,EAAE;YACL,UAAU,EAAE;gBACV,OAAO,EAAE;oBACP,kBAAkB,EAAE,IAAI,CAAC,eAAe;oBACxC,kBAAkB,EAAE,IAAI,CAAC,eAAe;iBACzC;aACF;SACF,aAED,KAAC,MAAM,IAAC,GAAG,EAAE,KAAK,yBAAmB,EAEpC,EAAE,IAAI,CACL,KAAC,OAAO,IAAC,MAAM,EAAE,EAAE,wQAIT,CACX,IACa,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,IAAI,GAAG;IACzB,eAAe,EAAE,SAAS;IAC1B,eAAe,EAAE,SAAS;CAC3B,CAAC;AAEF,mBAAmB,CAAC,QAAQ,GAAG;IAC7B,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IAC/C,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;CAChD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAY,GAAG,EAAE;IACxC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACnC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACnC,MAAM,YAAY,GAAG,iDAAiD,CAAC;IACvE,MAAM,YAAY,GAAG,+CAA+C,CAAC;IAErE,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9C,KAAC,YAAY,IAAC,GAAG,EAAE,MAAM,YAAG,YAAY,GAAgB,EACvD,GAAG,IAAI,CACN,KAAC,OAAO,IAAC,MAAM,EAAE,GAAG,EAAE,KAAK,QAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,YAC1D,YAAY,GACL,CACX,EAED,KAAC,MAAM,IAAC,EAAE,EAAE,YAAY,EAAE,OAAO,EAAC,MAAM,EAAC,GAAG,EAAE,MAAM,YACjD,YAAY,GACN,EACR,GAAG,IAAI,CACN,KAAC,OAAO,IAAC,MAAM,EAAE,GAAG,EAAE,KAAK,QAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,YAC1D,YAAY,GACL,CACX,IACI,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { Button, Configuration, Flex, Tooltip, useElement } from '@pega/cosmos-react-core';\n\nimport { ResizeableEl } from './Tooltip.styles';\n\nexport default {\n  title: 'Core/Tooltip',\n  component: Tooltip,\n  excludeStories: ['ConfigurableTooltip']\n} as Meta;\n\nexport const TooltipDemo: StoryFn = () => {\n  const [el, setEl] = useElement();\n\n  return (\n    <>\n      <Button ref={setEl}>Hover me</Button>\n\n      {el && (\n        <Tooltip target={el}>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur finibus scelerisque\n          viverra. Fusce consequat, justo at laoreet lobortis, mauris ipsum aliquet arcu, non\n          convallis nisl elit id erat. Pellentesque posuere sagittis velit a molestie.\n        </Tooltip>\n      )}\n    </>\n  );\n};\n\ninterface ConfigurableTooltipProps {\n  foregroundColor?: string;\n  backgroundColor?: string;\n}\n\nexport const ConfigurableTooltip: StoryFn<ConfigurableTooltipProps> = (\n  args: ConfigurableTooltipProps\n) => {\n  const [el, setEl] = useElement();\n\n  return (\n    <Configuration\n      theme={{\n        components: {\n          tooltip: {\n            'foreground-color': args.foregroundColor,\n            'background-color': args.backgroundColor\n          }\n        }\n      }}\n    >\n      <Button ref={setEl}>Hover me</Button>\n\n      {el && (\n        <Tooltip target={el}>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur finibus scelerisque\n          viverra. Fusce consequat, justo at laoreet lobortis, mauris ipsum aliquet arcu, non\n          convallis nisl elit id erat. Pellentesque posuere sagittis velit a molestie.\n        </Tooltip>\n      )}\n    </Configuration>\n  );\n};\n\nConfigurableTooltip.args = {\n  foregroundColor: '#f5f5f5',\n  backgroundColor: '#3f3f3f'\n};\n\nConfigurableTooltip.argTypes = {\n  foregroundColor: { control: { type: 'color' } },\n  backgroundColor: { control: { type: 'color' } }\n};\n\nexport const SmartTooltip: StoryFn = () => {\n  const [el1, setEl1] = useElement();\n  const [el2, setEl2] = useElement();\n  const textContent1 = 'Resize me and hover: Lorem ipsum dolor sit amet';\n  const textContent2 = 'Hover or focus me: Lorem ipsum dolor sit amet';\n\n  return (\n    <Flex container={{ direction: 'column', gap: 4 }}>\n      <ResizeableEl ref={setEl1}>{textContent1}</ResizeableEl>\n      {el1 && (\n        <Tooltip target={el1} smart showDelay='none' hideDelay='none'>\n          {textContent1}\n        </Tooltip>\n      )}\n\n      <Button as={ResizeableEl} variant='link' ref={setEl2}>\n        {textContent2}\n      </Button>\n      {el2 && (\n        <Tooltip target={el2} smart showDelay='none' hideDelay='none'>\n          {textContent2}\n        </Tooltip>\n      )}\n    </Flex>\n  );\n};\n"]}

package/lib/core/Tooltip/Tooltip.styles.d.ts

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

package/lib/core/Tooltip/Tooltip.styles.d.ts.map

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

package/lib/core/Tooltip/Tooltip.styles.js

@@ -1,23 +0,0 @@
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '@pega/cosmos-react-core/lib/theme';
-export const ResizeableEl = styled.div(({ theme }) => {
-    return css `
-    position: relative;
-    display: inline-block;
-    resize: horizontal;
-    width: 26ch;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-
-    &::after {
-      content: '';
-      display: block;
-      position: absolute;
-      inset: 0;
-      border: 0.0625rem dashed ${theme.base.palette['border-line']};
-    }
-  `;
-});
-ResizeableEl.defaultProps = defaultThemeProp;
-//# sourceMappingURL=Tooltip.styles.js.map

package/lib/core/Tooltip/Tooltip.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.styles.js","sourceRoot":"","sources":["../../../src/core/Tooltip/Tooltip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACnD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;iCAcqB,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;;GAE/D,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '@pega/cosmos-react-core/lib/theme';\n\nexport const ResizeableEl = styled.div(({ theme }) => {\n  return css`\n    position: relative;\n    display: inline-block;\n    resize: horizontal;\n    width: 26ch;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n\n    &::after {\n      content: '';\n      display: block;\n      position: absolute;\n      inset: 0;\n      border: 0.0625rem dashed ${theme.base.palette['border-line']};\n    }\n  `;\n});\n\nResizeableEl.defaultProps = defaultThemeProp;\n"]}

package/lib/core/Tree/Tree.mocks.d.ts

@@ -1,2 +0,0 @@
-export declare const themeToTree: (themeNode: object, parentPath?: string) => import("@pega/cosmos-react-core").TreeNode[];
-//# sourceMappingURL=Tree.mocks.d.ts.map

package/lib/core/Tree/Tree.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tree.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/Tree/Tree.mocks.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,cAAe,MAAM,eAAe,MAAM,iDAsBjE,CAAC"}

package/lib/core/Tree/Tree.mocks.js

@@ -1,22 +0,0 @@
-export const themeToTree = (themeNode, parentPath) => {
-    const dataArray = [];
-    Object.entries(themeNode).forEach(([childKey, childValue]) => {
-        const id = parentPath ? `${parentPath}.${childKey}` : childKey;
-        const label = childKey;
-        // Is a leaf
-        if (childValue.$type) {
-            dataArray.push({
-                id,
-                label,
-                data: { ...childValue }
-            });
-        }
-        // Is a parent
-        else {
-            const nodes = themeToTree(childValue, id);
-            dataArray.push({ id, label, nodes });
-        }
-    });
-    return dataArray;
-};
-//# sourceMappingURL=Tree.mocks.js.map

package/lib/core/Tree/Tree.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tree.mocks.js","sourceRoot":"","sources":["../../../src/core/Tree/Tree.mocks.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,SAAiB,EAAE,UAAmB,EAAE,EAAE;IACpE,MAAM,SAAS,GAAuB,EAAE,CAAC;IACzC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,UAAU,CAAC,EAAE,EAAE;QAC3D,MAAM,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC/D,MAAM,KAAK,GAAG,QAAQ,CAAC;QAEvB,YAAY;QACZ,IAAI,UAAU,CAAC,KAAK,EAAE;YACpB,SAAS,CAAC,IAAI,CAAC;gBACb,EAAE;gBACF,KAAK;gBACL,IAAI,EAAE,EAAE,GAAG,UAAU,EAAE;aACxB,CAAC,CAAC;SACJ;QACD,cAAc;aACT;YACH,MAAM,KAAK,GAAuB,WAAW,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;YAC9D,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;SACtC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC","sourcesContent":["import { TreeProps } from '@pega/cosmos-react-core';\n\nexport const themeToTree = (themeNode: object, parentPath?: string) => {\n  const dataArray: TreeProps['nodes'] = [];\n  Object.entries(themeNode).forEach(([childKey, childValue]) => {\n    const id = parentPath ? `${parentPath}.${childKey}` : childKey;\n    const label = childKey;\n\n    // Is a leaf\n    if (childValue.$type) {\n      dataArray.push({\n        id,\n        label,\n        data: { ...childValue }\n      });\n    }\n    // Is a parent\n    else {\n      const nodes: TreeProps['nodes'] = themeToTree(childValue, id);\n      dataArray.push({ id, label, nodes });\n    }\n  });\n\n  return dataArray;\n};\n"]}

package/lib/core/Tree/Tree.stories.d.ts

@@ -1,7 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { StandardTreeProps } 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 BaseTree: StoryFn;
-export declare const StandardTreeDemo: StoryFn<Pick<StandardTreeProps, 'lined' | 'selectableParents'>>;
-//# sourceMappingURL=Tree.stories.d.ts.map

package/lib/core/Tree/Tree.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Tree/Tree.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAUtD,OAAO,KAAK,EAAE,iBAAiB,EAAY,MAAM,yBAAyB,CAAC;;AAK3E,wBAGU;AAEV,eAAO,MAAM,QAAQ,EAAE,OActB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,mBAAmB,CAAC,CA4F5F,CAAC"}

package/lib/core/Tree/Tree.stories.js

@@ -1,91 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { action } from '@storybook/addon-actions';
-import { Button, StandardTree, Tree, treeHelpers, createUID, themeDefinition } from '@pega/cosmos-react-core';
-import { themeToTree } from './Tree.mocks';
-import { StyledBaseTree } from './Tree.styles';
-export default {
-    title: 'Core/Tree',
-    component: Tree
-};
-export const BaseTree = () => {
-    return (_jsx(StyledBaseTree, { nodes: themeToTree(themeDefinition), nodeRenderer: ({ id, subTree }) => {
-            return (_jsxs(_Fragment, { children: [_jsx("span", { children: id }), subTree] }));
-        } }));
-};
-export const StandardTreeDemo = (args) => {
-    const [currentNodeId, setCurrentNodeId] = useState();
-    const getMockNodes = ({ length = 5, parent = true } = {}) => {
-        return Array.from({ length }, (_, i) => {
-            const isParent = parent && i !== 2;
-            const id = createUID();
-            return {
-                id,
-                label: isParent ? 'Parent' : 'Leaf',
-                icon: isParent ? 'folder-solid' : 'document-solid',
-                secondary: 'This is secondary text',
-                nodes: isParent ? [] : undefined,
-                actions: [
-                    { id: 'star', text: 'Star', icon: 'star', onClick: action(`Star node: ${id}`) },
-                    { id: 'pin', text: 'Pin', icon: 'pin', onClick: action(`Pin node: ${id}`) }
-                ],
-                onClick: isParent
-                    ? undefined
-                    : nodeId => {
-                        action(`Action for node: ${nodeId}`)();
-                    },
-                href: !args.selectableParents && isParent ? undefined : `#${id}`
-            };
-        });
-    };
-    const [allNodes, setAllNodes] = useState(() => {
-        return getMockNodes({ length: 10 });
-    });
-    const loadChildNodes = (id) => {
-        setTimeout(() => {
-            setAllNodes(tree => {
-                return treeHelpers.mapNode(tree, id, node => {
-                    return {
-                        ...node,
-                        loading: false,
-                        nodes: [...(node.nodes ?? []), ...getMockNodes()]
-                    };
-                });
-            });
-        }, 1000);
-    };
-    const expandTo = (id) => {
-        setAllNodes(tree => {
-            return treeHelpers.expandTo(tree, id);
-        });
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(StandardTree, { lined: args.lined, currentNodeId: currentNodeId, nodes: allNodes, onNodeClick: (id, e) => {
-                    e.preventDefault();
-                    setCurrentNodeId(id);
-                }, onNodeToggle: id => {
-                    const clickedNode = treeHelpers.getNode(allNodes, id);
-                    // If a leaf node, just set to current
-                    if (!clickedNode?.nodes)
-                        return;
-                    setAllNodes(tree => treeHelpers.mapNode(tree, id, node => {
-                        return {
-                            ...node,
-                            expanded: !node.expanded,
-                            loading: node.nodes?.length === 0
-                        };
-                    }));
-                    // If a parent node with children already loaded, we're done.
-                    if (clickedNode?.nodes?.length > 0)
-                        return;
-                    loadChildNodes(id);
-                }, selectableParents: args.selectableParents }), _jsx(Button, { onClick: () => expandTo(''), children: "Collapse All" }), _jsx(Button, { onClick: () => expandTo(currentNodeId || ''), children: "Expand to active item" })] }));
-};
-StandardTreeDemo.args = {
-    lined: false,
-    selectableParents: true
-};
-StandardTreeDemo.argTypes = {
-    lined: { control: { type: 'boolean' } },
-    selectableParents: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=Tree.stories.js.map

package/lib/core/Tree/Tree.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tree.stories.js","sourceRoot":"","sources":["../../../src/core/Tree/Tree.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport {\n  Button,\n  StandardTree,\n  Tree,\n  treeHelpers,\n  createUID,\n  themeDefinition\n} from '@pega/cosmos-react-core';\nimport type { StandardTreeProps, TreeNode } from '@pega/cosmos-react-core';\n\nimport { themeToTree } from './Tree.mocks';\nimport { StyledBaseTree } from './Tree.styles';\n\nexport default {\n  title: 'Core/Tree',\n  component: Tree\n} as Meta;\n\nexport const BaseTree: StoryFn = () => {\n  return (\n    <StyledBaseTree\n      nodes={themeToTree(themeDefinition)}\n      nodeRenderer={({ id, subTree }) => {\n        return (\n          <>\n            <span>{id}</span>\n            {subTree}\n          </>\n        );\n      }}\n    />\n  );\n};\n\nexport const StandardTreeDemo: StoryFn<Pick<StandardTreeProps, 'lined' | 'selectableParents'>> = (\n  args: Pick<StandardTreeProps, 'lined' | 'selectableParents'>\n) => {\n  const [currentNodeId, setCurrentNodeId] = useState<string | undefined>();\n\n  const getMockNodes = ({\n    length = 5,\n    parent = true\n  }: { length?: number; parent?: boolean } = {}): StandardTreeProps['nodes'] => {\n    return Array.from({ length }, (_, i) => {\n      const isParent = parent && i !== 2;\n      const id = createUID();\n      return {\n        id,\n        label: isParent ? 'Parent' : 'Leaf',\n        icon: isParent ? 'folder-solid' : 'document-solid',\n        secondary: 'This is secondary text',\n        nodes: isParent ? [] : undefined,\n        actions: [\n          { id: 'star', text: 'Star', icon: 'star', onClick: action(`Star node: ${id}`) },\n          { id: 'pin', text: 'Pin', icon: 'pin', onClick: action(`Pin node: ${id}`) }\n        ],\n        onClick: isParent\n          ? undefined\n          : nodeId => {\n              action(`Action for node: ${nodeId}`)();\n            },\n        href: !args.selectableParents && isParent ? undefined : `#${id}`\n      };\n    });\n  };\n\n  const [allNodes, setAllNodes] = useState<StandardTreeProps['nodes']>(() => {\n    return getMockNodes({ length: 10 });\n  });\n\n  const loadChildNodes = (id: string) => {\n    setTimeout(() => {\n      setAllNodes(tree => {\n        return treeHelpers.mapNode(tree, id, node => {\n          return {\n            ...node,\n            loading: false,\n            nodes: [...(node.nodes ?? []), ...getMockNodes()]\n          };\n        });\n      });\n    }, 1000);\n  };\n\n  const expandTo = (id: TreeNode['id']) => {\n    setAllNodes(tree => {\n      return treeHelpers.expandTo(tree, id);\n    });\n  };\n\n  return (\n    <>\n      <StandardTree\n        lined={args.lined}\n        currentNodeId={currentNodeId}\n        nodes={allNodes}\n        onNodeClick={(id, e) => {\n          e.preventDefault();\n          setCurrentNodeId(id);\n        }}\n        onNodeToggle={id => {\n          const clickedNode = treeHelpers.getNode(allNodes, id);\n          // If a leaf node, just set to current\n          if (!clickedNode?.nodes) return;\n\n          setAllNodes(tree =>\n            treeHelpers.mapNode(tree, id, node => {\n              return {\n                ...node,\n                expanded: !node.expanded,\n                loading: node.nodes?.length === 0\n              };\n            })\n          );\n\n          // If a parent node with children already loaded, we're done.\n          if (clickedNode?.nodes?.length > 0) return;\n\n          loadChildNodes(id);\n        }}\n        selectableParents={args.selectableParents}\n      />\n      <Button onClick={() => expandTo('')}>Collapse All</Button>\n      <Button onClick={() => expandTo(currentNodeId || '')}>Expand to active item</Button>\n    </>\n  );\n};\n\nStandardTreeDemo.args = {\n  lined: false,\n  selectableParents: true\n};\n\nStandardTreeDemo.argTypes = {\n  lined: { control: { type: 'boolean' } },\n  selectableParents: { control: { type: 'boolean' } }\n};\n"]}

package/lib/core/Tree/Tree.styles.d.ts

@@ -1,3 +0,0 @@
-import { Tree } from '@pega/cosmos-react-core';
-export declare const StyledBaseTree: typeof Tree;
-//# sourceMappingURL=Tree.styles.d.ts.map

package/lib/core/Tree/Tree.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tree.styles.d.ts","sourceRoot":"","sources":["../../../src/core/Tree/Tree.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,eAAO,MAAM,cAAc,EAAE,OAAO,IAMnC,CAAC"}

package/lib/core/Tree/Tree.styles.js

@@ -1,10 +0,0 @@
-import styled from 'styled-components';
-import { Tree } from '@pega/cosmos-react-core';
-export const StyledBaseTree = styled(Tree) `
-  &,
-  & ul {
-    padding: revert;
-    list-style: revert;
-  }
-`;
-//# sourceMappingURL=Tree.styles.js.map

package/lib/core/Tree/Tree.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tree.styles.js","sourceRoot":"","sources":["../../../src/core/Tree/Tree.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAgB,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;CAMtD,CAAC","sourcesContent":["import styled from 'styled-components';\n\nimport { Tree } from '@pega/cosmos-react-core';\n\nexport const StyledBaseTree: typeof Tree = styled(Tree)`\n  &,\n  & ul {\n    padding: revert;\n    list-style: revert;\n  }\n`;\n"]}

package/lib/core/URL/URL.stories.d.ts

@@ -1,6 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { URLDisplayProps } 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 URLDisplayDemo: StoryFn<URLDisplayProps>;
-//# sourceMappingURL=URL.stories.d.ts.map

package/lib/core/URL/URL.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"URL.stories.d.ts","sourceRoot":"","sources":["../../../src/core/URL/URL.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;;AAE/D,wBAGU;AAEV,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,eAAe,CAEnD,CAAC"}

package/lib/core/URL/URL.stories.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { URLDisplay } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/URL',
-    component: URLDisplay
-};
-export const URLDisplayDemo = (args) => (_jsx(URLDisplay, { value: args.value, displayText: args.displayText, variant: args.variant }));
-URLDisplayDemo.args = {
-    value: 'https://www.google.com/',
-    displayText: 'Example URL',
-    variant: 'link'
-};
-URLDisplayDemo.argTypes = {
-    value: { control: { type: 'text' } },
-    displayText: { control: { type: 'text' } },
-    variant: { options: ['link', 'text', 'qrcode'], control: { type: 'select' } }
-};
-//# sourceMappingURL=URL.stories.js.map

package/lib/core/URL/URL.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"URL.stories.js","sourceRoot":"","sources":["../../../src/core/URL/URL.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,eAAe;IACb,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,UAAU;CACd,CAAC;AAEV,MAAM,CAAC,MAAM,cAAc,GAA6B,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjF,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAI,CACxF,CAAC;AAEF,cAAc,CAAC,IAAI,GAAG;IACpB,KAAK,EAAE,yBAAyB;IAChC,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,MAAM;CAChB,CAAC;AAEF,cAAc,CAAC,QAAQ,GAAG;IACxB,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACpC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC1C,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CAC9E,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { URLDisplay } from '@pega/cosmos-react-core';\nimport type { URLDisplayProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/URL',\n  component: URLDisplay\n} as Meta;\n\nexport const URLDisplayDemo: StoryFn<URLDisplayProps> = (args: URLDisplayProps) => (\n  <URLDisplay value={args.value} displayText={args.displayText} variant={args.variant} />\n);\n\nURLDisplayDemo.args = {\n  value: 'https://www.google.com/',\n  displayText: 'Example URL',\n  variant: 'link'\n};\n\nURLDisplayDemo.argTypes = {\n  value: { control: { type: 'text' } },\n  displayText: { control: { type: 'text' } },\n  variant: { options: ['link', 'text', 'qrcode'], control: { type: 'select' } }\n};\n"]}

package/lib/dnd/DragDropList/DragDropList.mocks.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { DraggableItem, DraggableProps, ItemRendererProps } from '@pega/cosmos-react-dnd';
-interface ItemData {
-    content: string;
-    color: string;
-}
-export declare const createMockDataArray: (length: number, type: DraggableProps['type'], listId: string) => DraggableItem<ItemData>[];
-export declare const EmptyItem: () => JSX.Element;
-export declare const DemoListItem: ({ id, type, dragRef, data, isDragging, ...restProps }: ItemRendererProps<ItemData>) => JSX.Element;
-export declare const sort: (a: DraggableItem<ItemData>, b: DraggableItem<ItemData>) => number;
-export declare const itemType: unique symbol;
-export declare const mockDataArrayA: DraggableItem<ItemData>[];
-export declare const mockDataArrayB: DraggableItem<ItemData>[];
-export {};
-//# sourceMappingURL=DragDropList.mocks.d.ts.map

package/lib/dnd/DragDropList/DragDropList.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DragDropList.mocks.d.ts","sourceRoot":"","sources":["../../../src/dnd/DragDropList/DragDropList.mocks.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAI1F,UAAU,QAAQ;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,mBAAmB,WACtB,MAAM,QACR,cAAc,CAAC,MAAM,CAAC,UACpB,MAAM,KACb,cAAc,QAAQ,CAAC,EAYzB,CAAC;AAEF,eAAO,MAAM,SAAS,mBAErB,CAAC;AAEF,eAAO,MAAM,YAAY,0DAOtB,kBAAkB,QAAQ,CAAC,gBAa7B,CAAC;AAEF,eAAO,MAAM,IAAI,MAAO,cAAc,QAAQ,CAAC,KAAK,cAAc,QAAQ,CAAC,KAAG,MAE7E,CAAC;AAEF,eAAO,MAAM,QAAQ,eAAa,CAAC;AACnC,eAAO,MAAM,cAAc,2BAAyC,CAAC;AACrE,eAAO,MAAM,cAAc,2BAAwC,CAAC"}

package/lib/dnd/DragDropList/DragDropList.mocks.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createUID } from '@pega/cosmos-react-core';
-import { StyledDemoDragDropListItem, StyledEmptyItem } from './DragDropList.styles';
-export const createMockDataArray = (length, type, listId) => {
-    return Array.from({ length }, (_, i) => {
-        const id = `${i}`;
-        return {
-            type,
-            id: createUID(),
-            data: {
-                content: `Item ${listId}:${id}`,
-                color: `hsl(${(i * 360) / length}deg, 100%, 66%)`
-            }
-        };
-    });
-};
-export const EmptyItem = () => {
-    return _jsx(StyledEmptyItem, { children: "No Items" });
-};
-export const DemoListItem = ({ id, type, dragRef, data, isDragging, ...restProps }) => {
-    return (_jsx(StyledDemoDragDropListItem, { ref: dragRef, style: {
-            opacity: isDragging ? '0.5' : undefined,
-            backgroundColor: data?.color ?? 'white'
-        }, ...restProps, children: data?.content }));
-};
-export const sort = (a, b) => {
-    return a.data.content.localeCompare(b.data.content);
-};
-export const itemType = Symbol('');
-export const mockDataArrayA = createMockDataArray(10, itemType, 'A');
-export const mockDataArrayB = createMockDataArray(4, itemType, 'B');
-//# sourceMappingURL=DragDropList.mocks.js.map

package/lib/dnd/DragDropList/DragDropList.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DragDropList.mocks.js","sourceRoot":"","sources":["../../../src/dnd/DragDropList/DragDropList.mocks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGpD,OAAO,EAAE,0BAA0B,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAOpF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,MAAc,EACd,IAA4B,EAC5B,MAAc,EACa,EAAE;IAC7B,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACrC,MAAM,EAAE,GAAG,GAAG,CAAC,EAAE,CAAC;QAClB,OAAO;YACL,IAAI;YACJ,EAAE,EAAE,SAAS,EAAE;YACf,IAAI,EAAE;gBACJ,OAAO,EAAE,QAAQ,MAAM,IAAI,EAAE,EAAE;gBAC/B,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,MAAM,iBAAiB;aAClD;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,OAAO,KAAC,eAAe,2BAA2B,CAAC;AACrD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,EAAE,EACF,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,UAAU,EACV,GAAG,SAAS,EACgB,EAAE,EAAE;IAChC,OAAO,CACL,KAAC,0BAA0B,IACzB,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE;YACL,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;YACvC,eAAe,EAAE,IAAI,EAAE,KAAK,IAAI,OAAO;SACxC,KACG,SAAS,YAEZ,IAAI,EAAE,OAAO,GACa,CAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,CAA0B,EAAE,CAA0B,EAAU,EAAE;IACrF,OAAO,CAAC,CAAC,IAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,IAAK,CAAC,OAAO,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;AACnC,MAAM,CAAC,MAAM,cAAc,GAAG,mBAAmB,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC;AACrE,MAAM,CAAC,MAAM,cAAc,GAAG,mBAAmB,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC","sourcesContent":["import { createUID } from '@pega/cosmos-react-core';\nimport { DraggableItem, DraggableProps, ItemRendererProps } from '@pega/cosmos-react-dnd';\n\nimport { StyledDemoDragDropListItem, StyledEmptyItem } from './DragDropList.styles';\n\ninterface ItemData {\n  content: string;\n  color: string;\n}\n\nexport const createMockDataArray = (\n  length: number,\n  type: DraggableProps['type'],\n  listId: string\n): DraggableItem<ItemData>[] => {\n  return Array.from({ length }, (_, i) => {\n    const id = `${i}`;\n    return {\n      type,\n      id: createUID(),\n      data: {\n        content: `Item ${listId}:${id}`,\n        color: `hsl(${(i * 360) / length}deg, 100%, 66%)`\n      }\n    };\n  });\n};\n\nexport const EmptyItem = () => {\n  return <StyledEmptyItem>No Items</StyledEmptyItem>;\n};\n\nexport const DemoListItem = ({\n  id,\n  type,\n  dragRef,\n  data,\n  isDragging,\n  ...restProps\n}: ItemRendererProps<ItemData>) => {\n  return (\n    <StyledDemoDragDropListItem\n      ref={dragRef}\n      style={{\n        opacity: isDragging ? '0.5' : undefined,\n        backgroundColor: data?.color ?? 'white'\n      }}\n      {...restProps}\n    >\n      {data?.content}\n    </StyledDemoDragDropListItem>\n  );\n};\n\nexport const sort = (a: DraggableItem<ItemData>, b: DraggableItem<ItemData>): number => {\n  return a.data!.content.localeCompare(b.data!.content);\n};\n\nexport const itemType = Symbol('');\nexport const mockDataArrayA = createMockDataArray(10, itemType, 'A');\nexport const mockDataArrayB = createMockDataArray(4, itemType, 'B');\n"]}

package/lib/dnd/DragDropList/DragDropList.stories.d.ts

@@ -1,10 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { DragDropListProps } from '@pega/cosmos-react-dnd';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-interface DragDropListDemoProps {
-    pullMode?: DragDropListProps['pullMode'];
-    pushMode?: DragDropListProps['pushMode'] | 'sort';
-}
-export declare const DragDropListDemo: StoryFn<DragDropListDemoProps>;
-//# sourceMappingURL=DragDropList.stories.d.ts.map

package/lib/dnd/DragDropList/DragDropList.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DragDropList.stories.d.ts","sourceRoot":"","sources":["../../../src/dnd/DragDropList/DragDropList.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;;AAahE,wBAMU;AAEV,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC;CACnD;AAED,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,qBAAqB,CA6D3D,CAAC"}

package/lib/dnd/DragDropList/DragDropList.stories.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import { action } from '@storybook/addon-actions';
-import { Button, Flex } from '@pega/cosmos-react-core';
-import { DragDropManager, DragDropList } from '@pega/cosmos-react-dnd';
-import { StyledDemoDragDropList } from './DragDropList.styles';
-import { createMockDataArray, DemoListItem, EmptyItem, itemType, mockDataArrayA, mockDataArrayB, sort } from './DragDropList.mocks';
-export default {
-    title: 'DnD/DragDropList',
-    component: DragDropList,
-    parameters: {
-        layout: 'fullscreen'
-    }
-};
-export const DragDropListDemo = (args) => {
-    const [arrayA, setArrayA] = useState(mockDataArrayA);
-    const [arrayB, setArrayB] = useState(mockDataArrayB);
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: useCallback(() => {
-                    setArrayA(items => {
-                        return [...items, ...createMockDataArray(1, itemType, 'A-new')];
-                    });
-                }, []), children: "Add to List A" }), _jsx(Button, { onClick: useCallback(() => {
-                    setArrayB(items => {
-                        return [...items, ...createMockDataArray(1, itemType, 'B-new')];
-                    });
-                }, []), children: "Add to List B" }), _jsx(DragDropManager, { children: _jsxs(Flex, { container: true, style: { minHeight: '100vh' }, children: [_jsx(DragDropList, { as: StyledDemoDragDropList, id: 'list1', accept: itemType, pullMode: args.pullMode, pushMode: args.pushMode === 'sort' ? sort : args.pushMode, items: arrayA, itemRenderer: DemoListItem, emptyRenderer: EmptyItem, onChange: newArray => {
-                                setArrayA(newArray);
-                                action('List A changed')(newArray);
-                            }, style: { background: 'palegreen' } }), _jsx(DragDropList, { as: StyledDemoDragDropList, id: 'list2', accept: itemType, pullMode: args.pullMode, pushMode: args.pushMode === 'sort' ? sort : args.pushMode, items: arrayB, itemRenderer: DemoListItem, emptyRenderer: EmptyItem, onChange: newArray => {
-                                setArrayB(newArray);
-                                action('List B changed')(newArray);
-                            }, style: { background: 'lightblue' } })] }) })] }));
-};
-DragDropListDemo.args = {
-    pullMode: 'remove',
-    pushMode: 'insert'
-};
-DragDropListDemo.argTypes = {
-    pullMode: { options: ['remove', 'clone'], control: { type: 'select' } },
-    pushMode: { options: ['insert', 'prepend', 'append', 'sort'], control: { type: 'select' } }
-};
-//# sourceMappingURL=DragDropList.stories.js.map

package/lib/dnd/DragDropList/DragDropList.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DragDropList.stories.js","sourceRoot":"","sources":["../../../src/dnd/DragDropList/DragDropList.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { Button, Flex } from '@pega/cosmos-react-core';\nimport { DragDropManager, DragDropList } from '@pega/cosmos-react-dnd';\nimport type { DragDropListProps } from '@pega/cosmos-react-dnd';\n\nimport { StyledDemoDragDropList } from './DragDropList.styles';\nimport {\n  createMockDataArray,\n  DemoListItem,\n  EmptyItem,\n  itemType,\n  mockDataArrayA,\n  mockDataArrayB,\n  sort\n} from './DragDropList.mocks';\n\nexport default {\n  title: 'DnD/DragDropList',\n  component: DragDropList,\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\ninterface DragDropListDemoProps {\n  pullMode?: DragDropListProps['pullMode'];\n  pushMode?: DragDropListProps['pushMode'] | 'sort';\n}\n\nexport const DragDropListDemo: StoryFn<DragDropListDemoProps> = (args: DragDropListDemoProps) => {\n  const [arrayA, setArrayA] = useState(mockDataArrayA);\n  const [arrayB, setArrayB] = useState(mockDataArrayB);\n\n  return (\n    <>\n      <Button\n        onClick={useCallback(() => {\n          setArrayA(items => {\n            return [...items, ...createMockDataArray(1, itemType, 'A-new')];\n          });\n        }, [])}\n      >\n        Add to List A\n      </Button>\n      <Button\n        onClick={useCallback(() => {\n          setArrayB(items => {\n            return [...items, ...createMockDataArray(1, itemType, 'B-new')];\n          });\n        }, [])}\n      >\n        Add to List B\n      </Button>\n      <DragDropManager>\n        <Flex container style={{ minHeight: '100vh' }}>\n          <DragDropList\n            as={StyledDemoDragDropList}\n            id='list1'\n            accept={itemType}\n            pullMode={args.pullMode}\n            pushMode={args.pushMode === 'sort' ? sort : args.pushMode}\n            items={arrayA}\n            itemRenderer={DemoListItem}\n            emptyRenderer={EmptyItem}\n            onChange={newArray => {\n              setArrayA(newArray);\n              action('List A changed')(newArray);\n            }}\n            style={{ background: 'palegreen' }}\n          />\n\n          <DragDropList\n            as={StyledDemoDragDropList}\n            id='list2'\n            accept={itemType}\n            pullMode={args.pullMode}\n            pushMode={args.pushMode === 'sort' ? sort : args.pushMode}\n            items={arrayB}\n            itemRenderer={DemoListItem}\n            emptyRenderer={EmptyItem}\n            onChange={newArray => {\n              setArrayB(newArray);\n              action('List B changed')(newArray);\n            }}\n            style={{ background: 'lightblue' }}\n          />\n        </Flex>\n      </DragDropManager>\n    </>\n  );\n};\n\nDragDropListDemo.args = {\n  pullMode: 'remove',\n  pushMode: 'insert'\n};\n\nDragDropListDemo.argTypes = {\n  pullMode: { options: ['remove', 'clone'], control: { type: 'select' } },\n  pushMode: { options: ['insert', 'prepend', 'append', 'sort'], control: { type: 'select' } }\n};\n"]}

package/lib/dnd/DragDropList/DragDropList.styles.d.ts

@@ -1,6 +0,0 @@
-export declare const StyledEmptyItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDemoDragDropList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDemoDragDropListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
-    [key: string]: any;
-}, never>;
-//# sourceMappingURL=DragDropList.styles.d.ts.map

package/lib/dnd/DragDropList/DragDropList.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DragDropList.styles.d.ts","sourceRoot":"","sources":["../../../src/dnd/DragDropList/DragDropList.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,wGAI3B,CAAC;AAEF,eAAO,MAAM,sBAAsB,wGAOlC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;SAgBtC,CAAC"}

package/lib/dnd/DragDropList/DragDropList.styles.js

@@ -1,32 +0,0 @@
-import styled from 'styled-components';
-export const StyledEmptyItem = styled.li `
-  display: grid;
-  padding: 1rem;
-  gap: 1rem;
-`;
-export const StyledDemoDragDropList = styled.ul `
-  list-style: none;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  padding: 0.5rem;
-`;
-export const StyledDemoDragDropListItem = styled.li `
-  border: 0.0625rem dashed gray;
-  margin: 0.5rem;
-  padding: 0.5rem;
-  background: white;
-  cursor: ${({ useDragHandle }) => (useDragHandle ? 'auto' : 'move')};
-  transition: transform 0.3s;
-
-  .handle {
-    background: pink;
-    width: 1rem;
-    height: 1rem;
-    display: inline-block;
-    margin-right: 0.0625rem;
-    cursor: move;
-  }
-`;
-//# sourceMappingURL=DragDropList.styles.js.map

package/lib/dnd/DragDropList/DragDropList.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DragDropList.styles.js","sourceRoot":"","sources":["../../../src/dnd/DragDropList/DragDropList.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,EAAE,CAAA;;;;CAIvC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;CAO9C,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,EAAE,CAAwB;;;;;YAK/D,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;;;;;;;CAWnE,CAAC","sourcesContent":["import styled from 'styled-components';\n\nexport const StyledEmptyItem = styled.li`\n  display: grid;\n  padding: 1rem;\n  gap: 1rem;\n`;\n\nexport const StyledDemoDragDropList = styled.ul`\n  list-style: none;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  padding: 0.5rem;\n`;\n\nexport const StyledDemoDragDropListItem = styled.li<{ [key: string]: any }>`\n  border: 0.0625rem dashed gray;\n  margin: 0.5rem;\n  padding: 0.5rem;\n  background: white;\n  cursor: ${({ useDragHandle }) => (useDragHandle ? 'auto' : 'move')};\n  transition: transform 0.3s;\n\n  .handle {\n    background: pink;\n    width: 1rem;\n    height: 1rem;\n    display: inline-block;\n    margin-right: 0.0625rem;\n    cursor: move;\n  }\n`;\n"]}

package/lib/dnd/StandardDragDropList/Demo.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { MockRawItem } from './mockData';
-interface StandardDragDropListDemoProps {
-    items: MockRawItem[];
-}
-declare const _default: ({ items }: StandardDragDropListDemoProps) => JSX.Element;
-export default _default;
-//# sourceMappingURL=Demo.d.ts.map

package/lib/dnd/StandardDragDropList/Demo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Demo.d.ts","sourceRoot":"","sources":["../../../src/dnd/StandardDragDropList/Demo.tsx"],"names":[],"mappings":";AAWA,OAAO,EAEL,WAAW,EAKZ,MAAM,YAAY,CAAC;AAIpB,UAAU,6BAA6B;IACrC,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;oCAE0B,6BAA6B,KAAG,WAAW;AAAtE,wBAkOE"}