@pega/cosmos-react-build 3.0.0-dev.20.0 → 3.0.0-dev.21.0

package/lib/components/ExpressionBuilder/ExpressionBuilder.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { ForwardProps } from '@pega/cosmos-react-core';
+import { ExpressionBuilderProps } from './ExpressionBuilder.types';
+declare const ExpressionBuilder: FunctionComponent<ExpressionBuilderProps & ForwardProps>;
+export default ExpressionBuilder;
+//# sourceMappingURL=ExpressionBuilder.d.ts.map

package/lib/components/ExpressionBuilder/ExpressionBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAMlB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAQ,YAAY,EAAkC,MAAM,yBAAyB,CAAC;AAE7F,OAAO,EAAuB,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAIxF,QAAA,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,sBAAsB,GAAG,YAAY,CA+H/E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/ExpressionBuilder/ExpressionBuilder.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { Flex, SearchInput, TextArea, useI18n } from '@pega/cosmos-react-core';
+import ExpressionList from './ExpressionList';
+import { StyledExpressionBuilder, StyledExpressionEditor } from './ExpressionBuilder.styles';
+const ExpressionBuilder = forwardRef(({ list, search, errors, defaultValue, handle, ...restProps }, ref) => {
+    const t = useI18n();
+    const textArea = useRef();
+    const [selection, setSelection] = useState({
+        start: 0,
+        end: 0
+    });
+    const getExpression = () => {
+        return textArea.current?.value || '';
+    };
+    useImperativeHandle(handle, () => ({
+        getExpression
+    }), [getExpression]);
+    const insertExpression = (expression) => {
+        if (!textArea.current)
+            return;
+        const currentValue = textArea.current.value;
+        const newValue = `${currentValue.slice(0, selection.start)}${expression}${currentValue.slice(selection.end)}`;
+        textArea.current.value = newValue;
+        setSelection(prev => {
+            return { start: prev.start + expression.length, end: prev.start + expression.length };
+        });
+        textArea.current.focus();
+    };
+    const onBlur = () => {
+        if (!textArea.current)
+            return;
+        const lastIndex = textArea.current.value.length >= 0 ? textArea.current.value.length : 0;
+        const selectionStart = textArea.current.selectionStart === null ? lastIndex : textArea.current.selectionStart;
+        const selectionEnd = textArea.current.selectionEnd === null ? lastIndex : textArea.current.selectionEnd;
+        const currentSelection = {
+            start: selectionStart,
+            end: selectionEnd
+        };
+        if (selectionStart > selectionEnd) {
+            currentSelection.start = selectionEnd;
+            currentSelection.end = selectionStart;
+        }
+        setSelection(currentSelection);
+    };
+    const onItemInsert = (id) => {
+        list.onItemInsert(id, insertExpression);
+    };
+    useEffect(() => {
+        if (defaultValue && textArea.current) {
+            setSelection({ start: defaultValue.length, end: defaultValue.length });
+            textArea.current.value = defaultValue;
+        }
+    }, []);
+    return (_jsxs(Flex, { ...restProps, as: StyledExpressionBuilder, ref: ref, container: {
+            justify: 'between',
+            colGap: 2,
+            pad: 1
+        }, item: {
+            grow: 1
+        }, children: [_jsxs(Flex, { container: {
+                    direction: 'column',
+                    justify: 'between',
+                    gap: 1
+                }, item: {
+                    grow: 1,
+                    basis: '50%'
+                }, children: [_jsx(SearchInput, { ...search }), _jsx(ExpressionList, { ...list, onItemInsert: onItemInsert })] }), _jsx(Flex, { as: StyledExpressionEditor, container: {
+                    direction: 'column',
+                    justify: 'between'
+                }, item: {
+                    grow: 1,
+                    basis: '50%'
+                }, children: _jsx(TextArea, { status: errors ? 'error' : undefined, ref: textArea, onBlur: onBlur, label: t('expression_editor'), labelHidden: true, info: errors }) })] }));
+});
+export default ExpressionBuilder;
+//# sourceMappingURL=ExpressionBuilder.js.map

