@pega/cosmos-react-demos 3.0.0-dev.28.0 → 3.0.0-dev.29.0

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

@@ -53,4 +53,8 @@ export declare const suggestedFunctions: {
     label: string;
     value: string;
 }[];
+export declare const mockEmbeddedProperties: {
+    label: string;
+    value: string;
+}[];
 //# sourceMappingURL=ExpressionBuilder.mocks.d.ts.map

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

@@ -1 +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,cAAc,eAAgB,MAAM,WAEhD,CAAC;AAEF,eAAO,MAAM,MAAM,qHACiG,CAAC;AAErH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0ZjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,SAAS,CAAC,OAAO,CA+B/C,CAAC;AAEF,eAAO,MAAM,2BAA2B,yGAMtC,CAAC;AAEH,eAAO,MAAM,cAAc;;;;GAgB1B,CAAC;AAEF,eAAO,MAAM,eAAe;;;GAa3B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;GAa9B,CAAC"}
+{"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,cAAc,eAAgB,MAAM,WAEhD,CAAC;AAEF,eAAO,MAAM,MAAM,qHACiG,CAAC;AAErH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0ZjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,SAAS,CAAC,OAAO,CA+B/C,CAAC;AAEF,eAAO,MAAM,2BAA2B,yGAMtC,CAAC;AAEH,eAAO,MAAM,cAAc;;;;GAgB1B,CAAC;AAEF,eAAO,MAAM,eAAe;;;GAyB3B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;GAa9B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;GASlC,CAAC"}

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

@@ -482,6 +482,18 @@ export const suggestedFields = [
     {
         label: 'field3',
         value: '.field3'
+    },
+    {
+        label: 'somepage',
+        value: '.somePage'
+    },
+    {
+        label: 'property1',
+        value: '.property1'
+    },
+    {
+        label: 'property2',
+        value: '.property2'
     }
 ];
 export const suggestedFunctions = [
@@ -494,8 +506,18 @@ export const suggestedFunctions = [
         value: '@max()'
     },
     {
-        label: 'min3',
+        label: 'min',
         value: '@min()'
     }
 ];
+export const mockEmbeddedProperties = [
+    {
+        label: 'pagelist1',
+        value: '.pageList1'
+    },
+    {
+        label: 'pagelist2',
+        value: '.pageList2'
+    }
+];
 //# sourceMappingURL=ExpressionBuilder.mocks.js.map

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

