@pega/cosmos-react-demos 2.0.0 → 2.1.3

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

@@ -0,0 +1,131 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+{"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.styles.d.ts

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1 @@
+{"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"]}

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const tableData: ({
+    id: string;
+    name: string;
+    dob: string;
+    address: string;
+    email: string;
+    emailVerified: boolean;
+    balance: string;
+} | {
+    id: string;
+    name: string;
+    dob: string;
+    address: JSX.Element;
+    email: string;
+    balance: string;
+    emailVerified?: undefined;
+})[];
+//# sourceMappingURL=Table.mocks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/Table/Table.mocks.tsx"],"names":[],"mappings":";AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;IAgCrB,CAAC"}

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

@@ -0,0 +1,14 @@
+import { Meta, Story } from '@storybook/react';
+import { TableProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+interface TableStoryProps {
+    title?: TableProps['title'];
+    hoverHighlight?: TableProps['hoverHighlight'];
+    loading?: TableProps['loading'];
+    loadingMessage?: TableProps['loadingMessage'];
+    emptyTable?: boolean;
+}
+export declare const TableDemo: Story<TableStoryProps>;
+export declare const StyledTableDemo: Story<TableStoryProps>;
+//# sourceMappingURL=Table.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAA8B,UAAU,EAAE,MAAM,yBAAyB,CAAC;;AAKjF,wBAiBU;AAEV,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC,cAAc,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,eAAe,CAmB5C,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,eAAe,CAuClD,CAAC"}

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

@@ -0,0 +1,4 @@
+export declare const StyledBalance: import("styled-components").StyledComponent<"h4", import("styled-components").DefaultTheme, {
+    negativeBalance: boolean;
+}, never>;
+//# sourceMappingURL=Table.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../src/core/Table/Table.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;qBAAgC,OAAO;SAMhE,CAAC"}

package/jsx/core/Table/Table.styles.js

@@ -0,0 +1,9 @@
+import styled, { css } from 'styled-components';
+import { defaultThemeProp } from '@pega/cosmos-react-core';
+export const StyledBalance = styled.h4(({ negativeBalance, theme }) => {
+    return css `
+      color: ${negativeBalance ? theme.base.colors.red.medium : theme.base.colors.black};
+    `;
+});
+StyledBalance.defaultProps = defaultThemeProp;
+//# sourceMappingURL=Table.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.styles.js","sourceRoot":"","sources":["../../../src/core/Table/Table.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,aAAa,GAAG,MAAM,CAAC,EAAE,CACpC,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7B,OAAO,GAAG,CAAA;eACC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;KAClF,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '@pega/cosmos-react-core';\n\nexport const StyledBalance = styled.h4<{ negativeBalance: boolean }>(\n  ({ negativeBalance, theme }) => {\n    return css`\n      color: ${negativeBalance ? theme.base.colors.red.medium : theme.base.colors.black};\n    `;\n  }\n);\n\nStyledBalance.defaultProps = defaultThemeProp;\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAwB,SAAS,EAAE,MAAM,yBAAyB,CAAC;;AAE1E,wBASU;AAEV,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,SAAS,CA6BrC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,SAAS,CA6B1C,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAQ,SAAS,EAAE,MAAM,yBAAyB,CAAC;;AAE1D,wBAGU;AAEV,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,SAAS,CAMrC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../src/core/TextArea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAY,aAAa,EAAE,MAAM,yBAAyB,CAAC;;AAElE,wBAGU;AAEV,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,aAAa,CAwB7C,CAAC"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const ToasterDemo: () => JSX.Element;
+//# sourceMappingURL=Toaster.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Toaster/Toaster.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;;AAKxC,wBAGU;AAEV,eAAO,MAAM,WAAW,mBAyBvB,CAAC"}

package/jsx/core/Toaster/Toaster.stories.jsx

@@ -0,0 +1,22 @@
+import { useContext, useState } from 'react';
+import { Button, Toaster, ToasterContext } from '@pega/cosmos-react-core';
+export default {
+    title: 'Core/Toaster',
+    component: Toaster
+};
+export const ToasterDemo = () => {
+    const { push } = useContext(ToasterContext);
+    const [count, setCount] = useState(0);
+    const messages = [
+        'Thi is a short toast message!',
+        '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.'
+    ];
+    const pushToaster = () => {
+        setCount(curr => curr + 1);
+        push({
+            content: messages[count % 2]
+        });
+    };
+    return <Button onClick={pushToaster}>Make some Toast</Button>;
+};
+//# sourceMappingURL=Toaster.stories.jsx.map

package/jsx/core/Toaster/Toaster.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.stories.jsx","sourceRoot":"","sources":["../../../src/core/Toaster/Toaster.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE1E,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAO;CACX,CAAC;AAEV,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAS9B,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,MAAM,QAAQ,GAAG;QACf,+BAA+B;QAC/B,sIAAsI;KACvI,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;QAC3B,IAAI,CAAC;YACH,OAAO,EAAE,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC;SAC7B,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;AAChE,CAAC,CAAC","sourcesContent":["import { Meta } from '@storybook/react';\nimport { useContext, useState } from 'react';\n\nimport { Button, Toaster, ToasterContext } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Toaster',\n  component: Toaster\n} as Meta;\n\nexport const ToasterDemo = () => {\n  /*\n   * The <Toaster> component should be wrapped around the entire portion of an application that utilizes it.\n   * For most apps that is once near the root of the app's React tree.\n   * Descendant components can utilize the Toaster's push context method via a useContext hook, as demonstrated here.\n   * This story component represents an component rendered somewhere in an app's tree.\n   * Note, a Toaster provider is already rendered at the root of the Cosmos Storybook, allowing for the use of context here.\n   */\n\n  const { push } = useContext(ToasterContext);\n  const [count, setCount] = useState(0);\n\n  const messages = [\n    'Thi 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"]}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FunctionComponent<import("@pega/cosmos-react-core").TooltipProps & import("@pega/cosmos-react-core").ForwardProps>;
+};
+export default _default;
+export declare const TooltipDemo: () => JSX.Element;
+//# sourceMappingURL=Tooltip.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":";;;;;AAEA,wBAGE;AAEF,eAAO,MAAM,WAAW,mBAgBvB,CAAC"}

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

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

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

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

package/jsx/core/Tree/Tree.mocks.js

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

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

@@ -0,0 +1 @@
+{"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;QAGvB,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;aAEI;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/jsx/core/Tree/Tree.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Meta, Story } from '@storybook/react';
+import { StandardTreeProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const BaseTree: () => JSX.Element;
+export declare const StandardTreeDemo: Story<Pick<StandardTreeProps, 'lined'>>;
+//# sourceMappingURL=Tree.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Tree/Tree.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAGL,iBAAiB,EAMlB,MAAM,yBAAyB,CAAC;;AAKjC,wBAGU;AAEV,eAAO,MAAM,QAAQ,mBAcpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAmFpE,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"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/jsx/core/Tree/Tree.styles.js

@@ -0,0 +1,10 @@
+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/jsx/core/Tree/Tree.styles.js.map

@@ -0,0 +1 @@
+{"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/jsx/core/URL/URL.stories.d.ts

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

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

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

package/jsx/cs/Article/Article.mocks.d.ts

@@ -0,0 +1,14 @@
+export declare const ArticleMockData: {
+    fullArticleContent: {
+        header: string;
+        abstract: string;
+        content: string;
+        meta: {
+            category: string;
+            publishedDate: string;
+            likes: number;
+            disLikes: number;
+        };
+    };
+};
+//# sourceMappingURL=Article.mocks.d.ts.map

package/jsx/cs/Article/Article.mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Article.mocks.d.ts","sourceRoot":"","sources":["../../../src/cs/Article/Article.mocks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;;;;;;;;;;;;CAc3B,CAAC"}

package/jsx/cs/Article/Article.mocks.js

@@ -0,0 +1,14 @@
+export const ArticleMockData = {
+    fullArticleContent: {
+        header: '5 Tips for handling a Difficult customer',
+        abstract: '5 Tips for handling a Difficult customer. This will give you clear guidelines to deal with a customer',
+        content: "<p>Changing your monthly billing cycle can help you better manage your monthly bills and when you pay them.  U+Comm offers 3 main billing cycles with due dates falling on the 1st, 15th, or the 28th of each month.  This provides our customers with flexibility when choosing a billing cycle and corresponding due date that matches your personal finance planning.If you change an existing bill cycle, there will generally be a number of days prorated to compensate from the gap from the end of the previous bill cycle to when the new bill cycle is started.  This proration will be included in your next (new) billing cycle statement, and will cause an increase in that month’s payment due.  But rest assured, you’re not being charged ‘extra’, but paying for the days that were between the old and new billing cycle dates.</p><br/><div>Find more details from this article <a data-article-id='5' href='#'>How to sell a product</a></div><br/><div>Find some suggestions from this article <a data-article-id='8' href='#'>How to convince a customer</a></div><br/><div><b>Before you change your billing cycle, be aware that:</b> </div><br/><ul><li>Your billing cycle can't be changed if your account is in a delinquent status, or if the account will fall delinquent before the requested change date.</li><li>If you have a payment arrangement set up, the payment arrangement must be made before the billing cycle is changed.</li><li>If you have AutoPay, you may see two AutoPay drafts in one month due to the billing cycle change.</li><li>When a billing cycle change is made, prorated charges will occur.</li><li>Your billing cycle can't be changed if your account is in a delinquent status, or if the account will fall delinquent before the requested change date.</li><li>If you have a payment arrangement set up, the payment arrangement must be made before the billing cycle is changed.</li><li>If you have AutoPay, you may see two AutoPay drafts in one month due to the billing cycle change.</li><li>When a billing cycle change is made, prorated charges will occur.</li></ul><br/><p>If you change an existing bill cycle, there will generally be a number of days prorated to compensate from the gap from the end of the previous bill cycle to when the new bill cycle is started.  This proration will be included in your next (new) billing cycle statement, and will cause an increase in that month’s payment due.  But rest assured, you’re not being charged ‘extra’, but paying for the days that were between the old and new billing cycle dates.</p>",
+        meta: {
+            category: 'Banking and Retail',
+            publishedDate: '12/12/2019',
+            likes: 124,
+            disLikes: 47
+        }
+    }
+};
+//# sourceMappingURL=Article.mocks.js.map

package/jsx/cs/Article/Article.mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Article.mocks.js","sourceRoot":"","sources":["../../../src/cs/Article/Article.mocks.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,kBAAkB,EAAE;QAClB,MAAM,EAAE,0CAA0C;QAClD,QAAQ,EACN,uGAAuG;QACzG,OAAO,EACL,2+EAA2+E;QAC7+E,IAAI,EAAE;YACJ,QAAQ,EAAE,oBAAoB;YAC9B,aAAa,EAAE,YAAY;YAC3B,KAAK,EAAE,GAAG;YACV,QAAQ,EAAE,EAAE;SACb;KACF;CACF,CAAC","sourcesContent":["export const ArticleMockData = {\n  fullArticleContent: {\n    header: '5 Tips for handling a Difficult customer',\n    abstract:\n      '5 Tips for handling a Difficult customer. This will give you clear guidelines to deal with a customer',\n    content:\n      \"<p>Changing your monthly billing cycle can help you better manage your monthly bills and when you pay them.  U+Comm offers 3 main billing cycles with due dates falling on the 1st, 15th, or the 28th of each month.  This provides our customers with flexibility when choosing a billing cycle and corresponding due date that matches your personal finance planning.If you change an existing bill cycle, there will generally be a number of days prorated to compensate from the gap from the end of the previous bill cycle to when the new bill cycle is started.  This proration will be included in your next (new) billing cycle statement, and will cause an increase in that month’s payment due.  But rest assured, you’re not being charged ‘extra’, but paying for the days that were between the old and new billing cycle dates.</p><br/><div>Find more details from this article <a data-article-id='5' href='#'>How to sell a product</a></div><br/><div>Find some suggestions from this article <a data-article-id='8' href='#'>How to convince a customer</a></div><br/><div><b>Before you change your billing cycle, be aware that:</b> </div><br/><ul><li>Your billing cycle can't be changed if your account is in a delinquent status, or if the account will fall delinquent before the requested change date.</li><li>If you have a payment arrangement set up, the payment arrangement must be made before the billing cycle is changed.</li><li>If you have AutoPay, you may see two AutoPay drafts in one month due to the billing cycle change.</li><li>When a billing cycle change is made, prorated charges will occur.</li><li>Your billing cycle can't be changed if your account is in a delinquent status, or if the account will fall delinquent before the requested change date.</li><li>If you have a payment arrangement set up, the payment arrangement must be made before the billing cycle is changed.</li><li>If you have AutoPay, you may see two AutoPay drafts in one month due to the billing cycle change.</li><li>When a billing cycle change is made, prorated charges will occur.</li></ul><br/><p>If you change an existing bill cycle, there will generally be a number of days prorated to compensate from the gap from the end of the previous bill cycle to when the new bill cycle is started.  This proration will be included in your next (new) billing cycle statement, and will cause an increase in that month’s payment due.  But rest assured, you’re not being charged ‘extra’, but paying for the days that were between the old and new billing cycle dates.</p>\",\n    meta: {\n      category: 'Banking and Retail',\n      publishedDate: '12/12/2019',\n      likes: 124,\n      disLikes: 47\n    }\n  }\n};\n"]}

package/jsx/cs/Article/Article.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FunctionComponent<import("@pega/cosmos-react-cs").ArticleProps & import("@pega/cosmos-react-core").ForwardProps>;
+    subcomponents: {
+        ArticleFooter: import("react").FunctionComponent<import("@pega/cosmos-react-cs").ArticleFooterProps & import("@pega/cosmos-react-core").ForwardProps>;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const ArticleStory: () => JSX.Element;
+export declare const ArticleStorySkeletonize: () => JSX.Element;
+//# sourceMappingURL=Article.stories.d.ts.map

package/jsx/cs/Article/Article.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Article.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/Article/Article.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAeA,wBAOE;AAEF,eAAO,MAAM,YAAY,mBA2GxB,CAAC;AAEF,eAAO,MAAM,uBAAuB,mBAwCnC,CAAC"}

package/jsx/cs/ArticleList/ArticleList.mocks.d.ts

@@ -0,0 +1,21 @@
+export declare const ArticleListMockData: {
+    articleList: {
+        articleId: string;
+        header: string;
+        abstract: string;
+        meta: {
+            category: string;
+            publishedDate: string;
+            likes: number;
+            disLikes: number;
+        };
+    }[];
+    categoriesList: {
+        id: string;
+        name: string;
+        level: string;
+        category: string;
+    }[];
+    sortByOptions: string[];
+};
+//# sourceMappingURL=ArticleList.mocks.d.ts.map

package/jsx/cs/ArticleList/ArticleList.mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleList.mocks.d.ts","sourceRoot":"","sources":["../../../src/cs/ArticleList/ArticleList.mocks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;CA4G/B,CAAC"}