@pega/cosmos-react-demos 3.0.0-dev.20.0 → 3.0.0-dev.21.2

package/jsx/build/ExpressionBuilder/ExpressionBuilder.mocks.d.ts

@@ -0,0 +1,11 @@
+import { MenuProps } from '@pega/cosmos-react-core';
+export declare const errors = "Error message 1. Some unrealistic error message. Server unreachable. Check your network connection and try again";
+export declare const items: {
+    id: string;
+    primary: string;
+    type: string;
+    expression: string;
+}[];
+export declare const filterCategories: MenuProps['items'];
+export declare const StyledExpressionBuilderDemo: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+//# sourceMappingURL=ExpressionBuilder.mocks.d.ts.map

package/jsx/build/ExpressionBuilder/ExpressionBuilder.mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionBuilder.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/ExpressionBuilder/ExpressionBuilder.mocks.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAE/D,eAAO,MAAM,MAAM,qHACiG,CAAC;AAErH,eAAO,MAAM,KAAK;;;;;GA2FjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,SAAS,CAAC,OAAO,CA+B/C,CAAC;AAEF,eAAO,MAAM,2BAA2B,yGAMtC,CAAC"}

package/jsx/build/ExpressionBuilder/ExpressionBuilder.mocks.js

@@ -0,0 +1,135 @@
+import styled, { css } from 'styled-components';
+import { createUID } from '@pega/cosmos-react-core';
+export const errors = 'Error message 1. Some unrealistic error message. Server unreachable. Check your network connection and try again';
+export const items = [
+    {
+        id: createUID(),
+        primary: 'Loan to value validation',
+        type: 'Decision',
+        expression: 'LoanToValueValidation()'
+    },
+    {
+        id: createUID(),
+        primary: 'Loan amount under 100K',
+        type: 'When',
+        expression: 'Under100K()'
+    },
+    {
+        id: createUID(),
+        primary: 'Loan number',
+        type: 'Field',
+        expression: '.LoanNumber'
+    },
+    {
+        id: createUID(),
+        primary: 'Loan',
+        type: 'Validation',
+        expression: 'Loan()'
+    },
+    {
+        id: createUID(),
+        primary: 'Number',
+        type: 'Function',
+        expression: 'isValidNumber()'
+    },
+    {
+        id: createUID(),
+        primary: 'Approval Hierarchy',
+        type: 'Decision',
+        expression: 'Approval()'
+    },
+    {
+        id: createUID(),
+        primary: 'Amount above 100K',
+        type: 'When',
+        expression: 'Above100K()'
+    },
+    {
+        id: createUID(),
+        primary: 'Account number',
+        type: 'Field',
+        expression: '.AccountNumber'
+    },
+    {
+        id: createUID(),
+        primary: 'Account location',
+        type: 'Validation',
+        expression: 'Location()'
+    },
+    {
+        id: createUID(),
+        primary: 'Add',
+        type: 'Function',
+        expression: 'Add()'
+    },
+    {
+        id: createUID(),
+        primary: 'Assigning department',
+        type: 'Decision',
+        expression: 'Department()'
+    },
+    {
+        id: createUID(),
+        primary: 'Loan amount under 200K and above 100K',
+        type: 'When',
+        expression: 'Under200K()'
+    },
+    {
+        id: createUID(),
+        primary: 'Account holder',
+        type: 'Field',
+        expression: '.AccountHolder'
+    },
+    {
+        id: createUID(),
+        primary: 'Eligibility',
+        type: 'Validation',
+        expression: 'Eligibility()'
+    },
+    {
+        id: createUID(),
+        primary: 'Calculate Expression',
+        type: 'Function',
+        expression: 'calc()'
+    }
+];
+export const filterCategories = [
+    {
+        id: 'item_0',
+        primary: 'All',
+        selected: true
+    },
+    {
+        id: 'item_1',
+        primary: 'Automation',
+        selected: false
+    },
+    {
+        id: 'item_2',
+        primary: 'Configuration',
+        selected: false
+    },
+    {
+        id: 'item_3',
+        primary: 'Decision',
+        selected: false
+    },
+    {
+        id: 'item_4',
+        primary: 'Data page',
+        selected: false
+    },
+    {
+        id: 'item_5',
+        primary: 'Function',
+        selected: false
+    }
+];
+export const StyledExpressionBuilderDemo = styled.div(() => {
+    return css `
+    max-width: 95%;
+    height: 80vh;
+    position: relative;
+  `;
+});
+//# sourceMappingURL=ExpressionBuilder.mocks.js.map

package/jsx/build/ExpressionBuilder/ExpressionBuilder.mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionBuilder.mocks.js","sourceRoot":"","sources":["../../../src/build/ExpressionBuilder/ExpressionBuilder.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["// cSpell:words O1XPTI\n\nimport styled, { css } from 'styled-components';\n\nimport { createUID, MenuProps } from '@pega/cosmos-react-core';\n\nexport const errors =\n  'Error message 1. Some unrealistic error message. Server unreachable. Check your network connection and try again';\n\nexport const items = [\n  {\n    id: createUID(),\n    primary: 'Loan to value validation',\n    type: 'Decision',\n    expression: 'LoanToValueValidation()'\n  },\n  {\n    id: createUID(),\n    primary: 'Loan amount under 100K',\n    type: 'When',\n    expression: 'Under100K()'\n  },\n  {\n    id: createUID(),\n    primary: 'Loan number',\n    type: 'Field',\n    expression: '.LoanNumber'\n  },\n  {\n    id: createUID(),\n    primary: 'Loan',\n    type: 'Validation',\n    expression: 'Loan()'\n  },\n  {\n    id: createUID(),\n    primary: 'Number',\n    type: 'Function',\n    expression: 'isValidNumber()'\n  },\n  {\n    id: createUID(),\n    primary: 'Approval Hierarchy',\n    type: 'Decision',\n    expression: 'Approval()'\n  },\n  {\n    id: createUID(),\n    primary: 'Amount above 100K',\n    type: 'When',\n    expression: 'Above100K()'\n  },\n  {\n    id: createUID(),\n    primary: 'Account number',\n    type: 'Field',\n    expression: '.AccountNumber'\n  },\n  {\n    id: createUID(),\n    primary: 'Account location',\n    type: 'Validation',\n    expression: 'Location()'\n  },\n  {\n    id: createUID(),\n    primary: 'Add',\n    type: 'Function',\n    expression: 'Add()'\n  },\n  {\n    id: createUID(),\n    primary: 'Assigning department',\n    type: 'Decision',\n    expression: 'Department()'\n  },\n  {\n    id: createUID(),\n    primary: 'Loan amount under 200K and above 100K',\n    type: 'When',\n    expression: 'Under200K()'\n  },\n  {\n    id: createUID(),\n    primary: 'Account holder',\n    type: 'Field',\n    expression: '.AccountHolder'\n  },\n  {\n    id: createUID(),\n    primary: 'Eligibility',\n    type: 'Validation',\n    expression: 'Eligibility()'\n  },\n  {\n    id: createUID(),\n    primary: 'Calculate Expression',\n    type: 'Function',\n    expression: 'calc()'\n  }\n];\n\nexport const filterCategories: MenuProps['items'] = [\n  {\n    id: 'item_0',\n    primary: 'All',\n    selected: true\n  },\n  {\n    id: 'item_1',\n    primary: 'Automation',\n    selected: false\n  },\n  {\n    id: 'item_2',\n    primary: 'Configuration',\n    selected: false\n  },\n  {\n    id: 'item_3',\n    primary: 'Decision',\n    selected: false\n  },\n  {\n    id: 'item_4',\n    primary: 'Data page',\n    selected: false\n  },\n  {\n    id: 'item_5',\n    primary: 'Function',\n    selected: false\n  }\n];\n\nexport const StyledExpressionBuilderDemo = styled.div(() => {\n  return css`\n    max-width: 95%;\n    height: 80vh;\n    position: relative;\n  `;\n});\n"]}

package/jsx/build/ExpressionBuilder/ExpressionBuilder.stories.d.ts

@@ -0,0 +1,18 @@
+import { Meta, Story } from '@storybook/react';
+import { ExpressionBuilderProps } from '@pega/cosmos-react-build';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const ExpressionItemDemo: Story;
+export declare const ExpressionListDemo: Story;
+interface ExpressionBuilderStoryProps {
+    showErrors?: boolean;
+    errors?: ExpressionBuilderProps['errors'];
+    onItemInsert?: ExpressionBuilderProps['list']['onItemInsert'];
+    onItemExpand?: ExpressionBuilderProps['list']['onItemExpand'];
+    onFilterChange?: ExpressionBuilderProps['search']['onFilterChange'];
+    onSearchChange?: ExpressionBuilderProps['search']['onSearchChange'];
+    handle?: ExpressionBuilderProps['handle'];
+    defaultValue?: string;
+}
+export declare const ExpressionBuilderDemo: Story<ExpressionBuilderStoryProps>;
+//# sourceMappingURL=ExpressionBuilder.stories.d.ts.map

