@pega/cosmos-react-demos 5.0.0-dev.4.9 → 5.0.0-dev.5.0

package/lib/condition-builder/PromotedFilters/PromotedFilters.mocks.js

@@ -0,0 +1,233 @@
+export const demoCondition = {
+    AND: [
+        {
+            condition: {
+                lhs: {
+                    field: 'FirstName'
+                },
+                comparator: 'EQ',
+                rhs: {
+                    value: 'John'
+                }
+            }
+        },
+        {
+            condition: {
+                lhs: { field: 'RemoteEmployee' },
+                comparator: 'IS_TRUE'
+            }
+        }
+    ]
+};
+export const demoFilters = [
+    { field: { name: 'FirstName', type: 'TEXT' }, mode: 'default', label: 'First name' },
+    { field: { name: 'LastName', type: 'TEXT' }, mode: 'advanced', label: 'Last name' },
+    {
+        field: {
+            name: 'JobDescription',
+            type: 'TEXT',
+            possibleValues: [
+                'Software Engineer',
+                'Front End Developer',
+                'QA Engineer',
+                'Manager',
+                'Product Manager',
+                'Product Owner'
+            ]
+        },
+        mode: 'advanced',
+        label: 'Job description'
+    },
+    {
+        field: { name: 'Experience', type: 'INTEGER' },
+        mode: 'default',
+        label: 'Years of experience'
+    },
+    {
+        field: {
+            name: 'Score',
+            type: 'INTEGER'
+        },
+        mode: 'predefined',
+        label: 'Score',
+        predefinedConditions: [
+            {
+                id: 'score1',
+                value: {
+                    lhs: {
+                        field: 'Score'
+                    },
+                    comparator: 'GT',
+                    rhs: {
+                        value: 0
+                    }
+                }
+            },
+            {
+                id: 'score2',
+                value: {
+                    lhs: {
+                        field: 'Score'
+                    },
+                    comparator: 'EQ',
+                    rhs: {
+                        value: 0
+                    }
+                }
+            },
+            {
+                id: 'score3',
+                value: {
+                    lhs: {
+                        field: 'Score'
+                    },
+                    comparator: 'LT',
+                    rhs: {
+                        value: 0
+                    }
+                }
+            },
+            {
+                id: 'score4',
+                value: {
+                    lhs: {
+                        field: 'Score'
+                    },
+                    comparator: 'BTW',
+                    rhs: {
+                        start: 0,
+                        end: 10
+                    }
+                }
+            },
+            {
+                id: 'score5',
+                value: {
+                    lhs: {
+                        field: 'Score'
+                    },
+                    comparator: 'IS_NULL'
+                }
+            }
+        ]
+    },
+    {
+        field: {
+            name: 'Hired',
+            type: 'DATE_ONLY'
+        },
+        mode: 'predefined',
+        label: 'Hired',
+        predefinedConditions: [
+            {
+                id: 'hired1',
+                value: {
+                    lhs: {
+                        field: 'Hired'
+                    },
+                    comparator: 'LT',
+                    rhs: {
+                        value: '2022-01-01'
+                    }
+                },
+                label: 'Before 2022'
+            },
+            {
+                id: 'hired2',
+                value: {
+                    lhs: {
+                        field: 'Hired'
+                    },
+                    comparator: 'GT',
+                    rhs: {
+                        value: '2022-01-01'
+                    }
+                },
+                label: 'After 2022'
+            },
+            {
+                id: 'hired3',
+                value: {
+                    lhs: {
+                        field: 'Hired'
+                    },
+                    comparator: 'BTW',
+                    rhs: {
+                        start: '2023-01-03',
+                        end: '2023-31-03'
+                    }
+                },
+                label: 'In March 2023'
+            }
+        ]
+    },
+    {
+        field: { name: 'Salary', type: 'INTEGER' },
+        mode: 'advanced',
+        label: 'Salary'
+    },
+    {
+        field: { name: 'HireDate', type: 'DATE_ONLY' },
+        mode: 'default',
+        label: 'Hire date'
+    },
+    {
+        field: { name: 'LastPromotion', type: 'DATE_ONLY' },
+        mode: 'advanced',
+        label: 'Date of last promotion'
+    },
+    {
+        field: { name: 'DailyMeetingTime', type: 'TIME_ONLY' },
+        mode: 'default',
+        label: 'Time of daily meeting'
+    },
+    {
+        field: { name: 'StartOfWorkingHours', type: 'TIME_ONLY' },
+        mode: 'advanced',
+        label: 'Start of working hours'
+    },
+    {
+        field: { name: 'NextReviewDate', type: 'DATE_TIME' },
+        mode: 'default',
+        label: 'Next scheduled review'
+    },
+    {
+        field: { name: 'LastOfficeCheckIn', type: 'DATE_TIME' },
+        mode: 'advanced',
+        label: 'Last check-in in the office'
+    },
+    {
+        field: { name: 'RemoteEmployee', type: 'BOOLEAN' },
+        mode: 'default',
+        label: 'Remote employee'
+    },
+    {
+        field: {
+            name: 'Department',
+            type: 'PICKLIST',
+            possibleValues: [
+                'Customer Service',
+                'Engineering',
+                'Facilities',
+                'Finance',
+                'HR',
+                'IT',
+                'Sales'
+            ]
+        },
+        mode: 'default'
+    },
+    {
+        field: {
+            name: 'Status',
+            type: 'PICKLIST',
+            possibleValues: () => Promise.resolve([
+                { id: 'new', primary: 'New' },
+                { id: 'open', primary: 'Open' },
+                { id: 'resolved', primary: 'Resolved' }
+            ])
+        },
+        mode: 'advanced'
+    }
+];
+//# sourceMappingURL=PromotedFilters.mocks.js.map