@@ -1 +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 getFilterRegex = (inputValue: string) => {\n  return new RegExp(`${inputValue.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&')}`, 'i');\n};\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: 'Validate loan value',\n    type: 'Decision',\n    expression: '@validateLoanValue()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value:\n            'Function to validate loan value through simple interest or compound interest based on user choice'\n        },\n        {\n          field: 'Scope',\n          value: 'CCDBankLoan'\n        },\n        {\n          field: 'Namespace',\n          value: 'px'\n        }\n      ],\n      output: [\n        {\n          field: 'isValid',\n          value: 'Boolean'\n        }\n      ],\n      input: [\n        {\n          id: 'accountNumber',\n          field: 'Account number',\n          type: 'text'\n        },\n        {\n          id: 'term',\n          field: 'Term in years',\n          type: 'number'\n        },\n        {\n          id: 'accountType',\n          field: 'Account type',\n          type: 'text'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Loan amount under 100k',\n    type: 'When',\n    expression: '@isLoanAmountUnder100k()',\n    details: {\n      primary: [\n        {\n          field: 'Scope',\n          value: 'CCDBankLoan'\n        },\n        {\n          field: 'Namespace',\n          value: 'px'\n        }\n      ],\n      output: [\n        {\n          field: 'isUnder100k',\n          value: 'Boolean'\n        }\n      ],\n      input: [\n        {\n          id: 'accountNumber',\n          field: 'Account number',\n          type: 'text'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Loan number',\n    type: 'Field',\n    expression: '.loanNumber',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Loan account number of current customer'\n        },\n        {\n          field: 'Scope',\n          value: 'CCDBankLoan'\n        },\n        {\n          field: 'Namespace',\n          value: 'px'\n        }\n      ],\n      output: []\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Customer name',\n    type: 'Field',\n    expression: '.customerName',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Fullname of current customer'\n        },\n        {\n          field: 'Scope',\n          value: 'CCDBankLoan'\n        },\n        {\n          field: 'Namespace',\n          value: 'px'\n        }\n      ],\n      output: []\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Max',\n    type: 'Function',\n    expression: '@max()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Returns max of two numbers'\n        },\n        {\n          field: 'Scope',\n          value: 'base'\n        },\n        {\n          field: 'Namespace',\n          value: 'py'\n        }\n      ],\n      output: [\n        {\n          field: 'max',\n          value: 'Number'\n        }\n      ],\n      input: [\n        {\n          id: 'param1',\n          field: 'Param 1',\n          type: 'number'\n        },\n        {\n          id: 'param2',\n          field: 'Param 2',\n          type: 'number'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Min',\n    type: 'Function',\n    expression: '@min()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Return min of two numbers'\n        },\n        {\n          field: 'Scope',\n          value: 'base'\n        },\n        {\n          field: 'Namespace',\n          value: 'py'\n        }\n      ],\n      output: [\n        {\n          field: 'min',\n          value: 'Number'\n        }\n      ],\n      input: [\n        {\n          id: 'param1',\n          field: 'Param 1',\n          type: 'number'\n        },\n        {\n          id: 'param2',\n          field: 'Param 2',\n          type: 'number'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Sum',\n    type: 'Function',\n    expression: '@sum()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Return sum of two numbers'\n        },\n        {\n          field: 'Scope',\n          value: 'base'\n        },\n        {\n          field: 'Namespace',\n          value: 'py'\n        }\n      ],\n      output: [\n        {\n          field: 'sum',\n          value: 'Number'\n        }\n      ],\n      input: [\n        {\n          id: 'param1',\n          field: 'Param 1',\n          type: 'number'\n        },\n        {\n          id: 'param2',\n          field: 'Param 2',\n          type: 'number'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Absolute',\n    type: 'Function',\n    expression: '@abs()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Return absolute value of a number'\n        },\n        {\n          field: 'Scope',\n          value: 'base'\n        },\n        {\n          field: 'Namespace',\n          value: 'py'\n        }\n      ],\n      output: [\n        {\n          field: 'abs',\n          value: 'Number'\n        }\n      ],\n      input: [\n        {\n          id: 'param1',\n          field: 'Param 1',\n          type: 'number'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Square root',\n    type: 'Function',\n    expression: '@sqrt()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Return square root of a number'\n        },\n        {\n          field: 'Scope',\n          value: 'base'\n        },\n        {\n          field: 'Namespace',\n          value: 'py'\n        }\n      ],\n      output: [\n        {\n          field: 'squareRoot',\n          value: 'Number'\n        }\n      ],\n      input: [\n        {\n          id: 'param1',\n          field: 'Param 1',\n          type: 'number'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Average',\n    type: 'Function',\n    expression: '@average()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Return average value of two number'\n        },\n        {\n          field: 'Scope',\n          value: 'base'\n        },\n        {\n          field: 'Namespace',\n          value: 'py'\n        }\n      ],\n      output: [\n        {\n          field: 'average',\n          value: 'Number'\n        }\n      ],\n      input: [\n        {\n          id: 'param1',\n          field: 'Param 1',\n          type: 'number'\n        },\n        {\n          id: 'param2',\n          field: 'Param 2',\n          type: 'number'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Is the current browser Firefox',\n    type: 'When',\n    expression: '@isFirefox()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Return true if the current browser is Firefox'\n        },\n        {\n          field: 'Scope',\n          value: 'base'\n        },\n        {\n          field: 'Namespace',\n          value: 'py'\n        }\n      ],\n      output: [\n        {\n          field: 'isFirefox',\n          value: 'Boolean'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Is the current browser Internet Explorer',\n    type: 'When',\n    expression: '@isIE()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Return true if the current browser is IE'\n        },\n        {\n          field: 'Scope',\n          value: 'base'\n        },\n        {\n          field: 'Namespace',\n          value: 'py'\n        }\n      ],\n      output: [\n        {\n          field: 'isIE',\n          value: 'Boolean'\n        }\n      ]\n    }\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\nexport const primaryDetails = [\n  {\n    id: 'desc',\n    name: 'Description',\n    value: 'Send email to recipients'\n  },\n  {\n    id: 'scope',\n    name: 'Scope',\n    value: 'Email'\n  },\n  {\n    id: 'namespace',\n    name: 'Namespace',\n    value: 'px'\n  }\n];\n\nexport const suggestedFields = [\n  {\n    label: 'field1',\n    value: '.field1'\n  },\n  {\n    label: 'field2',\n    value: '.field2'\n  },\n  {\n    label: 'field3',\n    value: '.field3'\n  }\n];\n\nexport const suggestedFunctions = [\n  {\n    label: 'validateLoanValue',\n    value: '@validateLoanValue()'\n  },\n  {\n    label: 'max',\n    value: '@max()'\n  },\n  {\n    label: 'min3',\n    value: '@min()'\n  }\n];\n"]}
+{"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 getFilterRegex = (inputValue: string) => {\n  return new RegExp(`${inputValue.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&')}`, 'i');\n};\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: 'Validate loan value',\n    type: 'Decision',\n    expression: '@validateLoanValue()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value:\n            'Function to validate loan value through simple interest or compound interest based on user choice'\n        },\n        {\n          field: 'Scope',\n          value: 'CCDBankLoan'\n        },\n        {\n          field: 'Namespace',\n          value: 'px'\n        }\n      ],\n      output: [\n        {\n          field: 'isValid',\n          value: 'Boolean'\n        }\n      ],\n      input: [\n        {\n          id: 'accountNumber',\n          field: 'Account number',\n          type: 'text'\n        },\n        {\n          id: 'term',\n          field: 'Term in years',\n          type: 'number'\n        },\n        {\n          id: 'accountType',\n          field: 'Account type',\n          type: 'text'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Loan amount under 100k',\n    type: 'When',\n    expression: '@isLoanAmountUnder100k()',\n    details: {\n      primary: [\n        {\n          field: 'Scope',\n          value: 'CCDBankLoan'\n        },\n        {\n          field: 'Namespace',\n          value: 'px'\n        }\n      ],\n      output: [\n        {\n          field: 'isUnder100k',\n          value: 'Boolean'\n        }\n      ],\n      input: [\n        {\n          id: 'accountNumber',\n          field: 'Account number',\n          type: 'text'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Loan number',\n    type: 'Field',\n    expression: '.loanNumber',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Loan account number of current customer'\n        },\n        {\n          field: 'Scope',\n          value: 'CCDBankLoan'\n        },\n        {\n          field: 'Namespace',\n          value: 'px'\n        }\n      ],\n      output: []\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Customer name',\n    type: 'Field',\n    expression: '.customerName',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Fullname of current customer'\n        },\n        {\n          field: 'Scope',\n          value: 'CCDBankLoan'\n        },\n        {\n          field: 'Namespace',\n          value: 'px'\n        }\n      ],\n      output: []\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Max',\n    type: 'Function',\n    expression: '@max()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Returns max of two numbers'\n        },\n        {\n          field: 'Scope',\n          value: 'base'\n        },\n        {\n          field: 'Namespace',\n          value: 'py'\n        }\n      ],\n      output: [\n        {\n          field: 'max',\n          value: 'Number'\n        }\n      ],\n      input: [\n        {\n          id: 'param1',\n          field: 'Param 1',\n          type: 'number'\n        },\n        {\n          id: 'param2',\n          field: 'Param 2',\n          type: 'number'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Min',\n    type: 'Function',\n    expression: '@min()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Return min of two numbers'\n        },\n        {\n          field: 'Scope',\n          value: 'base'\n        },\n        {\n          field: 'Namespace',\n          value: 'py'\n        }\n      ],\n      output: [\n        {\n          field: 'min',\n          value: 'Number'\n        }\n      ],\n      input: [\n        {\n          id: 'param1',\n          field: 'Param 1',\n          type: 'number'\n        },\n        {\n          id: 'param2',\n          field: 'Param 2',\n          type: 'number'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Sum',\n    type: 'Function',\n    expression: '@sum()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Return sum of two numbers'\n        },\n        {\n          field: 'Scope',\n          value: 'base'\n        },\n        {\n          field: 'Namespace',\n          value: 'py'\n        }\n      ],\n      output: [\n        {\n          field: 'sum',\n          value: 'Number'\n        }\n      ],\n      input: [\n        {\n          id: 'param1',\n          field: 'Param 1',\n          type: 'number'\n        },\n        {\n          id: 'param2',\n          field: 'Param 2',\n          type: 'number'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Absolute',\n    type: 'Function',\n    expression: '@abs()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Return absolute value of a number'\n        },\n        {\n          field: 'Scope',\n          value: 'base'\n        },\n        {\n          field: 'Namespace',\n          value: 'py'\n        }\n      ],\n      output: [\n        {\n          field: 'abs',\n          value: 'Number'\n        }\n      ],\n      input: [\n        {\n          id: 'param1',\n          field: 'Param 1',\n          type: 'number'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Square root',\n    type: 'Function',\n    expression: '@sqrt()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Return square root of a number'\n        },\n        {\n          field: 'Scope',\n          value: 'base'\n        },\n        {\n          field: 'Namespace',\n          value: 'py'\n        }\n      ],\n      output: [\n        {\n          field: 'squareRoot',\n          value: 'Number'\n        }\n      ],\n      input: [\n        {\n          id: 'param1',\n          field: 'Param 1',\n          type: 'number'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Average',\n    type: 'Function',\n    expression: '@average()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Return average value of two number'\n        },\n        {\n          field: 'Scope',\n          value: 'base'\n        },\n        {\n          field: 'Namespace',\n          value: 'py'\n        }\n      ],\n      output: [\n        {\n          field: 'average',\n          value: 'Number'\n        }\n      ],\n      input: [\n        {\n          id: 'param1',\n          field: 'Param 1',\n          type: 'number'\n        },\n        {\n          id: 'param2',\n          field: 'Param 2',\n          type: 'number'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Is the current browser Firefox',\n    type: 'When',\n    expression: '@isFirefox()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Return true if the current browser is Firefox'\n        },\n        {\n          field: 'Scope',\n          value: 'base'\n        },\n        {\n          field: 'Namespace',\n          value: 'py'\n        }\n      ],\n      output: [\n        {\n          field: 'isFirefox',\n          value: 'Boolean'\n        }\n      ]\n    }\n  },\n  {\n    id: createUID(),\n    primary: 'Is the current browser Internet Explorer',\n    type: 'When',\n    expression: '@isIE()',\n    details: {\n      primary: [\n        {\n          field: 'Description',\n          value: 'Return true if the current browser is IE'\n        },\n        {\n          field: 'Scope',\n          value: 'base'\n        },\n        {\n          field: 'Namespace',\n          value: 'py'\n        }\n      ],\n      output: [\n        {\n          field: 'isIE',\n          value: 'Boolean'\n        }\n      ]\n    }\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\nexport const primaryDetails = [\n  {\n    id: 'desc',\n    name: 'Description',\n    value: 'Send email to recipients'\n  },\n  {\n    id: 'scope',\n    name: 'Scope',\n    value: 'Email'\n  },\n  {\n    id: 'namespace',\n    name: 'Namespace',\n    value: 'px'\n  }\n];\n\nexport const suggestedFields = [\n  {\n    label: 'field1',\n    value: '.field1'\n  },\n  {\n    label: 'field2',\n    value: '.field2'\n  },\n  {\n    label: 'field3',\n    value: '.field3'\n  },\n  {\n    label: 'somepage',\n    value: '.somePage'\n  },\n  {\n    label: 'property1',\n    value: '.property1'\n  },\n  {\n    label: 'property2',\n    value: '.property2'\n  }\n];\n\nexport const suggestedFunctions = [\n  {\n    label: 'validateLoanValue',\n    value: '@validateLoanValue()'\n  },\n  {\n    label: 'max',\n    value: '@max()'\n  },\n  {\n    label: 'min',\n    value: '@min()'\n  }\n];\n\nexport const mockEmbeddedProperties = [\n  {\n    label: 'pagelist1',\n    value: '.pageList1'\n  },\n  {\n    label: 'pagelist2',\n    value: '.pageList2'\n  }\n];\n"]}

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