package/jsx/build/ExpressionBuilder/ExpressionBuilder.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionBuilder.stories.d.ts","sourceRoot":"","sources":["../../../src/build/ExpressionBuilder/ExpressionBuilder.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAI/C,OAAO,EAKL,sBAAsB,EAEvB,MAAM,0BAA0B,CAAC;;AAKlC,wBAGU;AAEV,eAAO,MAAM,kBAAkB,EAAE,KAwBhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAUhC,CAAC;AACF,UAAU,2BAA2B;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IAC1C,YAAY,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAC;IAC9D,YAAY,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAC;IAC9D,cAAc,CAAC,EAAE,sBAAsB,CAAC,QAAQ,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACpE,cAAc,CAAC,EAAE,sBAAsB,CAAC,QAAQ,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACpE,MAAM,CAAC,EAAE,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,2BAA2B,CA0DpE,CAAC"}

package/jsx/build/ExpressionBuilder/ExpressionBuilder.stories.jsx

@@ -0,0 +1,72 @@
+import { action } from '@storybook/addon-actions';
+import { useState, useEffect, useRef } from 'react';
+import { ExpressionBuilder, ExpressionItem, ExpressionList } from '@pega/cosmos-react-build';
+import { BuildTheme, Configuration, createUID } from '@pega/cosmos-react-core';
+import { errors, items, StyledExpressionBuilderDemo } from './ExpressionBuilder.mocks';
+export default {
+    title: 'Build/ExpressionBuilder',
+    component: ExpressionBuilder
+};
+export const ExpressionItemDemo = () => {
+    const [isExpanded, setIsExpanded] = useState(false);
+    const onInsert = (id) => {
+        action(`${id} clicked`);
+    };
+    const onExpand = (id) => {
+        setIsExpanded(prev => !prev);
+        action(`${id} clicked`);
+    };
+    return (<Configuration theme={BuildTheme}>
+      <ExpressionItem id={createUID()} primary='Loan to value validation' type='Decision' onInsert={onInsert} expression='@Decision' isExpanded={isExpanded} onExpand={onExpand}/>
+    </Configuration>);
+};
+export const ExpressionListDemo = () => {
+    return (<Configuration theme={BuildTheme}>
+      <ExpressionList items={items} onItemInsert={action('onItemInsert')} onItemExpand={action('onItemExpand')}/>
+    </Configuration>);
+};
+export const ExpressionBuilderDemo = (args) => {
+    const [searchValue, setSearchValue] = useState('');
+    const [searchFilter, setSearchFilter] = useState('');
+    const [expressionItems, setExpressionItems] = useState(items);
+    const handle = useRef(null);
+    useEffect(() => {
+        const lowerSearchFilter = searchFilter.toLowerCase();
+        const lowerSearchValue = searchValue.toLowerCase();
+        setExpressionItems(items.filter(item => {
+            return (item.type.toLowerCase().includes(lowerSearchFilter === 'all' ? '' : lowerSearchFilter) &&
+                item.primary.toLowerCase().includes(lowerSearchValue));
+        }));
+    }, [searchValue, searchFilter]);
+    const onItemInsert = (id, insertExpression) => {
+        const item = items.find(instance => instance.id === id);
+        if (item)
+            insertExpression(item.expression);
+        action('Current expression')(handle.current?.getExpression());
+    };
+    return (<Configuration theme={BuildTheme}>
+      <StyledExpressionBuilderDemo>
+        <ExpressionBuilder list={{
+            items: expressionItems,
+            onItemInsert: args.onItemInsert || onItemInsert,
+            onItemExpand: args.onItemExpand || action('onItemExpand')
+        }} search={{
+            filters: ['Field', 'Function', 'Decision'],
+            onFilterChange: args.onFilterChange
+                ? args.onFilterChange
+                : value => setSearchFilter(value),
+            onSearchChange: args.onSearchChange
+                ? args.onSearchChange
+                : value => setSearchValue(value),
+            value: searchValue
+        }} errors={args.showErrors ? args.errors || errors : undefined} defaultValue={args.defaultValue === undefined ? 'testExp(arg1, arg2)' : args.defaultValue} handle={args.handle || handle}/>
+      </StyledExpressionBuilderDemo>
+    </Configuration>);
+};
+ExpressionBuilderDemo.args = {
+    showErrors: false
+};
+ExpressionBuilderDemo.argTypes = {
+    showErrors: { control: { type: 'boolean' } }
+};
+//# sourceMappingURL=ExpressionBuilder.stories.jsx.map