package/lib/condition-builder/PromotedFilters/PromotedFilters.mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromotedFilters.mocks.js","sourceRoot":"","sources":["../../../src/condition-builder/PromotedFilters/PromotedFilters.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["import { Condition, PromotedFiltersProps } from '@pega/cosmos-react-condition-builder';\n\nexport const demoCondition: Condition = {\n  AND: [\n    {\n      condition: {\n        lhs: {\n          field: 'FirstName'\n        },\n        comparator: 'EQ',\n        rhs: {\n          value: 'John'\n        }\n      }\n    },\n    {\n      condition: {\n        lhs: { field: 'RemoteEmployee' },\n        comparator: 'IS_TRUE'\n      }\n    }\n  ]\n};\n\nexport const demoFilters: PromotedFiltersProps['filters'] = [\n  { field: { name: 'FirstName', type: 'TEXT' }, mode: 'default', label: 'First name' },\n  { field: { name: 'LastName', type: 'TEXT' }, mode: 'advanced', label: 'Last name' },\n  {\n    field: {\n      name: 'JobDescription',\n      type: 'TEXT',\n      possibleValues: [\n        'Software Engineer',\n        'Front End Developer',\n        'QA Engineer',\n        'Manager',\n        'Product Manager',\n        'Product Owner'\n      ]\n    },\n    mode: 'advanced',\n    label: 'Job description'\n  },\n  {\n    field: { name: 'Experience', type: 'INTEGER' },\n    mode: 'default',\n    label: 'Years of experience'\n  },\n  {\n    field: {\n      name: 'Score',\n      type: 'INTEGER'\n    },\n    mode: 'predefined',\n    label: 'Score',\n    predefinedConditions: [\n      {\n        id: 'score1',\n        value: {\n          lhs: {\n            field: 'Score'\n          },\n          comparator: 'GT',\n          rhs: {\n            value: 0\n          }\n        }\n      },\n      {\n        id: 'score2',\n        value: {\n          lhs: {\n            field: 'Score'\n          },\n          comparator: 'EQ',\n          rhs: {\n            value: 0\n          }\n        }\n      },\n      {\n        id: 'score3',\n        value: {\n          lhs: {\n            field: 'Score'\n          },\n          comparator: 'LT',\n          rhs: {\n            value: 0\n          }\n        }\n      },\n      {\n        id: 'score4',\n        value: {\n          lhs: {\n            field: 'Score'\n          },\n          comparator: 'BTW',\n          rhs: {\n            start: 0,\n            end: 10\n          }\n        }\n      },\n      {\n        id: 'score5',\n        value: {\n          lhs: {\n            field: 'Score'\n          },\n          comparator: 'IS_NULL'\n        }\n      }\n    ]\n  },\n  {\n    field: {\n      name: 'Hired',\n      type: 'DATE_ONLY'\n    },\n    mode: 'predefined',\n    label: 'Hired',\n    predefinedConditions: [\n      {\n        id: 'hired1',\n        value: {\n          lhs: {\n            field: 'Hired'\n          },\n          comparator: 'LT',\n          rhs: {\n            value: '2022-01-01'\n          }\n        },\n        label: 'Before 2022'\n      },\n      {\n        id: 'hired2',\n        value: {\n          lhs: {\n            field: 'Hired'\n          },\n          comparator: 'GT',\n          rhs: {\n            value: '2022-01-01'\n          }\n        },\n        label: 'After 2022'\n      },\n      {\n        id: 'hired3',\n        value: {\n          lhs: {\n            field: 'Hired'\n          },\n          comparator: 'BTW',\n          rhs: {\n            start: '2023-01-03',\n            end: '2023-31-03'\n          }\n        },\n        label: 'In March 2023'\n      }\n    ]\n  },\n  {\n    field: { name: 'Salary', type: 'INTEGER' },\n    mode: 'advanced',\n    label: 'Salary'\n  },\n  {\n    field: { name: 'HireDate', type: 'DATE_ONLY' },\n    mode: 'default',\n    label: 'Hire date'\n  },\n  {\n    field: { name: 'LastPromotion', type: 'DATE_ONLY' },\n    mode: 'advanced',\n    label: 'Date of last promotion'\n  },\n  {\n    field: { name: 'DailyMeetingTime', type: 'TIME_ONLY' },\n    mode: 'default',\n    label: 'Time of daily meeting'\n  },\n  {\n    field: { name: 'StartOfWorkingHours', type: 'TIME_ONLY' },\n    mode: 'advanced',\n    label: 'Start of working hours'\n  },\n  {\n    field: { name: 'NextReviewDate', type: 'DATE_TIME' },\n    mode: 'default',\n    label: 'Next scheduled review'\n  },\n  {\n    field: { name: 'LastOfficeCheckIn', type: 'DATE_TIME' },\n    mode: 'advanced',\n    label: 'Last check-in in the office'\n  },\n  {\n    field: { name: 'RemoteEmployee', type: 'BOOLEAN' },\n    mode: 'default',\n    label: 'Remote employee'\n  },\n  {\n    field: {\n      name: 'Department',\n      type: 'PICKLIST',\n      possibleValues: [\n        'Customer Service',\n        'Engineering',\n        'Facilities',\n        'Finance',\n        'HR',\n        'IT',\n        'Sales'\n      ]\n    },\n    mode: 'default'\n  },\n  {\n    field: {\n      name: 'Status',\n      type: 'PICKLIST',\n      possibleValues: () =>\n        Promise.resolve([\n          { id: 'new', primary: 'New' },\n          { id: 'open', primary: 'Open' },\n          { id: 'resolved', primary: 'Resolved' }\n        ])\n    },\n    mode: 'advanced'\n  }\n];\n"]}

