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

package/lib/build/FlowModeller/FlowModeller.stories.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState } from 'react';
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useMemo, useState } from 'react';
 import { action } from '@storybook/addon-actions';
-import { FlowModeller, DirectedGraph, FlowModellerHelper, Workbench } from '@pega/cosmos-react-build';
-import { useOuterEvent, useEscape, useElement } from '@pega/cosmos-react-core';
-import { nodeLibrary, nodeActions, exampleCRMNodesData, exampleCRMConnectorsData, emptyNodesData, emptyConnectorsData, DecisionTable, DeletePopover } from './FlowModeller.mocks';
+import { FlowModeller, FlowModellerHelper, Workbench } from '@pega/cosmos-react-build';
+import { useOuterEvent, useEscape, useElement, Modal, ComboBox, menuHelpers, Text, useModalManager } 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 {
     title: 'Build/FlowModeller',
@@ -12,7 +12,7 @@ export default {
         layout: 'fullscreen'
     }
 };
-export const EmptyFlowChartView = () => {
+export const EmptyFlowChartView = (args) => {
     const [graphData, setGraphData] = useState({
         nodes: emptyNodesData,
         connectors: emptyConnectorsData
@@ -21,18 +21,31 @@ export const EmptyFlowChartView = () => {
     const [open, setOpen] = useState(false);
     const [nodeData, setNodeData] = useState();
     const [showPopover, setPopover] = useState(false);
-    const [buffer, setBuffer] = useState();
+    const [activeNodeId, setActiveNodeId] = useState();
+    const [buffer, setBuffer] = useState({
+        nodes: [],
+        connectors: []
+    });
     const [target, setTarget] = useState(null);
     const [deletePopoverEl, setDeletePopoverEl] = useElement(null);
+    const [connectorData, setConnectorData] = useState();
+    const { create } = useModalManager();
+    const [items, setItems] = useState(graphData?.nodes
+        .filter(node => node.type.id !== 'start' &&
+        node.id !== nodeData?.node.id &&
+        node.type.id !== FlowShapeType.GOTO.id)
+        .map(option => {
+        return {
+            primary: option.label,
+            id: option.id,
+            selected: false
+        };
+    }));
     const selectNode = (nodeId) => {
-        const graph = new DirectedGraph(graphData);
-        const selectedNode = graph.getNode(nodeId);
-        const outConnectors = graph.getOutConnectors(nodeId);
+        const selectedNodeData = FlowModellerHelper.selectNode(graphData, nodeId);
         setOpen(true);
-        setNodeData({
-            nodes: [selectedNode],
-            connectors: outConnectors
-        });
+        setNodeData(selectedNodeData);
+        setActiveNodeId(selectedNodeData.node.id);
     };
     const onNodeActionClick = (params) => {
         if (params.actionId === 'action-2') {
@@ -44,27 +57,50 @@ export const EmptyFlowChartView = () => {
         }
     };
     const addNode = (nodeType, metaData) => {
-        const UpdatedData = FlowModellerHelper.addNode({
+        const isBranchNode = nodeType.id === FlowShapeType.GOTO.id;
+        const updatedData = FlowModellerHelper.addNode({
             nodeType,
             graphData,
+            isBranchNode,
             metaData
         });
-        if (UpdatedData) {
-            setGraphData(UpdatedData);
+        if (updatedData) {
+            setGraphData(updatedData.graphData);
+            const selectedNodeData = FlowModellerHelper.selectNode(updatedData.graphData, updatedData.node.id);
+            setOpen(true);
+            setNodeData(selectedNodeData);
+            setActiveNodeId(selectedNodeData.node.id);
         }
     };
-    const deleteNode = (params) => {
+    const launchModal = (errorTitle, errorMessage) => {
+        create(() => {
+            return (_jsx(Modal, { heading: errorTitle, center: true, children: _jsxs(Text, { variant: 'primary', children: [errorMessage, " "] }) }));
+        });
+    };
+    const deleteNode = (params, error) => {
+        if (error) {
+            return launchModal('Delete step error', error);
+        }
+        if (params.nodeId === activeNodeId) {
+            setActiveNodeId(undefined);
+            setOpen(false);
+        }
         setGraphData(params.additionalData?.graphData);
     };
     const onAddRow = (updatedData) => {
-        const graph = new DirectedGraph(updatedData);
-        const outConnectors = graph.getOutConnectors(nodeData.nodes[0].id);
-        setNodeData({ nodes: nodeData.nodes, connectors: outConnectors });
-        setGraphData(updatedData);
+        if (nodeData) {
+            const nodeInfo = FlowModellerHelper.selectNode(updatedData, nodeData.node.id);
+            setNodeData(nodeInfo);
+            setGraphData(updatedData);
+        }
     };
-    const onDeleteRow = (updatedData, highlightsData, e) => {
+    const onDeleteRow = (updatedData, connector, error, highlightsData, e) => {
+        if (error) {
+            return launchModal('Delete connector error', error);
+        }
         setHighlightItems(highlightsData);
-        setPopover(!showPopover);
+        setPopover(prevState => !prevState);
+        setConnectorData(connector);
         setBuffer(updatedData);
         if (e?.target instanceof Element) {
             const targetElem = e.target;
@@ -73,19 +109,62 @@ export const EmptyFlowChartView = () => {
     };
     const onDelete = () => {
         setHighlightItems(undefined);
-        const graph = new DirectedGraph(buffer);
-        const outConnectors = graph.getOutConnectors(nodeData.nodes[0].id);
-        setNodeData({ nodes: nodeData.nodes, connectors: outConnectors });
-        if (buffer)
-            setGraphData(buffer);
-        setPopover(false);
+        const updatedGraphData = buffer;
+        // Remove default labels when the current number of connectors are one
+        if (nodeData?.outConnectors.length === 2) {
+            const defaultConnector = nodeData?.outConnectors[0].id !== connectorData?.id
+                ? nodeData?.outConnectors[0]
+                : nodeData?.outConnectors[1];
+            for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {
+                const connectorEdge = updatedGraphData.connectors[i];
+                if (connectorEdge.id === defaultConnector.id &&
+                    (connectorEdge.label === 'Default' || connectorEdge.label === 'Otherwise')) {
+                    connectorEdge.label = '';
+                    break;
+                }
+            }
+        }
+        if (nodeData) {
+            const nodeInfo = FlowModellerHelper.selectNode(updatedGraphData, nodeData.node.id);
+            setNodeData(nodeInfo);
+        }
+        if (updatedGraphData)
+            setGraphData(updatedGraphData);
     };
     const onCancel = () => {
         setHighlightItems(undefined);
         setPopover(false);
+        setActiveNodeId(undefined);
     };
     const WorkbenchContent = memo(() => {
-        return (_jsx(_Fragment, { children: nodeData && (_jsx(DecisionTable, { updatedData: graphData, connectors: nodeData?.connectors, onDeleteRow: onDeleteRow, node: nodeData?.nodes[0], onAddRow: onAddRow })) }));
+        const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);
+        const selectItem = (id) => {
+            const selectedItem = menuHelpers.getItem(items, id);
+            if (selectedItem && nodeData) {
+                const updatedNode = {
+                    ...nodeData.node,
+                    reference: selectedItem.id
+                };
+                const updatedNodes = [
+                    updatedNode,
+                    ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)
+                ];
+                setNodeData({ ...nodeData, node: updatedNode });
+                setGraphData({ ...graphData, nodes: updatedNodes });
+            }
+            setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));
+        };
+        return (_jsxs(_Fragment, { children: [nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (_jsx(DecisionTable, { updatedData: graphData, connectors: nodeData?.outConnectors, onDeleteRow: onDeleteRow, node: nodeData?.node, onAddRow: onAddRow, readOnly: args.readOnly })), nodeData && nodeData.node.type.id === FlowShapeType.GOTO.id && (_jsx(ComboBox, { label: 'Go to', placeholder: 'Select step', menu: {
+                        items,
+                        onItemClick: selectItem
+                    }, selected: selected
+                        ? {
+                            items: {
+                                id: selected.id,
+                                text: selected.primary
+                            }
+                        }
+                        : undefined }))] }));
     });
     useEscape(() => {
         onCancel();
@@ -94,33 +173,47 @@ export const EmptyFlowChartView = () => {
     return (_jsx(StyledWrapper, { children: _jsxs(Workbench, { initiallyVisiblePanelId: undefined, configurationPanel: {
                 open,
                 content: _jsx(WorkbenchContent, {}),
-                header: nodeData?.nodes[0].label,
+                header: nodeData?.node.label,
                 onDismiss: () => {
                     setOpen(false);
                 }
-            }, children: [_jsx(FlowModeller, { graphData: graphData, nodeLibrary: nodeLibrary, onNodeAdd: addNode, onNodeClick: selectNode, actions: nodeActions, highlightData: highlightItems, onNodeActionClick: onNodeActionClick, onDelete: deleteNode }), _jsx(DeletePopover, { targetId: target, ref: setDeletePopoverEl, onDelete: onDelete, onCancel: onCancel, showPopover: showPopover })] }) }));
+            }, children: [_jsx(FlowModeller, { graphData: graphData, nodeLibrary: nodeLibrary, onNodeAdd: addNode, onNodeClick: selectNode, actions: nodeActions, highlightData: highlightItems, onNodeActionClick: onNodeActionClick, onDelete: deleteNode, selectedNodeId: activeNodeId }), _jsx(DeletePopover, { targetId: target, ref: setDeletePopoverEl, onDelete: onDelete, onCancel: onCancel, showPopover: showPopover })] }) }));
 };
-export const CRMFlowChartView = () => {
+export const CRMFlowChartView = (args) => {
     const [graphData, setGraphData] = useState({
         nodes: exampleCRMNodesData,
         connectors: exampleCRMConnectorsData
     });
+    const [nodeData, setNodeData] = useState();
+    const [items, setItems] = useState(graphData?.nodes
+        .filter(node => node.type.id !== 'start' &&
+        node.id !== nodeData?.node.id &&
+        node.type.id !== FlowShapeType.GOTO.id)
+        .map(option => {
+        return {
+            primary: option.label,
+            id: option.id,
+            selected: false
+        };
+    }));
     const [highlightItems, setHighlightItems] = useState();
     const [open, setOpen] = useState(false);
-    const [nodeData, setNodeData] = useState();
+    // nodeData maintains the state of selected node
     const [showPopover, setPopover] = useState(false);
-    const [buffer, setBuffer] = useState();
+    const [buffer, setBuffer] = useState({
+        nodes: [],
+        connectors: []
+    });
     const [target, setTarget] = useState(null);
     const [deletePopoverEl, setDeletePopoverEl] = useElement(null);
+    const [connectorData, setConnectorData] = useState();
+    const [activeNodeId, setActiveNodeId] = useState();
+    const { create } = useModalManager();
     const selectNode = (nodeId) => {
-        const graph = new DirectedGraph(graphData);
-        const selectedNode = graph.getNode(nodeId);
-        const outConnectors = graph.getOutConnectors(nodeId);
+        const selectedNodeData = FlowModellerHelper.selectNode(graphData, nodeId);
         setOpen(true);
-        setNodeData({
-            nodes: [selectedNode],
-            connectors: outConnectors
-        });
+        setNodeData(selectedNodeData);
+        setActiveNodeId(selectedNodeData.node.id);
     };
     const onNodeActionClick = (params) => {
         if (params.actionId === 'action-2') {
@@ -132,27 +225,50 @@ export const CRMFlowChartView = () => {
         }
     };
     const addNode = (nodeType, metaData) => {
-        const UpdatedData = FlowModellerHelper.addNode({
+        const isBranchNode = nodeType.id === FlowShapeType.GOTO.id;
+        const updatedData = FlowModellerHelper.addNode({
             nodeType,
             graphData,
+            isBranchNode,
             metaData
         });
-        if (UpdatedData) {
-            setGraphData(UpdatedData);
+        if (updatedData) {
+            setGraphData(updatedData.graphData);
+            const selectedNodeData = FlowModellerHelper.selectNode(updatedData.graphData, updatedData.node.id);
+            setOpen(true);
+            setNodeData(selectedNodeData);
+            setActiveNodeId(selectedNodeData.node.id);
         }
     };
-    const deleteNode = (params) => {
+    const launchModal = (errorTitle, errorMessage) => {
+        create(() => {
+            return (_jsx(Modal, { heading: errorTitle, center: true, children: _jsxs(Text, { variant: 'primary', children: [errorMessage, " "] }) }));
+        });
+    };
+    const deleteNode = (params, error) => {
+        if (error) {
+            return launchModal('Delete step error', error);
+        }
+        if (params.nodeId === activeNodeId) {
+            setActiveNodeId(undefined);
+            setOpen(false);
+        }
         setGraphData(params.additionalData?.graphData);
     };
     const onAddRow = (updatedData) => {
-        const graph = new DirectedGraph(updatedData);
-        const outConnectors = graph.getOutConnectors(nodeData.nodes[0].id);
-        setNodeData({ nodes: nodeData.nodes, connectors: outConnectors });
-        setGraphData(updatedData);
+        if (nodeData) {
+            const nodeInfo = FlowModellerHelper.selectNode(updatedData, nodeData.node.id);
+            setNodeData(nodeInfo);
+            setGraphData(updatedData);
+        }
     };
-    const onDeleteRow = (updatedData, highlightsData, e) => {
+    const onDeleteRow = (updatedData, connector, error, highlightsData, e) => {
+        if (error) {
+            return launchModal('Delete connector error', error);
+        }
         setHighlightItems(highlightsData);
-        setPopover(!showPopover);
+        setPopover(prevState => !prevState);
+        setConnectorData(connector);
         setBuffer(updatedData);
         if (e?.target instanceof Element) {
             const targetElem = e.target;
@@ -162,30 +278,94 @@ export const CRMFlowChartView = () => {
     const onDelete = () => {
         setPopover(false);
         setHighlightItems(undefined);
-        const graph = new DirectedGraph(buffer);
-        const outConnectors = graph.getOutConnectors(nodeData.nodes[0].id);
-        setNodeData({ nodes: nodeData.nodes, connectors: outConnectors });
-        if (buffer)
-            setGraphData(buffer);
+        const updatedGraphData = buffer;
+        // Remove default labels when the current number of connectors are one
+        if (nodeData?.outConnectors.length === 2) {
+            const defaultConnector = nodeData?.outConnectors[0].id !== connectorData?.id
+                ? nodeData?.outConnectors[0]
+                : nodeData?.outConnectors[1];
+            for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {
+                const connectorEdge = updatedGraphData.connectors[i];
+                if (connectorEdge.id === defaultConnector.id &&
+                    (connectorEdge.label === 'Default' || connectorEdge.label === 'Otherwise')) {
+                    connectorEdge.label = '';
+                    break;
+                }
+            }
+        }
+        if (nodeData) {
+            const nodeInfo = FlowModellerHelper.selectNode(updatedGraphData, nodeData.node.id);
+            setNodeData(nodeInfo);
+        }
+        if (updatedGraphData)
+            setGraphData(updatedGraphData);
     };
     const onCancel = () => {
         setHighlightItems(undefined);
         setPopover(false);
     };
     const WorkbenchContent = memo(() => {
-        return (_jsx(_Fragment, { children: nodeData && (_jsx(DecisionTable, { updatedData: graphData, connectors: nodeData?.connectors, onDeleteRow: onDeleteRow, node: nodeData?.nodes[0], onAddRow: onAddRow })) }));
-    });
-    useEscape(() => {
-        onCancel();
+        const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);
+        const selectItem = (id) => {
+            const selectedItem = menuHelpers.getItem(items, id);
+            if (selectedItem && nodeData) {
+                const updatedNode = {
+                    ...nodeData.node,
+                    reference: selectedItem.id
+                };
+                const updatedNodes = [
+                    updatedNode,
+                    ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)
+                ];
+                setNodeData({ ...nodeData, node: updatedNode });
+                setGraphData({ ...graphData, nodes: updatedNodes });
+            }
+            setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));
+        };
+        return (_jsxs(_Fragment, { children: [nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (_jsx(DecisionTable, { updatedData: graphData, connectors: nodeData?.outConnectors, onDeleteRow: onDeleteRow, node: nodeData?.node, onAddRow: onAddRow, readOnly: args.readOnly })), nodeData && nodeData.node.type.id === FlowShapeType.GOTO.id && (_jsx(ComboBox, { label: 'Go to', placeholder: 'Select step', menu: {
+                        items,
+                        onItemClick: selectItem
+                    }, selected: selected
+                        ? {
+                            items: {
+                                id: selected.id,
+                                text: selected.primary
+                            }
+                        }
+                        : undefined }))] }));
     });
+    useEscape(onCancel);
     useOuterEvent('mousedown', [deletePopoverEl], onCancel);
+    const createGraphData = (showError) => {
+        if (showError) {
+            return {
+                ...graphData,
+                nodes: graphData.nodes.map((node) => {
+                    if (node.id === '101' || node.id === '105' || node.id === '110' || node.id === '112') {
+                        return { ...node, error: 'Something is wrong!' };
+                    }
+                    return node;
+                })
+            };
+        }
+        return graphData;
+    };
     return (_jsx(StyledWrapper, { children: _jsxs(Workbench, { initiallyVisiblePanelId: undefined, configurationPanel: {
                 open,
                 content: _jsx(WorkbenchContent, {}),
-                header: nodeData?.nodes[0].label,
+                header: nodeData?.node.label,
                 onDismiss: () => {
                     setOpen(false);
+                    setActiveNodeId(undefined);
                 }
-            }, children: [_jsx(FlowModeller, { graphData: graphData, nodeLibrary: nodeLibrary, onNodeAdd: addNode, onNodeClick: selectNode, actions: nodeActions, highlightData: highlightItems, onNodeActionClick: onNodeActionClick, onDelete: deleteNode }), _jsx(DeletePopover, { targetId: target, ref: setDeletePopoverEl, onDelete: onDelete, onCancel: onCancel, showPopover: showPopover })] }) }));
+            }, children: [_jsx(FlowModeller, { graphData: createGraphData(args.showErrorState || false), nodeLibrary: nodeLibrary, onNodeAdd: addNode, onNodeClick: selectNode, actions: nodeActions, highlightData: highlightItems, onNodeActionClick: onNodeActionClick, onDelete: deleteNode, readOnly: args.readOnly, selectedNodeId: activeNodeId }), _jsx(DeletePopover, { targetId: target, ref: setDeletePopoverEl, onDelete: onDelete, onCancel: onCancel, showPopover: showPopover })] }) }));
+};
+CRMFlowChartView.args = {
+    showErrorState: false,
+    readOnly: false
+};
+CRMFlowChartView.argTypes = {
+    showErrorState: { control: { type: 'boolean' } },
+    readOnly: { control: { type: 'boolean' } }
 };
 //# sourceMappingURL=FlowModeller.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FlowModeller.stories.js","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { memo, 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  DirectedGraph,\n  GraphData,\n  DeleteNodeOutcome,\n  ConnectorProps,\n  FlowModellerHelper,\n  AddNodeHandlerParams,\n  RendererProps,\n  Workbench\n} from '@pega/cosmos-react-build';\nimport { useOuterEvent, useEscape, useElement } from '@pega/cosmos-react-core';\n\nimport {\n  nodeLibrary,\n  nodeActions,\n  exampleCRMNodesData,\n  exampleCRMConnectorsData,\n  emptyNodesData,\n  emptyConnectorsData,\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;\n\nexport const EmptyFlowChartView: Story = () => {\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<GraphData<NodeProps, ConnectorProps>>();\n  const [showPopover, setPopover] = useState(false);\n  const [buffer, setBuffer] = useState<GraphData<NodeProps, ConnectorProps>>();\n  const [target, setTarget] = useState<string | null>(null);\n  const [deletePopoverEl, setDeletePopoverEl] = useElement<HTMLElement>(null);\n\n  const selectNode = (nodeId: NodeProps['id']) => {\n    const graph = new DirectedGraph(graphData);\n    const selectedNode = graph.getNode(nodeId);\n    const outConnectors = graph.getOutConnectors(nodeId);\n    setOpen(true);\n    setNodeData({\n      nodes: [selectedNode],\n      connectors: outConnectors\n    });\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 UpdatedData = FlowModellerHelper.addNode({\n      nodeType,\n      graphData,\n      metaData\n    });\n    if (UpdatedData) {\n      setGraphData(UpdatedData);\n    }\n  };\n\n  const deleteNode = (params: ActionParams) => {\n    setGraphData((params.additionalData as DeleteNodeOutcome)?.graphData);\n  };\n\n  const onAddRow = (updatedData: GraphData<NodeProps, ConnectorProps>) => {\n    const graph = new DirectedGraph(updatedData);\n    const outConnectors = graph.getOutConnectors(nodeData!.nodes[0].id);\n    setNodeData({ nodes: nodeData!.nodes, connectors: outConnectors });\n    setGraphData(updatedData);\n  };\n\n  const onDeleteRow = (\n    updatedData: GraphData<NodeProps, ConnectorProps>,\n    highlightsData?: RendererProps['highlights'],\n    e?: MouseEvent\n  ) => {\n    setHighlightItems(highlightsData);\n    setPopover(!showPopover);\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    const graph = new DirectedGraph(buffer);\n    const outConnectors = graph.getOutConnectors(nodeData!.nodes[0].id);\n    setNodeData({ nodes: nodeData!.nodes, connectors: outConnectors });\n    if (buffer) setGraphData(buffer);\n    setPopover(false);\n  };\n\n  const onCancel = () => {\n    setHighlightItems(undefined);\n    setPopover(false);\n  };\n\n  const WorkbenchContent = memo(() => {\n    return (\n      <>\n        {nodeData && (\n          <DecisionTable\n            updatedData={graphData}\n            connectors={nodeData?.connectors}\n            onDeleteRow={onDeleteRow}\n            node={nodeData?.nodes[0]}\n            onAddRow={onAddRow}\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?.nodes[0].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        />\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 = () => {\n  const [graphData, setGraphData] = useState<GraphData<NodeProps, ConnectorProps>>({\n    nodes: exampleCRMNodesData,\n    connectors: exampleCRMConnectorsData\n  });\n  const [highlightItems, setHighlightItems] = useState<RendererProps['highlights']>();\n  const [open, setOpen] = useState(false);\n  const [nodeData, setNodeData] = useState<GraphData<NodeProps, ConnectorProps>>();\n  const [showPopover, setPopover] = useState(false);\n  const [buffer, setBuffer] = useState<GraphData<NodeProps, ConnectorProps>>();\n  const [target, setTarget] = useState<string | null>(null);\n  const [deletePopoverEl, setDeletePopoverEl] = useElement<HTMLElement>(null);\n\n  const selectNode = (nodeId: NodeProps['id']) => {\n    const graph = new DirectedGraph(graphData);\n    const selectedNode = graph.getNode(nodeId);\n    const outConnectors = graph.getOutConnectors(nodeId);\n    setOpen(true);\n    setNodeData({\n      nodes: [selectedNode],\n      connectors: outConnectors\n    });\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 UpdatedData = FlowModellerHelper.addNode({\n      nodeType,\n      graphData,\n      metaData\n    });\n    if (UpdatedData) {\n      setGraphData(UpdatedData);\n    }\n  };\n\n  const deleteNode = (params: ActionParams) => {\n    setGraphData((params.additionalData as DeleteNodeOutcome)?.graphData);\n  };\n\n  const onAddRow = (updatedData: GraphData<NodeProps, ConnectorProps>) => {\n    const graph = new DirectedGraph(updatedData);\n    const outConnectors = graph.getOutConnectors(nodeData!.nodes[0].id);\n    setNodeData({ nodes: nodeData!.nodes, connectors: outConnectors });\n    setGraphData(updatedData);\n  };\n\n  const onDeleteRow = (\n    updatedData: GraphData<NodeProps, ConnectorProps>,\n    highlightsData?: RendererProps['highlights'],\n    e?: MouseEvent\n  ) => {\n    setHighlightItems(highlightsData);\n    setPopover(!showPopover);\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    const graph = new DirectedGraph(buffer);\n    const outConnectors = graph.getOutConnectors(nodeData!.nodes[0].id);\n    setNodeData({ nodes: nodeData!.nodes, connectors: outConnectors });\n    if (buffer) setGraphData(buffer);\n  };\n\n  const onCancel = () => {\n    setHighlightItems(undefined);\n    setPopover(false);\n  };\n\n  const WorkbenchContent = memo(() => {\n    return (\n      <>\n        {nodeData && (\n          <DecisionTable\n            updatedData={graphData}\n            connectors={nodeData?.connectors}\n            onDeleteRow={onDeleteRow}\n            node={nodeData?.nodes[0]}\n            onAddRow={onAddRow}\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?.nodes[0].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        />\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"]}
+{"version":3,"file":"FlowModeller.stories.js","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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"LifeCycle.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/LifeCycle/LifeCycle.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+C9B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;CAiCtC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAihBjC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAogBjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,EA2C5C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,EA4C5C,CAAC"}
+{"version":3,"file":"LifeCycle.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/LifeCycle/LifeCycle.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+C9B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;CAiCtC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAihBjC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4iBjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,EA2C5C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,EA4C5C,CAAC"}

package/lib/build/LifeCycle/LifeCycle.mocks.js

@@ -890,6 +890,46 @@ export const LifeCycleWorkFlowData = {
                                         }
                                     }
                                 ]
+                            },
+                            {
+                                id: '99',
+                                label: 'Schedule Interview 2',
+                                visual: {
+                                    imgurl: ''
+                                },
+                                error: '',
+                                steps: [
+                                    {
+                                        id: '101',
+                                        label: 'Get Panel',
+                                        visual: {
+                                            imgurl: '',
+                                            icon: 'dataviz-datetime-field',
+                                            color: 'congressBlue',
+                                            label: 'get panel'
+                                        },
+                                        status: {
+                                            label: 'MLP 1',
+                                            type: 'info'
+                                        },
+                                        error: ''
+                                    },
+                                    {
+                                        id: '102',
+                                        label: 'Send Email',
+                                        visual: {
+                                            imgurl: '',
+                                            icon: 'mail',
+                                            color: 'darkYellow',
+                                            label: 'Channel'
+                                        },
+                                        error: '',
+                                        status: {
+                                            label: '',
+                                            type: ''
+                                        }
+                                    }
+                                ]
                             }
                         ],
                         [