package/lib/components/ExpressionBuilder/ExpressionBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionBuilder.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState\n} from 'react';\n\nimport { Flex, ForwardProps, SearchInput, TextArea, useI18n } from '@pega/cosmos-react-core';\n\nimport { ExpressionItemProps, ExpressionBuilderProps } from './ExpressionBuilder.types';\nimport ExpressionList from './ExpressionList';\nimport { StyledExpressionBuilder, StyledExpressionEditor } from './ExpressionBuilder.styles';\n\nconst ExpressionBuilder: FunctionComponent<ExpressionBuilderProps & ForwardProps> = forwardRef(\n  (\n    {\n      list,\n      search,\n      errors,\n      defaultValue,\n      handle,\n      ...restProps\n    }: PropsWithoutRef<ExpressionBuilderProps>,\n    ref: ExpressionBuilderProps['ref']\n  ) => {\n    const t = useI18n();\n    const textArea = useRef<HTMLInputElement>();\n    const [selection, setSelection] = useState<{ start: number; end: number }>({\n      start: 0,\n      end: 0\n    });\n\n    const getExpression = () => {\n      return textArea.current?.value || '';\n    };\n\n    useImperativeHandle(\n      handle,\n      () => ({\n        getExpression\n      }),\n      [getExpression]\n    );\n\n    const insertExpression = (expression: string) => {\n      if (!textArea.current) return;\n      const currentValue = textArea.current.value;\n      const newValue = `${currentValue.slice(0, selection.start)}${expression}${currentValue.slice(\n        selection.end\n      )}`;\n      textArea.current.value = newValue;\n      setSelection(prev => {\n        return { start: prev.start + expression.length, end: prev.start + expression.length };\n      });\n      textArea.current.focus();\n    };\n\n    const onBlur = () => {\n      if (!textArea.current) return;\n      const lastIndex = textArea.current.value.length >= 0 ? textArea.current.value.length : 0;\n      const selectionStart =\n        textArea.current.selectionStart === null ? lastIndex : textArea.current.selectionStart;\n      const selectionEnd =\n        textArea.current.selectionEnd === null ? lastIndex : textArea.current.selectionEnd;\n      const currentSelection = {\n        start: selectionStart,\n        end: selectionEnd\n      };\n      if (selectionStart > selectionEnd) {\n        currentSelection.start = selectionEnd;\n        currentSelection.end = selectionStart;\n      }\n\n      setSelection(currentSelection);\n    };\n\n    const onItemInsert = (id: ExpressionItemProps['id']) => {\n      list.onItemInsert(id, insertExpression);\n    };\n\n    useEffect(() => {\n      if (defaultValue && textArea.current) {\n        setSelection({ start: defaultValue.length, end: defaultValue.length });\n        textArea.current.value = defaultValue;\n      }\n    }, []);\n\n    return (\n      <Flex\n        {...restProps}\n        as={StyledExpressionBuilder}\n        ref={ref}\n        container={{\n          justify: 'between',\n          colGap: 2,\n          pad: 1\n        }}\n        item={{\n          grow: 1\n        }}\n      >\n        {/* Column 1 */}\n        <Flex\n          container={{\n            direction: 'column',\n            justify: 'between',\n            gap: 1\n          }}\n          item={{\n            grow: 1,\n            basis: '50%'\n          }}\n        >\n          <SearchInput {...search} />\n          <ExpressionList {...list} onItemInsert={onItemInsert} />\n        </Flex>\n        {/* Column 2 */}\n        <Flex\n          as={StyledExpressionEditor}\n          container={{\n            direction: 'column',\n            justify: 'between'\n          }}\n          item={{\n            grow: 1,\n            basis: '50%'\n          }}\n        >\n          <TextArea\n            status={errors ? 'error' : undefined}\n            ref={textArea}\n            onBlur={onBlur}\n            label={t('expression_editor')}\n            labelHidden\n            info={errors}\n          />\n        </Flex>\n      </Flex>\n    );\n  }\n);\n\nexport default ExpressionBuilder;\n"]}

package/lib/components/ExpressionBuilder/ExpressionBuilder.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledExpressionItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledExpressionList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledExpressionBuilder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledExpressionEditor: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+//# sourceMappingURL=ExpressionBuilder.styles.d.ts.map

package/lib/components/ExpressionBuilder/ExpressionBuilder.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionBuilder.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,oBAAoB,wGAY/B,CAAC;AAIH,eAAO,MAAM,oBAAoB,wGAGhC,CAAC;AAEF,eAAO,MAAM,uBAAuB,yGAYlC,CAAC;AAIH,eAAO,MAAM,sBAAsB,yGAMjC,CAAC"}

package/lib/components/ExpressionBuilder/ExpressionBuilder.styles.js