package/lib/condition-builder/PromotedFilters/PromotedFilters.stories.d.ts

@@ -0,0 +1,8 @@
+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;
+interface PromotedFiltersStoryProps {
+    orientation?: 'vertical' | 'horizontal';
+}
+export declare const PromotedFiltersDemo: StoryFn<PromotedFiltersStoryProps>;
+//# sourceMappingURL=PromotedFilters.stories.d.ts.map

package/lib/condition-builder/PromotedFilters/PromotedFilters.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromotedFilters.stories.d.ts","sourceRoot":"","sources":["../../../src/condition-builder/PromotedFilters/PromotedFilters.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AAUtD,wBAGU;AAEV,UAAU,yBAAyB;IACjC,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CACzC;AAED,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,yBAAyB,CAoBlE,CAAC"}

package/lib/condition-builder/PromotedFilters/PromotedFilters.stories.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { PromotedFilters } from '@pega/cosmos-react-condition-builder';
+import { Flex, Text } from '@pega/cosmos-react-core';
+import { demoCondition, demoFilters } from './PromotedFilters.mocks';
+import { StyledCodeBlock } from './PromotedFilters.styles';
+export default {
+    title: 'Condition Builder/PromotedFilters',
+    component: PromotedFilters
+};
+export const PromotedFiltersDemo = (args) => {
+    const [condition, setCondition] = useState(demoCondition);
+    return (_jsxs(Flex, { container: { direction: 'column' }, children: [_jsx(PromotedFilters, { filters: demoFilters, condition: condition, onChange: setCondition, orientation: args.orientation }), _jsxs("div", { children: [_jsx(Text, { variant: 'h4', children: "Output:" }), _jsx(StyledCodeBlock, { children: condition ? JSON.stringify(condition, null, 2) : '(No condition)' })] })] }));
+};
+PromotedFiltersDemo.args = {
+    orientation: 'horizontal'
+};
+PromotedFiltersDemo.argTypes = {
+    orientation: {
+        options: ['horizontal', 'vertical'],
+        control: { type: 'select' }
+    }
+};
+//# sourceMappingURL=PromotedFilters.stories.js.map

