@pega/cosmos-react-demos 3.0.0-dev.9.0 → 3.0.0-rc.2

package/lib/build/ExpressionBuilder/ExpressionBuilder.stories.js

@@ -0,0 +1,336 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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, mockEmbeddedProperties } from './ExpressionBuilder.mocks';
+export default {
+    title: 'Build/ExpressionBuilder',
+    component: ExpressionBuilder
+};
+export const ExpressionItemDemo = () => {
+    const [expanded, setExpanded] = useState(false);
+    const onAdd = (id) => {
+        action(`${id} clicked`);
+    };
+    const onExpand = (id) => {
+        setExpanded(true);
+        action(`${id} expanded`);
+    };
+    const onCollapse = (id) => {
+        setExpanded(false);
+        action(`${id} collapsed`);
+    };
+    const handleChange = (id, field, value) => {
+        action('Input param change')(id, field, value);
+    };
+    return (_jsx(ExpressionItem, { id: createUID(), primary: 'Loan to value validation', type: 'Decision', onAdd: onAdd, onExpand: onExpand, onCollapse: onCollapse, expanded: expanded, details: {
+            primary: primaryDetails,
+            outputParams: [
+                {
+                    id: 'type',
+                    name: 'Type',
+                    value: 'Text'
+                }
+            ],
+            inputParams: [
+                {
+                    id: 'firstParam',
+                    renderer: Input,
+                    rendererProps: {
+                        onChange: (e) => handleChange('Test Expression Id', 'Test Input Field', e.target.value),
+                        label: 'Test Input'
+                    }
+                },
+                {
+                    id: 'secondParam',
+                    renderer: Input,
+                    rendererProps: {
+                        onChange: (e) => handleChange('Test Expression Id', 'Test Input Field 2', e.target.value),
+                        label: 'Test Input2'
+                    }
+                }
+            ]
+        } }));
+};
+export const ExpressionDetailsDemo = () => {
+    const handleChange = (id, field, value) => {
+        action('Input param change')(id, field, value);
+    };
+    return (_jsx(ExpressionDetails, { primary: primaryDetails, outputParams: [
+            {
+                id: 'type',
+                name: 'Type',
+                value: 'Text'
+            }
+        ], inputParams: [
+            {
+                id: 'firstParam',
+                renderer: Input,
+                rendererProps: {
+                    onChange: (e) => handleChange('Test Expression Id', 'Test Input Field', e.target.value),
+                    label: 'Test Input'
+                }
+            },
+            {
+                id: 'secondParam',
+                renderer: Input,
+                rendererProps: {
+                    onChange: (e) => handleChange('Test Expression Id', 'Test Input Field 2', e.target.value),
+                    label: 'Test Input2'
+                }
+            }
+        ] }));
+};
+export const ExpressionListDemo = () => {
+    const [expressionDetails, setExpressionDetails] = useState({});
+    const onInputParamChange = (id, field, value) => {
+        action('Input param change')(id, field, value);
+    };
+    const onItemExpand = (id) => {
+        action('onItemExpand')(id);
+        const itemDetails = items.find(item => item.id === id)?.details;
+        const fieldValueMapper = ({ field, value }) => {
+            return {
+                id: `${id}-${field}`,
+                name: field,
+                value
+            };
+        };
+        if (itemDetails) {
+            const primary = itemDetails.primary.map(fieldValueMapper);
+            const outputParams = itemDetails.output?.map(fieldValueMapper);
+            const inputParams = itemDetails.input?.map(({ id: fieldId, field, type }) => {
+                const inputParam = {
+                    id: `${id}-${fieldId}`,
+                    renderer: Input,
+                    rendererProps: {
+                        label: field,
+                        onChange: (e) => onInputParamChange(id, fieldId, e.target.value),
+                        type: type
+                    }
+                };
+                return inputParam;
+            });
+            setExpressionDetails(prev => {
+                return {
+                    ...prev,
+                    [id]: {
+                        primary,
+                        outputParams,
+                        inputParams
+                    }
+                };
+            });
+        }
+    };
+    const onItemCollapse = (id) => {
+        action('onItemCollapse')(id);
+        setTimeout(() => {
+            setExpressionDetails(prev => {
+                const newExpressionDetails = { ...prev };
+                delete newExpressionDetails[id];
+                return newExpressionDetails;
+            });
+        }, 500);
+    };
+    return (_jsx(ExpressionList, { items: items, onItemAdd: action('onItemAdd'), onItemExpand: onItemExpand, onItemCollapse: onItemCollapse, details: expressionDetails }));
+};
+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({});
+    const filterRegex = useMemo(() => getFilterRegex(searchValue), [searchValue]);
+    const detailsFilter = (location, filterValue) => location.find(field => field.value.toLowerCase().includes(filterValue));
+    useEffect(() => {
+        const lowerSearchFilter = searchFilter.toLowerCase();
+        const lowerSearchValue = searchValue.toLowerCase();
+        const filteredItems = items.filter(item => {
+            return (item.type.toLowerCase().includes(lowerSearchFilter === 'all' ? '' : lowerSearchFilter) &&
+                (item.primary.toLowerCase().includes(lowerSearchValue) ||
+                    detailsFilter(item.details.primary, lowerSearchValue) ||
+                    detailsFilter(item.details.output, lowerSearchValue)));
+        });
+        const matchedItems = filteredItems.map(item => {
+            if (item.primary.toLowerCase().includes(lowerSearchValue))
+                return item;
+            let matchedField;
+            const primaryField = detailsFilter(item.details.primary, lowerSearchValue);
+            if (primaryField)
+                matchedField = primaryField;
+            const outputField = detailsFilter(item.details.output, lowerSearchValue);
+            if (outputField && !primaryField)
+                matchedField = outputField;
+            return {
+                ...item,
+                matchedField: { name: matchedField?.field, value: matchedField?.value }
+            };
+        });
+        setExpressionItems(matchedItems);
+    }, [searchValue, searchFilter]);
+    const onItemAdd = (id, addExpression) => {
+        const item = items.find(instance => instance.id === id);
+        if (!item)
+            return;
+        if (item.type.toLowerCase() === 'field') {
+            addExpression(item.expression);
+        }
+        else {
+            addExpression(`${item.expression.slice(0, item.expression.length - 1)}${expressionDetailsValues[item.id]
+                ? Object.keys(expressionDetailsValues[item.id])
+                    .map(field => `${expressionDetailsValues[item.id][field]}`)
+                    .join(', ')
+                : ''})`);
+        }
+    };
+    const onInputParamChange = (id, field, value) => {
+        action('Input param change')(id, field, value);
+        setExpressionDetailsValues(prev => {
+            return {
+                ...prev,
+                [id]: { ...prev[id], [field]: value }
+            };
+        });
+    };
+    const onItemExpand = (id) => {
+        action('onItemExpand')(id);
+        const itemDetails = expressionItems.find(item => item.id === id)?.details;
+        const fieldValueMapper = ({ field, value }) => {
+            return {
+                id: `${id}-${field}`,
+                name: field,
+                value
+            };
+        };
+        if (itemDetails) {
+            const primary = itemDetails.primary.map(fieldValueMapper);
+            const outputParams = itemDetails.output?.map(fieldValueMapper);
+            const inputParams = itemDetails.input?.map(({ id: fieldId, field, type }) => {
+                const inputParam = {
+                    id: `${id}-${fieldId}`,
+                    renderer: Input,
+                    rendererProps: {
+                        label: field,
+                        onChange: (e) => onInputParamChange(id, fieldId, e.target.value),
+                        type: type
+                    }
+                };
+                return inputParam;
+            });
+            setExpressionDetails(prev => {
+                return {
+                    ...prev,
+                    [id]: {
+                        primary,
+                        outputParams,
+                        inputParams
+                    }
+                };
+            });
+        }
+    };
+    const onItemCollapse = (id) => {
+        action('onItemCollapse')(id);
+        setTimeout(() => {
+            setExpressionDetails(prev => {
+                const newExpressionDetails = { ...prev };
+                delete newExpressionDetails[id];
+                return newExpressionDetails;
+            });
+        }, 500);
+        setExpressionDetailsValues(prev => {
+            const newValues = { ...prev };
+            delete newValues[id];
+            return newValues;
+        });
+    };
+    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);
+        });
+    };
+    return (_jsx(StyledExpressionBuilderDemo, { children: _jsx(ExpressionBuilder, { list: {
+                items: expressionItems,
+                onItemAdd: args.onItemAdd || onItemAdd,
+                onItemExpand: args.onItemExpand || onItemExpand,
+                onItemCollapse: args.onItemCollapse || onItemCollapse,
+                details: expressionDetails
+            }, search: {
+                filters: ['Field', 'Function', 'Decision', 'When'],
+                onFilterChange: args.onFilterChange
+                    ? args.onFilterChange
+                    : value => setSearchFilter(value),
+                onSearchChange: args.onSearchChange
+                    ? args.onSearchChange
+                    : value => setSearchValue(value),
+                value: searchValue,
+                accent: filterRegex
+            }, errors: args.showErrors && !args.readOnly ? args.errors || errors : undefined, readOnly: args.readOnly, defaultValue: args.defaultValue === undefined ? '@testExp()' : args.defaultValue, handle: args.handle || handle, fetchSuggestions: fetchSuggestions, loading: loading }) }));
+};
+ExpressionBuilderDemo.args = {
+    showErrors: false,
+    readOnly: false
+};
+ExpressionBuilderDemo.argTypes = {
+    showErrors: { control: { type: 'boolean' } },
+    readOnly: { control: { type: 'boolean' } }
+};
+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);
+        });
+    };
+    return (_jsx(Configuration, { theme: BuildTheme, children: _jsx(CodeEditor, { fetchSuggestions: fetchSuggestions, autoCompleteTriggers: ['.', '@'], editorConfigProps: {
+                mode: 'expression',
+                readOnly: args.readOnly
+            }, codeEditorHandle: codeEditorHandle, defaultValue: '@testing()', loading: loading, errors: args.showErrors && !args.readOnly ? errors : undefined, readOnly: args.readOnly }) }));
+};
+CodeEditorDemo.args = {
+    showErrors: false,
+    readOnly: false
+};
+CodeEditorDemo.argTypes = {
+    showErrors: { control: { type: 'boolean' } },
+    readOnly: { control: { type: 'boolean' } }
+};
+//# sourceMappingURL=ExpressionBuilder.stories.js.map