package/jsx/build/ExpressionBuilder/ExpressionBuilder.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionBuilder.stories.jsx","sourceRoot":"","sources":["../../../src/build/ExpressionBuilder/ExpressionBuilder.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\nimport { useState, useEffect, useRef } from 'react';\n\nimport {\n  ExpressionBuilder,\n  ExpressionItem,\n  ExpressionItemProps,\n  ExpressionList,\n  ExpressionBuilderProps,\n  HandleValue\n} from '@pega/cosmos-react-build';\nimport { BuildTheme, Configuration, createUID } from '@pega/cosmos-react-core';\n\nimport { errors, items, StyledExpressionBuilderDemo } from './ExpressionBuilder.mocks';\n\nexport default {\n  title: 'Build/ExpressionBuilder',\n  component: ExpressionBuilder\n} as Meta;\n\nexport const ExpressionItemDemo: Story = () => {\n  const [isExpanded, setIsExpanded] = useState<ExpressionItemProps['isExpanded']>(false);\n  const onInsert = (id: ExpressionItemProps['id']) => {\n    action(`${id} clicked`);\n  };\n\n  const onExpand = (id: ExpressionItemProps['id']) => {\n    setIsExpanded(prev => !prev);\n    action(`${id} clicked`);\n  };\n\n  return (\n    <Configuration theme={BuildTheme}>\n      <ExpressionItem\n        id={createUID()}\n        primary='Loan to value validation'\n        type='Decision'\n        onInsert={onInsert}\n        expression='@Decision'\n        isExpanded={isExpanded}\n        onExpand={onExpand}\n      />\n    </Configuration>\n  );\n};\n\nexport const ExpressionListDemo: Story = () => {\n  return (\n    <Configuration theme={BuildTheme}>\n      <ExpressionList\n        items={items}\n        onItemInsert={action('onItemInsert')}\n        onItemExpand={action('onItemExpand')}\n      />\n    </Configuration>\n  );\n};\ninterface ExpressionBuilderStoryProps {\n  showErrors?: boolean;\n  errors?: ExpressionBuilderProps['errors'];\n  onItemInsert?: ExpressionBuilderProps['list']['onItemInsert'];\n  onItemExpand?: ExpressionBuilderProps['list']['onItemExpand'];\n  onFilterChange?: ExpressionBuilderProps['search']['onFilterChange'];\n  onSearchChange?: ExpressionBuilderProps['search']['onSearchChange'];\n  handle?: ExpressionBuilderProps['handle'];\n  defaultValue?: string;\n}\n\nexport const ExpressionBuilderDemo: Story<ExpressionBuilderStoryProps> = (\n  args: ExpressionBuilderStoryProps\n) => {\n  const [searchValue, setSearchValue] = useState('');\n  const [searchFilter, setSearchFilter] = useState('');\n  const [expressionItems, setExpressionItems] = useState(items);\n  const handle = useRef<HandleValue>(null);\n\n  useEffect(() => {\n    const lowerSearchFilter = searchFilter.toLowerCase();\n    const lowerSearchValue = searchValue.toLowerCase();\n    setExpressionItems(\n      items.filter(item => {\n        return (\n          item.type.toLowerCase().includes(lowerSearchFilter === 'all' ? '' : lowerSearchFilter) &&\n          item.primary.toLowerCase().includes(lowerSearchValue)\n        );\n      })\n    );\n  }, [searchValue, searchFilter]);\n\n  const onItemInsert = (\n    id: ExpressionItemProps['id'],\n    insertExpression: (expression: string) => void\n  ) => {\n    const item = items.find(instance => instance.id === id);\n    if (item) insertExpression(item.expression);\n\n    // Added this action to demonstrate the usage of getExpression\n    action('Current expression')(handle.current?.getExpression());\n  };\n\n  return (\n    <Configuration theme={BuildTheme}>\n      <StyledExpressionBuilderDemo>\n        <ExpressionBuilder\n          list={{\n            items: expressionItems,\n            onItemInsert: args.onItemInsert || onItemInsert,\n            onItemExpand: args.onItemExpand || action('onItemExpand')\n          }}\n          search={{\n            filters: ['Field', 'Function', 'Decision'],\n            onFilterChange: args.onFilterChange\n              ? args.onFilterChange\n              : value => setSearchFilter(value),\n            onSearchChange: args.onSearchChange\n              ? args.onSearchChange\n              : value => setSearchValue(value),\n            value: searchValue\n          }}\n          errors={args.showErrors ? args.errors || errors : undefined}\n          defaultValue={args.defaultValue === undefined ? 'testExp(arg1, arg2)' : args.defaultValue}\n          handle={args.handle || handle}\n        />\n      </StyledExpressionBuilderDemo>\n    </Configuration>\n  );\n};\n\nExpressionBuilderDemo.args = {\n  showErrors: false\n};\n\nExpressionBuilderDemo.argTypes = {\n  showErrors: { control: { type: 'boolean' } }\n};\n"]}

package/jsx/build/ObjectSelect/ObjectSelect.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/build/ObjectSelect/ObjectSelect.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAiC/C,OAAO,EAIL,sBAAsB,EAMvB,MAAM,sBAAsB,CAAC;;AAI9B,wBAGU;AAEV,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,sBAAsB,CAsC9D,CAAC;AAoCF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,sBAAsB,CAuE1D,CAAC;AAwCF,eAAO,MAAM,sBAAsB,EAAE,KAmJpC,CAAC"}
+{"version":3,"file":"ObjectSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/build/ObjectSelect/ObjectSelect.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAiC/C,OAAO,EAIL,sBAAsB,EAMvB,MAAM,sBAAsB,CAAC;;AAI9B,wBAGU;AAEV,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,sBAAsB,CAsC9D,CAAC;AAoCF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,sBAAsB,CAyE1D,CAAC;AAwCF,eAAO,MAAM,sBAAsB,EAAE,KAmJpC,CAAC"}

package/jsx/build/ObjectSelect/ObjectSelect.stories.jsx

@@ -80,15 +80,16 @@ export const ObjectSelectDemo = (args) => {
     const selectItem = useCallback((id) => {
         setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));
     }, []);
+    const { createNewAs, ...restArgs } = args;
     return (<>
-      <ObjectSelectComp {...args} popoverContent={args.popoverContent} onPreview={id => {
+      <ObjectSelectComp {...restArgs} popoverContent={args.popoverContent} onPreview={id => {
             const data = dataPages.find(dataPage => dataPage.id === id);
             if (data)
                 setDrawerData(data);
             if (!drawerOpen) {
                 setDrawerOpen(true);
             }
-        }} createConfiguration={args.createNewAs === 'modal'
+        }} createConfiguration={createNewAs === 'modal'
             ? {
                 loading: formLoading,
                 renderer: FormRenderer,

package/jsx/build/ObjectSelect/ObjectSelect.stories.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectSelect.stories.jsx","sourceRoot":"","sources":["../../../src/build/ObjectSelect/ObjectSelect.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,UAAU,EACV,UAAU,EAGV,QAAQ,EACR,WAAW,EACX,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,cAAc,EACd,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EAIb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAqB,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,KAAK,MAAM,8DAA8D,CAAC;AAEtF,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,UAAU,EAEV,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,YAAY,EACZ,cAAc,EACf,MAAM,sBAAsB,CAAC;AAE9B,YAAY,CAAC,KAAK,CAAC,CAAC;AAEpB,eAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,YAAY;CAChB,CAAC;AAEV,MAAM,CAAC,MAAM,oBAAoB,GAAkC,CACjE,IAA4B,EAC5B,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA6B,IAAI,CAAC,KAAK,CAAC,CAAC;IAE3E,OAAO,CACL,CAAC,YAAY,CACX,IAAI,IAAI,CAAC,CACT,KAAK,CAAC,CAAC,YAAY,CAAC,CACpB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE;YACb,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;YACnD,IAAI,IAAI,EAAE;gBACR,QAAQ,CAAC;oBACP,EAAE,EAAE,IAAI,CAAC,EAAE;oBACX,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,GAAG;oBACtB,IAAI,EAAE,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;iBAC3D,CAAC,CAAC;aACJ;;gBAAM,QAAQ,CAAC,SAAS,CAAC,CAAC;QAC7B,CAAC,CAAC,CACF,aAAa,CAAC,CAAC;YACb,KAAK,EAAE,mBAAmB;YAC1B,OAAO,EAAE,iBAAiB;YAC1B,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,CACR,CAAC,0BAA0B,CACzB;YAAA,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAC7C;UAAA,EAAE,0BAA0B,CAAC,CAC9B;SACF,CAAC,CACF,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1B,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;YACrB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,CAAC,kBAAkB,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/C,CAAC,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,IAAI,GAAG;IAC1B,KAAK,EAAE,qBAAqB;IAC5B,WAAW,EAAE,KAAK;IAClB,IAAI,EAAE,yBAAyB;IAC/B,WAAW,EAAE,EAAE;IACf,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IAEf,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;IAEzC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAyB,EAAE,EAAE;QAC7C,MAAM,CAAC,uBAAuB,CAAC,CAAC;QAChC,KAAK,EAAE,CAAC;IACV,CAAC;IAED,OAAO,EAAE,MAAM,CAAC,uBAAuB,CAAC;CACzC,CAAC;AAEF,oBAAoB,CAAC,QAAQ,GAAG;IAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACpC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC7C,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACnC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC1C,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC5F,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IACvC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IACtC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAkC,CAAC,IAA4B,EAAE,EAAE;IAC9F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAE1C,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,GAAuB,EAAE;QAC9E,OAAO,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;YAC7C,GAAG,IAAI;YACP,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ;SACnD,CAAC,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE3E,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,EAAuB,EAAE,EAAE;QACzD,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC;IACpE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,EACE;MAAA,CAAC,gBAAgB,CACf,IAAI,IAAI,CAAC,CACT,cAAc,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CACpC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE;YACd,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YAC5D,IAAI,IAAI;gBAAE,aAAa,CAAC,IAAI,CAAC,CAAC;YAC9B,IAAI,CAAC,UAAU,EAAE;gBACf,aAAa,CAAC,IAAI,CAAC,CAAC;aACrB;QACH,CAAC,CAAC,CACF,mBAAmB,CAAC,CAClB,IAAI,CAAC,WAAW,KAAK,OAAO;YAC1B,CAAC,CAAC;gBACE,OAAO,EAAE,WAAW;gBACpB,QAAQ,EAAE,YAAY;gBACtB,aAAa,EAAE;oBACb,KAAK;oBACL,UAAU;oBACV,UAAU;iBACX;gBACD,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;oBACtB,IAAI,QAAQ,EAAE;wBACZ,cAAc,CAAC,IAAI,CAAC,CAAC;wBACrB,cAAc,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;qBAC9B;;wBAAM,aAAa,CAAC,IAAI,CAAC,CAAC;gBAC7B,CAAC;gBACD,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE;gBACjC,YAAY,EAAE,GAAG,EAAE;oBACjB,cAAc,CAAC,IAAI,CAAC,CAAC;oBACrB,cAAc,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;gBACrD,CAAC;gBACD,YAAY,EAAE,GAAG,EAAE;oBAEjB,cAAc,CAAC,KAAK,CAAC,CAAC;oBACtB,QAAQ,CAAC,SAAS,CAAC,CAAC;gBACtB,CAAC;aACF;YACH,CAAC,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,CACrC,EAEH;MAAA,CAAC,cAAc,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,aAAa,CAAC,CAAC,aAAa,CAAC,EAEjC;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,IAAI,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,KAAK;IAClB,IAAI,EAAE,mCAAmC;IACzC,WAAW,EAAE,EAAE;IACf,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,cAAc,EAAE,QAAQ;IAExB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;IAEnB,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAyB,EAAE,EAAE;QAC7C,MAAM,CAAC,uBAAuB,CAAC,CAAC;QAChC,KAAK,EAAE,CAAC;IACV,CAAC;IAED,OAAO,EAAE,MAAM,CAAC,uBAAuB,CAAC;IACxC,WAAW,EAAE,OAAO;CACrB,CAAC;AAEF,gBAAgB,CAAC,QAAQ,GAAG;IAC1B,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACpC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC7C,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACnC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC1C,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC5F,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,cAAc,EAAE,EAAE,OAAO,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IAC/E,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IACvC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IACtC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IACrC,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;CACxE,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAU,GAAG,EAAE;IAChD,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IAC3E,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC5C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAE1C,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,GAAuB,EAAE;QAC9E,OAAO,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;YAC7C,GAAG,IAAI;YACP,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ;SACnD,CAAC,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE3E,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,EAAuB,EAAE,EAAE;QACzD,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC;IACpE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;IACzD,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC;IAEvE,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW;QAAE,OAAO,EAAE,GAAG,CAAC;IAExC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;IAE1E,MAAM,OAAO,GAAG,CACd,EACE;MAAA,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,WAAW,CACnB,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,IAAI,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC;QACvC,CAAC,CAAC,CAEF;;MACF,EAAE,MAAM,CACR;MAAA,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CACzE;;MACF,EAAE,MAAM,CACV;IAAA,GAAG,CACJ,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CACnD;MAAA,CAAC,WAAW,CACV;QAAA,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,CAAC,CAAY,EAAE,EAAE;YACzB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC;QACvC,CAAC,CAAC,CACF,OAAO,CAAC,iBAAiB,CAEzB;UAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAClE;YAAA,CAAC,KAAK,CACJ,IAAI,CAAC,MAAM,CACX,KAAK,CAAC,YAAY,CAClB,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,IAAI,CAAC,0BAA0B,CAC/B,QAAQ,CAAC,CAAC,CAAC,CAAgC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CACnE,MAAM,CAAC,CAAC,CAAC,CAA+B,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAChE,YAAY,CAAC,KAAK,EAGpB;;YAAA,CAAC,QAAQ,CACP,IAAI,CAAC,aAAa,CAClB,QAAQ,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAC/B,KAAK,CAAC,mBAAmB,CACzB,MAAM,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAC3B,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,CAC3C,QAAQ,CAAC,CAAC,CAAC,CAAmC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CACtE,MAAM,CAAC,CAAC,CAAC,CAA+B,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAElE;YAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,WAAW,CACjB,IAAI,CAAC,iCAAiC,CACtC,KAAK,CAAC,CAAC,EAAE,CAAC,CACV,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,CACjC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CACpB,QAAQ,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CACnB,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE;YACd,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YAC5D,IAAI,IAAI;gBAAE,aAAa,CAAC,IAAI,CAAC,CAAC;YAC9B,IAAI,CAAC,UAAU,EAAE;gBACf,aAAa,CAAC,IAAI,CAAC,CAAC;aACrB;QACH,CAAC,CAAC,CACF,mBAAmB,CAAC,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,CAAC,EAExD;YAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,sBAAsB,CAC5B,IAAI,CAAC,mCAAmC,CACxC,KAAK,CAAC,CAAC,EAAE,CAAC,CACV,QAAQ,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CACnB,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,CACjC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CACpB,mBAAmB,CAAC,CAAC;YACnB,OAAO,EAAE,WAAW;YACpB,QAAQ,EAAE,YAAY;YACtB,aAAa,EAAE;gBACb,KAAK;gBACL,UAAU;gBACV,UAAU;aACX;YACD,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;gBACtB,IAAI,QAAQ,EAAE;oBACZ,cAAc,CAAC,IAAI,CAAC,CAAC;oBACrB,cAAc,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAC9B;;oBAAM,aAAa,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC;YACD,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE;YACjC,YAAY,EAAE,GAAG,EAAE;gBACjB,cAAc,CAAC,IAAI,CAAC,CAAC;gBACrB,cAAc,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;YACrD,CAAC;YACD,YAAY,EAAE,GAAG,EAAE;gBAEjB,cAAc,CAAC,KAAK,CAAC,CAAC;gBACtB,QAAQ,CAAC,SAAS,CAAC,CAAC;YACtB,CAAC;SACF,CAAC,CACF,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE;YACd,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YAC5D,IAAI,IAAI;gBAAE,aAAa,CAAC,IAAI,CAAC,CAAC;YAC9B,IAAI,CAAC,UAAU,EAAE;gBACf,aAAa,CAAC,IAAI,CAAC,CAAC;aACrB;QACH,CAAC,CAAC,EAEJ;YAAA,CAAC,cAAc,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,aAAa,CAAC,CAAC,aAAa,CAAC,EAEjC;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,WAAW,CACf;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport {\n  FormEvent,\n  useReducer,\n  useContext,\n  ChangeEvent,\n  FocusEvent,\n  useState,\n  useCallback,\n  useMemo\n} from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport {\n  Form,\n  Button,\n  Flex,\n  Input,\n  ToasterContext,\n  TextArea,\n  Card,\n  CardContent,\n  registerIcon,\n  menuHelpers,\n  StyledRegion,\n  MenuItemProps,\n  FieldValueListProps,\n  MenuProps\n} from '@pega/cosmos-react-core';\nimport { ObjectSelect, ObjectSelectProps } from '@pega/cosmos-react-build';\nimport * as times from '@pega/cosmos-react-core/lib/components/Icon/icons/times.icon';\n\nimport { StyledConfigurationContent } from './ObjectSelect.styles';\nimport {\n  skeletonData,\n  fieldReducer,\n  initFields,\n  ObjectSelectStoryProps,\n  ObjectSelectComp,\n  dataPages,\n  ViewportDrawer,\n  FormRenderer,\n  mockNetworkReq\n} from './ObjectSelect.mocks';\n\nregisterIcon(times);\n\nexport default {\n  title: 'Build/ObjectSelect',\n  component: ObjectSelect\n} as Meta;\n\nexport const ObjectSelectSkeleton: Story<ObjectSelectStoryProps> = (\n  args: ObjectSelectStoryProps\n) => {\n  const [value, setValue] = useState<ObjectSelectProps['value']>(args.value);\n\n  return (\n    <ObjectSelect\n      {...args}\n      items={skeletonData}\n      value={value}\n      onChange={id => {\n        const data = menuHelpers.getItem(skeletonData, id);\n        if (data) {\n          setValue({\n            id: data.id,\n            primary: data.primary,\n            href: data.href ?? '#',\n            meta: data.id !== '01-4' ? data.secondary?.join('  ') : ''\n          });\n        } else setValue(undefined);\n      }}\n      configuration={{\n        label: 'Gear button label',\n        heading: 'Popover heading',\n        onSubmit: args.onSubmit,\n        children: (\n          <StyledConfigurationContent>\n            <StyledRegion style={{ minHeight: '20vh' }} />\n          </StyledConfigurationContent>\n        )\n      }}\n      onPreview={args.onPreview}\n      onLinkClick={(id, e) => {\n        e.preventDefault();\n        action(`item with id - ${id} is clicked`)(e);\n      }}\n    />\n  );\n};\n\nObjectSelectSkeleton.args = {\n  label: 'Object select label',\n  labelHidden: false,\n  info: 'Object select info text',\n  placeholder: '',\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: false,\n  // eslint-disable-next-line demo-patterns/literal-args\n  onPreview: action('Clicked preview link'),\n  // eslint-disable-next-line demo-patterns/literal-args\n  onSubmit: ({ close }: { close: () => void }) => {\n    action('Clicked submit button');\n    close();\n  },\n  // eslint-disable-next-line demo-patterns/literal-args\n  onClose: action('Clicked cancel button')\n};\n\nObjectSelectSkeleton.argTypes = {\n  label: { control: { type: 'text' } },\n  labelHidden: { control: { type: 'boolean' } },\n  info: { control: { type: 'text' } },\n  placeholder: { control: { type: 'text' } },\n  status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n  required: { control: { type: 'boolean' } },\n  disabled: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } },\n  onPreview: { table: { disable: true } },\n  onSubmit: { table: { disable: true } },\n  onClose: { table: { disable: true } }\n};\n\nexport const ObjectSelectDemo: Story<ObjectSelectStoryProps> = (args: ObjectSelectStoryProps) => {\n  const [drawerOpen, setDrawerOpen] = useState(false);\n  const [drawerData, setDrawerData] = useState<\n    MenuItemProps & { metaData: FieldValueListProps['fields'] }\n  >(dataPages[0]);\n\n  const [scopeError, setScopeError] = useState(false);\n  const [formLoading, setFormLoading] = useState(false);\n\n  const [items, setItems] = useState<MenuProps['items']>((): MenuProps['items'] => {\n    return menuHelpers.mapTree(dataPages, item => ({\n      ...item,\n      selected: item.items ? undefined : !!item.selected\n    }));\n  });\n\n  const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);\n\n  const selectItem = useCallback((id: MenuItemProps['id']) => {\n    setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));\n  }, []);\n\n  return (\n    <>\n      <ObjectSelectComp\n        {...args}\n        popoverContent={args.popoverContent}\n        onPreview={id => {\n          const data = dataPages.find(dataPage => dataPage.id === id);\n          if (data) setDrawerData(data);\n          if (!drawerOpen) {\n            setDrawerOpen(true);\n          }\n        }}\n        createConfiguration={\n          args.createNewAs === 'modal'\n            ? {\n                loading: formLoading,\n                renderer: FormRenderer,\n                rendererProps: {\n                  items,\n                  selectItem,\n                  scopeError\n                },\n                onSubmit: ({ close }) => {\n                  if (selected) {\n                    setFormLoading(true);\n                    mockNetworkReq().then(close);\n                  } else setScopeError(true);\n                },\n                onDismiss: ({ close }) => close(),\n                onBeforeOpen: () => {\n                  setFormLoading(true);\n                  mockNetworkReq().then(() => setFormLoading(false));\n                },\n                onAfterClose: () => {\n                  // Clean up loading state when the form is closed.\n                  setFormLoading(false);\n                  setItems(dataPages);\n                }\n              }\n            : { href: 'https://www.pega.com' }\n        }\n      />\n      <ViewportDrawer\n        drawerData={drawerData}\n        drawerOpen={drawerOpen}\n        setDrawerOpen={setDrawerOpen}\n      />\n    </>\n  );\n};\n\nObjectSelectDemo.args = {\n  label: 'Data source',\n  labelHidden: false,\n  info: 'Select an appropriate data source',\n  placeholder: '',\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: false,\n  popoverContent: 'simple',\n  // eslint-disable-next-line demo-patterns/literal-args\n  onPreview: () => {},\n  // eslint-disable-next-line demo-patterns/literal-args\n  onSubmit: ({ close }: { close: () => void }) => {\n    action('Clicked submit button');\n    close();\n  },\n  // eslint-disable-next-line demo-patterns/literal-args\n  onClose: action('Clicked cancel button'),\n  createNewAs: 'modal'\n};\n\nObjectSelectDemo.argTypes = {\n  label: { control: { type: 'text' } },\n  labelHidden: { control: { type: 'boolean' } },\n  info: { control: { type: 'text' } },\n  placeholder: { control: { type: 'text' } },\n  status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n  required: { control: { type: 'boolean' } },\n  disabled: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } },\n  popoverContent: { options: ['simple', 'advanced'], control: { type: 'radio' } },\n  onPreview: { table: { disable: true } },\n  onSubmit: { table: { disable: true } },\n  onClose: { table: { disable: true } },\n  createNewAs: { options: ['modal', 'link'], control: { type: 'radio' } }\n};\n\nexport const ObjectSelectDemoInForm: Story = () => {\n  const [fields, setField] = useReducer(fieldReducer, undefined, initFields);\n  const { push } = useContext(ToasterContext);\n  const [drawerOpen, setDrawerOpen] = useState(false);\n  const [drawerData, setDrawerData] = useState<\n    MenuItemProps & { metaData: FieldValueListProps['fields'] }\n  >(dataPages[0]);\n\n  const [scopeError, setScopeError] = useState(false);\n  const [formLoading, setFormLoading] = useState(false);\n\n  const [items, setItems] = useState<MenuProps['items']>((): MenuProps['items'] => {\n    return menuHelpers.mapTree(dataPages, item => ({\n      ...item,\n      selected: item.items ? undefined : !!item.selected\n    }));\n  });\n\n  const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);\n\n  const selectItem = useCallback((id: MenuItemProps['id']) => {\n    setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));\n  }, []);\n\n  const name = fields.find(field => field.name === 'name');\n  const description = fields.find(field => field.name === 'description');\n\n  if (!name || !description) return <></>;\n\n  const canSubmit = fields.every(field => field.value && field.validator());\n\n  const actions = (\n    <>\n      <Button\n        name='Cancel'\n        variant='secondary'\n        onClick={() => {\n          push({ content: 'Form cancelled!' });\n        }}\n      >\n        Cancel\n      </Button>\n      <Button name='Submit' type='submit' variant='primary' disabled={!canSubmit}>\n        Submit\n      </Button>\n    </>\n  );\n\n  return (\n    <Card style={{ margin: 'auto', maxWidth: '37.5rem' }}>\n      <CardContent>\n        <Form\n          actions={actions}\n          onSubmit={(e: FormEvent) => {\n            e.preventDefault();\n            push({ content: 'Form submitted!' });\n          }}\n          heading='Configure Table'\n        >\n          <Flex container={{ direction: 'column', gap: 2 }} item={{ grow: 1 }}>\n            <Input\n              name='name'\n              label='Table name'\n              value={name.value}\n              required={name.required}\n              status={name.status}\n              info='Enter a valid table name'\n              onChange={(e: ChangeEvent<HTMLInputElement>) => setField({ ...e })}\n              onBlur={(e: FocusEvent<HTMLInputElement>) => setField({ ...e })}\n              autoComplete='off'\n            />\n\n            <TextArea\n              name='description'\n              required={description.required}\n              label='Table description'\n              status={description.status}\n              info={description.info || description.help}\n              onChange={(e: ChangeEvent<HTMLTextAreaElement>) => setField({ ...e })}\n              onBlur={(e: FocusEvent<HTMLInputElement>) => setField({ ...e })}\n            />\n            <ObjectSelectComp\n              label='Data page'\n              info='Select an appropriate data page'\n              items={[]}\n              onSubmit={({ close }) => close()}\n              onClose={() => null}\n              onChange={() => {}}\n              onPreview={id => {\n                const data = dataPages.find(dataPage => dataPage.id === id);\n                if (data) setDrawerData(data);\n                if (!drawerOpen) {\n                  setDrawerOpen(true);\n                }\n              }}\n              createConfiguration={{ href: 'https://www.pega.com' }}\n            />\n            <ObjectSelectComp\n              label='Visibility condition'\n              info='Choose a when condition from list'\n              items={[]}\n              onChange={() => {}}\n              onSubmit={({ close }) => close()}\n              onClose={() => null}\n              createConfiguration={{\n                loading: formLoading,\n                renderer: FormRenderer,\n                rendererProps: {\n                  items,\n                  selectItem,\n                  scopeError\n                },\n                onSubmit: ({ close }) => {\n                  if (selected) {\n                    setFormLoading(true);\n                    mockNetworkReq().then(close);\n                  } else setScopeError(true);\n                },\n                onDismiss: ({ close }) => close(),\n                onBeforeOpen: () => {\n                  setFormLoading(true);\n                  mockNetworkReq().then(() => setFormLoading(false));\n                },\n                onAfterClose: () => {\n                  // Clean up loading state when the form is closed.\n                  setFormLoading(false);\n                  setItems(dataPages);\n                }\n              }}\n              onPreview={id => {\n                const data = dataPages.find(dataPage => dataPage.id === id);\n                if (data) setDrawerData(data);\n                if (!drawerOpen) {\n                  setDrawerOpen(true);\n                }\n              }}\n            />\n            <ViewportDrawer\n              drawerData={drawerData}\n              drawerOpen={drawerOpen}\n              setDrawerOpen={setDrawerOpen}\n            />\n          </Flex>\n        </Form>\n      </CardContent>\n    </Card>\n  );\n};\n"]}
+{"version":3,"file":"ObjectSelect.stories.jsx","sourceRoot":"","sources":["../../../src/build/ObjectSelect/ObjectSelect.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,UAAU,EACV,UAAU,EAGV,QAAQ,EACR,WAAW,EACX,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,cAAc,EACd,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EAIb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAqB,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,KAAK,MAAM,8DAA8D,CAAC;AAEtF,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,UAAU,EAEV,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,YAAY,EACZ,cAAc,EACf,MAAM,sBAAsB,CAAC;AAE9B,YAAY,CAAC,KAAK,CAAC,CAAC;AAEpB,eAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,YAAY;CAChB,CAAC;AAEV,MAAM,CAAC,MAAM,oBAAoB,GAAkC,CACjE,IAA4B,EAC5B,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA6B,IAAI,CAAC,KAAK,CAAC,CAAC;IAE3E,OAAO,CACL,CAAC,YAAY,CACX,IAAI,IAAI,CAAC,CACT,KAAK,CAAC,CAAC,YAAY,CAAC,CACpB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE;YACb,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;YACnD,IAAI,IAAI,EAAE;gBACR,QAAQ,CAAC;oBACP,EAAE,EAAE,IAAI,CAAC,EAAE;oBACX,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,GAAG;oBACtB,IAAI,EAAE,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;iBAC3D,CAAC,CAAC;aACJ;;gBAAM,QAAQ,CAAC,SAAS,CAAC,CAAC;QAC7B,CAAC,CAAC,CACF,aAAa,CAAC,CAAC;YACb,KAAK,EAAE,mBAAmB;YAC1B,OAAO,EAAE,iBAAiB;YAC1B,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,CACR,CAAC,0BAA0B,CACzB;YAAA,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAC7C;UAAA,EAAE,0BAA0B,CAAC,CAC9B;SACF,CAAC,CACF,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1B,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;YACrB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,CAAC,kBAAkB,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/C,CAAC,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,IAAI,GAAG;IAC1B,KAAK,EAAE,qBAAqB;IAC5B,WAAW,EAAE,KAAK;IAClB,IAAI,EAAE,yBAAyB;IAC/B,WAAW,EAAE,EAAE;IACf,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IAEf,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;IAEzC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAyB,EAAE,EAAE;QAC7C,MAAM,CAAC,uBAAuB,CAAC,CAAC;QAChC,KAAK,EAAE,CAAC;IACV,CAAC;IAED,OAAO,EAAE,MAAM,CAAC,uBAAuB,CAAC;CACzC,CAAC;AAEF,oBAAoB,CAAC,QAAQ,GAAG;IAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACpC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC7C,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACnC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC1C,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC5F,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IACvC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IACtC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAkC,CAAC,IAA4B,EAAE,EAAE;IAC9F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAE1C,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,GAAuB,EAAE;QAC9E,OAAO,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;YAC7C,GAAG,IAAI;YACP,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ;SACnD,CAAC,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE3E,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,EAAuB,EAAE,EAAE;QACzD,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC;IACpE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE,GAAG,IAAI,CAAC;IAE1C,OAAO,CACL,EACE;MAAA,CAAC,gBAAgB,CACf,IAAI,QAAQ,CAAC,CACb,cAAc,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CACpC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE;YACd,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YAC5D,IAAI,IAAI;gBAAE,aAAa,CAAC,IAAI,CAAC,CAAC;YAC9B,IAAI,CAAC,UAAU,EAAE;gBACf,aAAa,CAAC,IAAI,CAAC,CAAC;aACrB;QACH,CAAC,CAAC,CACF,mBAAmB,CAAC,CAClB,WAAW,KAAK,OAAO;YACrB,CAAC,CAAC;gBACE,OAAO,EAAE,WAAW;gBACpB,QAAQ,EAAE,YAAY;gBACtB,aAAa,EAAE;oBACb,KAAK;oBACL,UAAU;oBACV,UAAU;iBACX;gBACD,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;oBACtB,IAAI,QAAQ,EAAE;wBACZ,cAAc,CAAC,IAAI,CAAC,CAAC;wBACrB,cAAc,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;qBAC9B;;wBAAM,aAAa,CAAC,IAAI,CAAC,CAAC;gBAC7B,CAAC;gBACD,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE;gBACjC,YAAY,EAAE,GAAG,EAAE;oBACjB,cAAc,CAAC,IAAI,CAAC,CAAC;oBACrB,cAAc,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;gBACrD,CAAC;gBACD,YAAY,EAAE,GAAG,EAAE;oBAEjB,cAAc,CAAC,KAAK,CAAC,CAAC;oBACtB,QAAQ,CAAC,SAAS,CAAC,CAAC;gBACtB,CAAC;aACF;YACH,CAAC,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,CACrC,EAEH;MAAA,CAAC,cAAc,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,aAAa,CAAC,CAAC,aAAa,CAAC,EAEjC;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,IAAI,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,KAAK;IAClB,IAAI,EAAE,mCAAmC;IACzC,WAAW,EAAE,EAAE;IACf,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,cAAc,EAAE,QAAQ;IAExB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;IAEnB,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAyB,EAAE,EAAE;QAC7C,MAAM,CAAC,uBAAuB,CAAC,CAAC;QAChC,KAAK,EAAE,CAAC;IACV,CAAC;IAED,OAAO,EAAE,MAAM,CAAC,uBAAuB,CAAC;IACxC,WAAW,EAAE,OAAO;CACrB,CAAC;AAEF,gBAAgB,CAAC,QAAQ,GAAG;IAC1B,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACpC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC7C,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACnC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC1C,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC5F,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,cAAc,EAAE,EAAE,OAAO,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IAC/E,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IACvC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IACtC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IACrC,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;CACxE,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAU,GAAG,EAAE;IAChD,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IAC3E,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC5C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAE1C,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,GAAuB,EAAE;QAC9E,OAAO,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;YAC7C,GAAG,IAAI;YACP,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ;SACnD,CAAC,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE3E,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,EAAuB,EAAE,EAAE;QACzD,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC;IACpE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;IACzD,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC;IAEvE,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW;QAAE,OAAO,EAAE,GAAG,CAAC;IAExC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;IAE1E,MAAM,OAAO,GAAG,CACd,EACE;MAAA,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,WAAW,CACnB,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,IAAI,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC;QACvC,CAAC,CAAC,CAEF;;MACF,EAAE,MAAM,CACR;MAAA,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CACzE;;MACF,EAAE,MAAM,CACV;IAAA,GAAG,CACJ,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CACnD;MAAA,CAAC,WAAW,CACV;QAAA,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,CAAC,CAAY,EAAE,EAAE;YACzB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC;QACvC,CAAC,CAAC,CACF,OAAO,CAAC,iBAAiB,CAEzB;UAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAClE;YAAA,CAAC,KAAK,CACJ,IAAI,CAAC,MAAM,CACX,KAAK,CAAC,YAAY,CAClB,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,IAAI,CAAC,0BAA0B,CAC/B,QAAQ,CAAC,CAAC,CAAC,CAAgC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CACnE,MAAM,CAAC,CAAC,CAAC,CAA+B,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAChE,YAAY,CAAC,KAAK,EAGpB;;YAAA,CAAC,QAAQ,CACP,IAAI,CAAC,aAAa,CAClB,QAAQ,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAC/B,KAAK,CAAC,mBAAmB,CACzB,MAAM,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAC3B,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,CAC3C,QAAQ,CAAC,CAAC,CAAC,CAAmC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CACtE,MAAM,CAAC,CAAC,CAAC,CAA+B,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAElE;YAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,WAAW,CACjB,IAAI,CAAC,iCAAiC,CACtC,KAAK,CAAC,CAAC,EAAE,CAAC,CACV,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,CACjC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CACpB,QAAQ,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CACnB,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE;YACd,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YAC5D,IAAI,IAAI;gBAAE,aAAa,CAAC,IAAI,CAAC,CAAC;YAC9B,IAAI,CAAC,UAAU,EAAE;gBACf,aAAa,CAAC,IAAI,CAAC,CAAC;aACrB;QACH,CAAC,CAAC,CACF,mBAAmB,CAAC,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,CAAC,EAExD;YAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,sBAAsB,CAC5B,IAAI,CAAC,mCAAmC,CACxC,KAAK,CAAC,CAAC,EAAE,CAAC,CACV,QAAQ,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CACnB,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,CACjC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CACpB,mBAAmB,CAAC,CAAC;YACnB,OAAO,EAAE,WAAW;YACpB,QAAQ,EAAE,YAAY;YACtB,aAAa,EAAE;gBACb,KAAK;gBACL,UAAU;gBACV,UAAU;aACX;YACD,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;gBACtB,IAAI,QAAQ,EAAE;oBACZ,cAAc,CAAC,IAAI,CAAC,CAAC;oBACrB,cAAc,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAC9B;;oBAAM,aAAa,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC;YACD,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE;YACjC,YAAY,EAAE,GAAG,EAAE;gBACjB,cAAc,CAAC,IAAI,CAAC,CAAC;gBACrB,cAAc,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;YACrD,CAAC;YACD,YAAY,EAAE,GAAG,EAAE;gBAEjB,cAAc,CAAC,KAAK,CAAC,CAAC;gBACtB,QAAQ,CAAC,SAAS,CAAC,CAAC;YACtB,CAAC;SACF,CAAC,CACF,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE;YACd,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YAC5D,IAAI,IAAI;gBAAE,aAAa,CAAC,IAAI,CAAC,CAAC;YAC9B,IAAI,CAAC,UAAU,EAAE;gBACf,aAAa,CAAC,IAAI,CAAC,CAAC;aACrB;QACH,CAAC,CAAC,EAEJ;YAAA,CAAC,cAAc,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,aAAa,CAAC,CAAC,aAAa,CAAC,EAEjC;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,WAAW,CACf;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport {\n  FormEvent,\n  useReducer,\n  useContext,\n  ChangeEvent,\n  FocusEvent,\n  useState,\n  useCallback,\n  useMemo\n} from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport {\n  Form,\n  Button,\n  Flex,\n  Input,\n  ToasterContext,\n  TextArea,\n  Card,\n  CardContent,\n  registerIcon,\n  menuHelpers,\n  StyledRegion,\n  MenuItemProps,\n  FieldValueListProps,\n  MenuProps\n} from '@pega/cosmos-react-core';\nimport { ObjectSelect, ObjectSelectProps } from '@pega/cosmos-react-build';\nimport * as times from '@pega/cosmos-react-core/lib/components/Icon/icons/times.icon';\n\nimport { StyledConfigurationContent } from './ObjectSelect.styles';\nimport {\n  skeletonData,\n  fieldReducer,\n  initFields,\n  ObjectSelectStoryProps,\n  ObjectSelectComp,\n  dataPages,\n  ViewportDrawer,\n  FormRenderer,\n  mockNetworkReq\n} from './ObjectSelect.mocks';\n\nregisterIcon(times);\n\nexport default {\n  title: 'Build/ObjectSelect',\n  component: ObjectSelect\n} as Meta;\n\nexport const ObjectSelectSkeleton: Story<ObjectSelectStoryProps> = (\n  args: ObjectSelectStoryProps\n) => {\n  const [value, setValue] = useState<ObjectSelectProps['value']>(args.value);\n\n  return (\n    <ObjectSelect\n      {...args}\n      items={skeletonData}\n      value={value}\n      onChange={id => {\n        const data = menuHelpers.getItem(skeletonData, id);\n        if (data) {\n          setValue({\n            id: data.id,\n            primary: data.primary,\n            href: data.href ?? '#',\n            meta: data.id !== '01-4' ? data.secondary?.join('  ') : ''\n          });\n        } else setValue(undefined);\n      }}\n      configuration={{\n        label: 'Gear button label',\n        heading: 'Popover heading',\n        onSubmit: args.onSubmit,\n        children: (\n          <StyledConfigurationContent>\n            <StyledRegion style={{ minHeight: '20vh' }} />\n          </StyledConfigurationContent>\n        )\n      }}\n      onPreview={args.onPreview}\n      onLinkClick={(id, e) => {\n        e.preventDefault();\n        action(`item with id - ${id} is clicked`)(e);\n      }}\n    />\n  );\n};\n\nObjectSelectSkeleton.args = {\n  label: 'Object select label',\n  labelHidden: false,\n  info: 'Object select info text',\n  placeholder: '',\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: false,\n  // eslint-disable-next-line demo-patterns/literal-args\n  onPreview: action('Clicked preview link'),\n  // eslint-disable-next-line demo-patterns/literal-args\n  onSubmit: ({ close }: { close: () => void }) => {\n    action('Clicked submit button');\n    close();\n  },\n  // eslint-disable-next-line demo-patterns/literal-args\n  onClose: action('Clicked cancel button')\n};\n\nObjectSelectSkeleton.argTypes = {\n  label: { control: { type: 'text' } },\n  labelHidden: { control: { type: 'boolean' } },\n  info: { control: { type: 'text' } },\n  placeholder: { control: { type: 'text' } },\n  status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n  required: { control: { type: 'boolean' } },\n  disabled: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } },\n  onPreview: { table: { disable: true } },\n  onSubmit: { table: { disable: true } },\n  onClose: { table: { disable: true } }\n};\n\nexport const ObjectSelectDemo: Story<ObjectSelectStoryProps> = (args: ObjectSelectStoryProps) => {\n  const [drawerOpen, setDrawerOpen] = useState(false);\n  const [drawerData, setDrawerData] = useState<\n    MenuItemProps & { metaData: FieldValueListProps['fields'] }\n  >(dataPages[0]);\n\n  const [scopeError, setScopeError] = useState(false);\n  const [formLoading, setFormLoading] = useState(false);\n\n  const [items, setItems] = useState<MenuProps['items']>((): MenuProps['items'] => {\n    return menuHelpers.mapTree(dataPages, item => ({\n      ...item,\n      selected: item.items ? undefined : !!item.selected\n    }));\n  });\n\n  const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);\n\n  const selectItem = useCallback((id: MenuItemProps['id']) => {\n    setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));\n  }, []);\n\n  const { createNewAs, ...restArgs } = args;\n\n  return (\n    <>\n      <ObjectSelectComp\n        {...restArgs}\n        popoverContent={args.popoverContent}\n        onPreview={id => {\n          const data = dataPages.find(dataPage => dataPage.id === id);\n          if (data) setDrawerData(data);\n          if (!drawerOpen) {\n            setDrawerOpen(true);\n          }\n        }}\n        createConfiguration={\n          createNewAs === 'modal'\n            ? {\n                loading: formLoading,\n                renderer: FormRenderer,\n                rendererProps: {\n                  items,\n                  selectItem,\n                  scopeError\n                },\n                onSubmit: ({ close }) => {\n                  if (selected) {\n                    setFormLoading(true);\n                    mockNetworkReq().then(close);\n                  } else setScopeError(true);\n                },\n                onDismiss: ({ close }) => close(),\n                onBeforeOpen: () => {\n                  setFormLoading(true);\n                  mockNetworkReq().then(() => setFormLoading(false));\n                },\n                onAfterClose: () => {\n                  // Clean up loading state when the form is closed.\n                  setFormLoading(false);\n                  setItems(dataPages);\n                }\n              }\n            : { href: 'https://www.pega.com' }\n        }\n      />\n      <ViewportDrawer\n        drawerData={drawerData}\n        drawerOpen={drawerOpen}\n        setDrawerOpen={setDrawerOpen}\n      />\n    </>\n  );\n};\n\nObjectSelectDemo.args = {\n  label: 'Data source',\n  labelHidden: false,\n  info: 'Select an appropriate data source',\n  placeholder: '',\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: false,\n  popoverContent: 'simple',\n  // eslint-disable-next-line demo-patterns/literal-args\n  onPreview: () => {},\n  // eslint-disable-next-line demo-patterns/literal-args\n  onSubmit: ({ close }: { close: () => void }) => {\n    action('Clicked submit button');\n    close();\n  },\n  // eslint-disable-next-line demo-patterns/literal-args\n  onClose: action('Clicked cancel button'),\n  createNewAs: 'modal'\n};\n\nObjectSelectDemo.argTypes = {\n  label: { control: { type: 'text' } },\n  labelHidden: { control: { type: 'boolean' } },\n  info: { control: { type: 'text' } },\n  placeholder: { control: { type: 'text' } },\n  status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n  required: { control: { type: 'boolean' } },\n  disabled: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } },\n  popoverContent: { options: ['simple', 'advanced'], control: { type: 'radio' } },\n  onPreview: { table: { disable: true } },\n  onSubmit: { table: { disable: true } },\n  onClose: { table: { disable: true } },\n  createNewAs: { options: ['modal', 'link'], control: { type: 'radio' } }\n};\n\nexport const ObjectSelectDemoInForm: Story = () => {\n  const [fields, setField] = useReducer(fieldReducer, undefined, initFields);\n  const { push } = useContext(ToasterContext);\n  const [drawerOpen, setDrawerOpen] = useState(false);\n  const [drawerData, setDrawerData] = useState<\n    MenuItemProps & { metaData: FieldValueListProps['fields'] }\n  >(dataPages[0]);\n\n  const [scopeError, setScopeError] = useState(false);\n  const [formLoading, setFormLoading] = useState(false);\n\n  const [items, setItems] = useState<MenuProps['items']>((): MenuProps['items'] => {\n    return menuHelpers.mapTree(dataPages, item => ({\n      ...item,\n      selected: item.items ? undefined : !!item.selected\n    }));\n  });\n\n  const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);\n\n  const selectItem = useCallback((id: MenuItemProps['id']) => {\n    setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));\n  }, []);\n\n  const name = fields.find(field => field.name === 'name');\n  const description = fields.find(field => field.name === 'description');\n\n  if (!name || !description) return <></>;\n\n  const canSubmit = fields.every(field => field.value && field.validator());\n\n  const actions = (\n    <>\n      <Button\n        name='Cancel'\n        variant='secondary'\n        onClick={() => {\n          push({ content: 'Form cancelled!' });\n        }}\n      >\n        Cancel\n      </Button>\n      <Button name='Submit' type='submit' variant='primary' disabled={!canSubmit}>\n        Submit\n      </Button>\n    </>\n  );\n\n  return (\n    <Card style={{ margin: 'auto', maxWidth: '37.5rem' }}>\n      <CardContent>\n        <Form\n          actions={actions}\n          onSubmit={(e: FormEvent) => {\n            e.preventDefault();\n            push({ content: 'Form submitted!' });\n          }}\n          heading='Configure Table'\n        >\n          <Flex container={{ direction: 'column', gap: 2 }} item={{ grow: 1 }}>\n            <Input\n              name='name'\n              label='Table name'\n              value={name.value}\n              required={name.required}\n              status={name.status}\n              info='Enter a valid table name'\n              onChange={(e: ChangeEvent<HTMLInputElement>) => setField({ ...e })}\n              onBlur={(e: FocusEvent<HTMLInputElement>) => setField({ ...e })}\n              autoComplete='off'\n            />\n\n            <TextArea\n              name='description'\n              required={description.required}\n              label='Table description'\n              status={description.status}\n              info={description.info || description.help}\n              onChange={(e: ChangeEvent<HTMLTextAreaElement>) => setField({ ...e })}\n              onBlur={(e: FocusEvent<HTMLInputElement>) => setField({ ...e })}\n            />\n            <ObjectSelectComp\n              label='Data page'\n              info='Select an appropriate data page'\n              items={[]}\n              onSubmit={({ close }) => close()}\n              onClose={() => null}\n              onChange={() => {}}\n              onPreview={id => {\n                const data = dataPages.find(dataPage => dataPage.id === id);\n                if (data) setDrawerData(data);\n                if (!drawerOpen) {\n                  setDrawerOpen(true);\n                }\n              }}\n              createConfiguration={{ href: 'https://www.pega.com' }}\n            />\n            <ObjectSelectComp\n              label='Visibility condition'\n              info='Choose a when condition from list'\n              items={[]}\n              onChange={() => {}}\n              onSubmit={({ close }) => close()}\n              onClose={() => null}\n              createConfiguration={{\n                loading: formLoading,\n                renderer: FormRenderer,\n                rendererProps: {\n                  items,\n                  selectItem,\n                  scopeError\n                },\n                onSubmit: ({ close }) => {\n                  if (selected) {\n                    setFormLoading(true);\n                    mockNetworkReq().then(close);\n                  } else setScopeError(true);\n                },\n                onDismiss: ({ close }) => close(),\n                onBeforeOpen: () => {\n                  setFormLoading(true);\n                  mockNetworkReq().then(() => setFormLoading(false));\n                },\n                onAfterClose: () => {\n                  // Clean up loading state when the form is closed.\n                  setFormLoading(false);\n                  setItems(dataPages);\n                }\n              }}\n              onPreview={id => {\n                const data = dataPages.find(dataPage => dataPage.id === id);\n                if (data) setDrawerData(data);\n                if (!drawerOpen) {\n                  setDrawerOpen(true);\n                }\n              }}\n            />\n            <ViewportDrawer\n              drawerData={drawerData}\n              drawerOpen={drawerOpen}\n              setDrawerOpen={setDrawerOpen}\n            />\n          </Flex>\n        </Form>\n      </CardContent>\n    </Card>\n  );\n};\n"]}

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

@@ -0,0 +1,9 @@
+import { Meta, Story } from '@storybook/react';
+import { AdditionalInfoProps } from '@pega/cosmos-react-core';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+interface AdditionalInfoStoryProps extends AdditionalInfoProps {
+    configurableContent: string;
+}
+export declare const AdditionalInfoDemo: Story<AdditionalInfoStoryProps>;
+//# sourceMappingURL=AdditionalInfo.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalInfo.stories.d.ts","sourceRoot":"","sources":["../../../src/core/AdditionalInfo/AdditionalInfo.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAkB,mBAAmB,EAAQ,MAAM,yBAAyB,CAAC;;AAEpF,wBAGU;AAEV,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,wBAAwB,CAoB9D,CAAC"}

package/jsx/core/AdditionalInfo/AdditionalInfo.stories.jsx

@@ -0,0 +1,25 @@
+import { AdditionalInfo, Flex } from '@pega/cosmos-react-core';
+export default {
+    title: 'Core/AdditionalInfo',
+    component: AdditionalInfo
+};
+export const AdditionalInfoDemo = (args) => {
+    return (<AdditionalInfo heading='Additional Info'>
+      <Flex container={{ justify: 'between' }}>
+        <p>
+          {args.configurableContent}
+          <a href='https://www.pega.com' target='_blank' rel='noreferrer'>
+            This is a link
+          </a>
+        </p>
+        <img src='https://www.pyze.com/wp-content/uploads/2020/07/pega-transparent-logo-2.png' style={{ width: 150 }} alt=''/>
+      </Flex>
+    </AdditionalInfo>);
+};
+AdditionalInfoDemo.args = {
+    configurableContent: 'This content can be modified to fit the necessary additional info. '
+};
+AdditionalInfoDemo.argTypes = {
+    configurableContent: { control: { type: 'text' } }
+};
+//# sourceMappingURL=AdditionalInfo.stories.jsx.map

package/jsx/core/AdditionalInfo/AdditionalInfo.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalInfo.stories.jsx","sourceRoot":"","sources":["../../../src/core/AdditionalInfo/AdditionalInfo.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAuB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEpF,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,cAAc;CAClB,CAAC;AAMV,MAAM,CAAC,MAAM,kBAAkB,GAAoC,CACjE,IAA8B,EAC9B,EAAE;IACF,OAAO,CACL,CAAC,cAAc,CAAC,OAAO,CAAC,iBAAiB,CACvC;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CACtC;QAAA,CAAC,CAAC,CACA;UAAA,CAAC,IAAI,CAAC,mBAAmB,CACzB;UAAA,CAAC,CAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,YAAY,CAC7D;;UACF,EAAE,CAAC,CACL;QAAA,EAAE,CAAC,CACH;QAAA,CAAC,GAAG,CACF,GAAG,CAAC,6EAA6E,CACjF,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CACtB,GAAG,CAAC,EAAE,EAEV;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,cAAc,CAAC,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,IAAI,GAAG;IACxB,mBAAmB,EAAE,qEAAqE;CAC3F,CAAC;AAEF,kBAAkB,CAAC,QAAQ,GAAG;IAC5B,mBAAmB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CACnD,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport { AdditionalInfo, AdditionalInfoProps, Flex } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/AdditionalInfo',\n  component: AdditionalInfo\n} as Meta;\n\ninterface AdditionalInfoStoryProps extends AdditionalInfoProps {\n  configurableContent: string;\n}\n\nexport const AdditionalInfoDemo: Story<AdditionalInfoStoryProps> = (\n  args: AdditionalInfoStoryProps\n) => {\n  return (\n    <AdditionalInfo heading='Additional Info'>\n      <Flex container={{ justify: 'between' }}>\n        <p>\n          {args.configurableContent}\n          <a href='https://www.pega.com' target='_blank' rel='noreferrer'>\n            This is a link\n          </a>\n        </p>\n        <img\n          src='https://www.pyze.com/wp-content/uploads/2020/07/pega-transparent-logo-2.png'\n          style={{ width: 150 }}\n          alt=''\n        />\n      </Flex>\n    </AdditionalInfo>\n  );\n};\n\nAdditionalInfoDemo.args = {\n  configurableContent: 'This content can be modified to fit the necessary additional info. '\n};\n\nAdditionalInfoDemo.argTypes = {\n  configurableContent: { control: { type: 'text' } }\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"AppShell.stories.d.ts","sourceRoot":"","sources":["../../../src/core/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAEL,aAAa,EAoBd,MAAM,yBAAyB,CAAC;;AAgBjC,wBAOU;AAEV,UAAU,kBAAkB;IAE1B,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAGrC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;IAC9C,UAAU,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC;IAChD,YAAY,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,CAAC;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,kBAAkB,CA+QlD,CAAC;AAsCF,UAAU,yBAAyB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,yBAAyB,CAqBjE,CAAC"}
+{"version":3,"file":"AppShell.stories.d.ts","sourceRoot":"","sources":["../../../src/core/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAEL,aAAa,EAoBd,MAAM,yBAAyB,CAAC;;AAgBjC,wBAOU;AAEV,UAAU,kBAAkB;IAE1B,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAGrC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;IAC9C,UAAU,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC;IAChD,YAAY,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,CAAC;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,kBAAkB,CAyRlD,CAAC;AAsCF,UAAU,yBAAyB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,yBAAyB,CAqBjE,CAAC"}

package/jsx/core/AppShell/AppShell.stories.jsx

@@ -86,7 +86,17 @@ export const AppShellDemo = (args) => {
             }
         }));
     }, [links]);
-    const defaultCreateLinks = ['Vehicle Purchase'].map(name => ({
+    const defaultCreateLinks = [
+        'Vehicle Purchase',
+        'Vehicle Sale',
+        'Loan Refinance',
+        'Service Request',
+        'Trade In',
+        'Auction Invoice',
+        'Lender Approval',
+        'Inventory Audit',
+        'Sales Performance'
+    ].map(name => ({
         name,
         onClick: () => {
             createModal(CreateCaseModal, { caseType: name });