package/lib/condition-builder/PromotedFilters/PromotedFilters.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromotedFilters.stories.js","sourceRoot":"","sources":["../../../src/condition-builder/PromotedFilters/PromotedFilters.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,eAAe;IACb,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,eAAe;CACnB,CAAC;AAMV,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CACrE,IAA+B,EAC/B,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAwB,aAAa,CAAC,CAAC;IACjF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aACtC,KAAC,eAAe,IACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,IAAI,CAAC,WAAW,GAC7B,EACF,0BACE,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,wBAAe,EACjC,KAAC,eAAe,cACb,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,GAClD,IACd,IACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,IAAI,GAAG;IACzB,WAAW,EAAE,YAAY;CAC1B,CAAC;AAEF,mBAAmB,CAAC,QAAQ,GAAG;IAC7B,WAAW,EAAE;QACX,OAAO,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;QACnC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC5B;CACF,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { PromotedFilters } from '@pega/cosmos-react-condition-builder';\nimport type { Condition } from '@pega/cosmos-react-condition-builder';\nimport { Flex, Text } from '@pega/cosmos-react-core';\n\nimport { demoCondition, demoFilters } from './PromotedFilters.mocks';\nimport { StyledCodeBlock } from './PromotedFilters.styles';\n\nexport default {\n  title: 'Condition Builder/PromotedFilters',\n  component: PromotedFilters\n} as Meta;\n\ninterface PromotedFiltersStoryProps {\n  orientation?: 'vertical' | 'horizontal';\n}\n\nexport const PromotedFiltersDemo: StoryFn<PromotedFiltersStoryProps> = (\n  args: PromotedFiltersStoryProps\n) => {\n  const [condition, setCondition] = useState<Condition | undefined>(demoCondition);\n  return (\n    <Flex container={{ direction: 'column' }}>\n      <PromotedFilters\n        filters={demoFilters}\n        condition={condition}\n        onChange={setCondition}\n        orientation={args.orientation}\n      />\n      <div>\n        <Text variant='h4'>Output:</Text>\n        <StyledCodeBlock>\n          {condition ? JSON.stringify(condition, null, 2) : '(No condition)'}\n        </StyledCodeBlock>\n      </div>\n    </Flex>\n  );\n};\n\nPromotedFiltersDemo.args = {\n  orientation: 'horizontal'\n};\n\nPromotedFiltersDemo.argTypes = {\n  orientation: {\n    options: ['horizontal', 'vertical'],\n    control: { type: 'select' }\n  }\n};\n"]}

