npm - @pega/cosmos-react-demos - Versions diffs - 4.0.0-dev.2.0 → 4.0.0-dev.20.0 - Mend

@pega/cosmos-react-demos 4.0.0-dev.2.0 → 4.0.0-dev.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1187) hide show

package/jsx/build/FlowModeller/FlowModeller.stories.jsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import { memo, useMemo, useState } from 'react';
 import { action } from '@storybook/addon-actions';
 import { FlowModeller, FlowModellerHelper, Workbench } from '@pega/cosmos-react-build';
-import { useOuterEvent, useEscape, useElement, Modal, ComboBox, menuHelpers, Text, useModalManager } from '@pega/cosmos-react-core';
+import { useOuterEvent, useEscape, useElement, Modal, ComboBox, menuHelpers, Text, useModalManager, Input } from '@pega/cosmos-react-core';
 import { nodeLibrary, nodeActions, exampleCRMNodesData, exampleCRMConnectorsData, emptyNodesData, emptyConnectorsData, FlowShapeType, DecisionTable, DeletePopover } from './FlowModeller.mocks';
 import { StyledWrapper } from './FlowModeller.styles';
 export default {
@@ -29,6 +29,8 @@ export const EmptyFlowChartView = (args) => {
     const [deletePopoverEl, setDeletePopoverEl] = useElement(null);
     const [connectorData, setConnectorData] = useState();
     const { create } = useModalManager();
+    const [inputError, setInputError] = useState(false);
+    const [inputValue, setInputValue] = useState();
     const [items, setItems] = useState(graphData?.nodes
         .filter(node => node.type.id !== 'start' &&
         node.id !== nodeData?.node.id &&
@@ -45,6 +47,8 @@ export const EmptyFlowChartView = (args) => {
         setOpen(true);
         setNodeData(selectedNodeData);
         setActiveNodeId(selectedNodeData.node.id);
+        setInputValue(selectedNodeData.node.label);
+        setInputError(!!selectedNodeData.node.error);
     };
     const onNodeActionClick = (params) => {
         if (params.actionId === 'action-2') {
@@ -68,6 +72,8 @@ export const EmptyFlowChartView = (args) => {
             setOpen(true);
             setNodeData(selectedNodeData);
             setActiveNodeId(selectedNodeData.node.id);
+            setInputError(false);
+            setInputValue(selectedNodeData.node.label);
         }
     };
     const launchModal = (errorTitle, errorMessage) => {
@@ -109,6 +115,7 @@ export const EmptyFlowChartView = (args) => {
     };
     const onDelete = () => {
         setHighlightItems(undefined);
+        setInputError(false);
         const updatedGraphData = buffer;
         if (nodeData?.outConnectors.length === 2) {
             const defaultConnector = nodeData?.outConnectors[0].id !== connectorData?.id
@@ -133,7 +140,34 @@ export const EmptyFlowChartView = (args) => {
     const onCancel = () => {
         setHighlightItems(undefined);
         setPopover(false);
-        setActiveNodeId(undefined);
+    };
+    const onSelectedUpdateData = () => {
+        if (nodeData && inputValue === '') {
+            const updatedNode = {
+                ...nodeData?.node,
+                label: inputValue,
+                error: 'Please fill in all the required fields'
+            };
+            const updatedNodes = [
+                updatedNode,
+                ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)
+            ];
+            setNodeData({ ...nodeData, node: updatedNode });
+            setGraphData({ ...graphData, nodes: updatedNodes });
+        }
+        else if (nodeData && inputValue) {
+            const updatedNode = {
+                ...nodeData?.node,
+                label: inputValue,
+                error: ''
+            };
+            const updatedNodes = [
+                updatedNode,
+                ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)
+            ];
+            setNodeData({ ...nodeData, node: updatedNode });
+            setGraphData({ ...graphData, nodes: updatedNodes });
+        }
     };
     const WorkbenchContent = memo(() => {
         const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);
@@ -150,11 +184,34 @@ export const EmptyFlowChartView = (args) => {
                 ];
                 setNodeData({ ...nodeData, node: updatedNode });
                 setGraphData({ ...graphData, nodes: updatedNodes });
+                setInputValue(updatedNode.label);
+                setInputError(false);
             }
             setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));
         };
+        const onInputBlur = (e) => {
+            if (e.target.value === '') {
+                setInputError(true);
+            }
+            else {
+                setInputError(false);
+            }
+            setInputValue(e.target.value);
+            if (nodeData) {
+                setNodeData({
+                    ...nodeData,
+                    node: {
+                        ...nodeData.node,
+                        label: e.target.value
+                    }
+                });
+            }
+        };
         return (<>
-        {nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (<DecisionTable updatedData={graphData} connectors={nodeData?.outConnectors} onDeleteRow={onDeleteRow} node={nodeData?.node} onAddRow={onAddRow} readOnly={args.readOnly}/>)}
+        {nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (<>
+            <Input defaultValue={inputValue} label='Name' info={inputError ? 'Cannot be blank' : ''} status={inputError ? 'error' : undefined} required readOnly={args.readOnly} onBlur={onInputBlur}/>
+            <DecisionTable updatedData={graphData} connectors={nodeData?.outConnectors} onDeleteRow={onDeleteRow} node={nodeData?.node} onAddRow={onAddRow} readOnly={args.readOnly}/>
+          </>)}
         {nodeData && nodeData.node.type.id === FlowShapeType.GOTO.id && (<ComboBox label='Go to' placeholder='Select step' menu={{
                     items,
                     onItemClick: selectItem
@@ -168,16 +225,15 @@ export const EmptyFlowChartView = (args) => {
                     : undefined}/>)}
       </>);
     });
-    useEscape(() => {
-        onCancel();
-    });
+    useEscape(onCancel);
     useOuterEvent('mousedown', [deletePopoverEl], onCancel);
     return (<StyledWrapper>
       <Workbench initiallyVisiblePanelId={undefined} configurationPanel={{
             open,
             content: <WorkbenchContent />,
-            header: nodeData?.node.label,
+            header: nodeData?.node.label || 'Task step',
             onDismiss: () => {
+                onSelectedUpdateData();
                 setOpen(false);
             }
         }}>
@@ -215,11 +271,15 @@ export const CRMFlowChartView = (args) => {
     const [connectorData, setConnectorData] = useState();
     const [activeNodeId, setActiveNodeId] = useState();
     const { create } = useModalManager();
+    const [inputError, setInputError] = useState(false);
+    const [inputValue, setInputValue] = useState();
     const selectNode = (nodeId) => {
         const selectedNodeData = FlowModellerHelper.selectNode(graphData, nodeId);
         setOpen(true);
         setNodeData(selectedNodeData);
         setActiveNodeId(selectedNodeData.node.id);
+        setInputValue(selectedNodeData.node.label);
+        setInputError(!!selectedNodeData.node.error);
     };
     const onNodeActionClick = (params) => {
         if (params.actionId === 'action-2') {
@@ -243,6 +303,8 @@ export const CRMFlowChartView = (args) => {
             setOpen(true);
             setNodeData(selectedNodeData);
             setActiveNodeId(selectedNodeData.node.id);
+            setInputError(false);
+            setInputValue(selectedNodeData.node.label);
         }
     };
     const launchModal = (errorTitle, errorMessage) => {
@@ -267,6 +329,7 @@ export const CRMFlowChartView = (args) => {
             const nodeInfo = FlowModellerHelper.selectNode(updatedData, nodeData.node.id);
             setNodeData(nodeInfo);
             setGraphData(updatedData);
+            setInputError(false);
         }
     };
     const onDeleteRow = (updatedData, connector, error, highlightsData, e) => {
@@ -285,6 +348,7 @@ export const CRMFlowChartView = (args) => {
     const onDelete = () => {
         setPopover(false);
         setHighlightItems(undefined);
+        setInputError(false);
         const updatedGraphData = buffer;
         if (nodeData?.outConnectors.length === 2) {
             const defaultConnector = nodeData?.outConnectors[0].id !== connectorData?.id
@@ -310,6 +374,34 @@ export const CRMFlowChartView = (args) => {
         setHighlightItems(undefined);
         setPopover(false);
     };
+    const onSelectedUpdateData = () => {
+        if (nodeData && inputValue === '') {
+            const updatedNode = {
+                ...nodeData?.node,
+                label: inputValue,
+                error: 'Please fill in all the required fields'
+            };
+            const updatedNodes = [
+                updatedNode,
+                ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)
+            ];
+            setNodeData({ ...nodeData, node: updatedNode });
+            setGraphData({ ...graphData, nodes: updatedNodes });
+        }
+        else if (nodeData && inputValue) {
+            const updatedNode = {
+                ...nodeData?.node,
+                label: inputValue,
+                error: ''
+            };
+            const updatedNodes = [
+                updatedNode,
+                ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)
+            ];
+            setNodeData({ ...nodeData, node: updatedNode });
+            setGraphData({ ...graphData, nodes: updatedNodes });
+        }
+    };
     const WorkbenchContent = memo(() => {
         const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);
         const selectItem = (id) => {
@@ -325,11 +417,34 @@ export const CRMFlowChartView = (args) => {
                 ];
                 setNodeData({ ...nodeData, node: updatedNode });
                 setGraphData({ ...graphData, nodes: updatedNodes });
+                setInputValue(updatedNode.label);
+                setInputError(false);
             }
             setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));
         };
+        const onInputBlur = (e) => {
+            if (e.target.value === '') {
+                setInputError(true);
+            }
+            else {
+                setInputError(false);
+            }
+            setInputValue(e.target.value);
+            if (nodeData) {
+                setNodeData({
+                    ...nodeData,
+                    node: {
+                        ...nodeData.node,
+                        label: e.target.value
+                    }
+                });
+            }
+        };
         return (<>
-        {nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (<DecisionTable updatedData={graphData} connectors={nodeData?.outConnectors} onDeleteRow={onDeleteRow} node={nodeData?.node} onAddRow={onAddRow} readOnly={args.readOnly}/>)}
+        {nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (<>
+            <Input defaultValue={inputValue} label='Name' info={inputError ? 'Cannot be blank' : ''} status={inputError ? 'error' : undefined} required readOnly={args.readOnly} onBlur={onInputBlur}/>
+            <DecisionTable updatedData={graphData} connectors={nodeData?.outConnectors} onDeleteRow={onDeleteRow} node={nodeData?.node} onAddRow={onAddRow} readOnly={args.readOnly}/>
+          </>)}
         {nodeData && nodeData.node.type.id === FlowShapeType.GOTO.id && (<ComboBox label='Go to' placeholder='Select step' menu={{
                     items,
                     onItemClick: selectItem
@@ -363,8 +478,9 @@ export const CRMFlowChartView = (args) => {
       <Workbench initiallyVisiblePanelId={undefined} configurationPanel={{
             open,
             content: <WorkbenchContent />,
-            header: nodeData?.node.label,
+            header: nodeData?.node.label || 'Task step',
             onDismiss: () => {
+                onSelectedUpdateData();
                 setOpen(false);
                 setActiveNodeId(undefined);
             }

package/jsx/build/FlowModeller/FlowModeller.stories.jsx.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FlowModeller.stories.jsx","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { memo, useMemo, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n FlowModeller,\n ActionParams,\n NodeProps,\n NodeType,\n GraphData,\n DeleteNodeOutcome,\n ConnectorProps,\n FlowModellerHelper,\n AddNodeHandlerParams,\n RendererProps,\n Workbench,\n FlowModellerProps,\n NodeInfo\n} from '@pega/cosmos-react-build';\nimport {\n useOuterEvent,\n useEscape,\n useElement,\n Modal,\n ComboBox,\n menuHelpers,\n MenuItemProps,\n MenuProps,\n Text,\n useModalManager\n} from '@pega/cosmos-react-core';\n\nimport {\n nodeLibrary,\n nodeActions,\n exampleCRMNodesData,\n exampleCRMConnectorsData,\n emptyNodesData,\n emptyConnectorsData,\n FlowShapeType,\n DecisionTable,\n DeletePopover\n} from './FlowModeller.mocks';\nimport { StyledWrapper } from './FlowModeller.styles';\n\nexport default {\n title: 'Build/FlowModeller',\n component: FlowModeller,\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\ninterface FlowChartDemoProps extends Partial<FlowModellerProps> {\n showErrorState?: boolean;\n readOnly?: boolean;\n}\n\nexport const EmptyFlowChartView: Story<FlowChartDemoProps> = (args: FlowChartDemoProps) => {\n const [graphData, setGraphData] = useState<GraphData<NodeProps, ConnectorProps>>({\n nodes: emptyNodesData,\n connectors: emptyConnectorsData\n });\n const [highlightItems, setHighlightItems] = useState<RendererProps['highlights']>();\n const [open, setOpen] = useState(false);\n const [nodeData, setNodeData] = useState<NodeInfo>();\n const [showPopover, setPopover] = useState(false);\n const [activeNodeId, setActiveNodeId] = useState<string>();\n const [buffer, setBuffer] = useState<GraphData<NodeProps, ConnectorProps>>({\n nodes: [],\n connectors: []\n });\n const [target, setTarget] = useState<string \| null>(null);\n const [deletePopoverEl, setDeletePopoverEl] = useElement<HTMLElement>(null);\n const [connectorData, setConnectorData] = useState<ConnectorProps>();\n const { create } = useModalManager();\n\n const [items, setItems] = useState<MenuProps['items']>(\n graphData?.nodes\n .filter(\n node =>\n node.type.id !== 'start' &&\n node.id !== nodeData?.node.id &&\n node.type.id !== FlowShapeType.GOTO.id\n )\n .map(option => {\n return {\n primary: option.label,\n id: option.id,\n selected: false\n } as MenuItemProps;\n })\n );\n\n const selectNode = (nodeId: NodeProps['id']) => {\n const selectedNodeData = FlowModellerHelper.selectNode(graphData, nodeId);\n setOpen(true);\n setNodeData(selectedNodeData);\n setActiveNodeId(selectedNodeData.node.id);\n };\n\n const onNodeActionClick = (params: ActionParams) => {\n if (params.actionId === 'action-2') {\n action(`ressigned ${params.nodeId}`)();\n } else {\n // eslint-disable-next-line no-console\n console.warn(`Unknown action ${params.actionId}`);\n }\n };\n\n const addNode = (nodeType: NodeType, metaData: AddNodeHandlerParams) => {\n const isBranchNode = nodeType.id === FlowShapeType.GOTO.id;\n const updatedData = FlowModellerHelper.addNode({\n nodeType,\n graphData,\n isBranchNode,\n metaData\n });\n if (updatedData) {\n setGraphData(updatedData.graphData);\n const selectedNodeData = FlowModellerHelper.selectNode(\n updatedData.graphData,\n updatedData.node.id\n );\n setOpen(true);\n setNodeData(selectedNodeData);\n setActiveNodeId(selectedNodeData.node.id);\n }\n };\n\n const launchModal = (errorTitle: string, errorMessage: string) => {\n create(() => {\n return (\n <Modal heading={errorTitle} center>\n <Text variant='primary'>{errorMessage} </Text>\n </Modal>\n );\n });\n };\n\n const deleteNode = (params: ActionParams, error: string) => {\n if (error) {\n return launchModal('Delete step error', error);\n }\n if (params.nodeId === activeNodeId) {\n setActiveNodeId(undefined);\n setOpen(false);\n }\n setGraphData((params.additionalData as DeleteNodeOutcome)?.graphData);\n };\n\n const onAddRow = (updatedData: GraphData<NodeProps, ConnectorProps>) => {\n if (nodeData) {\n const nodeInfo = FlowModellerHelper.selectNode(updatedData, nodeData.node.id);\n setNodeData(nodeInfo);\n setGraphData(updatedData);\n }\n };\n\n const onDeleteRow = (\n updatedData: GraphData<NodeProps, ConnectorProps>,\n connector: ConnectorProps,\n error: string,\n highlightsData?: RendererProps['highlights'],\n e?: MouseEvent\n ) => {\n if (error) {\n return launchModal('Delete connector error', error);\n }\n setHighlightItems(highlightsData);\n setPopover(prevState => !prevState);\n setConnectorData(connector);\n setBuffer(updatedData);\n if (e?.target instanceof Element) {\n const targetElem = e.target;\n setTarget(targetElem?.getAttribute('id'));\n }\n };\n\n const onDelete = () => {\n setHighlightItems(undefined);\n\n const updatedGraphData: GraphData<NodeProps, ConnectorProps> = buffer;\n // Remove default labels when the current number of connectors are one\n if (nodeData?.outConnectors.length === 2) {\n const defaultConnector: ConnectorProps =\n nodeData?.outConnectors[0].id !== connectorData?.id\n ? nodeData?.outConnectors[0]\n : nodeData?.outConnectors[1];\n for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {\n const connectorEdge: ConnectorProps = updatedGraphData.connectors[i];\n if (\n connectorEdge.id === defaultConnector.id &&\n (connectorEdge.label === 'Default' \|\| connectorEdge.label === 'Otherwise')\n ) {\n connectorEdge.label = '';\n break;\n }\n }\n }\n if (nodeData) {\n const nodeInfo = FlowModellerHelper.selectNode(updatedGraphData, nodeData.node.id);\n setNodeData(nodeInfo);\n }\n\n if (updatedGraphData) setGraphData(updatedGraphData);\n };\n\n const onCancel = () => {\n setHighlightItems(undefined);\n setPopover(false);\n setActiveNodeId(undefined);\n };\n\n const WorkbenchContent = memo(() => {\n const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);\n\n const selectItem = (id: MenuItemProps['id']) => {\n const selectedItem = menuHelpers.getItem(items, id);\n if (selectedItem && nodeData) {\n const updatedNode = {\n ...nodeData.node,\n reference: selectedItem.id\n };\n const updatedNodes = [\n updatedNode,\n ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)\n ];\n setNodeData({ ...nodeData, node: updatedNode });\n setGraphData({ ...graphData, nodes: updatedNodes });\n }\n setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));\n };\n\n return (\n <>\n {nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (\n <DecisionTable\n updatedData={graphData}\n connectors={nodeData?.outConnectors}\n onDeleteRow={onDeleteRow}\n node={nodeData?.node}\n onAddRow={onAddRow}\n readOnly={args.readOnly}\n />\n )}\n {nodeData && nodeData.node.type.id === FlowShapeType.GOTO.id && (\n <ComboBox\n label='Go to'\n placeholder='Select step'\n menu={{\n items,\n onItemClick: selectItem\n }}\n selected={\n selected\n ? {\n items: {\n id: selected.id,\n text: selected.primary\n }\n }\n : undefined\n }\n />\n )}\n </>\n );\n });\n useEscape(() => {\n onCancel();\n });\n\n useOuterEvent('mousedown', [deletePopoverEl], onCancel);\n\n return (\n <StyledWrapper>\n <Workbench\n initiallyVisiblePanelId={undefined}\n configurationPanel={{\n open,\n content: <WorkbenchContent />,\n header: nodeData?.node.label as string,\n onDismiss: () => {\n setOpen(false);\n }\n }}\n >\n <FlowModeller\n graphData={graphData}\n nodeLibrary={nodeLibrary}\n onNodeAdd={addNode}\n onNodeClick={selectNode}\n actions={nodeActions}\n highlightData={highlightItems}\n onNodeActionClick={onNodeActionClick}\n onDelete={deleteNode}\n selectedNodeId={activeNodeId}\n />\n <DeletePopover\n targetId={target}\n ref={setDeletePopoverEl}\n onDelete={onDelete}\n onCancel={onCancel}\n showPopover={showPopover}\n />\n </Workbench>\n </StyledWrapper>\n );\n};\n\nexport const CRMFlowChartView: Story<FlowChartDemoProps> = (args: FlowChartDemoProps) => {\n const [graphData, setGraphData] = useState<GraphData<NodeProps, ConnectorProps>>({\n nodes: exampleCRMNodesData,\n connectors: exampleCRMConnectorsData\n });\n const [nodeData, setNodeData] = useState<NodeInfo>();\n const [items, setItems] = useState<MenuProps['items']>(\n graphData?.nodes\n .filter(\n node =>\n node.type.id !== 'start' &&\n node.id !== nodeData?.node.id &&\n node.type.id !== FlowShapeType.GOTO.id\n )\n .map(option => {\n return {\n primary: option.label,\n id: option.id,\n selected: false\n } as MenuItemProps;\n })\n );\n const [highlightItems, setHighlightItems] = useState<RendererProps['highlights']>();\n const [open, setOpen] = useState(false);\n // nodeData maintains the state of selected node\n\n const [showPopover, setPopover] = useState(false);\n const [buffer, setBuffer] = useState<GraphData<NodeProps, ConnectorProps>>({\n nodes: [],\n connectors: []\n });\n const [target, setTarget] = useState<string \| null>(null);\n const [deletePopoverEl, setDeletePopoverEl] = useElement<HTMLElement>(null);\n const [connectorData, setConnectorData] = useState<ConnectorProps>();\n const [activeNodeId, setActiveNodeId] = useState<string>();\n const { create } = useModalManager();\n\n const selectNode = (nodeId: NodeProps['id']) => {\n const selectedNodeData = FlowModellerHelper.selectNode(graphData, nodeId);\n setOpen(true);\n setNodeData(selectedNodeData);\n setActiveNodeId(selectedNodeData.node.id);\n };\n\n const onNodeActionClick = (params: ActionParams) => {\n if (params.actionId === 'action-2') {\n action(`ressigned ${params.nodeId}`)();\n } else {\n // eslint-disable-next-line no-console\n console.warn(`Unknown action ${params.actionId}`);\n }\n };\n\n const addNode = (nodeType: NodeType, metaData: AddNodeHandlerParams) => {\n const isBranchNode = nodeType.id === FlowShapeType.GOTO.id;\n const updatedData = FlowModellerHelper.addNode({\n nodeType,\n graphData,\n isBranchNode,\n metaData\n });\n if (updatedData) {\n setGraphData(updatedData.graphData);\n const selectedNodeData = FlowModellerHelper.selectNode(\n updatedData.graphData,\n updatedData.node.id\n );\n setOpen(true);\n setNodeData(selectedNodeData);\n setActiveNodeId(selectedNodeData.node.id);\n }\n };\n\n const launchModal = (errorTitle: string, errorMessage: string) => {\n create(() => {\n return (\n <Modal heading={errorTitle} center>\n <Text variant='primary'>{errorMessage} </Text>\n </Modal>\n );\n });\n };\n\n const deleteNode = (params: ActionParams, error: string) => {\n if (error) {\n return launchModal('Delete step error', error);\n }\n if (params.nodeId === activeNodeId) {\n setActiveNodeId(undefined);\n setOpen(false);\n }\n setGraphData((params.additionalData as DeleteNodeOutcome)?.graphData);\n };\n\n const onAddRow = (updatedData: GraphData<NodeProps, ConnectorProps>) => {\n if (nodeData) {\n const nodeInfo = FlowModellerHelper.selectNode(updatedData, nodeData.node.id);\n setNodeData(nodeInfo);\n setGraphData(updatedData);\n }\n };\n\n const onDeleteRow = (\n updatedData: GraphData<NodeProps, ConnectorProps>,\n connector: ConnectorProps,\n error: string,\n highlightsData?: RendererProps['highlights'],\n e?: MouseEvent\n ) => {\n if (error) {\n return launchModal('Delete connector error', error);\n }\n setHighlightItems(highlightsData);\n setPopover(prevState => !prevState);\n setConnectorData(connector);\n setBuffer(updatedData);\n if (e?.target instanceof Element) {\n const targetElem = e.target;\n setTarget(targetElem?.getAttribute('id'));\n }\n };\n\n const onDelete = () => {\n setPopover(false);\n setHighlightItems(undefined);\n\n const updatedGraphData: GraphData<NodeProps, ConnectorProps> = buffer;\n // Remove default labels when the current number of connectors are one\n if (nodeData?.outConnectors.length === 2) {\n const defaultConnector: ConnectorProps =\n nodeData?.outConnectors[0].id !== connectorData?.id\n ? nodeData?.outConnectors[0]\n : nodeData?.outConnectors[1];\n for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {\n const connectorEdge: ConnectorProps = updatedGraphData.connectors[i];\n if (\n connectorEdge.id === defaultConnector.id &&\n (connectorEdge.label === 'Default' \|\| connectorEdge.label === 'Otherwise')\n ) {\n connectorEdge.label = '';\n break;\n }\n }\n }\n\n if (nodeData) {\n const nodeInfo = FlowModellerHelper.selectNode(updatedGraphData, nodeData.node.id);\n setNodeData(nodeInfo);\n }\n\n if (updatedGraphData) setGraphData(updatedGraphData);\n };\n\n const onCancel = () => {\n setHighlightItems(undefined);\n setPopover(false);\n };\n\n const WorkbenchContent = memo(() => {\n const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);\n\n const selectItem = (id: MenuItemProps['id']) => {\n const selectedItem = menuHelpers.getItem(items, id);\n if (selectedItem && nodeData) {\n const updatedNode = {\n ...nodeData.node,\n reference: selectedItem.id\n };\n const updatedNodes = [\n updatedNode,\n ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)\n ];\n setNodeData({ ...nodeData, node: updatedNode });\n setGraphData({ ...graphData, nodes: updatedNodes });\n }\n setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));\n };\n\n return (\n <>\n {nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (\n <DecisionTable\n updatedData={graphData}\n connectors={nodeData?.outConnectors}\n onDeleteRow={onDeleteRow}\n node={nodeData?.node}\n onAddRow={onAddRow}\n readOnly={args.readOnly}\n />\n )}\n {nodeData && nodeData.node.type.id === FlowShapeType.GOTO.id && (\n <ComboBox\n label='Go to'\n placeholder='Select step'\n menu={{\n items,\n onItemClick: selectItem\n }}\n selected={\n selected\n ? {\n items: {\n id: selected.id,\n text: selected.primary\n }\n }\n : undefined\n }\n />\n )}\n </>\n );\n });\n\n useEscape(onCancel);\n\n useOuterEvent('mousedown', [deletePopoverEl], onCancel);\n\n const createGraphData = (showError: boolean) => {\n if (showError) {\n return {\n ...graphData,\n nodes: graphData.nodes.map((node: NodeProps) => {\n if (node.id === '101' \|\| node.id === '105' \|\| node.id === '110' \|\| node.id === '112') {\n return { ...node, error: 'Something is wrong!' };\n }\n return node;\n })\n };\n }\n return graphData;\n };\n\n return (\n <StyledWrapper>\n <Workbench\n initiallyVisiblePanelId={undefined}\n configurationPanel={{\n open,\n content: <WorkbenchContent />,\n header: nodeData?.node.label as string,\n onDismiss: () => {\n setOpen(false);\n setActiveNodeId(undefined);\n }\n }}\n >\n <FlowModeller\n graphData={createGraphData(args.showErrorState \|\| false)}\n nodeLibrary={nodeLibrary}\n onNodeAdd={addNode}\n onNodeClick={selectNode}\n actions={nodeActions}\n highlightData={highlightItems}\n onNodeActionClick={onNodeActionClick}\n onDelete={deleteNode}\n readOnly={args.readOnly}\n selectedNodeId={activeNodeId}\n />\n <DeletePopover\n targetId={target}\n ref={setDeletePopoverEl}\n onDelete={onDelete}\n onCancel={onCancel}\n showPopover={showPopover}\n />\n </Workbench>\n </StyledWrapper>\n );\n};\n\nCRMFlowChartView.args = {\n showErrorState: false,\n readOnly: false\n};\n\nCRMFlowChartView.argTypes = {\n showErrorState: { control: { type: 'boolean' } },\n readOnly: { control: { type: 'boolean' } }\n};\n"]}
1	+ {"version":3,"file":"FlowModeller.stories.jsx","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FocusEvent, memo, useMemo, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n FlowModeller,\n ActionParams,\n NodeProps,\n NodeType,\n GraphData,\n DeleteNodeOutcome,\n ConnectorProps,\n FlowModellerHelper,\n AddNodeHandlerParams,\n RendererProps,\n Workbench,\n FlowModellerProps,\n NodeInfo\n} from '@pega/cosmos-react-build';\nimport {\n useOuterEvent,\n useEscape,\n useElement,\n Modal,\n ComboBox,\n menuHelpers,\n MenuItemProps,\n MenuProps,\n Text,\n useModalManager,\n Input\n} from '@pega/cosmos-react-core';\n\nimport {\n nodeLibrary,\n nodeActions,\n exampleCRMNodesData,\n exampleCRMConnectorsData,\n emptyNodesData,\n emptyConnectorsData,\n FlowShapeType,\n DecisionTable,\n DeletePopover\n} from './FlowModeller.mocks';\nimport { StyledWrapper } from './FlowModeller.styles';\n\nexport default {\n title: 'Build/FlowModeller',\n component: FlowModeller,\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\ninterface FlowChartDemoProps extends Partial<FlowModellerProps> {\n showErrorState?: boolean;\n readOnly?: boolean;\n}\n\nexport const EmptyFlowChartView: Story<FlowChartDemoProps> = (args: FlowChartDemoProps) => {\n const [graphData, setGraphData] = useState<GraphData<NodeProps, ConnectorProps>>({\n nodes: emptyNodesData,\n connectors: emptyConnectorsData\n });\n const [highlightItems, setHighlightItems] = useState<RendererProps['highlights']>();\n const [open, setOpen] = useState(false);\n const [nodeData, setNodeData] = useState<NodeInfo>();\n const [showPopover, setPopover] = useState(false);\n const [activeNodeId, setActiveNodeId] = useState<string>();\n const [buffer, setBuffer] = useState<GraphData<NodeProps, ConnectorProps>>({\n nodes: [],\n connectors: []\n });\n const [target, setTarget] = useState<string \| null>(null);\n const [deletePopoverEl, setDeletePopoverEl] = useElement<HTMLElement>(null);\n const [connectorData, setConnectorData] = useState<ConnectorProps>();\n const { create } = useModalManager();\n const [inputError, setInputError] = useState(false);\n const [inputValue, setInputValue] = useState<string>();\n const [items, setItems] = useState<MenuProps['items']>(\n graphData?.nodes\n .filter(\n node =>\n node.type.id !== 'start' &&\n node.id !== nodeData?.node.id &&\n node.type.id !== FlowShapeType.GOTO.id\n )\n .map(option => {\n return {\n primary: option.label,\n id: option.id,\n selected: false\n } as MenuItemProps;\n })\n );\n\n const selectNode = (nodeId: NodeProps['id']) => {\n const selectedNodeData = FlowModellerHelper.selectNode(graphData, nodeId);\n setOpen(true);\n setNodeData(selectedNodeData);\n setActiveNodeId(selectedNodeData.node.id);\n setInputValue(selectedNodeData.node.label);\n setInputError(!!selectedNodeData.node.error);\n };\n\n const onNodeActionClick = (params: ActionParams) => {\n if (params.actionId === 'action-2') {\n action(`ressigned ${params.nodeId}`)();\n } else {\n // eslint-disable-next-line no-console\n console.warn(`Unknown action ${params.actionId}`);\n }\n };\n\n const addNode = (nodeType: NodeType, metaData: AddNodeHandlerParams) => {\n const isBranchNode = nodeType.id === FlowShapeType.GOTO.id;\n const updatedData = FlowModellerHelper.addNode({\n nodeType,\n graphData,\n isBranchNode,\n metaData\n });\n if (updatedData) {\n setGraphData(updatedData.graphData);\n const selectedNodeData = FlowModellerHelper.selectNode(\n updatedData.graphData,\n updatedData.node.id\n );\n setOpen(true);\n setNodeData(selectedNodeData);\n setActiveNodeId(selectedNodeData.node.id);\n setInputError(false);\n setInputValue(selectedNodeData.node.label);\n }\n };\n\n const launchModal = (errorTitle: string, errorMessage: string) => {\n create(() => {\n return (\n <Modal heading={errorTitle} center>\n <Text variant='primary'>{errorMessage} </Text>\n </Modal>\n );\n });\n };\n\n const deleteNode = (params: ActionParams, error: string) => {\n if (error) {\n return launchModal('Delete step error', error);\n }\n if (params.nodeId === activeNodeId) {\n setActiveNodeId(undefined);\n setOpen(false);\n }\n setGraphData((params.additionalData as DeleteNodeOutcome)?.graphData);\n };\n\n const onAddRow = (updatedData: GraphData<NodeProps, ConnectorProps>) => {\n if (nodeData) {\n const nodeInfo = FlowModellerHelper.selectNode(updatedData, nodeData.node.id);\n setNodeData(nodeInfo);\n setGraphData(updatedData);\n }\n };\n\n const onDeleteRow = (\n updatedData: GraphData<NodeProps, ConnectorProps>,\n connector: ConnectorProps,\n error: string,\n highlightsData?: RendererProps['highlights'],\n e?: MouseEvent\n ) => {\n if (error) {\n return launchModal('Delete connector error', error);\n }\n setHighlightItems(highlightsData);\n setPopover(prevState => !prevState);\n setConnectorData(connector);\n setBuffer(updatedData);\n if (e?.target instanceof Element) {\n const targetElem = e.target;\n setTarget(targetElem?.getAttribute('id'));\n }\n };\n\n const onDelete = () => {\n setHighlightItems(undefined);\n setInputError(false);\n const updatedGraphData: GraphData<NodeProps, ConnectorProps> = buffer;\n // Remove default labels when the current number of connectors are one\n if (nodeData?.outConnectors.length === 2) {\n const defaultConnector: ConnectorProps =\n nodeData?.outConnectors[0].id !== connectorData?.id\n ? nodeData?.outConnectors[0]\n : nodeData?.outConnectors[1];\n for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {\n const connectorEdge: ConnectorProps = updatedGraphData.connectors[i];\n if (\n connectorEdge.id === defaultConnector.id &&\n (connectorEdge.label === 'Default' \|\| connectorEdge.label === 'Otherwise')\n ) {\n connectorEdge.label = '';\n break;\n }\n }\n }\n if (nodeData) {\n const nodeInfo = FlowModellerHelper.selectNode(updatedGraphData, nodeData.node.id);\n setNodeData(nodeInfo);\n }\n\n if (updatedGraphData) setGraphData(updatedGraphData);\n };\n\n const onCancel = () => {\n setHighlightItems(undefined);\n setPopover(false);\n };\n\n const onSelectedUpdateData = () => {\n if (nodeData && inputValue === '') {\n const updatedNode = {\n ...nodeData?.node,\n label: inputValue,\n error: 'Please fill in all the required fields'\n };\n const updatedNodes = [\n updatedNode,\n ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)\n ];\n setNodeData({ ...nodeData, node: updatedNode });\n setGraphData({ ...graphData, nodes: updatedNodes });\n } else if (nodeData && inputValue) {\n const updatedNode = {\n ...nodeData?.node,\n label: inputValue,\n error: ''\n };\n const updatedNodes = [\n updatedNode,\n ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)\n ];\n setNodeData({ ...nodeData, node: updatedNode });\n setGraphData({ ...graphData, nodes: updatedNodes });\n }\n };\n\n const WorkbenchContent = memo(() => {\n const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);\n\n const selectItem = (id: MenuItemProps['id']) => {\n const selectedItem = menuHelpers.getItem(items, id);\n if (selectedItem && nodeData) {\n const updatedNode = {\n ...nodeData.node,\n reference: selectedItem.id\n };\n const updatedNodes = [\n updatedNode,\n ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)\n ];\n setNodeData({ ...nodeData, node: updatedNode });\n setGraphData({ ...graphData, nodes: updatedNodes });\n setInputValue(updatedNode.label);\n setInputError(false);\n }\n setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));\n };\n const onInputBlur = (e: FocusEvent<HTMLInputElement>) => {\n if (e.target.value === '') {\n setInputError(true);\n } else {\n setInputError(false);\n }\n setInputValue(e.target.value);\n if (nodeData) {\n setNodeData({\n ...nodeData,\n node: {\n ...nodeData.node,\n label: e.target.value\n }\n });\n }\n };\n return (\n <>\n {nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (\n <>\n <Input\n defaultValue={inputValue}\n label='Name'\n info={inputError ? 'Cannot be blank' : ''}\n status={inputError ? 'error' : undefined}\n required\n readOnly={args.readOnly}\n onBlur={onInputBlur}\n />\n <DecisionTable\n updatedData={graphData}\n connectors={nodeData?.outConnectors}\n onDeleteRow={onDeleteRow}\n node={nodeData?.node}\n onAddRow={onAddRow}\n readOnly={args.readOnly}\n />\n </>\n )}\n {nodeData && nodeData.node.type.id === FlowShapeType.GOTO.id && (\n <ComboBox\n label='Go to'\n placeholder='Select step'\n menu={{\n items,\n onItemClick: selectItem\n }}\n selected={\n selected\n ? {\n items: {\n id: selected.id,\n text: selected.primary\n }\n }\n : undefined\n }\n />\n )}\n </>\n );\n });\n useEscape(onCancel);\n\n useOuterEvent('mousedown', [deletePopoverEl], onCancel);\n\n return (\n <StyledWrapper>\n <Workbench\n initiallyVisiblePanelId={undefined}\n configurationPanel={{\n open,\n content: <WorkbenchContent />,\n header: nodeData?.node.label \|\| 'Task step',\n onDismiss: () => {\n onSelectedUpdateData();\n setOpen(false);\n }\n }}\n >\n <FlowModeller\n graphData={graphData}\n nodeLibrary={nodeLibrary}\n onNodeAdd={addNode}\n onNodeClick={selectNode}\n actions={nodeActions}\n highlightData={highlightItems}\n onNodeActionClick={onNodeActionClick}\n onDelete={deleteNode}\n selectedNodeId={activeNodeId}\n />\n <DeletePopover\n targetId={target}\n ref={setDeletePopoverEl}\n onDelete={onDelete}\n onCancel={onCancel}\n showPopover={showPopover}\n />\n </Workbench>\n </StyledWrapper>\n );\n};\n\nexport const CRMFlowChartView: Story<FlowChartDemoProps> = (args: FlowChartDemoProps) => {\n const [graphData, setGraphData] = useState<GraphData<NodeProps, ConnectorProps>>({\n nodes: exampleCRMNodesData,\n connectors: exampleCRMConnectorsData\n });\n const [nodeData, setNodeData] = useState<NodeInfo>();\n const [items, setItems] = useState<MenuProps['items']>(\n graphData?.nodes\n .filter(\n node =>\n node.type.id !== 'start' &&\n node.id !== nodeData?.node.id &&\n node.type.id !== FlowShapeType.GOTO.id\n )\n .map(option => {\n return {\n primary: option.label,\n id: option.id,\n selected: false\n } as MenuItemProps;\n })\n );\n const [highlightItems, setHighlightItems] = useState<RendererProps['highlights']>();\n const [open, setOpen] = useState(false);\n // nodeData maintains the state of selected node\n\n const [showPopover, setPopover] = useState(false);\n const [buffer, setBuffer] = useState<GraphData<NodeProps, ConnectorProps>>({\n nodes: [],\n connectors: []\n });\n const [target, setTarget] = useState<string \| null>(null);\n const [deletePopoverEl, setDeletePopoverEl] = useElement<HTMLElement>(null);\n const [connectorData, setConnectorData] = useState<ConnectorProps>();\n const [activeNodeId, setActiveNodeId] = useState<string>();\n const { create } = useModalManager();\n const [inputError, setInputError] = useState(false);\n const [inputValue, setInputValue] = useState<string>();\n const selectNode = (nodeId: NodeProps['id']) => {\n const selectedNodeData = FlowModellerHelper.selectNode(graphData, nodeId);\n setOpen(true);\n setNodeData(selectedNodeData);\n setActiveNodeId(selectedNodeData.node.id);\n setInputValue(selectedNodeData.node.label);\n setInputError(!!selectedNodeData.node.error);\n };\n\n const onNodeActionClick = (params: ActionParams) => {\n if (params.actionId === 'action-2') {\n action(`ressigned ${params.nodeId}`)();\n } else {\n // eslint-disable-next-line no-console\n console.warn(`Unknown action ${params.actionId}`);\n }\n };\n\n const addNode = (nodeType: NodeType, metaData: AddNodeHandlerParams) => {\n const isBranchNode = nodeType.id === FlowShapeType.GOTO.id;\n const updatedData = FlowModellerHelper.addNode({\n nodeType,\n graphData,\n isBranchNode,\n metaData\n });\n if (updatedData) {\n setGraphData(updatedData.graphData);\n const selectedNodeData = FlowModellerHelper.selectNode(\n updatedData.graphData,\n updatedData.node.id\n );\n setOpen(true);\n setNodeData(selectedNodeData);\n setActiveNodeId(selectedNodeData.node.id);\n setInputError(false);\n setInputValue(selectedNodeData.node.label);\n }\n };\n\n const launchModal = (errorTitle: string, errorMessage: string) => {\n create(() => {\n return (\n <Modal heading={errorTitle} center>\n <Text variant='primary'>{errorMessage} </Text>\n </Modal>\n );\n });\n };\n\n const deleteNode = (params: ActionParams, error: string) => {\n if (error) {\n return launchModal('Delete step error', error);\n }\n if (params.nodeId === activeNodeId) {\n setActiveNodeId(undefined);\n setOpen(false);\n }\n setGraphData((params.additionalData as DeleteNodeOutcome)?.graphData);\n };\n\n const onAddRow = (updatedData: GraphData<NodeProps, ConnectorProps>) => {\n if (nodeData) {\n const nodeInfo = FlowModellerHelper.selectNode(updatedData, nodeData.node.id);\n setNodeData(nodeInfo);\n setGraphData(updatedData);\n setInputError(false);\n }\n };\n\n const onDeleteRow = (\n updatedData: GraphData<NodeProps, ConnectorProps>,\n connector: ConnectorProps,\n error: string,\n highlightsData?: RendererProps['highlights'],\n e?: MouseEvent\n ) => {\n if (error) {\n return launchModal('Delete connector error', error);\n }\n setHighlightItems(highlightsData);\n setPopover(prevState => !prevState);\n setConnectorData(connector);\n setBuffer(updatedData);\n if (e?.target instanceof Element) {\n const targetElem = e.target;\n setTarget(targetElem?.getAttribute('id'));\n }\n };\n\n const onDelete = () => {\n setPopover(false);\n setHighlightItems(undefined);\n setInputError(false);\n const updatedGraphData: GraphData<NodeProps, ConnectorProps> = buffer;\n // Remove default labels when the current number of connectors are one\n if (nodeData?.outConnectors.length === 2) {\n const defaultConnector: ConnectorProps =\n nodeData?.outConnectors[0].id !== connectorData?.id\n ? nodeData?.outConnectors[0]\n : nodeData?.outConnectors[1];\n for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {\n const connectorEdge: ConnectorProps = updatedGraphData.connectors[i];\n if (\n connectorEdge.id === defaultConnector.id &&\n (connectorEdge.label === 'Default' \|\| connectorEdge.label === 'Otherwise')\n ) {\n connectorEdge.label = '';\n break;\n }\n }\n }\n\n if (nodeData) {\n const nodeInfo = FlowModellerHelper.selectNode(updatedGraphData, nodeData.node.id);\n setNodeData(nodeInfo);\n }\n\n if (updatedGraphData) setGraphData(updatedGraphData);\n };\n\n const onCancel = () => {\n setHighlightItems(undefined);\n setPopover(false);\n };\n\n const onSelectedUpdateData = () => {\n if (nodeData && inputValue === '') {\n const updatedNode = {\n ...nodeData?.node,\n label: inputValue,\n error: 'Please fill in all the required fields'\n };\n const updatedNodes = [\n updatedNode,\n ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)\n ];\n setNodeData({ ...nodeData, node: updatedNode });\n setGraphData({ ...graphData, nodes: updatedNodes });\n } else if (nodeData && inputValue) {\n const updatedNode = {\n ...nodeData?.node,\n label: inputValue,\n error: ''\n };\n const updatedNodes = [\n updatedNode,\n ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)\n ];\n setNodeData({ ...nodeData, node: updatedNode });\n setGraphData({ ...graphData, nodes: updatedNodes });\n }\n };\n\n const WorkbenchContent = memo(() => {\n const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);\n\n const selectItem = (id: MenuItemProps['id']) => {\n const selectedItem = menuHelpers.getItem(items, id);\n if (selectedItem && nodeData) {\n const updatedNode = {\n ...nodeData.node,\n reference: selectedItem.id\n };\n const updatedNodes = [\n updatedNode,\n ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)\n ];\n setNodeData({ ...nodeData, node: updatedNode });\n setGraphData({ ...graphData, nodes: updatedNodes });\n setInputValue(updatedNode.label);\n setInputError(false);\n }\n setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));\n };\n const onInputBlur = (e: FocusEvent<HTMLInputElement>) => {\n if (e.target.value === '') {\n setInputError(true);\n } else {\n setInputError(false);\n }\n setInputValue(e.target.value);\n if (nodeData) {\n setNodeData({\n ...nodeData,\n node: {\n ...nodeData.node,\n label: e.target.value\n }\n });\n }\n };\n\n return (\n <>\n {nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (\n <>\n <Input\n defaultValue={inputValue}\n label='Name'\n info={inputError ? 'Cannot be blank' : ''}\n status={inputError ? 'error' : undefined}\n required\n readOnly={args.readOnly}\n onBlur={onInputBlur}\n />\n <DecisionTable\n updatedData={graphData}\n connectors={nodeData?.outConnectors}\n onDeleteRow={onDeleteRow}\n node={nodeData?.node}\n onAddRow={onAddRow}\n readOnly={args.readOnly}\n />\n </>\n )}\n {nodeData && nodeData.node.type.id === FlowShapeType.GOTO.id && (\n <ComboBox\n label='Go to'\n placeholder='Select step'\n menu={{\n items,\n onItemClick: selectItem\n }}\n selected={\n selected\n ? {\n items: {\n id: selected.id,\n text: selected.primary\n }\n }\n : undefined\n }\n />\n )}\n </>\n );\n });\n\n useEscape(onCancel);\n\n useOuterEvent('mousedown', [deletePopoverEl], onCancel);\n\n const createGraphData = (showError: boolean) => {\n if (showError) {\n return {\n ...graphData,\n nodes: graphData.nodes.map((node: NodeProps) => {\n if (node.id === '101' \|\| node.id === '105' \|\| node.id === '110' \|\| node.id === '112') {\n return { ...node, error: 'Something is wrong!' };\n }\n return node;\n })\n };\n }\n return graphData;\n };\n\n return (\n <StyledWrapper>\n <Workbench\n initiallyVisiblePanelId={undefined}\n configurationPanel={{\n open,\n content: <WorkbenchContent />,\n header: nodeData?.node.label \|\| 'Task step',\n onDismiss: () => {\n onSelectedUpdateData();\n setOpen(false);\n setActiveNodeId(undefined);\n }\n }}\n >\n <FlowModeller\n graphData={createGraphData(args.showErrorState \|\| false)}\n nodeLibrary={nodeLibrary}\n onNodeAdd={addNode}\n onNodeClick={selectNode}\n actions={nodeActions}\n highlightData={highlightItems}\n onNodeActionClick={onNodeActionClick}\n onDelete={deleteNode}\n readOnly={args.readOnly}\n selectedNodeId={activeNodeId}\n />\n <DeletePopover\n targetId={target}\n ref={setDeletePopoverEl}\n onDelete={onDelete}\n onCancel={onCancel}\n showPopover={showPopover}\n />\n </Workbench>\n </StyledWrapper>\n );\n};\n\nCRMFlowChartView.args = {\n showErrorState: false,\n readOnly: false\n};\n\nCRMFlowChartView.argTypes = {\n showErrorState: { control: { type: 'boolean' } },\n readOnly: { control: { type: 'boolean' } }\n};\n"]}

package/jsx/build/ItemLibrary/LibraryPicker.stories.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Meta, Story } from '@storybook/react';
-declare const _default: Meta<import("@storybook/addons").Args>;
+declare const _default: Meta;
 export default _default;
 export declare const ColorPicker: Story;
 //# sourceMappingURL=LibraryPicker.stories.d.ts.map

package/jsx/build/LifeCycle/LifeCycle.stories.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Meta, Story } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
+declare const _default: Meta;
 export default _default;
 export interface LifeCycleDemoProps {
     readOnly: boolean;

package/jsx/build/LifeCycle/LifeCycle.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LifeCycle.stories.d.ts","sourceRoot":"","sources":["../../../src/build/LifeCycle/LifeCycle.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;~~AAmC~~/C,wBAWU;AAEV,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAgN9C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CA+MnD,CAAC;~~AAEF~~,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,kBAAkB,~~CAgZlD~~,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,kBAAkB,CAiNvD,CAAC"}
1	+ {"version":3,"file":"LifeCycle.stories.d.ts","sourceRoot":"","sources":["../../../src/build/LifeCycle/LifeCycle.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAiD/C,wBAWU;AAEV,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAgN9C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CA+MnD,CAAC;AACF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,kBAAkB,CAidlD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,kBAAkB,CAiNvD,CAAC"}

package/jsx/build/LifeCycle/LifeCycle.stories.jsx CHANGED Viewed

@@ -1,6 +1,8 @@
 import { memo, useEffect, useMemo, useState } from 'react';
-import { LifeCycle, Workbench } from '@pega/cosmos-react-build';
-import { Input, Option, Select } from '@pega/cosmos-react-core';
+import { LifeCycle, Workbench, ObjectSelect } from '@pega/cosmos-react-build';
+import { Input, Option, Select, menuHelpers } from '@pega/cosmos-react-core';
+import { getInitConditionForLhs } from '@pega/cosmos-react-condition-builder';
+import { ConfigurationContent, dataPages, demoDateFunctions, demoFields } from '../ObjectSelect/ObjectSelect.mocks';
 import { lifeCycleEmptyData, lifeCycleEmptyPlanViewData, lifeCyclePlanViewData, lifeCycleWorkFlowData, planViewNodeLibrary, workFlowNodeLibrary } from './LifeCycle.mocks';
 import { addStepCallback, deleteStepCallback, addTaskCallback, deleteTaskCallback, addStageCallback, deleteStageCallback, updateStageCallback, updateStepCallback, updateTaskCallback } from './utils';
 export default {
@@ -518,6 +520,26 @@ export const WorkFlowView = (args) => {
         const onSelectChange = (e) => {
             setSelectedOptionValue({ id: e.target.selectedIndex, value: e.target.value });
         };
+        const convertRhsTypes = (useLiteralRHSType, useFieldRHSType, useRelativeDatesType, dateFunctions) => {
+            const setRhsTypes = new Set();
+            if (useLiteralRHSType)
+                setRhsTypes.add('LITERAL');
+            if (useFieldRHSType)
+                setRhsTypes.add('FIELD');
+            if (dateFunctions)
+                setRhsTypes.add('DATE_FUNCTION');
+            if (useRelativeDatesType)
+                setRhsTypes.add('RELATIVE_DATE');
+            return setRhsTypes;
+        };
+        const validRHSTypes = convertRhsTypes(true, true, true, demoDateFunctions);
+        const [condition, setCondition] = useState(() => getInitConditionForLhs({ field: 'details.age' }, demoFields, validRHSTypes, undefined, demoDateFunctions));
+        const [value, setValue] = useState();
+        const [dataPagesDelayed, setDataPagesDelayed] = useState([]);
+        useEffect(() => {
+            const timeout = setTimeout(() => setDataPagesDelayed(dataPages), 2000);
+            return () => clearTimeout(timeout);
+        }, []);
         return (<>
         <Input type='text' defaultValue={inputValue} label={`${activeFieldItem?.type} name`} labelHidden={false} info={inputError ? 'Cannot be blank' : ''} placeholder='' status={inputError ? 'error' : undefined} required readOnly={args.readOnly} onBlur={onInputBlur}/>
         <Select label='Route to' labelHidden={false} value={selectedOptionValue.value} onChange={onSelectChange} readOnly={args.readOnly}>
@@ -525,6 +547,24 @@ export const WorkFlowView = (args) => {
                 return <Option key={_eachOption.id}>{_eachOption.value}</Option>;
             })}
         </Select>
+        <ObjectSelect label='Validation for entering step' createConfiguration={{ href: 'https://www.pega.com' }} loading={dataPagesDelayed.length === 0} placeholder='Select...' onChange={id => {
+                const data = menuHelpers.getItem(dataPages, id);
+                if (data) {
+                    setValue({
+                        id: data.id,
+                        primary: data.primary,
+                        meta: data.id !== '01-4' ? data.secondary?.join('  ') : ''
+                    });
+                }
+                else
+                    setValue(undefined);
+            }} items={dataPagesDelayed} configuration={{
+                label: 'Edit Configuration',
+                heading: 'Map Parameters',
+                onSubmit: () => null,
+                onClose: () => null,
+                children: (<ConfigurationContent {...args} popoverContent='simple' condition={condition} setCondition={setCondition} validRHSTypes={validRHSTypes}/>)
+            }} value={value}/>
       </>);
     });
     useEffect(() => {
@@ -543,7 +583,7 @@ export const WorkFlowView = (args) => {
             ? []
             : [
                 {
-                    text: 'Delete step',
+                    text: 'Delete',
                     id: 'delete10',
                     icon: 'trash',
                     onClick: deleteProcessStep