@@ -0,0 +1,44 @@
+import styled, { css } from 'styled-components';
+import { defaultThemeProp } from '@pega/cosmos-react-core';
+import StyledTextArea from '@pega/cosmos-react-core/lib/components/TextArea/TextArea.styles';
+import { StyledFormField } from '@pega/cosmos-react-core/lib/components/FormField/FormField';
+export const StyledExpressionItem = styled.li(({ theme }) => {
+    return css `
+    background-color: ${theme.base.palette['primary-background']};
+    padding-block: ${theme.base.spacing};
+    padding-inline: calc(0.5 * ${theme.base.spacing});
+    :not(:last-child) {
+      border-bottom: 0.0625rem solid ${theme.base.palette['border-line']};
+    }
+    & + & {
+      margin-inline-start: 0;
+    }
+  `;
+});
+StyledExpressionItem.defaultProps = defaultThemeProp;
+export const StyledExpressionList = styled.ul `
+  overflow-y: auto;
+  flex-grow: 1;
+`;
+export const StyledExpressionBuilder = styled.div(({ theme }) => {
+    return css `
+    background-color: ${theme.base.palette['primary-background']};
+    min-height: calc(30 * ${theme.base.spacing});
+    max-height: 100%;
+    max-width: calc(2 * ${theme.base['content-width'].lg} + 4 * ${theme.base.spacing});
+    min-width: calc(${theme.base['content-width'].lg} + 4 * ${theme.base.spacing});
+
+    ${StyledTextArea} {
+      flex-grow: 1;
+    }
+  `;
+});
+StyledExpressionBuilder.defaultProps = defaultThemeProp;
+export const StyledExpressionEditor = styled.div(() => {
+    return css `
+    ${StyledFormField} {
+      flex-grow: 1;
+    }
+  `;
+});
+//# sourceMappingURL=ExpressionBuilder.styles.js.map

package/lib/components/ExpressionBuilder/ExpressionBuilder.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionBuilder.styles.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,cAAc,MAAM,iEAAiE,CAAC;AAC7F,OAAO,EAAE,eAAe,EAAE,MAAM,4DAA4D,CAAC;AAE7F,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,OAAO,GAAG,CAAA;wBACY,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;qBAC3C,KAAK,CAAC,IAAI,CAAC,OAAO;iCACN,KAAK,CAAC,IAAI,CAAC,OAAO;;uCAEZ,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;;;;;GAKrE,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,oBAAoB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAErD,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,EAAE,CAAA;;;CAG5C,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC9D,OAAO,GAAG,CAAA;wBACY,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;4BACpC,KAAK,CAAC,IAAI,CAAC,OAAO;;0BAEpB,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,UAAU,KAAK,CAAC,IAAI,CAAC,OAAO;sBAC9D,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,UAAU,KAAK,CAAC,IAAI,CAAC,OAAO;;MAE1E,cAAc;;;GAGjB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,uBAAuB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAExD,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE;IACpD,OAAO,GAAG,CAAA;MACN,eAAe;;;GAGlB,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '@pega/cosmos-react-core';\nimport StyledTextArea from '@pega/cosmos-react-core/lib/components/TextArea/TextArea.styles';\nimport { StyledFormField } from '@pega/cosmos-react-core/lib/components/FormField/FormField';\n\nexport const StyledExpressionItem = styled.li(({ theme }) => {\n  return css`\n    background-color: ${theme.base.palette['primary-background']};\n    padding-block: ${theme.base.spacing};\n    padding-inline: calc(0.5 * ${theme.base.spacing});\n    :not(:last-child) {\n      border-bottom: 0.0625rem solid ${theme.base.palette['border-line']};\n    }\n    & + & {\n      margin-inline-start: 0;\n    }\n  `;\n});\n\nStyledExpressionItem.defaultProps = defaultThemeProp;\n\nexport const StyledExpressionList = styled.ul`\n  overflow-y: auto;\n  flex-grow: 1;\n`;\n\nexport const StyledExpressionBuilder = styled.div(({ theme }) => {\n  return css`\n    background-color: ${theme.base.palette['primary-background']};\n    min-height: calc(30 * ${theme.base.spacing});\n    max-height: 100%;\n    max-width: calc(2 * ${theme.base['content-width'].lg} + 4 * ${theme.base.spacing});\n    min-width: calc(${theme.base['content-width'].lg} + 4 * ${theme.base.spacing});\n\n    ${StyledTextArea} {\n      flex-grow: 1;\n    }\n  `;\n});\n\nStyledExpressionBuilder.defaultProps = defaultThemeProp;\n\nexport const StyledExpressionEditor = styled.div(() => {\n  return css`\n    ${StyledFormField} {\n      flex-grow: 1;\n    }\n  `;\n});\n"]}