@@ -17,5 +17,8 @@ interface ExpressionBuilderStoryProps {
     defaultValue?: string;
 }
 export declare const ExpressionBuilderDemo: Story<ExpressionBuilderStoryProps>;
-export declare const CodeEditorDemo: Story;
+interface CodeEditorDemoProps {
+    showErrors?: boolean;
+}
+export declare const CodeEditorDemo: Story<CodeEditorDemoProps>;
 //# sourceMappingURL=ExpressionBuilder.stories.d.ts.map

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

@@ -1 +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,EAMvB,MAAM,0BAA0B,CAAC;;AAoBlC,wBAGU;AAEV,eAAO,MAAM,kBAAkB,EAAE,KA6DhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAoCnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAwEhC,CAAC;AAEF,UAAU,2BAA2B;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IAC1C,SAAS,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;IACxD,YAAY,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAC;IAC9D,cAAc,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAClE,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,CA4LpE,CAAC;AAUF,eAAO,MAAM,cAAc,EAAE,KA+B5B,CAAC"}
+{"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,EAMvB,MAAM,0BAA0B,CAAC;;AAqBlC,wBAGU;AAEV,eAAO,MAAM,kBAAkB,EAAE,KA6DhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAoCnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAwEhC,CAAC;AAEF,UAAU,2BAA2B;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IAC1C,SAAS,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;IACxD,YAAY,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAC;IAC9D,cAAc,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAClE,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,CA2MpE,CAAC;AAUF,UAAU,mBAAmB;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,mBAAmB,CAsCrD,CAAC"}

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

@@ -2,7 +2,7 @@ import { action } from '@storybook/addon-actions';
 import { useState, useEffect, useRef, useMemo } from 'react';
 import { ExpressionBuilder, ExpressionItem, ExpressionList, ExpressionDetails, CodeEditor } from '@pega/cosmos-react-build';
 import { BuildTheme, Configuration, createUID, Input } from '@pega/cosmos-react-core';
-import { errors, getFilterRegex, items, primaryDetails, StyledExpressionBuilderDemo, suggestedFields, suggestedFunctions } from './ExpressionBuilder.mocks';
+import { errors, getFilterRegex, items, primaryDetails, StyledExpressionBuilderDemo, suggestedFields, suggestedFunctions, mockEmbeddedProperties } from './ExpressionBuilder.mocks';
 export default {
     title: 'Build/ExpressionBuilder',
     component: ExpressionBuilder
@@ -139,6 +139,7 @@ export const ExpressionBuilderDemo = (args) => {
     const [searchValue, setSearchValue] = useState('');
     const [searchFilter, setSearchFilter] = useState('');
     const [expressionItems, setExpressionItems] = useState(items);
+    const [loading, setLoading] = useState(false);
     const handle = useRef(null);
     const [expressionDetails, setExpressionDetails] = useState({});
     const [expressionDetailsValues, setExpressionDetailsValues] = useState({});
@@ -246,16 +247,27 @@ export const ExpressionBuilderDemo = (args) => {
             return newValues;
         });
     };