package/lib/condition-builder/PromotedFilters/PromotedFilters.styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const StyledCodeBlock: import("styled-components").StyledComponent<"pre", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledPromotedFilters: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isVertical: boolean;
+}, never>;
+export declare const StyledClearAllButton: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").ButtonProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledVerticalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTextWithEllipsis: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").TextProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+//# sourceMappingURL=PromotedFilters.styles.d.ts.map

package/lib/condition-builder/PromotedFilters/PromotedFilters.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromotedFilters.styles.d.ts","sourceRoot":"","sources":["../../../src/condition-builder/PromotedFilters/PromotedFilters.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,eAAe,yGAG3B,CAAC;AAIF,eAAO,MAAM,qBAAqB;gBACpB,OAAO;SAYnB,CAAC;AAIH,eAAO,MAAM,oBAAoB,qOAGhC,CAAC;AAIF,eAAO,MAAM,qBAAqB,yGAEjC,CAAC;AAIF,eAAO,MAAM,sBAAsB,mOAIlC,CAAC"}

package/lib/condition-builder/PromotedFilters/PromotedFilters.styles.js

@@ -0,0 +1,35 @@
+import styled, { css } from 'styled-components';
+import { Button, defaultThemeProp, Text } from '@pega/cosmos-react-core';
+export const StyledCodeBlock = styled.pre `
+  padding: ${props => props.theme.base.spacing};
+  margin-bottom: ${props => props.theme.base.spacing};
+`;
+StyledCodeBlock.defaultProps = defaultThemeProp;
+export const StyledPromotedFilters = styled.div(props => {
+    const { theme, isVertical } = props;
+    return css `
+    border-radius: ${theme.components.card['border-radius']};
+    background-color: ${theme.base.palette['secondary-background']};
+    ${isVertical &&
+        css `
+      max-width: 20rem;
+    `}
+  `;
+});
+StyledPromotedFilters.defaultProps = defaultThemeProp;
+export const StyledClearAllButton = styled(Button) `
+  margin-top: 0.625rem;
+  white-space: nowrap;
+`;
+StyledClearAllButton.defaultProps = defaultThemeProp;
+export const StyledVerticalWrapper = styled.div `
+  width: 100%;
+`;
+StyledVerticalWrapper.defaultProps = defaultThemeProp;
+export const StyledTextWithEllipsis = styled(Text) `
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+`;
+StyledTextWithEllipsis.defaultProps = defaultThemeProp;
+//# sourceMappingURL=PromotedFilters.styles.js.map

package/lib/condition-builder/PromotedFilters/PromotedFilters.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromotedFilters.styles.js","sourceRoot":"","sources":["../../../src/condition-builder/PromotedFilters/PromotedFilters.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEzE,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;aAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;mBAC3B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;CACnD,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEhD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAE5C,KAAK,CAAC,EAAE;IACT,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAEpC,OAAO,GAAG,CAAA;qBACS,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;wBACnC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC;MAC5D,UAAU;QACZ,GAAG,CAAA;;KAEF;GACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;CAGjD,CAAC;AAEF,oBAAoB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAErD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE9C,CAAC;AAEF,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;CAIjD,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { Button, defaultThemeProp, Text } from '@pega/cosmos-react-core';\n\nexport const StyledCodeBlock = styled.pre`\n  padding: ${props => props.theme.base.spacing};\n  margin-bottom: ${props => props.theme.base.spacing};\n`;\n\nStyledCodeBlock.defaultProps = defaultThemeProp;\n\nexport const StyledPromotedFilters = styled.div<{\n  isVertical: boolean;\n}>(props => {\n  const { theme, isVertical } = props;\n\n  return css`\n    border-radius: ${theme.components.card['border-radius']};\n    background-color: ${theme.base.palette['secondary-background']};\n    ${isVertical &&\n    css`\n      max-width: 20rem;\n    `}\n  `;\n});\n\nStyledPromotedFilters.defaultProps = defaultThemeProp;\n\nexport const StyledClearAllButton = styled(Button)`\n  margin-top: 0.625rem;\n  white-space: nowrap;\n`;\n\nStyledClearAllButton.defaultProps = defaultThemeProp;\n\nexport const StyledVerticalWrapper = styled.div`\n  width: 100%;\n`;\n\nStyledVerticalWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledTextWithEllipsis = styled(Text)`\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`;\n\nStyledTextWithEllipsis.defaultProps = defaultThemeProp;\n"]}

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