package/lib/build/ExpressionBuilder/ExpressionBuilder.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionBuilder.stories.js","sourceRoot":"","sources":["../../../src/build/ExpressionBuilder/ExpressionBuilder.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAe,OAAO,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EACL,iBAAiB,EACjB,cAAc,EAEd,cAAc,EAEd,iBAAiB,EAGjB,UAAU,EAEX,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,UAAU,EACV,aAAa,EACb,SAAS,EAET,KAAK,EAEN,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,MAAM,EACN,cAAc,EACd,KAAK,EACL,cAAc,EACd,2BAA2B,EAC3B,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACvB,MAAM,2BAA2B,CAAC;AAEnC,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,iBAAiB;CACrB,CAAC;AAEV,MAAM,CAAC,MAAM,kBAAkB,GAAU,GAAG,EAAE;IAC5C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAkC,KAAK,CAAC,CAAC;IACjF,MAAM,KAAK,GAAG,CAAC,EAA6B,EAAE,EAAE;QAC9C,MAAM,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,EAA6B,EAAE,EAAE;QACjD,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,MAAM,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,EAA6B,EAAE,EAAE;QACnD,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,MAAM,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,KAAa,EAAE,KAAU,EAAE,EAAE;QAC7D,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IACb,EAAE,EAAE,SAAS,EAAE,EACf,OAAO,EAAC,0BAA0B,EAClC,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE;YACP,OAAO,EAAE,cAAc;YACvB,YAAY,EAAE;gBACZ;oBACE,EAAE,EAAE,MAAM;oBACV,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,MAAM;iBACd;aACF;YACD,WAAW,EAAE;gBACX;oBACE,EAAE,EAAE,YAAY;oBAChB,QAAQ,EAAE,KAAK;oBACf,aAAa,EAAE;wBACb,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,CAC7C,YAAY,CAAC,oBAAoB,EAAE,kBAAkB,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;wBACxE,KAAK,EAAE,YAAY;qBACpB;iBACF;gBACD;oBACE,EAAE,EAAE,aAAa;oBACjB,QAAQ,EAAE,KAAK;oBACf,aAAa,EAAE;wBACb,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,CAC7C,YAAY,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;wBAC1E,KAAK,EAAE,aAAa;qBACrB;iBACF;aACF;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAU,GAAG,EAAE;IAC/C,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,KAAa,EAAE,KAAU,EAAE,EAAE;QAC7D,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC,CAAC;IACF,OAAO,CACL,KAAC,iBAAiB,IAChB,OAAO,EAAE,cAAc,EACvB,YAAY,EAAE;YACZ;gBACE,EAAE,EAAE,MAAM;gBACV,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,MAAM;aACd;SACF,EACD,WAAW,EAAE;YACX;gBACE,EAAE,EAAE,YAAY;gBAChB,QAAQ,EAAE,KAAK;gBACf,aAAa,EAAE;oBACb,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,CAC7C,YAAY,CAAC,oBAAoB,EAAE,kBAAkB,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oBACxE,KAAK,EAAE,YAAY;iBACpB;aACF;YACD;gBACE,EAAE,EAAE,aAAa;gBACjB,QAAQ,EAAE,KAAK;gBACf,aAAa,EAAE;oBACb,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,CAC7C,YAAY,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oBAC1E,KAAK,EAAE,aAAa;iBACrB;aACF;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU,GAAG,EAAE;IAC5C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAExD,EAAE,CAAC,CAAC;IACN,MAAM,kBAAkB,GAAG,CAAC,EAAU,EAAE,KAAa,EAAE,KAAU,EAAE,EAAE;QACnE,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,EAAE;QAClC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;QAC3B,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC;QAEhE,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAoC,EAAE,EAAE;YAC9E,OAAO;gBACL,EAAE,EAAE,GAAG,EAAE,IAAI,KAAK,EAAE;gBACpB,IAAI,EAAE,KAAK;gBACX,KAAK;aACN,CAAC;QACJ,CAAC,CAAC;QAEF,IAAI,WAAW,EAAE;YACf,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;YAE1D,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;YAE/D,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;gBAC1E,MAAM,UAAU,GAA2C;oBACzD,EAAE,EAAE,GAAG,EAAE,IAAI,OAAO,EAAE;oBACtB,QAAQ,EAAE,KAAK;oBACf,aAAa,EAAE;wBACb,KAAK,EAAE,KAAK;wBACZ,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,CAC7C,kBAAkB,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;wBACjD,IAAI,EAAE,IAA0B;qBACjC;iBACF,CAAC;gBACF,OAAO,UAAU,CAAC;YACpB,CAAC,CAAC,CAAC;YAEH,oBAAoB,CAAC,IAAI,CAAC,EAAE;gBAC1B,OAAO;oBACL,GAAG,IAAI;oBACP,CAAC,EAAE,CAAC,EAAE;wBACJ,OAAO;wBACP,YAAY;wBACZ,WAAW;qBACZ;iBACF,CAAC;YACJ,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,EAAU,EAAE,EAAE;QACpC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC;QAC7B,UAAU,CAAC,GAAG,EAAE;YACd,oBAAoB,CAAC,IAAI,CAAC,EAAE;gBAC1B,MAAM,oBAAoB,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;gBACzC,OAAO,oBAAoB,CAAC,EAAE,CAAC,CAAC;gBAChC,OAAO,oBAAoB,CAAC;YAC9B,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,EAC9B,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,iBAAiB,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC;AAeF,MAAM,CAAC,MAAM,qBAAqB,GAAuC,CACvE,IAAiC,EACjC,EAAE;IACF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAExD,EAAE,CAAC,CAAC;IACN,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAInE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAE9E,MAAM,aAAa,GAAG,CAAC,QAA4C,EAAE,WAAmB,EAAE,EAAE,CAC1F,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC;IAE1E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,YAAY,CAAC,WAAW,EAAE,CAAC;QACrD,MAAM,gBAAgB,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC;QACnD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;YACxC,OAAO,CACL,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,iBAAiB,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC;gBACtF,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC;oBACpD,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,gBAAgB,CAAC;oBACrD,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CACxD,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,MAAM,YAAY,GAAG,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YAC5C,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC;gBAAE,OAAO,IAAI,CAAC;YAEvE,IAAI,YAAY,CAAC;YAEjB,MAAM,YAAY,GAAG,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;YAC3E,IAAI,YAAY;gBAAE,YAAY,GAAG,YAAY,CAAC;YAE9C,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;YACzE,IAAI,WAAW,IAAI,CAAC,YAAY;gBAAE,YAAY,GAAG,WAAW,CAAC;YAE7D,OAAO;gBACL,GAAG,IAAI;gBACP,YAAY,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE;aACxE,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAEhC,MAAM,SAAS,GAAG,CAChB,EAA6B,EAC7B,aAA2C,EAC3C,EAAE;QACF,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QACxD,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,OAAO,EAAE;YACvC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAChC;aAAM;YACL,aAAa,CACX,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,GACrD,uBAAuB,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC9B,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;qBAC1C,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,uBAAuB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;qBAC1D,IAAI,CAAC,IAAI,CAAC;gBACf,CAAC,CAAC,EACN,GAAG,CACJ,CAAC;SACH;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,EAAU,EAAE,KAAa,EAAE,KAAU,EAAE,EAAE;QACnE,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QAC/C,0BAA0B,CAAC,IAAI,CAAC,EAAE;YAChC,OAAO;gBACL,GAAG,IAAI;gBACP,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE;aACtC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,EAAE;QAClC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;QAC3B,MAAM,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC;QAE1E,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAoC,EAAE,EAAE;YAC9E,OAAO;gBACL,EAAE,EAAE,GAAG,EAAE,IAAI,KAAK,EAAE;gBACpB,IAAI,EAAE,KAAK;gBACX,KAAK;aACN,CAAC;QACJ,CAAC,CAAC;QAEF,IAAI,WAAW,EAAE;YACf,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;YAE1D,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;YAE/D,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;gBAC1E,MAAM,UAAU,GAA2C;oBACzD,EAAE,EAAE,GAAG,EAAE,IAAI,OAAO,EAAE;oBACtB,QAAQ,EAAE,KAAK;oBACf,aAAa,EAAE;wBACb,KAAK,EAAE,KAAK;wBACZ,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,CAC7C,kBAAkB,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;wBACjD,IAAI,EAAE,IAA0B;qBACjC;iBACF,CAAC;gBACF,OAAO,UAAU,CAAC;YACpB,CAAC,CAAC,CAAC;YAEH,oBAAoB,CAAC,IAAI,CAAC,EAAE;gBAC1B,OAAO;oBACL,GAAG,IAAI;oBACP,CAAC,EAAE,CAAC,EAAE;wBACJ,OAAO;wBACP,YAAY;wBACZ,WAAW;qBACZ;iBACF,CAAC;YACJ,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,EAAU,EAAE,EAAE;QACpC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC;QAC7B,UAAU,CAAC,GAAG,EAAE;YACd,oBAAoB,CAAC,IAAI,CAAC,EAAE;gBAC1B,MAAM,oBAAoB,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;gBACzC,OAAO,oBAAoB,CAAC,EAAE,CAAC,CAAC;gBAChC,OAAO,oBAAoB,CAAC;YAC9B,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,0BAA0B,CAAC,IAAI,CAAC,EAAE;YAChC,MAAM,SAAS,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;YAC9B,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC;YACrB,OAAO,SAAS,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAA+C,CACnE,mBAAmB,EACnB,WAAW,EACX,EAAE;QACF,IAAI,mBAAmB,KAAK,GAAG,EAAE;YAC/B,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;gBAC3B,UAAU,CAAC,GAAG,EAAE;oBACd,UAAU,CAAC,KAAK,CAAC,CAAC;oBAClB,OAAO,CAAC,kBAAkB,CAAC,CAAC;gBAC9B,CAAC,EAAE,IAAI,CAAC,CAAC;YACX,CAAC,CAAC,CAAC;SACJ;QACD,IAAI,kBAAkB,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAChD,kBAAkB,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAChF,IAAI,kBAAkB,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,UAAU,EAAE;YACpE,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;gBAC3B,OAAO,CAAC,sBAAsB,CAAC,CAAC;YAClC,CAAC,CAAC,CAAC;SACJ;QACD,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;YAC3B,UAAU,CAAC,GAAG,EAAE;gBACd,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,OAAO,CAAC,eAAe,CAAC,CAAC;YAC3B,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IACF,OAAO,CACL,KAAC,2BAA2B,cAC1B,KAAC,iBAAiB,IAChB,IAAI,EAAE;gBACJ,KAAK,EAAE,eAAe;gBACtB,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,SAAS;gBACtC,YAAY,EAAE,IAAI,CAAC,YAAY,IAAI,YAAY;gBAC/C,cAAc,EAAE,IAAI,CAAC,cAAc,IAAI,cAAc;gBACrD,OAAO,EAAE,iBAAiB;aAC3B,EACD,MAAM,EAAE;gBACN,OAAO,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,CAAC;gBAClD,cAAc,EAAE,IAAI,CAAC,cAAc;oBACjC,CAAC,CAAC,IAAI,CAAC,cAAc;oBACrB,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC;gBACnC,cAAc,EAAE,IAAI,CAAC,cAAc;oBACjC,CAAC,CAAC,IAAI,CAAC,cAAc;oBACrB,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,WAAW;gBAClB,MAAM,EAAE,WAAW;aACpB,EACD,MAAM,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,SAAS,EAC7E,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,YAAY,EAAE,IAAI,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAChF,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,MAAM,EAC7B,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,GAChB,GAC0B,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAqB,CAAC,IAAI,GAAG;IAC3B,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,qBAAqB,CAAC,QAAQ,GAAG;IAC/B,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC5C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAC3C,CAAC;AAOF,MAAM,CAAC,MAAM,cAAc,GAA+B,CAAC,IAAyB,EAAE,EAAE;IACtF,MAAM,gBAAgB,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC1D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,gBAAgB,GAA+C,mBAAmB,CAAC,EAAE;QACzF,IAAI,mBAAmB,KAAK,GAAG,EAAE;YAC/B,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;gBAC3B,UAAU,CAAC,GAAG,EAAE;oBACd,UAAU,CAAC,KAAK,CAAC,CAAC;oBAClB,OAAO,CAAC,kBAAkB,CAAC,CAAC;gBAC9B,CAAC,EAAE,IAAI,CAAC,CAAC;YACX,CAAC,CAAC,CAAC;SACJ;QACD,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;YAC3B,UAAU,CAAC,GAAG,EAAE;gBACd,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,OAAO,CAAC,eAAe,CAAC,CAAC;YAC3B,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,aAAa,IAAC,KAAK,EAAE,UAAU,YAC9B,KAAC,UAAU,IACT,gBAAgB,EAAE,gBAAgB,EAClC,oBAAoB,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAChC,iBAAiB,EAAE;gBACjB,IAAI,EAAE,YAAY;gBAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,EACD,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAC,YAAY,EACzB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC9D,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,GACY,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,IAAI,GAAG;IACpB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,cAAc,CAAC,QAAQ,GAAG;IACxB,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC5C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAC3C,CAAC","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  readOnly?: 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.readOnly ? args.errors || errors : undefined}\n        readOnly={args.readOnly}\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  readOnly: false\n};\n\nExpressionBuilderDemo.argTypes = {\n  showErrors: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } }\n};\n\ninterface CodeEditorDemoProps {\n  showErrors?: boolean;\n  readOnly?: 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          readOnly: args.readOnly\n        }}\n        codeEditorHandle={codeEditorHandle}\n        defaultValue='@testing()'\n        loading={loading}\n        errors={args.showErrors && !args.readOnly ? errors : undefined}\n        readOnly={args.readOnly}\n      />\n    </Configuration>\n  );\n};\n\nCodeEditorDemo.args = {\n  showErrors: false,\n  readOnly: false\n};\n\nCodeEditorDemo.argTypes = {\n  showErrors: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } }\n};\n"]}