-    const fetchSuggestions = autoCompleteTrigger => {
+    const fetchSuggestions = (autoCompleteTrigger, queryString) => {
         if (autoCompleteTrigger === '@') {
+            setLoading(true);
             return new Promise(resolve => {
                 setTimeout(() => {
+                    setLoading(false);
                     resolve(suggestedFunctions);
                 }, 1000);
             });
         }
+        let embeddedProperties = queryString.split('.');
+        embeddedProperties = embeddedProperties.slice(1, embeddedProperties.length - 1);
+        if (embeddedProperties[embeddedProperties.length - 1] === 'somePage') {
+            return new Promise(resolve => {
+                resolve(mockEmbeddedProperties);
+            });
+        }
+        setLoading(true);
         return new Promise(resolve => {
             setTimeout(() => {
+                setLoading(false);
                 resolve(suggestedFields);
             }, 1000);
         });
@@ -277,7 +289,7 @@ export const ExpressionBuilderDemo = (args) => {
                 : value => setSearchValue(value),
             value: searchValue,
             accent: filterRegex
-        }} errors={args.showErrors ? args.errors || errors : undefined} defaultValue={args.defaultValue === undefined ? '@testExp(arg1, arg2)' : args.defaultValue} handle={args.handle || handle} fetchSuggestions={fetchSuggestions}/>
+        }} errors={args.showErrors ? args.errors || errors : undefined} defaultValue={args.defaultValue === undefined ? '@testExp()' : args.defaultValue} handle={args.handle || handle} fetchSuggestions={fetchSuggestions} loading={loading}/>
     </StyledExpressionBuilderDemo>);
 };
 ExpressionBuilderDemo.args = {
@@ -286,18 +298,23 @@ ExpressionBuilderDemo.args = {
 ExpressionBuilderDemo.argTypes = {
     showErrors: { control: { type: 'boolean' } }
 };
-export const CodeEditorDemo = () => {
+export const CodeEditorDemo = (args) => {
     const codeEditorHandle = useRef(null);
+    const [loading, setLoading] = useState(false);
     const fetchSuggestions = autoCompleteTrigger => {
         if (autoCompleteTrigger === '@') {
+            setLoading(true);
             return new Promise(resolve => {
                 setTimeout(() => {
+                    setLoading(false);
                     resolve(suggestedFunctions);
                 }, 1000);
             });
         }
+        setLoading(true);
         return new Promise(resolve => {
             setTimeout(() => {
+                setLoading(false);
                 resolve(suggestedFields);
             }, 1000);
         });
@@ -305,7 +322,13 @@ export const CodeEditorDemo = () => {
     return (<Configuration theme={BuildTheme}>
       <CodeEditor fetchSuggestions={fetchSuggestions} autoCompleteTriggers={['.', '@']} editorConfigProps={{
             mode: 'expression'
-        }} codeEditorHandle={codeEditorHandle} defaultValue='@testing()'/>
+        }} codeEditorHandle={codeEditorHandle} defaultValue='@testing()' loading={loading} errors={args.showErrors ? errors : undefined}/>
     </Configuration>);
 };
+CodeEditorDemo.args = {
+    showErrors: false
+};
+CodeEditorDemo.argTypes = {
+    showErrors: { control: { type: 'boolean' } }
+};
 //# sourceMappingURL=ExpressionBuilder.stories.jsx.map

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

@@ -1 +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, ChangeEvent, useMemo } from 'react';\n\nimport {\n  ExpressionBuilder,\n  ExpressionItem,\n  ExpressionItemProps,\n  ExpressionList,\n  ExpressionBuilderProps,\n  ExpressionDetails,\n  HandleValue,\n  InputParams,\n  CodeEditor,\n  EditorState\n} from '@pega/cosmos-react-build';\nimport {\n  BuildTheme,\n  Configuration,\n  createUID,\n  ForwardProps,\n  Input,\n  InputProps\n} from '@pega/cosmos-react-core';\n\nimport {\n  errors,\n  getFilterRegex,\n  items,\n  primaryDetails,\n  StyledExpressionBuilderDemo,\n  suggestedFields,\n  suggestedFunctions\n} from './ExpressionBuilder.mocks';\n\nexport default {\n  title: 'Build/ExpressionBuilder',\n  component: ExpressionBuilder\n} as Meta;\n\nexport const ExpressionItemDemo: Story = () => {\n  const [expanded, setExpanded] = useState<ExpressionItemProps['expanded']>(false);\n  const onAdd = (id: ExpressionItemProps['id']) => {\n    action(`${id} clicked`);\n  };\n\n  const onExpand = (id: ExpressionItemProps['id']) => {\n    setExpanded(true);\n    action(`${id} expanded`);\n  };\n\n  const onCollapse = (id: ExpressionItemProps['id']) => {\n    setExpanded(false);\n    action(`${id} collapsed`);\n  };\n\n  const handleChange = (id: string, field: string, value: any) => {\n    action('Input param change')(id, field, value);\n  };\n\n  return (\n    <ExpressionItem\n      id={createUID()}\n      primary='Loan to value validation'\n      type='Decision'\n      onAdd={onAdd}\n      onExpand={onExpand}\n      onCollapse={onCollapse}\n      expanded={expanded}\n      details={{\n        primary: primaryDetails,\n        outputParams: [\n          {\n            id: 'type',\n            name: 'Type',\n            value: 'Text'\n          }\n        ],\n        inputParams: [\n          {\n            id: 'firstParam',\n            renderer: Input,\n            rendererProps: {\n              onChange: (e: ChangeEvent<HTMLInputElement>) =>\n                handleChange('Test Expression Id', 'Test Input Field', e.target.value),\n              label: 'Test Input'\n            }\n          },\n          {\n            id: 'secondParam',\n            renderer: Input,\n            rendererProps: {\n              onChange: (e: ChangeEvent<HTMLInputElement>) =>\n                handleChange('Test Expression Id', 'Test Input Field 2', e.target.value),\n              label: 'Test Input2'\n            }\n          }\n        ]\n      }}\n    />\n  );\n};\n\nexport const ExpressionDetailsDemo: Story = () => {\n  const handleChange = (id: string, field: string, value: any) => {\n    action('Input param change')(id, field, value);\n  };\n  return (\n    <ExpressionDetails\n      primary={primaryDetails}\n      outputParams={[\n        {\n          id: 'type',\n          name: 'Type',\n          value: 'Text'\n        }\n      ]}\n      inputParams={[\n        {\n          id: 'firstParam',\n          renderer: Input,\n          rendererProps: {\n            onChange: (e: ChangeEvent<HTMLInputElement>) =>\n              handleChange('Test Expression Id', 'Test Input Field', e.target.value),\n            label: 'Test Input'\n          }\n        },\n        {\n          id: 'secondParam',\n          renderer: Input,\n          rendererProps: {\n            onChange: (e: ChangeEvent<HTMLInputElement>) =>\n              handleChange('Test Expression Id', 'Test Input Field 2', e.target.value),\n            label: 'Test Input2'\n          }\n        }\n      ]}\n    />\n  );\n};\n\nexport const ExpressionListDemo: Story = () => {\n  const [expressionDetails, setExpressionDetails] = useState<\n    ExpressionBuilderProps['list']['details']\n  >({});\n  const onInputParamChange = (id: string, field: string, value: any) => {\n    action('Input param change')(id, field, value);\n  };\n\n  const onItemExpand = (id: string) => {\n    action('onItemExpand')(id);\n    const itemDetails = items.find(item => item.id === id)?.details;\n\n    const fieldValueMapper = ({ field, value }: { field: string; value: string }) => {\n      return {\n        id: `${id}-${field}`,\n        name: field,\n        value\n      };\n    };\n\n    if (itemDetails) {\n      const primary = itemDetails.primary.map(fieldValueMapper);\n\n      const outputParams = itemDetails.output?.map(fieldValueMapper);\n\n      const inputParams = itemDetails.input?.map(({ id: fieldId, field, type }) => {\n        const inputParam: InputParams<InputProps & ForwardProps> = {\n          id: `${id}-${fieldId}`,\n          renderer: Input,\n          rendererProps: {\n            label: field,\n            onChange: (e: ChangeEvent<HTMLInputElement>) =>\n              onInputParamChange(id, fieldId, e.target.value),\n            type: type as InputProps['type']\n          }\n        };\n        return inputParam;\n      });\n\n      setExpressionDetails(prev => {\n        return {\n          ...prev,\n          [id]: {\n            primary,\n            outputParams,\n            inputParams\n          }\n        };\n      });\n    }\n  };\n\n  const onItemCollapse = (id: string) => {\n    action('onItemCollapse')(id);\n    setTimeout(() => {\n      setExpressionDetails(prev => {\n        const newExpressionDetails = { ...prev };\n        delete newExpressionDetails[id];\n        return newExpressionDetails;\n      });\n    }, 500);\n  };\n\n  return (\n    <ExpressionList\n      items={items}\n      onItemAdd={action('onItemAdd')}\n      onItemExpand={onItemExpand}\n      onItemCollapse={onItemCollapse}\n      details={expressionDetails}\n    />\n  );\n};\n\ninterface ExpressionBuilderStoryProps {\n  showErrors?: boolean;\n  errors?: ExpressionBuilderProps['errors'];\n  onItemAdd?: ExpressionBuilderProps['list']['onItemAdd'];\n  onItemExpand?: ExpressionBuilderProps['list']['onItemExpand'];\n  onItemCollapse?: ExpressionBuilderProps['list']['onItemCollapse'];\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  const [expressionDetails, setExpressionDetails] = useState<\n    ExpressionBuilderProps['list']['details']\n  >({});\n  const [expressionDetailsValues, setExpressionDetailsValues] = useState<{\n    [id: string]: {\n      [field: string]: any;\n    };\n  }>({});\n\n  const filterRegex = useMemo(() => getFilterRegex(searchValue), [searchValue]);\n\n  const detailsFilter = (location: { field: string; value: string }[], filterValue: string) =>\n    location.find(field => field.value.toLowerCase().includes(filterValue));\n\n  useEffect(() => {\n    const lowerSearchFilter = searchFilter.toLowerCase();\n    const lowerSearchValue = searchValue.toLowerCase();\n    const filteredItems = items.filter(item => {\n      return (\n        item.type.toLowerCase().includes(lowerSearchFilter === 'all' ? '' : lowerSearchFilter) &&\n        (item.primary.toLowerCase().includes(lowerSearchValue) ||\n          detailsFilter(item.details.primary, lowerSearchValue) ||\n          detailsFilter(item.details.output, lowerSearchValue))\n      );\n    });\n\n    const matchedItems = filteredItems.map(item => {\n      if (item.primary.toLowerCase().includes(lowerSearchValue)) return item;\n\n      let matchedField;\n\n      const primaryField = detailsFilter(item.details.primary, lowerSearchValue);\n      if (primaryField) matchedField = primaryField;\n\n      const outputField = detailsFilter(item.details.output, lowerSearchValue);\n      if (outputField && !primaryField) matchedField = outputField;\n\n      return {\n        ...item,\n        matchedField: { name: matchedField?.field, value: matchedField?.value }\n      };\n    });\n\n    setExpressionItems(matchedItems);\n  }, [searchValue, searchFilter]);\n\n  const onItemAdd = (\n    id: ExpressionItemProps['id'],\n    addExpression: (expression: string) => void\n  ) => {\n    const item = items.find(instance => instance.id === id);\n    if (!item) return;\n    if (item.type.toLowerCase() === 'field') {\n      addExpression(item.expression);\n    } else {\n      addExpression(\n        `${item.expression.slice(0, item.expression.length - 1)}${\n          expressionDetailsValues[item.id]\n            ? Object.keys(expressionDetailsValues[item.id])\n                .map(field => `${expressionDetailsValues[item.id][field]}`)\n                .join(', ')\n            : ''\n        })`\n      );\n    }\n  };\n\n  const onInputParamChange = (id: string, field: string, value: any) => {\n    action('Input param change')(id, field, value);\n    setExpressionDetailsValues(prev => {\n      return {\n        ...prev,\n        [id]: { ...prev[id], [field]: value }\n      };\n    });\n  };\n\n  const onItemExpand = (id: string) => {\n    action('onItemExpand')(id);\n    const itemDetails = expressionItems.find(item => item.id === id)?.details;\n\n    const fieldValueMapper = ({ field, value }: { field: string; value: string }) => {\n      return {\n        id: `${id}-${field}`,\n        name: field,\n        value\n      };\n    };\n\n    if (itemDetails) {\n      const primary = itemDetails.primary.map(fieldValueMapper);\n\n      const outputParams = itemDetails.output?.map(fieldValueMapper);\n\n      const inputParams = itemDetails.input?.map(({ id: fieldId, field, type }) => {\n        const inputParam: InputParams<InputProps & ForwardProps> = {\n          id: `${id}-${fieldId}`,\n          renderer: Input,\n          rendererProps: {\n            label: field,\n            onChange: (e: ChangeEvent<HTMLInputElement>) =>\n              onInputParamChange(id, fieldId, e.target.value),\n            type: type as InputProps['type']\n          }\n        };\n        return inputParam;\n      });\n\n      setExpressionDetails(prev => {\n        return {\n          ...prev,\n          [id]: {\n            primary,\n            outputParams,\n            inputParams\n          }\n        };\n      });\n    }\n  };\n\n  const onItemCollapse = (id: string) => {\n    action('onItemCollapse')(id);\n    setTimeout(() => {\n      setExpressionDetails(prev => {\n        const newExpressionDetails = { ...prev };\n        delete newExpressionDetails[id];\n        return newExpressionDetails;\n      });\n    }, 500);\n\n    setExpressionDetailsValues(prev => {\n      const newValues = { ...prev };\n      delete newValues[id];\n      return newValues;\n    });\n  };\n\n  const fetchSuggestions: ExpressionBuilderProps['fetchSuggestions'] = autoCompleteTrigger => {\n    if (autoCompleteTrigger === '@') {\n      return new Promise(resolve => {\n        setTimeout(() => {\n          resolve(suggestedFunctions);\n        }, 1000);\n      });\n    }\n    return new Promise(resolve => {\n      setTimeout(() => {\n        resolve(suggestedFields);\n      }, 1000);\n    });\n  };\n\n  return (\n    <StyledExpressionBuilderDemo>\n      <ExpressionBuilder\n        list={{\n          items: expressionItems,\n          onItemAdd: args.onItemAdd || onItemAdd,\n          onItemExpand: args.onItemExpand || onItemExpand,\n          onItemCollapse: args.onItemCollapse || onItemCollapse,\n          details: expressionDetails\n        }}\n        search={{\n          filters: ['Field', 'Function', 'Decision', 'When'],\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          accent: filterRegex\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        fetchSuggestions={fetchSuggestions}\n      />\n    </StyledExpressionBuilderDemo>\n  );\n};\n\nExpressionBuilderDemo.args = {\n  showErrors: false\n};\n\nExpressionBuilderDemo.argTypes = {\n  showErrors: { control: { type: 'boolean' } }\n};\n\nexport const CodeEditorDemo: Story = () => {\n  const codeEditorHandle = useRef<EditorState | null>(null);\n\n  const fetchSuggestions: ExpressionBuilderProps['fetchSuggestions'] = autoCompleteTrigger => {\n    if (autoCompleteTrigger === '@') {\n      return new Promise(resolve => {\n        setTimeout(() => {\n          resolve(suggestedFunctions);\n        }, 1000);\n      });\n    }\n    return new Promise(resolve => {\n      setTimeout(() => {\n        resolve(suggestedFields);\n      }, 1000);\n    });\n  };\n\n  return (\n    <Configuration theme={BuildTheme}>\n      <CodeEditor\n        fetchSuggestions={fetchSuggestions}\n        autoCompleteTriggers={['.', '@']}\n        editorConfigProps={{\n          mode: 'expression'\n        }}\n        codeEditorHandle={codeEditorHandle}\n        defaultValue='@testing()'\n      />\n    </Configuration>\n  );\n};\n"]}
+{"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, ChangeEvent, useMemo } from 'react';\n\nimport {\n  ExpressionBuilder,\n  ExpressionItem,\n  ExpressionItemProps,\n  ExpressionList,\n  ExpressionBuilderProps,\n  ExpressionDetails,\n  HandleValue,\n  InputParams,\n  CodeEditor,\n  EditorState\n} from '@pega/cosmos-react-build';\nimport {\n  BuildTheme,\n  Configuration,\n  createUID,\n  ForwardProps,\n  Input,\n  InputProps\n} from '@pega/cosmos-react-core';\n\nimport {\n  errors,\n  getFilterRegex,\n  items,\n  primaryDetails,\n  StyledExpressionBuilderDemo,\n  suggestedFields,\n  suggestedFunctions,\n  mockEmbeddedProperties\n} from './ExpressionBuilder.mocks';\n\nexport default {\n  title: 'Build/ExpressionBuilder',\n  component: ExpressionBuilder\n} as Meta;\n\nexport const ExpressionItemDemo: Story = () => {\n  const [expanded, setExpanded] = useState<ExpressionItemProps['expanded']>(false);\n  const onAdd = (id: ExpressionItemProps['id']) => {\n    action(`${id} clicked`);\n  };\n\n  const onExpand = (id: ExpressionItemProps['id']) => {\n    setExpanded(true);\n    action(`${id} expanded`);\n  };\n\n  const onCollapse = (id: ExpressionItemProps['id']) => {\n    setExpanded(false);\n    action(`${id} collapsed`);\n  };\n\n  const handleChange = (id: string, field: string, value: any) => {\n    action('Input param change')(id, field, value);\n  };\n\n  return (\n    <ExpressionItem\n      id={createUID()}\n      primary='Loan to value validation'\n      type='Decision'\n      onAdd={onAdd}\n      onExpand={onExpand}\n      onCollapse={onCollapse}\n      expanded={expanded}\n      details={{\n        primary: primaryDetails,\n        outputParams: [\n          {\n            id: 'type',\n            name: 'Type',\n            value: 'Text'\n          }\n        ],\n        inputParams: [\n          {\n            id: 'firstParam',\n            renderer: Input,\n            rendererProps: {\n              onChange: (e: ChangeEvent<HTMLInputElement>) =>\n                handleChange('Test Expression Id', 'Test Input Field', e.target.value),\n              label: 'Test Input'\n            }\n          },\n          {\n            id: 'secondParam',\n            renderer: Input,\n            rendererProps: {\n              onChange: (e: ChangeEvent<HTMLInputElement>) =>\n                handleChange('Test Expression Id', 'Test Input Field 2', e.target.value),\n              label: 'Test Input2'\n            }\n          }\n        ]\n      }}\n    />\n  );\n};\n\nexport const ExpressionDetailsDemo: Story = () => {\n  const handleChange = (id: string, field: string, value: any) => {\n    action('Input param change')(id, field, value);\n  };\n  return (\n    <ExpressionDetails\n      primary={primaryDetails}\n      outputParams={[\n        {\n          id: 'type',\n          name: 'Type',\n          value: 'Text'\n        }\n      ]}\n      inputParams={[\n        {\n          id: 'firstParam',\n          renderer: Input,\n          rendererProps: {\n            onChange: (e: ChangeEvent<HTMLInputElement>) =>\n              handleChange('Test Expression Id', 'Test Input Field', e.target.value),\n            label: 'Test Input'\n          }\n        },\n        {\n          id: 'secondParam',\n          renderer: Input,\n          rendererProps: {\n            onChange: (e: ChangeEvent<HTMLInputElement>) =>\n              handleChange('Test Expression Id', 'Test Input Field 2', e.target.value),\n            label: 'Test Input2'\n          }\n        }\n      ]}\n    />\n  );\n};\n\nexport const ExpressionListDemo: Story = () => {\n  const [expressionDetails, setExpressionDetails] = useState<\n    ExpressionBuilderProps['list']['details']\n  >({});\n  const onInputParamChange = (id: string, field: string, value: any) => {\n    action('Input param change')(id, field, value);\n  };\n\n  const onItemExpand = (id: string) => {\n    action('onItemExpand')(id);\n    const itemDetails = items.find(item => item.id === id)?.details;\n\n    const fieldValueMapper = ({ field, value }: { field: string; value: string }) => {\n      return {\n        id: `${id}-${field}`,\n        name: field,\n        value\n      };\n    };\n\n    if (itemDetails) {\n      const primary = itemDetails.primary.map(fieldValueMapper);\n\n      const outputParams = itemDetails.output?.map(fieldValueMapper);\n\n      const inputParams = itemDetails.input?.map(({ id: fieldId, field, type }) => {\n        const inputParam: InputParams<InputProps & ForwardProps> = {\n          id: `${id}-${fieldId}`,\n          renderer: Input,\n          rendererProps: {\n            label: field,\n            onChange: (e: ChangeEvent<HTMLInputElement>) =>\n              onInputParamChange(id, fieldId, e.target.value),\n            type: type as InputProps['type']\n          }\n        };\n        return inputParam;\n      });\n\n      setExpressionDetails(prev => {\n        return {\n          ...prev,\n          [id]: {\n            primary,\n            outputParams,\n            inputParams\n          }\n        };\n      });\n    }\n  };\n\n  const onItemCollapse = (id: string) => {\n    action('onItemCollapse')(id);\n    setTimeout(() => {\n      setExpressionDetails(prev => {\n        const newExpressionDetails = { ...prev };\n        delete newExpressionDetails[id];\n        return newExpressionDetails;\n      });\n    }, 500);\n  };\n\n  return (\n    <ExpressionList\n      items={items}\n      onItemAdd={action('onItemAdd')}\n      onItemExpand={onItemExpand}\n      onItemCollapse={onItemCollapse}\n      details={expressionDetails}\n    />\n  );\n};\n\ninterface ExpressionBuilderStoryProps {\n  showErrors?: boolean;\n  errors?: ExpressionBuilderProps['errors'];\n  onItemAdd?: ExpressionBuilderProps['list']['onItemAdd'];\n  onItemExpand?: ExpressionBuilderProps['list']['onItemExpand'];\n  onItemCollapse?: ExpressionBuilderProps['list']['onItemCollapse'];\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 [loading, setLoading] = useState(false);\n  const handle = useRef<HandleValue>(null);\n  const [expressionDetails, setExpressionDetails] = useState<\n    ExpressionBuilderProps['list']['details']\n  >({});\n  const [expressionDetailsValues, setExpressionDetailsValues] = useState<{\n    [id: string]: {\n      [field: string]: any;\n    };\n  }>({});\n\n  const filterRegex = useMemo(() => getFilterRegex(searchValue), [searchValue]);\n\n  const detailsFilter = (location: { field: string; value: string }[], filterValue: string) =>\n    location.find(field => field.value.toLowerCase().includes(filterValue));\n\n  useEffect(() => {\n    const lowerSearchFilter = searchFilter.toLowerCase();\n    const lowerSearchValue = searchValue.toLowerCase();\n    const filteredItems = items.filter(item => {\n      return (\n        item.type.toLowerCase().includes(lowerSearchFilter === 'all' ? '' : lowerSearchFilter) &&\n        (item.primary.toLowerCase().includes(lowerSearchValue) ||\n          detailsFilter(item.details.primary, lowerSearchValue) ||\n          detailsFilter(item.details.output, lowerSearchValue))\n      );\n    });\n\n    const matchedItems = filteredItems.map(item => {\n      if (item.primary.toLowerCase().includes(lowerSearchValue)) return item;\n\n      let matchedField;\n\n      const primaryField = detailsFilter(item.details.primary, lowerSearchValue);\n      if (primaryField) matchedField = primaryField;\n\n      const outputField = detailsFilter(item.details.output, lowerSearchValue);\n      if (outputField && !primaryField) matchedField = outputField;\n\n      return {\n        ...item,\n        matchedField: { name: matchedField?.field, value: matchedField?.value }\n      };\n    });\n\n    setExpressionItems(matchedItems);\n  }, [searchValue, searchFilter]);\n\n  const onItemAdd = (\n    id: ExpressionItemProps['id'],\n    addExpression: (expression: string) => void\n  ) => {\n    const item = items.find(instance => instance.id === id);\n    if (!item) return;\n    if (item.type.toLowerCase() === 'field') {\n      addExpression(item.expression);\n    } else {\n      addExpression(\n        `${item.expression.slice(0, item.expression.length - 1)}${\n          expressionDetailsValues[item.id]\n            ? Object.keys(expressionDetailsValues[item.id])\n                .map(field => `${expressionDetailsValues[item.id][field]}`)\n                .join(', ')\n            : ''\n        })`\n      );\n    }\n  };\n\n  const onInputParamChange = (id: string, field: string, value: any) => {\n    action('Input param change')(id, field, value);\n    setExpressionDetailsValues(prev => {\n      return {\n        ...prev,\n        [id]: { ...prev[id], [field]: value }\n      };\n    });\n  };\n\n  const onItemExpand = (id: string) => {\n    action('onItemExpand')(id);\n    const itemDetails = expressionItems.find(item => item.id === id)?.details;\n\n    const fieldValueMapper = ({ field, value }: { field: string; value: string }) => {\n      return {\n        id: `${id}-${field}`,\n        name: field,\n        value\n      };\n    };\n\n    if (itemDetails) {\n      const primary = itemDetails.primary.map(fieldValueMapper);\n\n      const outputParams = itemDetails.output?.map(fieldValueMapper);\n\n      const inputParams = itemDetails.input?.map(({ id: fieldId, field, type }) => {\n        const inputParam: InputParams<InputProps & ForwardProps> = {\n          id: `${id}-${fieldId}`,\n          renderer: Input,\n          rendererProps: {\n            label: field,\n            onChange: (e: ChangeEvent<HTMLInputElement>) =>\n              onInputParamChange(id, fieldId, e.target.value),\n            type: type as InputProps['type']\n          }\n        };\n        return inputParam;\n      });\n\n      setExpressionDetails(prev => {\n        return {\n          ...prev,\n          [id]: {\n            primary,\n            outputParams,\n            inputParams\n          }\n        };\n      });\n    }\n  };\n\n  const onItemCollapse = (id: string) => {\n    action('onItemCollapse')(id);\n    setTimeout(() => {\n      setExpressionDetails(prev => {\n        const newExpressionDetails = { ...prev };\n        delete newExpressionDetails[id];\n        return newExpressionDetails;\n      });\n    }, 500);\n\n    setExpressionDetailsValues(prev => {\n      const newValues = { ...prev };\n      delete newValues[id];\n      return newValues;\n    });\n  };\n\n  const fetchSuggestions: ExpressionBuilderProps['fetchSuggestions'] = (\n    autoCompleteTrigger,\n    queryString\n  ) => {\n    if (autoCompleteTrigger === '@') {\n      setLoading(true);\n      return new Promise(resolve => {\n        setTimeout(() => {\n          setLoading(false);\n          resolve(suggestedFunctions);\n        }, 1000);\n      });\n    }\n    let embeddedProperties = queryString.split('.');\n    embeddedProperties = embeddedProperties.slice(1, embeddedProperties.length - 1);\n    if (embeddedProperties[embeddedProperties.length - 1] === 'somePage') {\n      return new Promise(resolve => {\n        resolve(mockEmbeddedProperties);\n      });\n    }\n    setLoading(true);\n    return new Promise(resolve => {\n      setTimeout(() => {\n        setLoading(false);\n        resolve(suggestedFields);\n      }, 1000);\n    });\n  };\n  return (\n    <StyledExpressionBuilderDemo>\n      <ExpressionBuilder\n        list={{\n          items: expressionItems,\n          onItemAdd: args.onItemAdd || onItemAdd,\n          onItemExpand: args.onItemExpand || onItemExpand,\n          onItemCollapse: args.onItemCollapse || onItemCollapse,\n          details: expressionDetails\n        }}\n        search={{\n          filters: ['Field', 'Function', 'Decision', 'When'],\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          accent: filterRegex\n        }}\n        errors={args.showErrors ? args.errors || errors : undefined}\n        defaultValue={args.defaultValue === undefined ? '@testExp()' : args.defaultValue}\n        handle={args.handle || handle}\n        fetchSuggestions={fetchSuggestions}\n        loading={loading}\n      />\n    </StyledExpressionBuilderDemo>\n  );\n};\n\nExpressionBuilderDemo.args = {\n  showErrors: false\n};\n\nExpressionBuilderDemo.argTypes = {\n  showErrors: { control: { type: 'boolean' } }\n};\n\ninterface CodeEditorDemoProps {\n  showErrors?: boolean;\n}\n\nexport const CodeEditorDemo: Story<CodeEditorDemoProps> = (args: CodeEditorDemoProps) => {\n  const codeEditorHandle = useRef<EditorState | null>(null);\n  const [loading, setLoading] = useState(false);\n\n  const fetchSuggestions: ExpressionBuilderProps['fetchSuggestions'] = autoCompleteTrigger => {\n    if (autoCompleteTrigger === '@') {\n      setLoading(true);\n      return new Promise(resolve => {\n        setTimeout(() => {\n          setLoading(false);\n          resolve(suggestedFunctions);\n        }, 1000);\n      });\n    }\n    setLoading(true);\n    return new Promise(resolve => {\n      setTimeout(() => {\n        setLoading(false);\n        resolve(suggestedFields);\n      }, 1000);\n    });\n  };\n\n  return (\n    <Configuration theme={BuildTheme}>\n      <CodeEditor\n        fetchSuggestions={fetchSuggestions}\n        autoCompleteTriggers={['.', '@']}\n        editorConfigProps={{\n          mode: 'expression'\n        }}\n        codeEditorHandle={codeEditorHandle}\n        defaultValue='@testing()'\n        loading={loading}\n        errors={args.showErrors ? errors : undefined}\n      />\n    </Configuration>\n  );\n};\n\nCodeEditorDemo.args = {\n  showErrors: false\n};\n\nCodeEditorDemo.argTypes = {\n  showErrors: { control: { type: 'boolean' } }\n};\n"]}

package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledGrid: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").GridProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledGrid: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").default & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledCodeBlock: import("styled-components").StyledComponent<"pre", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
 //# sourceMappingURL=ConditionBuilder.styles.d.ts.map

package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionBuilder.styles.d.ts","sourceRoot":"","sources":["../../../src/condition-builder/ConditionBuilder/ConditionBuilder.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,UAAU,mOAEtB,CAAC;AAEF,eAAO,MAAM,eAAe,yGAG3B,CAAC;AAGF,eAAO,MAAM,UAAU,wGAEtB,CAAC"}
+{"version":3,"file":"ConditionBuilder.styles.d.ts","sourceRoot":"","sources":["../../../src/condition-builder/ConditionBuilder/ConditionBuilder.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,UAAU,gQAEtB,CAAC;AAEF,eAAO,MAAM,eAAe,yGAG3B,CAAC;AAGF,eAAO,MAAM,UAAU,wGAEtB,CAAC"}

package/jsx/condition-builder/PromotedFilters/PromotedFilters.mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromotedFilters.mocks.d.ts","sourceRoot":"","sources":["../../../src/condition-builder/PromotedFilters/PromotedFilters.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAEvF,eAAO,MAAM,aAAa,EAAE,SA6B3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,oBAAoB,CAAC,SAAS,CAsIvD,CAAC"}
+{"version":3,"file":"PromotedFilters.mocks.d.ts","sourceRoot":"","sources":["../../../src/condition-builder/PromotedFilters/PromotedFilters.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAEvF,eAAO,MAAM,aAAa,EAAE,SAoB3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,oBAAoB,CAAC,SAAS,CA+JvD,CAAC"}

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

@@ -16,15 +16,6 @@ export const demoCondition = {
                 lhs: { field: 'RemoteEmployee' },
                 comparator: 'IS_TRUE'
             }
-        },
-        {
-            condition: {
-                lhs: { field: 'NewExperience' },
-                comparator: 'GT',
-                rhs: {
-                    value: 22
-                }
-            }
         }
     ]
 };
@@ -33,7 +24,7 @@ export const demoFilters = [
     { field: { name: 'LastName', type: 'TEXT' }, mode: 'advanced', label: 'Last name' },
     {
         field: { name: 'Experience', type: 'INTEGER' },
-        mode: 'advanced',
+        mode: 'default',
         label: 'Years of experience'
     },
     {
@@ -119,19 +110,44 @@ export const demoFilters = [
         ]
     },
     {
-        field: { name: 'RemoteEmployee', type: 'BOOLEAN' },
+        field: { name: 'Salary', type: 'INTEGER' },
+        mode: 'advanced',
+        label: 'Salary'
+    },
+    {
+        field: { name: 'HireDate', type: 'DATE_ONLY' },
         mode: 'default',
-        label: 'Remote employee'
+        label: 'Hire date'
     },
     {
-        field: { name: 'CreatedDate', type: 'DATE_ONLY' },
+        field: { name: 'LastPromotion', type: 'DATE_ONLY' },
         mode: 'advanced',
-        label: 'Created date'
+        label: 'Date of last promotion'
     },
     {
-        field: { name: 'CreatedTime', type: 'TIME_ONLY' },
+        field: { name: 'DailyMeetingTime', type: 'TIME_ONLY' },
+        mode: 'default',
+        label: 'Time of daily meeting'
+    },
+    {
+        field: { name: 'StartOfWorkingHours', type: 'TIME_ONLY' },
         mode: 'advanced',
-        label: 'Created time'
+        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: {

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

@@ -1 +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      condition: {\n        lhs: { field: 'NewExperience' },\n        comparator: 'GT',\n        rhs: {\n          value: 22\n        }\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: { name: 'Experience', type: 'INTEGER' },\n    mode: 'advanced',\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  },\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  },\n  {\n    field: { name: 'RemoteEmployee', type: 'BOOLEAN' },\n    mode: 'default',\n    label: 'Remote employee'\n  },\n  {\n    field: { name: 'CreatedDate', type: 'DATE_ONLY' },\n    mode: 'advanced',\n    label: 'Created date'\n  },\n  {\n    field: { name: 'CreatedTime', type: 'TIME_ONLY' },\n    mode: 'advanced',\n    label: 'Created time'\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: 'default'\n  }\n];\n"]}
+{"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: { 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  },\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  },\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: 'default'\n  }\n];\n"]}

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

@@ -1,5 +1,5 @@
 import { Meta, Story } from '@storybook/react';
-import { DateInputProps, DateTimeInputProps, DateRangeInputProps, DayOfWeekInputProps, DurationInputProps, MonthInputProps, QuarterInputProps, TimeInputProps, WeekInputProps } from '@pega/cosmos-react-core';
+import { DateInputProps, DateTimeInputProps, DateRangeInputProps, DayOfWeekInputProps, DurationInputProps, MonthInputProps, QuarterInputProps, TimeInputProps, WeekInputProps, TimeRangeInputProps } from '@pega/cosmos-react-core';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 interface DateInputStoryProps extends DateInputProps {
@@ -43,6 +43,7 @@ export declare const DayOfWeekInputDemo: Story<DayOfWeekInputStoryProps & {
 export declare const TimeInputDemo: Story<TimeInputStoryProps>;
 export declare const DateTimeInputDemo: Story<DateTimeInputStoryProps>;
 export declare const DateRangeInputDemo: Story<DateRangeInputStoryProps>;
+export declare const TimeRangeInputDemo: Story<TimeRangeInputProps>;
 export declare const DurationInputDemo: Story<DurationInputStoryProps & {
     min?: never;
     max?: never;

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

@@ -1 +1 @@
-{"version":3,"file":"DateTime.stories.d.ts","sourceRoot":"","sources":["../../../src/core/DateTime/DateTime.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAEL,cAAc,EAEd,kBAAkB,EAElB,mBAAmB,EAEnB,mBAAmB,EAEnB,kBAAkB,EAGlB,eAAe,EAEf,iBAAiB,EAEjB,cAAc,EAEd,cAAc,EAEf,MAAM,yBAAyB,CAAC;;AAEjC,wBA6BU;AAEV,UAAU,mBAAoB,SAAQ,cAAc;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,oBAAqB,SAAQ,eAAe;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,mBAAoB,SAAQ,cAAc;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,sBAAuB,SAAQ,iBAAiB;IACxD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,mBAAoB,SAAQ,cAAc;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,uBAAwB,SAAQ,kBAAkB;IAC1D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AACD,UAAU,uBAAwB,SAAQ,kBAAkB;IAC1D,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAiCpD,CAAC;AAWF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAgCtD,CAAC;AAUF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAgCpD,CAAC;AAUF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,sBAAsB,CAgC1D,CAAC;AAUF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,wBAAwB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,CA8B7F,CAAC;AAWF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAmCpD,CAAC;AAeF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,uBAAuB,CAsC5D,CAAC;AAiBF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,wBAAwB,CAiC9D,CAAC;AAuBF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,uBAAuB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,CA+B3F,CAAC"}
+{"version":3,"file":"DateTime.stories.d.ts","sourceRoot":"","sources":["../../../src/core/DateTime/DateTime.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAEL,cAAc,EAEd,kBAAkB,EAElB,mBAAmB,EAEnB,mBAAmB,EAEnB,kBAAkB,EAGlB,eAAe,EAEf,iBAAiB,EAEjB,cAAc,EAEd,cAAc,EAEd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;;AAEjC,wBA+BU;AAEV,UAAU,mBAAoB,SAAQ,cAAc;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,oBAAqB,SAAQ,eAAe;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,mBAAoB,SAAQ,cAAc;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,sBAAuB,SAAQ,iBAAiB;IACxD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,mBAAoB,SAAQ,cAAc;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,uBAAwB,SAAQ,kBAAkB;IAC1D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,UAAU,uBAAwB,SAAQ,kBAAkB;IAC1D,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAiCpD,CAAC;AAWF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAgCtD,CAAC;AAUF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAgCpD,CAAC;AAUF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,sBAAsB,CAgC1D,CAAC;AAUF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,wBAAwB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,CA8B7F,CAAC;AAWF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAmCpD,CAAC;AAeF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,uBAAuB,CAsC5D,CAAC;AAiBF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,wBAAwB,CA4C9D,CAAC;AAuBF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,mBAAmB,CA4BzD,CAAC;AAiBF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,uBAAuB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,CA+B3F,CAAC"}