package/lib/components/ExpressionBuilder/ExpressionBuilder.types.d.ts

@@ -0,0 +1,47 @@
+import { Ref } from 'react';
+import { BaseProps, EmptyStateProps, OmitStrict, SearchInputProps, TextAreaProps } from '@pega/cosmos-react-core';
+export interface ExpressionItemProps {
+    /** Id of the item */
+    id: string;
+    /** Item name to be displayed as rule name */
+    primary: string;
+    /** Type of expression item. Eg: Decision, When, Automation etc. */
+    type: string;
+    /** Click on the plus button to add it in the expression input */
+    onInsert: (id: ExpressionItemProps['id']) => void;
+    /** Display the React node for parameters */
+    onExpand?: (id: ExpressionItemProps['id']) => void;
+    /** show the expanded  */
+    isExpanded?: boolean;
+}
+export interface ExpressionListProps extends BaseProps {
+    ref?: Ref<HTMLDivElement>;
+    /** Expression builder items */
+    items?: OmitStrict<ExpressionItemProps, 'onInsert' | 'onExpand'>[];
+    /** Handler for plus button on ExpressionItem */
+    onItemInsert: ExpressionItemProps['onInsert'];
+    /** Handler for expand button on ExpressionItem */
+    onItemExpand?: ExpressionItemProps['onExpand'];
+    /** No items */
+    emptyText?: EmptyStateProps['message'];
+}
+export interface HandleValue {
+    /** Returns the expression value */
+    getExpression: () => string;
+}
+export interface ExpressionBuilderProps extends BaseProps {
+    ref?: Ref<HTMLDivElement>;
+    /** Expression items list */
+    list: OmitStrict<ExpressionListProps, 'ref' | 'onItemInsert'> & {
+        onItemInsert: (id: ExpressionItemProps['id'], insertExpression: (expression: string) => void) => void;
+    };
+    /** Search input props */
+    search: Pick<Required<SearchInputProps>, 'filters' | 'onFilterChange' | 'onSearchChange' | 'value'> & Pick<SearchInputProps, 'defaultFilter'>;
+    /** Default expression to set in the text area */
+    defaultValue?: string;
+    /** Compiled error message */
+    errors?: TextAreaProps['info'];
+    /** Imperative handle */
+    handle?: Ref<HandleValue>;
+}
+//# sourceMappingURL=ExpressionBuilder.types.d.ts.map

package/lib/components/ExpressionBuilder/ExpressionBuilder.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionBuilder.types.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EACL,SAAS,EACT,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,aAAa,EACd,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,mBAAmB;IAClC,qBAAqB;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,6CAA6C;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,QAAQ,EAAE,CAAC,EAAE,EAAE,mBAAmB,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAClD,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,mBAAmB,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACnD,yBAAyB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,UAAU,CAAC,mBAAmB,EAAE,UAAU,GAAG,UAAU,CAAC,EAAE,CAAC;IACnE,gDAAgD;IAChD,YAAY,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC9C,kDAAkD;IAClD,YAAY,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC/C,eAAe;IACf,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,WAAW;IAC1B,mCAAmC;IACnC,aAAa,EAAE,MAAM,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,4BAA4B;IAC5B,IAAI,EAAE,UAAU,CAAC,mBAAmB,EAAE,KAAK,GAAG,cAAc,CAAC,GAAG;QAC9D,YAAY,EAAE,CACZ,EAAE,EAAE,mBAAmB,CAAC,IAAI,CAAC,EAC7B,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,KAC3C,IAAI,CAAC;KACX,CAAC;IACF,yBAAyB;IACzB,MAAM,EAAE,IAAI,CACV,QAAQ,CAAC,gBAAgB,CAAC,EAC1B,SAAS,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,OAAO,CAC1D,GACC,IAAI,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;IAE1C,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC/B,wBAAwB;IACxB,MAAM,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CAC3B"}

package/lib/components/ExpressionBuilder/ExpressionBuilder.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ExpressionBuilder.types.js.map