package/lib/build/FlowModeller/AddNodeUtils.mocks.d.ts

@@ -1,8 +1,8 @@
-import { AddNodeHandlerParams, RendererConnectorProps, RendererNodeProps, GraphData } from '@pega/cosmos-react-build';
+import { AddNodeHandlerParams, GraphData, PlottedGraphConnector, PlottedGraphNode } from '@pega/cosmos-react-build';
 declare const AddNodeUtilsMocks: {
-    graphData1: GraphData<RendererNodeProps, RendererConnectorProps>;
-    onGetNewNode: (metaData: AddNodeHandlerParams) => RendererNodeProps;
-    onGetNewConnector: (fromNodeId: string, toNodeId: string, metaData: AddNodeHandlerParams) => RendererConnectorProps;
+    graphData1: GraphData<PlottedGraphNode<any>, PlottedGraphConnector<any>>;
+    onGetNewNode: (metaData: AddNodeHandlerParams) => PlottedGraphNode;
+    onGetNewConnector: (fromNodeId: string, toNodeId: string, metaData: AddNodeHandlerParams) => PlottedGraphConnector;
     result: {
         nodes: ({
             id: string;

package/lib/build/FlowModeller/AddNodeUtils.mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddNodeUtils.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/FlowModeller/AddNodeUtils.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,iBAAiB,EACjB,SAAS,EACV,MAAM,0BAA0B,CAAC;AAuSlC,QAAA,MAAM,iBAAiB;;6BArIQ,oBAAoB,KAAK,iBAAiB;oCAQ3D,MAAM,YACR,MAAM,YACN,oBAAoB,KAC3B,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+H1B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"AddNodeUtils.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/FlowModeller/AddNodeUtils.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,SAAS,EACT,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAuSlC,QAAA,MAAM,iBAAiB;;6BArIQ,oBAAoB,KAAK,gBAAgB;oCAQ1D,MAAM,YACR,MAAM,YACN,oBAAoB,KAC3B,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+HzB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/build/FlowModeller/AddNodeUtils.mocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddNodeUtils.mocks.js","sourceRoot":"","sources":["../../../src/build/FlowModeller/AddNodeUtils.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AddNodeHandlerParams,\n  RendererConnectorProps,\n  RendererNodeProps,\n  GraphData\n} from '@pega/cosmos-react-build';\n\nconst nodeDefaults = {\n  position: { x: 0, y: 0 },\n  dimensions: { width: 20, height: 20 }\n};\n\nconst connectorDefaults = {\n  points: []\n};\n\nconst graphData1: GraphData<RendererNodeProps, RendererConnectorProps> = {\n  nodes: [\n    {\n      ...nodeDefaults,\n      id: '100'\n    },\n    {\n      ...nodeDefaults,\n      id: '101'\n    },\n    {\n      ...nodeDefaults,\n      id: '102'\n    },\n    {\n      ...nodeDefaults,\n      id: '103'\n    },\n    {\n      ...nodeDefaults,\n      id: '104'\n    },\n    {\n      ...nodeDefaults,\n      id: '105'\n    },\n    {\n      ...nodeDefaults,\n      id: '106'\n    },\n    {\n      ...nodeDefaults,\n      id: '107'\n    },\n    {\n      ...nodeDefaults,\n      id: '108'\n    },\n    {\n      ...nodeDefaults,\n      id: '109'\n    },\n    {\n      ...nodeDefaults,\n      id: '110'\n    },\n    {\n      ...nodeDefaults,\n      id: '111'\n    }\n  ],\n  connectors: [\n    {\n      ...connectorDefaults,\n      id: '100-101',\n      fromNodeId: '100',\n      toNodeId: '101'\n    },\n    {\n      ...connectorDefaults,\n      id: '101-102',\n      fromNodeId: '101',\n      toNodeId: '102'\n    },\n    {\n      ...connectorDefaults,\n      id: '101-103',\n      fromNodeId: '101',\n      toNodeId: '103'\n    },\n    {\n      ...connectorDefaults,\n      id: '102-104',\n      fromNodeId: '102',\n      toNodeId: '104'\n    },\n    {\n      ...connectorDefaults,\n      id: '102-105',\n      fromNodeId: '102',\n      toNodeId: '105'\n    },\n    {\n      ...connectorDefaults,\n      id: '102-106',\n      fromNodeId: '102',\n      toNodeId: '106'\n    },\n    {\n      ...connectorDefaults,\n      id: '103-107',\n      fromNodeId: '103',\n      toNodeId: '107'\n    },\n    {\n      ...connectorDefaults,\n      id: '103-108',\n      fromNodeId: '103',\n      toNodeId: '108'\n    },\n    {\n      ...connectorDefaults,\n      id: '104-109',\n      fromNodeId: '104',\n      toNodeId: '109'\n    },\n    {\n      ...connectorDefaults,\n      id: '104-110',\n      fromNodeId: '104',\n      toNodeId: '110'\n    },\n    {\n      ...connectorDefaults,\n      id: '105-111',\n      fromNodeId: '105',\n      toNodeId: '111'\n    },\n    {\n      ...connectorDefaults,\n      id: '106-111',\n      fromNodeId: '106',\n      toNodeId: '111'\n    },\n    {\n      ...connectorDefaults,\n      id: '107-111',\n      fromNodeId: '107',\n      toNodeId: '111'\n    },\n    {\n      ...connectorDefaults,\n      id: '108-111',\n      fromNodeId: '108',\n      toNodeId: '111'\n    },\n    {\n      ...connectorDefaults,\n      id: '109-111',\n      fromNodeId: '109',\n      toNodeId: '111'\n    },\n    {\n      ...connectorDefaults,\n      id: '110-111',\n      fromNodeId: '110',\n      toNodeId: '111'\n    }\n  ]\n};\n\nconst onGetNewNode: (metaData: AddNodeHandlerParams) => RendererNodeProps = metaData => {\n  return {\n    ...nodeDefaults,\n    id: `ph-n-${(metaData.refId as string[]).join('_')}` // ${createUID()}`\n  };\n};\n\nconst onGetNewConnector: (\n  fromNodeId: string,\n  toNodeId: string,\n  metaData: AddNodeHandlerParams\n) => RendererConnectorProps = (fromNodeId, toNodeId, metaData) => {\n  return {\n    ...connectorDefaults,\n    id: `ph-c-${(metaData.refId as string[]).join('_')}`, // ${createUID()}`\n    fromNodeId,\n    toNodeId\n  };\n};\n\nconst result = {\n  nodes: [\n    { ...nodeDefaults, id: '100' },\n    { ...nodeDefaults, id: '101' },\n    { ...nodeDefaults, id: '102' },\n    { ...nodeDefaults, id: '103' },\n    { ...nodeDefaults, id: '104' },\n    { ...nodeDefaults, id: '105' },\n    { ...nodeDefaults, id: '106' },\n    { ...nodeDefaults, id: '107' },\n    { ...nodeDefaults, id: '108' },\n    { ...nodeDefaults, id: '109' },\n    { ...nodeDefaults, id: '110' },\n    { ...nodeDefaults, id: '111' },\n    {\n      ...nodeDefaults,\n      id: 'ph-n-109-111_110-111',\n      realConnectors: ['109-111', '110-111']\n    },\n    {\n      ...nodeDefaults,\n      id: 'ph-n-109-111_110-111_105-111_106-111',\n      realConnectors: ['109-111', '110-111', '105-111', '106-111']\n    },\n    {\n      ...nodeDefaults,\n      id: 'ph-n-107-111_108-111',\n      realConnectors: ['107-111', '108-111']\n    },\n    {\n      ...nodeDefaults,\n      id: 'ph-n-109-111_110-111_105-111_106-111_107-111_108-111',\n      realConnectors: ['109-111', '110-111', '105-111', '106-111', '107-111', '108-111']\n    }\n  ],\n  connectors: [\n    { points: [], id: '100-101', fromNodeId: '100', toNodeId: '101' },\n    { points: [], id: '101-102', fromNodeId: '101', toNodeId: '102' },\n    { points: [], id: '101-103', fromNodeId: '101', toNodeId: '103' },\n    { points: [], id: '102-104', fromNodeId: '102', toNodeId: '104' },\n    { points: [], id: '102-105', fromNodeId: '102', toNodeId: '105' },\n    { points: [], id: '102-106', fromNodeId: '102', toNodeId: '106' },\n    { points: [], id: '103-107', fromNodeId: '103', toNodeId: '107' },\n    { points: [], id: '103-108', fromNodeId: '103', toNodeId: '108' },\n    { points: [], id: '104-109', fromNodeId: '104', toNodeId: '109' },\n    { points: [], id: '104-110', fromNodeId: '104', toNodeId: '110' },\n    {\n      points: [],\n      id: '105-111',\n      fromNodeId: '105',\n      toNodeId: 'ph-n-109-111_110-111_105-111_106-111'\n    },\n    {\n      points: [],\n      id: '106-111',\n      fromNodeId: '106',\n      toNodeId: 'ph-n-109-111_110-111_105-111_106-111'\n    },\n    {\n      points: [],\n      id: '107-111',\n      fromNodeId: '107',\n      toNodeId: 'ph-n-107-111_108-111'\n    },\n    {\n      points: [],\n      id: '108-111',\n      fromNodeId: '108',\n      toNodeId: 'ph-n-107-111_108-111'\n    },\n    {\n      points: [],\n      id: '109-111',\n      fromNodeId: '109',\n      toNodeId: 'ph-n-109-111_110-111'\n    },\n    {\n      points: [],\n      id: '110-111',\n      fromNodeId: '110',\n      toNodeId: 'ph-n-109-111_110-111'\n    },\n    {\n      points: [],\n      id: 'ph-c-109-111_110-111',\n      fromNodeId: 'ph-n-109-111_110-111',\n      toNodeId: 'ph-n-109-111_110-111_105-111_106-111',\n      realConnectors: ['109-111', '110-111']\n    },\n    {\n      points: [],\n      id: 'ph-c-109-111_110-111_105-111_106-111',\n      fromNodeId: 'ph-n-109-111_110-111_105-111_106-111',\n      toNodeId: 'ph-n-109-111_110-111_105-111_106-111_107-111_108-111',\n      realConnectors: ['109-111', '110-111', '105-111', '106-111']\n    },\n    {\n      points: [],\n      id: 'ph-c-107-111_108-111',\n      fromNodeId: 'ph-n-107-111_108-111',\n      toNodeId: 'ph-n-109-111_110-111_105-111_106-111_107-111_108-111',\n      realConnectors: ['107-111', '108-111']\n    },\n    {\n      points: [],\n      id: 'ph-c-109-111_110-111_105-111_106-111_107-111_108-111',\n      fromNodeId: 'ph-n-109-111_110-111_105-111_106-111_107-111_108-111',\n      toNodeId: '111',\n      realConnectors: ['109-111', '110-111', '105-111', '106-111', '107-111', '108-111']\n    }\n  ]\n};\n\nconst AddNodeUtilsMocks = {\n  graphData1,\n  onGetNewNode,\n  onGetNewConnector,\n  result\n};\n\nexport default AddNodeUtilsMocks;\n"]}
+{"version":3,"file":"AddNodeUtils.mocks.js","sourceRoot":"","sources":["../../../src/build/FlowModeller/AddNodeUtils.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AddNodeHandlerParams,\n  GraphData,\n  PlottedGraphConnector,\n  PlottedGraphNode\n} from '@pega/cosmos-react-build';\n\nconst nodeDefaults = {\n  position: { x: 0, y: 0 },\n  dimensions: { width: 20, height: 20 }\n};\n\nconst connectorDefaults = {\n  points: []\n};\n\nconst graphData1: GraphData<PlottedGraphNode, PlottedGraphConnector> = {\n  nodes: [\n    {\n      ...nodeDefaults,\n      id: '100'\n    },\n    {\n      ...nodeDefaults,\n      id: '101'\n    },\n    {\n      ...nodeDefaults,\n      id: '102'\n    },\n    {\n      ...nodeDefaults,\n      id: '103'\n    },\n    {\n      ...nodeDefaults,\n      id: '104'\n    },\n    {\n      ...nodeDefaults,\n      id: '105'\n    },\n    {\n      ...nodeDefaults,\n      id: '106'\n    },\n    {\n      ...nodeDefaults,\n      id: '107'\n    },\n    {\n      ...nodeDefaults,\n      id: '108'\n    },\n    {\n      ...nodeDefaults,\n      id: '109'\n    },\n    {\n      ...nodeDefaults,\n      id: '110'\n    },\n    {\n      ...nodeDefaults,\n      id: '111'\n    }\n  ],\n  connectors: [\n    {\n      ...connectorDefaults,\n      id: '100-101',\n      fromNodeId: '100',\n      toNodeId: '101'\n    },\n    {\n      ...connectorDefaults,\n      id: '101-102',\n      fromNodeId: '101',\n      toNodeId: '102'\n    },\n    {\n      ...connectorDefaults,\n      id: '101-103',\n      fromNodeId: '101',\n      toNodeId: '103'\n    },\n    {\n      ...connectorDefaults,\n      id: '102-104',\n      fromNodeId: '102',\n      toNodeId: '104'\n    },\n    {\n      ...connectorDefaults,\n      id: '102-105',\n      fromNodeId: '102',\n      toNodeId: '105'\n    },\n    {\n      ...connectorDefaults,\n      id: '102-106',\n      fromNodeId: '102',\n      toNodeId: '106'\n    },\n    {\n      ...connectorDefaults,\n      id: '103-107',\n      fromNodeId: '103',\n      toNodeId: '107'\n    },\n    {\n      ...connectorDefaults,\n      id: '103-108',\n      fromNodeId: '103',\n      toNodeId: '108'\n    },\n    {\n      ...connectorDefaults,\n      id: '104-109',\n      fromNodeId: '104',\n      toNodeId: '109'\n    },\n    {\n      ...connectorDefaults,\n      id: '104-110',\n      fromNodeId: '104',\n      toNodeId: '110'\n    },\n    {\n      ...connectorDefaults,\n      id: '105-111',\n      fromNodeId: '105',\n      toNodeId: '111'\n    },\n    {\n      ...connectorDefaults,\n      id: '106-111',\n      fromNodeId: '106',\n      toNodeId: '111'\n    },\n    {\n      ...connectorDefaults,\n      id: '107-111',\n      fromNodeId: '107',\n      toNodeId: '111'\n    },\n    {\n      ...connectorDefaults,\n      id: '108-111',\n      fromNodeId: '108',\n      toNodeId: '111'\n    },\n    {\n      ...connectorDefaults,\n      id: '109-111',\n      fromNodeId: '109',\n      toNodeId: '111'\n    },\n    {\n      ...connectorDefaults,\n      id: '110-111',\n      fromNodeId: '110',\n      toNodeId: '111'\n    }\n  ]\n};\n\nconst onGetNewNode: (metaData: AddNodeHandlerParams) => PlottedGraphNode = metaData => {\n  return {\n    ...nodeDefaults,\n    id: `ph-n-${(metaData.refId as string[]).join('_')}` // ${createUID()}`\n  };\n};\n\nconst onGetNewConnector: (\n  fromNodeId: string,\n  toNodeId: string,\n  metaData: AddNodeHandlerParams\n) => PlottedGraphConnector = (fromNodeId, toNodeId, metaData) => {\n  return {\n    ...connectorDefaults,\n    id: `ph-c-${(metaData.refId as string[]).join('_')}`, // ${createUID()}`\n    fromNodeId,\n    toNodeId\n  };\n};\n\nconst result = {\n  nodes: [\n    { ...nodeDefaults, id: '100' },\n    { ...nodeDefaults, id: '101' },\n    { ...nodeDefaults, id: '102' },\n    { ...nodeDefaults, id: '103' },\n    { ...nodeDefaults, id: '104' },\n    { ...nodeDefaults, id: '105' },\n    { ...nodeDefaults, id: '106' },\n    { ...nodeDefaults, id: '107' },\n    { ...nodeDefaults, id: '108' },\n    { ...nodeDefaults, id: '109' },\n    { ...nodeDefaults, id: '110' },\n    { ...nodeDefaults, id: '111' },\n    {\n      ...nodeDefaults,\n      id: 'ph-n-109-111_110-111',\n      realConnectors: ['109-111', '110-111']\n    },\n    {\n      ...nodeDefaults,\n      id: 'ph-n-109-111_110-111_105-111_106-111',\n      realConnectors: ['109-111', '110-111', '105-111', '106-111']\n    },\n    {\n      ...nodeDefaults,\n      id: 'ph-n-107-111_108-111',\n      realConnectors: ['107-111', '108-111']\n    },\n    {\n      ...nodeDefaults,\n      id: 'ph-n-109-111_110-111_105-111_106-111_107-111_108-111',\n      realConnectors: ['109-111', '110-111', '105-111', '106-111', '107-111', '108-111']\n    }\n  ],\n  connectors: [\n    { points: [], id: '100-101', fromNodeId: '100', toNodeId: '101' },\n    { points: [], id: '101-102', fromNodeId: '101', toNodeId: '102' },\n    { points: [], id: '101-103', fromNodeId: '101', toNodeId: '103' },\n    { points: [], id: '102-104', fromNodeId: '102', toNodeId: '104' },\n    { points: [], id: '102-105', fromNodeId: '102', toNodeId: '105' },\n    { points: [], id: '102-106', fromNodeId: '102', toNodeId: '106' },\n    { points: [], id: '103-107', fromNodeId: '103', toNodeId: '107' },\n    { points: [], id: '103-108', fromNodeId: '103', toNodeId: '108' },\n    { points: [], id: '104-109', fromNodeId: '104', toNodeId: '109' },\n    { points: [], id: '104-110', fromNodeId: '104', toNodeId: '110' },\n    {\n      points: [],\n      id: '105-111',\n      fromNodeId: '105',\n      toNodeId: 'ph-n-109-111_110-111_105-111_106-111'\n    },\n    {\n      points: [],\n      id: '106-111',\n      fromNodeId: '106',\n      toNodeId: 'ph-n-109-111_110-111_105-111_106-111'\n    },\n    {\n      points: [],\n      id: '107-111',\n      fromNodeId: '107',\n      toNodeId: 'ph-n-107-111_108-111'\n    },\n    {\n      points: [],\n      id: '108-111',\n      fromNodeId: '108',\n      toNodeId: 'ph-n-107-111_108-111'\n    },\n    {\n      points: [],\n      id: '109-111',\n      fromNodeId: '109',\n      toNodeId: 'ph-n-109-111_110-111'\n    },\n    {\n      points: [],\n      id: '110-111',\n      fromNodeId: '110',\n      toNodeId: 'ph-n-109-111_110-111'\n    },\n    {\n      points: [],\n      id: 'ph-c-109-111_110-111',\n      fromNodeId: 'ph-n-109-111_110-111',\n      toNodeId: 'ph-n-109-111_110-111_105-111_106-111',\n      realConnectors: ['109-111', '110-111']\n    },\n    {\n      points: [],\n      id: 'ph-c-109-111_110-111_105-111_106-111',\n      fromNodeId: 'ph-n-109-111_110-111_105-111_106-111',\n      toNodeId: 'ph-n-109-111_110-111_105-111_106-111_107-111_108-111',\n      realConnectors: ['109-111', '110-111', '105-111', '106-111']\n    },\n    {\n      points: [],\n      id: 'ph-c-107-111_108-111',\n      fromNodeId: 'ph-n-107-111_108-111',\n      toNodeId: 'ph-n-109-111_110-111_105-111_106-111_107-111_108-111',\n      realConnectors: ['107-111', '108-111']\n    },\n    {\n      points: [],\n      id: 'ph-c-109-111_110-111_105-111_106-111_107-111_108-111',\n      fromNodeId: 'ph-n-109-111_110-111_105-111_106-111_107-111_108-111',\n      toNodeId: '111',\n      realConnectors: ['109-111', '110-111', '105-111', '106-111', '107-111', '108-111']\n    }\n  ]\n};\n\nconst AddNodeUtilsMocks = {\n  graphData1,\n  onGetNewNode,\n  onGetNewConnector,\n  result\n};\n\nexport default AddNodeUtilsMocks;\n"]}

package/lib/build/FlowModeller/FlowModeller.mocks.d.ts

@@ -1,12 +1,13 @@
 import { FC } from 'react';
 import { Action, ForwardProps } from '@pega/cosmos-react-core';
-import { NodeProps, ConnectorProps, NodeLibraryItem, DeleteNodeOutcome, GraphData } from '@pega/cosmos-react-build';
+import { NodeProps, ConnectorProps, NodeType, NodeLibraryItem, DeleteNodeOutcome, GraphData } from '@pega/cosmos-react-build';
 interface DecisionTableProps {
     updatedData: GraphData<NodeProps, ConnectorProps>;
     connectors: ConnectorProps[];
     node: NodeProps;
-    onDeleteRow: (data: GraphData<NodeProps, ConnectorProps>, deleteItems?: DeleteNodeOutcome['deletes'], e?: MouseEvent) => void;
+    onDeleteRow: (data: GraphData<NodeProps, ConnectorProps>, connector: ConnectorProps, error: string, deleteItems?: DeleteNodeOutcome['deletes'], e?: MouseEvent) => void;
     onAddRow: (data: GraphData<NodeProps, ConnectorProps>) => void;
+    readOnly?: boolean;
 }
 interface DeletePopoverProps {
     targetId: string | null;
@@ -16,6 +17,7 @@ interface DeletePopoverProps {
 }
 export declare const DecisionTable: FC<DecisionTableProps & ForwardProps>;
 export declare const DeletePopover: FC<DeletePopoverProps & ForwardProps>;
+export declare const FlowShapeType: Record<string, NodeType>;
 export declare const exampleCRMNodesData: NodeProps[];
 export declare const exampleCRMConnectorsData: ConnectorProps[];
 export declare const emptyNodesData: NodeProps[];

package/lib/build/FlowModeller/FlowModeller.mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlowModeller.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,EAAE,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EASL,MAAM,EACN,YAAY,EAOb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,SAAS,EACT,cAAc,EAGd,eAAe,EACf,iBAAiB,EAGjB,SAAS,EACV,MAAM,0BAA0B,CAAC;AAElC,UAAU,kBAAkB;IAC1B,WAAW,EAAE,SAAS,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;IAClD,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,EAAE,CACX,IAAI,EAAE,SAAS,CAAC,SAAS,EAAE,cAAc,CAAC,EAC1C,WAAW,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,EAC1C,CAAC,CAAC,EAAE,UAAU,KACX,IAAI,CAAC;IACV,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,EAAE,cAAc,CAAC,KAAK,IAAI,CAAC;CAChE;AACD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,GAAG,YAAY,CA4D/D,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,GAAG,YAAY,CAsC/D,CAAC;AAsGF,eAAO,MAAM,mBAAmB,EAAE,SAAS,EAoH1C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,cAAc,EAyHpD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,SAAS,EAWrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,cAAc,EAO/C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,EAK/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,eAAe,EAsCxC,CAAC"}
+{"version":3,"file":"FlowModeller.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,EAAE,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EASL,MAAM,EACN,YAAY,EAOb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,SAAS,EACT,cAAc,EAEd,QAAQ,EACR,eAAe,EACf,iBAAiB,EAGjB,SAAS,EACV,MAAM,0BAA0B,CAAC;AAElC,UAAU,kBAAkB;IAC1B,WAAW,EAAE,SAAS,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;IAClD,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,EAAE,CACX,IAAI,EAAE,SAAS,CAAC,SAAS,EAAE,cAAc,CAAC,EAC1C,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,MAAM,EACb,WAAW,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,EAC1C,CAAC,CAAC,EAAE,UAAU,KACX,IAAI,CAAC;IACV,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,EAAE,cAAc,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,GAAG,YAAY,CA8F/D,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,GAAG,YAAY,CAsC/D,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAiHjD,CAAC;AAEH,eAAO,MAAM,mBAAmB,EAAE,SAAS,EA2J1C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,cAAc,EA+HpD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,SAAS,EAWrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,cAAc,EAO/C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,EAK/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,eAAe,EA2CxC,CAAC"}