@@ -0,0 +1,22 @@
+import { FormControlProps } from '@pega/cosmos-react-core';
+interface Value {
+    name: string;
+    email: string;
+    locations: string;
+    meetings: string;
+    meals: string;
+    notes: string;
+}
+interface Field extends FormControlProps {
+    help?: FormControlProps['info'];
+    validator?: (this: Field) => string;
+}
+export declare const AIValues: Value[];
+export declare const initFields: () => Field[];
+export declare const fieldReducer: (fields: Field[], { type, name, value }: {
+    type: 'blur' | 'change' | 'submit' | 'cancel' | 'ai';
+    name?: string | undefined;
+    value?: string | undefined;
+}) => Field[];
+export {};
+//# sourceMappingURL=AIButton.mocks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AIButton.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/AIButton/AIButton.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,KAAM,SAAQ,gBAAgB;IACtC,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC;CACrC;AAGD,eAAO,MAAM,QAAQ,EAAE,KAAK,EAyC3B,CAAC;AAGF,eAAO,MAAM,UAAU,QAAO,KAAK,EAqDlC,CAAC;AAGF,eAAO,MAAM,YAAY,WACf,KAAK,EAAE;UAMP,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,IAAI;;;aAoCvD,CAAC"}

package/lib/core/AIButton/AIButton.mocks.js