package/lib/components/ExpressionBuilder/ExpressionBuilder.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionBuilder.types.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Ref } from 'react';\n\nimport {\n  BaseProps,\n  EmptyStateProps,\n  OmitStrict,\n  SearchInputProps,\n  TextAreaProps\n} from '@pega/cosmos-react-core';\n\nexport interface ExpressionItemProps {\n  /** Id of the item */\n  id: string;\n  /** Item name to be displayed as rule name */\n  primary: string;\n  /** Type of expression item. Eg: Decision, When, Automation etc. */\n  type: string;\n  /** Click on the plus button to add it in the expression input */\n  onInsert: (id: ExpressionItemProps['id']) => void;\n  /** Display the React node for parameters */\n  onExpand?: (id: ExpressionItemProps['id']) => void;\n  /** show the expanded  */\n  isExpanded?: boolean;\n}\n\nexport interface ExpressionListProps extends BaseProps {\n  ref?: Ref<HTMLDivElement>;\n  /** Expression builder items */\n  items?: OmitStrict<ExpressionItemProps, 'onInsert' | 'onExpand'>[];\n  /** Handler for plus button on ExpressionItem */\n  onItemInsert: ExpressionItemProps['onInsert'];\n  /** Handler for expand button on ExpressionItem */\n  onItemExpand?: ExpressionItemProps['onExpand'];\n  /** No items */\n  emptyText?: EmptyStateProps['message'];\n}\n\nexport interface HandleValue {\n  /** Returns the expression value */\n  getExpression: () => string;\n}\n\nexport interface ExpressionBuilderProps extends BaseProps {\n  ref?: Ref<HTMLDivElement>;\n  /** Expression items list */\n  list: OmitStrict<ExpressionListProps, 'ref' | 'onItemInsert'> & {\n    onItemInsert: (\n      id: ExpressionItemProps['id'],\n      insertExpression: (expression: string) => void\n    ) => void;\n  };\n  /** Search input props */\n  search: Pick<\n    Required<SearchInputProps>,\n    'filters' | 'onFilterChange' | 'onSearchChange' | 'value'\n  > &\n    Pick<SearchInputProps, 'defaultFilter'>;\n\n  /** Default expression to set in the text area */\n  defaultValue?: string;\n  /** Compiled error message */\n  errors?: TextAreaProps['info'];\n  /** Imperative handle */\n  handle?: Ref<HandleValue>;\n}\n"]}

package/lib/components/ExpressionBuilder/ExpressionItem.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { ForwardProps } from '@pega/cosmos-react-core';
+import { ExpressionItemProps } from './ExpressionBuilder.types';
+declare const ExpressionItem: FunctionComponent<ExpressionItemProps & ForwardProps>;
+export default ExpressionItem;
+//# sourceMappingURL=ExpressionItem.d.ts.map

package/lib/components/ExpressionBuilder/ExpressionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionItem.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEnD,OAAO,EAGL,YAAY,EAMb,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAKhE,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,GAAG,YAAY,CA+CzE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/ExpressionBuilder/ExpressionItem.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Button, Flex, Icon, registerIcon, Text, useDirection, useI18n } from '@pega/cosmos-react-core';
+import * as caretRightIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-right.icon';
+import * as caretLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-left.icon';
+import { StyledExpressionItem } from './ExpressionBuilder.styles';
+registerIcon(caretLeftIcon, caretRightIcon);
+const ExpressionItem = ({ id, primary, type, onInsert, onExpand, isExpanded = false, ...restProps }) => {
+    const { end: caretDirection } = useDirection();
+    const t = useI18n();
+    const caretIcon = useMemo(() => {
+        return isExpanded ? 'caret-down' : `caret-${caretDirection}`;
+    }, [isExpanded, caretDirection]);
+    return (_jsxs(Flex, { ...restProps, as: StyledExpressionItem, id: id, container: { alignItems: 'center', justify: 'between' }, children: [_jsxs(Flex, { container: { gap: 1, alignItems: 'center' }, children: [_jsx(Button, { icon: true, variant: 'simple', onClick: onExpand ? () => onExpand(id) : undefined, "aria-label": t('expand_noun', [`${type}: ${primary}`]), children: _jsx(Icon, { name: caretIcon }) }), _jsx(Text, { variant: 'primary', children: primary })] }), _jsxs(Flex, { container: { gap: 1, alignItems: 'center' }, children: [_jsx(Text, { variant: 'secondary', children: type }), _jsx(Button, { icon: true, variant: 'simple', onClick: () => onInsert(id), "aria-label": t('insert_noun', [`${type}: ${primary}`]), children: _jsx(Icon, { name: 'plus' }) })] })] }));
+};
+export default ExpressionItem;
+//# sourceMappingURL=ExpressionItem.js.map

package/lib/components/ExpressionBuilder/ExpressionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionItem.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EACL,MAAM,EACN,IAAI,EAEJ,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,YAAY,EACZ,OAAO,EACR,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,cAAc,MAAM,oEAAoE,CAAC;AACrG,OAAO,KAAK,aAAa,MAAM,mEAAmE,CAAC;AAGnG,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,YAAY,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;AAE5C,MAAM,cAAc,GAA0D,CAAC,EAC7E,EAAE,EACF,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,GAAG,SAAS,EACb,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IAC/C,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,cAAc,EAAE,CAAC;IAC/D,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,MAAC,IAAI,OACC,SAAS,EACb,EAAE,EAAE,oBAAoB,EACxB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,aAEvD,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC/C,KAAC,MAAM,IACL,IAAI,QACJ,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,gBACtC,CAAC,CAAC,aAAa,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,EAAE,CAAC,CAAC,YAErD,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,GAAI,GAClB,EACT,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,YAAE,OAAO,GAAQ,IACnC,EACP,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC/C,KAAC,IAAI,IAAC,OAAO,EAAC,WAAW,YAAE,IAAI,GAAQ,EACvC,KAAC,MAAM,IACL,IAAI,QACJ,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,gBACf,CAAC,CAAC,aAAa,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,EAAE,CAAC,CAAC,YAErD,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACb,IACJ,IACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { FunctionComponent, useMemo } from 'react';\n\nimport {\n  Button,\n  Flex,\n  ForwardProps,\n  Icon,\n  registerIcon,\n  Text,\n  useDirection,\n  useI18n\n} from '@pega/cosmos-react-core';\nimport * as caretRightIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-right.icon';\nimport * as caretLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-left.icon';\n\nimport { ExpressionItemProps } from './ExpressionBuilder.types';\nimport { StyledExpressionItem } from './ExpressionBuilder.styles';\n\nregisterIcon(caretLeftIcon, caretRightIcon);\n\nconst ExpressionItem: FunctionComponent<ExpressionItemProps & ForwardProps> = ({\n  id,\n  primary,\n  type,\n  onInsert,\n  onExpand,\n  isExpanded = false,\n  ...restProps\n}) => {\n  const { end: caretDirection } = useDirection();\n  const t = useI18n();\n\n  const caretIcon = useMemo(() => {\n    return isExpanded ? 'caret-down' : `caret-${caretDirection}`;\n  }, [isExpanded, caretDirection]);\n\n  return (\n    <Flex\n      {...restProps}\n      as={StyledExpressionItem}\n      id={id}\n      container={{ alignItems: 'center', justify: 'between' }}\n    >\n      <Flex container={{ gap: 1, alignItems: 'center' }}>\n        <Button\n          icon\n          variant='simple'\n          onClick={onExpand ? () => onExpand(id) : undefined}\n          aria-label={t('expand_noun', [`${type}: ${primary}`])}\n        >\n          <Icon name={caretIcon} />\n        </Button>\n        <Text variant='primary'>{primary}</Text>\n      </Flex>\n      <Flex container={{ gap: 1, alignItems: 'center' }}>\n        <Text variant='secondary'>{type}</Text>\n        <Button\n          icon\n          variant='simple'\n          onClick={() => onInsert(id)}\n          aria-label={t('insert_noun', [`${type}: ${primary}`])}\n        >\n          <Icon name='plus' />\n        </Button>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default ExpressionItem;\n"]}

package/lib/components/ExpressionBuilder/ExpressionList.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { ForwardProps } from '@pega/cosmos-react-core';
+import { ExpressionListProps } from './ExpressionBuilder.types';
+declare const ExpressionList: FunctionComponent<ExpressionListProps & ForwardProps>;
+export default ExpressionList;
+//# sourceMappingURL=ExpressionList.d.ts.map

package/lib/components/ExpressionBuilder/ExpressionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionList.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAoB,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEzE,OAAO,EAAuB,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAIrF,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,GAAG,YAAY,CAmCzE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/ExpressionBuilder/ExpressionList.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { forwardRef, useState } from 'react';
+import { EmptyState, Flex } from '@pega/cosmos-react-core';
+import ExpressionItem from './ExpressionItem';
+import { StyledExpressionList } from './ExpressionBuilder.styles';
+const ExpressionList = forwardRef(({ items, emptyText, onItemInsert, onItemExpand, ...restProps }, ref) => {
+    const [expandedItem, setExpandedItem] = useState(null);
+    const handleItemExpand = (id) => {
+        setExpandedItem(prev => {
+            if (prev === id)
+                return null;
+            onItemExpand?.(id);
+            return id;
+        });
+    };
+    return (_jsx(Flex, { ...restProps, as: StyledExpressionList, ref: ref, children: items && items.length > 0 ? (items.map(item => {
+            return (_createElement(ExpressionItem, { ...item, onInsert: onItemInsert, onExpand: handleItemExpand, isExpanded: expandedItem === item.id, key: item.id }));
+        })) : (_jsx(EmptyState, { message: emptyText })) }));
+});
+export default ExpressionList;
+//# sourceMappingURL=ExpressionList.js.map

package/lib/components/ExpressionBuilder/ExpressionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionList.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionList.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAqB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAgB,MAAM,yBAAyB,CAAC;AAGzE,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,MAAM,cAAc,GAA0D,UAAU,CACtF,CACE,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,EAC9D,GAA+B,EAC/B,EAAE;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAmC,IAAI,CAAC,CAAC;IAEzF,MAAM,gBAAgB,GAAG,CAAC,EAA6B,EAAE,EAAE;QACzD,eAAe,CAAC,IAAI,CAAC,EAAE;YACrB,IAAI,IAAI,KAAK,EAAE;gBAAE,OAAO,IAAI,CAAC;YAC7B,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC;YACnB,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,OAAK,SAAS,EAAE,EAAE,EAAE,oBAAoB,EAAE,GAAG,EAAE,GAAG,YACpD,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3B,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACf,OAAO,CACL,eAAC,cAAc,OACT,IAAI,EACR,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,gBAAgB,EAC1B,UAAU,EAAE,YAAY,KAAK,IAAI,CAAC,EAAE,EACpC,GAAG,EAAE,IAAI,CAAC,EAAE,GACZ,CACH,CAAC;QACJ,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAAC,OAAO,EAAE,SAAS,GAAI,CACnC,GACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, useState } from 'react';\n\nimport { EmptyState, Flex, ForwardProps } from '@pega/cosmos-react-core';\n\nimport { ExpressionItemProps, ExpressionListProps } from './ExpressionBuilder.types';\nimport ExpressionItem from './ExpressionItem';\nimport { StyledExpressionList } from './ExpressionBuilder.styles';\n\nconst ExpressionList: FunctionComponent<ExpressionListProps & ForwardProps> = forwardRef(\n  (\n    { items, emptyText, onItemInsert, onItemExpand, ...restProps },\n    ref: ExpressionListProps['ref']\n  ) => {\n    const [expandedItem, setExpandedItem] = useState<ExpressionItemProps['id'] | null>(null);\n\n    const handleItemExpand = (id: ExpressionItemProps['id']) => {\n      setExpandedItem(prev => {\n        if (prev === id) return null;\n        onItemExpand?.(id);\n        return id;\n      });\n    };\n\n    return (\n      <Flex {...restProps} as={StyledExpressionList} ref={ref}>\n        {items && items.length > 0 ? (\n          items.map(item => {\n            return (\n              <ExpressionItem\n                {...item}\n                onInsert={onItemInsert}\n                onExpand={handleItemExpand}\n                isExpanded={expandedItem === item.id}\n                key={item.id}\n              />\n            );\n          })\n        ) : (\n          <EmptyState message={emptyText} />\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default ExpressionList;\n"]}

package/lib/components/ExpressionBuilder/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './ExpressionBuilder';
+export { ExpressionListProps, ExpressionItemProps, ExpressionBuilderProps, HandleValue } from './ExpressionBuilder.types';
+export { default as ExpressionItem } from './ExpressionItem';
+export { default as ExpressionList } from './ExpressionList';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/ExpressionBuilder/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,EACtB,WAAW,EACZ,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/components/ExpressionBuilder/index.js

@@ -0,0 +1,4 @@
+export { default } from './ExpressionBuilder';
+export { default as ExpressionItem } from './ExpressionItem';
+export { default as ExpressionList } from './ExpressionList';
+//# sourceMappingURL=index.js.map

package/lib/components/ExpressionBuilder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAO9C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { default } from './ExpressionBuilder';\nexport {\n  ExpressionListProps,\n  ExpressionItemProps,\n  ExpressionBuilderProps,\n  HandleValue\n} from './ExpressionBuilder.types';\nexport { default as ExpressionItem } from './ExpressionItem';\n\nexport { default as ExpressionList } from './ExpressionList';\n"]}

package/lib/index.d.ts

@@ -4,6 +4,8 @@ export { default as AppShell } from './components/AppShell';
 export * from './components/AppShell';
 export { default as DynamicContentEditor } from './components/DynamicContentEditor';
 export * from './components/DynamicContentEditor';
+export { default as ExpressionBuilder } from './components/ExpressionBuilder';
+export * from './components/ExpressionBuilder';
 export { default as FlowModeller } from './components/FlowModeller';
 export * from './components/FlowModeller';
 export * from './components/ItemLibrary';

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,cAAc,gCAAgC,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,SAAS,CAAC"}

package/lib/index.js

@@ -5,6 +5,8 @@ export { default as AppShell } from './components/AppShell';
 export * from './components/AppShell';
 export { default as DynamicContentEditor } from './components/DynamicContentEditor';
 export * from './components/DynamicContentEditor';
+export { default as ExpressionBuilder } from './components/ExpressionBuilder';
+export * from './components/ExpressionBuilder';
 export { default as FlowModeller } from './components/FlowModeller';
 export * from './components/FlowModeller';
 export * from './components/ItemLibrary';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,SAAS,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport { default as AppHeader } from './components/AppHeader';\nexport * from './components/AppHeader';\nexport { default as AppShell } from './components/AppShell';\nexport * from './components/AppShell';\nexport { default as DynamicContentEditor } from './components/DynamicContentEditor';\nexport * from './components/DynamicContentEditor';\nexport { default as FlowModeller } from './components/FlowModeller';\nexport * from './components/FlowModeller';\nexport * from './components/ItemLibrary';\nexport { default as LifeCycle } from './components/LifeCycle';\nexport * from './components/LifeCycle';\nexport * from './components/ObjectPreview';\nexport { default as ObjectSelect } from './components/ObjectSelect';\nexport * from './components/ObjectSelect';\nexport * from './components/PageTemplates';\nexport * from './components/SummaryCard';\nexport { default as Workbench } from './components/Workbench';\nexport * from './utils';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,cAAc,gCAAgC,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,SAAS,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport { default as AppHeader } from './components/AppHeader';\nexport * from './components/AppHeader';\nexport { default as AppShell } from './components/AppShell';\nexport * from './components/AppShell';\nexport { default as DynamicContentEditor } from './components/DynamicContentEditor';\nexport * from './components/DynamicContentEditor';\nexport { default as ExpressionBuilder } from './components/ExpressionBuilder';\nexport * from './components/ExpressionBuilder';\nexport { default as FlowModeller } from './components/FlowModeller';\nexport * from './components/FlowModeller';\nexport * from './components/ItemLibrary';\nexport { default as LifeCycle } from './components/LifeCycle';\nexport * from './components/LifeCycle';\nexport * from './components/ObjectPreview';\nexport { default as ObjectSelect } from './components/ObjectSelect';\nexport * from './components/ObjectSelect';\nexport * from './components/PageTemplates';\nexport * from './components/SummaryCard';\nexport { default as Workbench } from './components/Workbench';\nexport * from './utils';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-build",
-  "version": "3.0.0-dev.20.0",
+  "version": "3.0.0-dev.21.0",
   "author": "Pegasystems",
   "license": "SEE LICENSE IN LICENSE",
   "repository": {
@@ -20,8 +20,8 @@
     "build": "tsc -b"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "3.0.0-dev.20.0",
-    "@pega/cosmos-react-dnd": "3.0.0-dev.20.0",
+    "@pega/cosmos-react-core": "3.0.0-dev.21.0",
+    "@pega/cosmos-react-dnd": "3.0.0-dev.21.0",
     "@types/dagre": "^0.7.46",
     "@types/react": "^16.14.24 || ^17.0.38",
     "@types/react-dom": "^16.9.14 || ^17.0.11",
@@ -45,6 +45,7 @@
     "@storybook/theming": "^6.4.19",
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^12.1.3",
+    "@testing-library/user-event": "^13.5.0",
     "enzyme": "^3.11.0",
     "typescript": "~4.7.2"
   }