@@ -0,0 +1,139 @@
+// Value sets used by the mock AI
+export const AIValues = [
+    {
+        name: 'Cindy Turner',
+        email: 'cindy.turner@pega.com',
+        locations: 'Waltham',
+        meetings: 'No',
+        meals: 'Pizza',
+        notes: 'If I could have a window seat, that would be much appreciated!'
+    },
+    {
+        name: 'Seth DeAngelo',
+        email: 'seth.deangelo@pega.com',
+        locations: 'Waltham,Cambridge',
+        meetings: 'Yes',
+        meals: 'Salad',
+        notes: `I selected salad for my meal, but it that is not available, I'm okay with any sandwich you have.`
+    },
+    {
+        name: 'Janet Moore',
+        email: 'janet.moore@pega.com',
+        locations: 'Krakow',
+        meetings: 'No',
+        meals: 'Sandwich',
+        notes: `I'm allergic to nuts, so please don't add any peanut butter to my sandwich.`
+    },
+    {
+        name: 'Dean Thomas',
+        email: 'dean.thomas@pega.com',
+        locations: 'Hyderabad',
+        meetings: 'Yes',
+        meals: 'Pizza',
+        notes: 'I would like to arrange my hours to avoid rush hour.'
+    },
+    {
+        name: 'Kate Mirin',
+        email: 'kate.mirin@pega.com',
+        locations: 'Waltham,Krakow,Bangalore',
+        meetings: 'Yes',
+        meals: 'Salad',
+        notes: `I'm not too picky!`
+    }
+];
+// Get initial field properties
+export const initFields = () => {
+    const common = { value: undefined, status: undefined };
+    return [
+        {
+            ...common,
+            name: 'name',
+            label: 'Name',
+            required: true,
+            validator() {
+                if (!this.value)
+                    return 'Please enter a first and last name';
+                return /^[a-z]+\s[a-z]+$/i.test(this.value)
+                    ? ''
+                    : 'You need to enter a first and last name';
+            }
+        },
+        {
+            ...common,
+            name: 'email',
+            label: 'Email',
+            required: true,
+            validator() {
+                if (!this.value)
+                    return 'Please enter an email address';
+                return /^\S+@pega\.com$/.test(this.value) ? '' : 'Please enter an @pega.com address';
+            }
+        },
+        {
+            ...common,
+            name: 'locations',
+            label: 'Which office(s) have you worked in?',
+            required: true,
+            validator() {
+                if (!this.value)
+                    return 'Select at least one location';
+                return '';
+            }
+        },
+        {
+            ...common,
+            name: 'meetings',
+            label: 'Do you enjoy early morning meetings?'
+        },
+        {
+            ...common,
+            name: 'meals',
+            label: 'What would you like to eat?',
+            help: 'Selections will be made on a first-come basis'
+        },
+        {
+            ...common,
+            name: 'notes',
+            label: 'Special requests',
+            help: 'We will take any of your requests into consideration'
+        }
+    ];
+};
+// Handles setting of state for all fields
+export const fieldReducer = (fields, { type, name, value }) => {
+    return fields.map(field => {
+        if (field.name === name) {
+            if (name === 'locations' && field.value && value && type === 'change') {
+                const selectedValues = field.value.split(',');
+                const indexOfValue = selectedValues.findIndex(i => i === value);
+                if (indexOfValue !== -1) {
+                    selectedValues.splice(indexOfValue, 1);
+                }
+                else {
+                    selectedValues.push(value);
+                }
+                field.value = selectedValues.join(',');
+            }
+            else {
+                field.value = value;
+            }
+            if (type === 'cancel') {
+                field.status = undefined;
+                field.info = field.help;
+            }
+            else if (type === 'blur' || type === 'submit' || field.status === 'error') {
+                const error = field.validator?.() || '';
+                if ((field.required || field.value) && error) {
+                    field.status = 'error';
+                    field.info = error;
+                }
+                else {
+                    field.status = undefined;
+                    field.info = field.help;
+                }
+            }
+        }
+        return field;
+    });
+};
+//# sourceMappingURL=AIButton.mocks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AIButton.mocks.js","sourceRoot":"","sources":["../../../src/core/AIButton/AIButton.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormControlProps } from '@pega/cosmos-react-core';\n\ninterface Value {\n  name: string;\n  email: string;\n  locations: string;\n  meetings: string;\n  meals: string;\n  notes: string;\n}\n\ninterface Field extends FormControlProps {\n  help?: FormControlProps['info'];\n  validator?: (this: Field) => string;\n}\n\n// Value sets used by the mock AI\nexport const AIValues: Value[] = [\n  {\n    name: 'Cindy Turner',\n    email: 'cindy.turner@pega.com',\n    locations: 'Waltham',\n    meetings: 'No',\n    meals: 'Pizza',\n    notes: 'If I could have a window seat, that would be much appreciated!'\n  },\n  {\n    name: 'Seth DeAngelo',\n    email: 'seth.deangelo@pega.com',\n    locations: 'Waltham,Cambridge',\n    meetings: 'Yes',\n    meals: 'Salad',\n    notes: `I selected salad for my meal, but it that is not available, I'm okay with any sandwich you have.`\n  },\n  {\n    name: 'Janet Moore',\n    email: 'janet.moore@pega.com',\n    locations: 'Krakow',\n    meetings: 'No',\n    meals: 'Sandwich',\n    notes: `I'm allergic to nuts, so please don't add any peanut butter to my sandwich.`\n  },\n  {\n    name: 'Dean Thomas',\n    email: 'dean.thomas@pega.com',\n    locations: 'Hyderabad',\n    meetings: 'Yes',\n    meals: 'Pizza',\n    notes: 'I would like to arrange my hours to avoid rush hour.'\n  },\n  {\n    name: 'Kate Mirin',\n    email: 'kate.mirin@pega.com',\n    locations: 'Waltham,Krakow,Bangalore',\n    meetings: 'Yes',\n    meals: 'Salad',\n    notes: `I'm not too picky!`\n  }\n];\n\n// Get initial field properties\nexport const initFields = (): Field[] => {\n  const common = { value: undefined, status: undefined };\n  return [\n    {\n      ...common,\n      name: 'name',\n      label: 'Name',\n      required: true,\n      validator() {\n        if (!this.value) return 'Please enter a first and last name';\n        return /^[a-z]+\\s[a-z]+$/i.test(this.value)\n          ? ''\n          : 'You need to enter a first and last name';\n      }\n    },\n    {\n      ...common,\n      name: 'email',\n      label: 'Email',\n      required: true,\n      validator() {\n        if (!this.value) return 'Please enter an email address';\n        return /^\\S+@pega\\.com$/.test(this.value) ? '' : 'Please enter an @pega.com address';\n      }\n    },\n    {\n      ...common,\n      name: 'locations',\n      label: 'Which office(s) have you worked in?',\n      required: true,\n      validator() {\n        if (!this.value) return 'Select at least one location';\n        return '';\n      }\n    },\n    {\n      ...common,\n      name: 'meetings',\n      label: 'Do you enjoy early morning meetings?'\n    },\n    {\n      ...common,\n      name: 'meals',\n      label: 'What would you like to eat?',\n      help: 'Selections will be made on a first-come basis'\n    },\n    {\n      ...common,\n      name: 'notes',\n      label: 'Special requests',\n      help: 'We will take any of your requests into consideration'\n    }\n  ];\n};\n\n// Handles setting of state for all fields\nexport const fieldReducer = (\n  fields: Field[],\n  {\n    type,\n    name,\n    value\n  }: {\n    type: 'blur' | 'change' | 'submit' | 'cancel' | 'ai';\n    name?: string;\n    value?: string;\n  }\n) => {\n  return fields.map(field => {\n    if (field.name === name) {\n      if (name === 'locations' && field.value && value && type === 'change') {\n        const selectedValues = field.value.split(',');\n        const indexOfValue = selectedValues.findIndex(i => i === value);\n        if (indexOfValue !== -1) {\n          selectedValues.splice(indexOfValue, 1);\n        } else {\n          selectedValues.push(value);\n        }\n        field.value = selectedValues.join(',');\n      } else {\n        field.value = value;\n      }\n\n      if (type === 'cancel') {\n        field.status = undefined;\n        field.info = field.help;\n      } else if (type === 'blur' || type === 'submit' || field.status === 'error') {\n        const error = field.validator?.() || '';\n        if ((field.required || field.value) && error) {\n          field.status = 'error';\n          field.info = error;\n        } else {\n          field.status = undefined;\n          field.info = field.help;\n        }\n      }\n    }\n    return field;\n  });\n};\n"]}

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

@@ -0,0 +1,23 @@
+import type { StoryFn } from '@storybook/react';
+import type { AIButtonProps } 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 AIButtonDemo: StoryFn<AIButtonProps>;
+interface AIButtonFormProps {
+    throwAIError?: boolean;
+    showTitle?: boolean;
+    showDescription?: boolean;
+    onCancel?: () => void;
+    onSubmit?: () => void;
+}
+export declare const AIButtonFormDemo: StoryFn<AIButtonFormProps>;
+export declare const AIButtonFormInModalDemo: StoryFn<AIButtonFormProps>;
+interface ConfigurableButtonProps {
+    borderWidth?: string;
+    borderRadius?: number;
+    color?: string;
+    secondaryColor?: string;
+    padding?: string;
+}
+export declare const ConfigurableAIButton: StoryFn<ConfigurableButtonProps>;
+//# sourceMappingURL=AIButton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AIButton.stories.d.ts","sourceRoot":"","sources":["../../../src/core/AIButton/AIButton.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAwBtD,OAAO,KAAK,EAAE,aAAa,EAAqB,MAAM,yBAAyB,CAAC;;AAMhF,wBAOU;AAEV,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,aAAa,CAE/C,CAAC;AAYF,UAAU,iBAAiB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,iBAAiB,CAsOvD,CAAC;AAcF,eAAO,MAAM,uBAAuB,EAAE,OAAO,CAAC,iBAAiB,CAsP9D,CAAC;AASF,UAAU,uBAAuB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,uBAAuB,CAuBjE,CAAC"}