@pega/cosmos-react-demos 3.0.0-dev.7.0 → 3.0.0-dev.9.1

package/jsx/build/FlowModeller/FlowModeller.stories.jsx

@@ -1,8 +1,8 @@
-import { useContext, useState } from 'react';
+import { memo, useState } from 'react';
 import { action } from '@storybook/addon-actions';
-import { ModalManagerContext, Modal, Input } from '@pega/cosmos-react-core';
-import { FlowModeller, DirectedGraph, FlowModellerHelper } from '@pega/cosmos-react-build';
-import { nodeLibrary, nodeActions, exampleCRMNodesData, exampleCRMConnectorsData, emptyNodesData, emptyConnectorsData, DecisionTable } from './FlowModeller.mocks';
+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 { StyledWrapper } from './FlowModeller.styles';
 export default {
     title: 'Build/FlowModeller',
@@ -16,21 +16,22 @@ export const EmptyFlowChartView = () => {
         nodes: emptyNodesData,
         connectors: emptyConnectorsData
     });
-    const { create } = useContext(ModalManagerContext);
-    const onTableActionClick = (updatedData) => {
-        setGraphData(updatedData);
-    };
-    const LaunchPropertyModal = ({ node, connectors, updatedData }) => {
-        const { ModalContext } = useContext(ModalManagerContext);
-        const { update } = useContext(ModalContext);
-        return (<Modal heading={node.label}>
-        <Input label='Description' defaultValue={node.description}/>
-        {connectors.length > 1 && (<DecisionTable updatedData={updatedData} connectors={connectors} onDeleteRow={(data) => {
-                    onTableActionClick(data);
-                }} node={node} onAddRow={(data) => {
-                    onTableActionClick(data);
-                }} update={update}/>)}
-      </Modal>);
+    const [highlightItems, setHighlightItems] = useState();
+    const [open, setOpen] = useState(false);
+    const [nodeData, setNodeData] = useState();
+    const [showPopover, setPopover] = useState(false);
+    const [buffer, setBuffer] = useState();
+    const [target, setTarget] = useState(null);
+    const [deletePopoverEl, setDeletePopoverEl] = useElement(null);
+    const selectNode = (nodeId) => {
+        const graph = new DirectedGraph(graphData);
+        const selectedNode = graph.getNode(nodeId);
+        const outConnectors = graph.getOutConnectors(nodeId);
+        setOpen(true);
+        setNodeData({
+            nodes: [selectedNode],
+            connectors: outConnectors
+        });
     };
     const onNodeActionClick = (params) => {
         if (params.actionId === 'action-2') {
@@ -47,25 +48,61 @@ export const EmptyFlowChartView = () => {
             metaData
         });
         if (UpdatedData) {
-            const newGraphData = UpdatedData;
-            setGraphData(newGraphData);
+            setGraphData(UpdatedData);
         }
     };
     const deleteNode = (params) => {
         setGraphData(params.additionalData?.graphData);
     };
-    const selectNode = (nodeId) => {
-        const graph = new DirectedGraph(graphData);
-        const node = graph.getNode(nodeId);
-        const outConnectors = graph.getOutConnectors(nodeId);
-        create(LaunchPropertyModal, {
-            node,
-            connectors: outConnectors,
-            updatedData: 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);
+    };
+    const onDeleteRow = (updatedData, highlightsData, e) => {
+        setHighlightItems(highlightsData);
+        setPopover(!showPopover);
+        setBuffer(updatedData);
+        if (e?.target instanceof Element) {
+            const targetElem = e.target;
+            setTarget(targetElem?.getAttribute('id'));
+        }
     };
+    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 onCancel = () => {
+        setHighlightItems(undefined);
+        setPopover(false);
+    };
+    const WorkbenchContent = memo(() => {
+        return (<>
+        {nodeData && (<DecisionTable updatedData={graphData} connectors={nodeData?.connectors} onDeleteRow={onDeleteRow} node={nodeData?.nodes[0]} onAddRow={onAddRow}/>)}
+      </>);
+    });
+    useEscape(() => {
+        onCancel();
+    });
+    useOuterEvent('mousedown', [deletePopoverEl], onCancel);
     return (<StyledWrapper>
-      <FlowModeller graphData={graphData} nodeLibrary={nodeLibrary} onNodeAdd={addNode} onNodeClick={selectNode} actions={nodeActions} onNodeActionClick={onNodeActionClick} onDelete={deleteNode}/>
+      <Workbench initiallyVisiblePanelId={undefined} configurationPanel={{
+            open,
+            content: <WorkbenchContent />,
+            header: nodeData?.nodes[0].label,
+            onDismiss: () => {
+                setOpen(false);
+            }
+        }}>
+        <FlowModeller graphData={graphData} nodeLibrary={nodeLibrary} onNodeAdd={addNode} onNodeClick={selectNode} actions={nodeActions} highlightData={highlightItems} onNodeActionClick={onNodeActionClick} onDelete={deleteNode}/>
+        <DeletePopover targetId={target} ref={setDeletePopoverEl} onDelete={onDelete} onCancel={onCancel} showPopover={showPopover}/>
+      </Workbench>
     </StyledWrapper>);
 };
 export const CRMFlowChartView = () => {
@@ -73,21 +110,22 @@ export const CRMFlowChartView = () => {
         nodes: exampleCRMNodesData,
         connectors: exampleCRMConnectorsData
     });
-    const { create } = useContext(ModalManagerContext);
-    const onTableActionClick = (updatedData) => {
-        setGraphData(updatedData);
-    };
-    const LaunchPropertyModal = ({ node, connectors, updatedData }) => {
-        const { ModalContext } = useContext(ModalManagerContext);
-        const { update } = useContext(ModalContext);
-        return (<Modal heading={node.label}>
-        <Input label='Description' defaultValue={node.description}/>
-        {connectors.length > 1 && (<DecisionTable updatedData={updatedData} connectors={connectors} onDeleteRow={(data) => {
-                    onTableActionClick(data);
-                }} node={node} onAddRow={(data) => {
-                    onTableActionClick(data);
-                }} update={update}/>)}
-      </Modal>);
+    const [highlightItems, setHighlightItems] = useState();
+    const [open, setOpen] = useState(false);
+    const [nodeData, setNodeData] = useState();
+    const [showPopover, setPopover] = useState(false);
+    const [buffer, setBuffer] = useState();
+    const [target, setTarget] = useState(null);
+    const [deletePopoverEl, setDeletePopoverEl] = useElement(null);
+    const selectNode = (nodeId) => {
+        const graph = new DirectedGraph(graphData);
+        const selectedNode = graph.getNode(nodeId);
+        const outConnectors = graph.getOutConnectors(nodeId);
+        setOpen(true);
+        setNodeData({
+            nodes: [selectedNode],
+            connectors: outConnectors
+        });
     };
     const onNodeActionClick = (params) => {
         if (params.actionId === 'action-2') {
@@ -104,25 +142,61 @@ export const CRMFlowChartView = () => {
             metaData
         });
         if (UpdatedData) {
-            const newGraphData = UpdatedData;
-            setGraphData(newGraphData);
+            setGraphData(UpdatedData);
         }
     };
     const deleteNode = (params) => {
         setGraphData(params.additionalData?.graphData);
     };
-    const selectNode = (nodeId) => {
-        const graph = new DirectedGraph(graphData);
-        const node = graph.getNode(nodeId);
-        const outConnectors = graph.getOutConnectors(nodeId);
-        create(LaunchPropertyModal, {
-            node,
-            connectors: outConnectors,
-            updatedData: 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);
+    };
+    const onDeleteRow = (updatedData, highlightsData, e) => {
+        setHighlightItems(highlightsData);
+        setPopover(!showPopover);
+        setBuffer(updatedData);
+        if (e?.target instanceof Element) {
+            const targetElem = e.target;
+            setTarget(targetElem?.getAttribute('id'));
+        }
     };
+    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 onCancel = () => {
+        setHighlightItems(undefined);
+        setPopover(false);
+    };
+    const WorkbenchContent = memo(() => {
+        return (<>
+        {nodeData && (<DecisionTable updatedData={graphData} connectors={nodeData?.connectors} onDeleteRow={onDeleteRow} node={nodeData?.nodes[0]} onAddRow={onAddRow}/>)}
+      </>);
+    });
+    useEscape(() => {
+        onCancel();
+    });
+    useOuterEvent('mousedown', [deletePopoverEl], onCancel);
     return (<StyledWrapper>
-      <FlowModeller graphData={graphData} nodeLibrary={nodeLibrary} onNodeAdd={addNode} onNodeClick={selectNode} actions={nodeActions} onNodeActionClick={onNodeActionClick} onDelete={deleteNode}/>
+      <Workbench initiallyVisiblePanelId={undefined} configurationPanel={{
+            open,
+            content: <WorkbenchContent />,
+            header: nodeData?.nodes[0].label,
+            onDismiss: () => {
+                setOpen(false);
+            }
+        }}>
+        <FlowModeller graphData={graphData} nodeLibrary={nodeLibrary} onNodeAdd={addNode} onNodeClick={selectNode} actions={nodeActions} highlightData={highlightItems} onNodeActionClick={onNodeActionClick} onDelete={deleteNode}/>
+        <DeletePopover targetId={target} ref={setDeletePopoverEl} onDelete={onDelete} onCancel={onCancel} showPopover={showPopover}/>
+      </Workbench>
     </StyledWrapper>);
 };
 //# sourceMappingURL=FlowModeller.stories.jsx.map

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

@@ -1 +1 @@
-{"version":3,"file":"FlowModeller.stories.jsx","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta } from '@storybook/react';\n\nimport { ModalManagerContext, Modal, Input } from '@pega/cosmos-react-core';\nimport {\n  FlowModeller,\n  ActionParams,\n  NodeProps,\n  NodeType,\n  DirectedGraph,\n  GraphData,\n  ConnectorProps,\n  FlowModellerHelper,\n  AddNodeHandlerParams,\n  DeleteNodeOutcome\n} from '@pega/cosmos-react-build';\n\nimport {\n  ModalProps,\n  nodeLibrary,\n  nodeActions,\n  exampleCRMNodesData,\n  exampleCRMConnectorsData,\n  emptyNodesData,\n  emptyConnectorsData,\n  NodeDataType,\n  DecisionTable\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 = () => {\n  const [graphData, setGraphData] = useState<NodeDataType>({\n    nodes: emptyNodesData,\n    connectors: emptyConnectorsData\n  });\n  const { create } = useContext(ModalManagerContext);\n\n  const onTableActionClick = (updatedData: NodeDataType) => {\n    setGraphData(updatedData);\n  };\n  const LaunchPropertyModal = ({ node, connectors, updatedData }: ModalProps) => {\n    const { ModalContext } = useContext(ModalManagerContext);\n    const { update } = useContext(ModalContext);\n    return (\n      <Modal heading={node.label}>\n        <Input label='Description' defaultValue={node.description} />\n        {connectors.length > 1 && (\n          <DecisionTable\n            updatedData={updatedData}\n            connectors={connectors}\n            onDeleteRow={(data: NodeDataType) => {\n              onTableActionClick(data);\n            }}\n            node={node}\n            onAddRow={(data: NodeDataType) => {\n              onTableActionClick(data);\n            }}\n            update={update}\n          />\n        )}\n      </Modal>\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      const newGraphData: GraphData<NodeProps, ConnectorProps> = UpdatedData;\n      setGraphData(newGraphData);\n    }\n  };\n\n  const deleteNode = (params: ActionParams) => {\n    setGraphData(\n      (params.additionalData as DeleteNodeOutcome)?.graphData as GraphData<\n        NodeProps,\n        ConnectorProps\n      >\n    );\n  };\n\n  const selectNode = (nodeId: NodeProps['id']) => {\n    const graph = new DirectedGraph(graphData);\n    const node = graph.getNode(nodeId);\n    const outConnectors = graph.getOutConnectors(nodeId);\n    // LaunchPropertyModal(node, outConnectors, graphData);\n    create(LaunchPropertyModal, {\n      node,\n      connectors: outConnectors,\n      updatedData: graphData\n    });\n  };\n\n  return (\n    <StyledWrapper>\n      <FlowModeller\n        graphData={graphData}\n        nodeLibrary={nodeLibrary}\n        onNodeAdd={addNode}\n        onNodeClick={selectNode}\n        actions={nodeActions}\n        onNodeActionClick={onNodeActionClick}\n        onDelete={deleteNode}\n      />\n    </StyledWrapper>\n  );\n};\n\nexport const CRMFlowChartView = () => {\n  const [graphData, setGraphData] = useState<GraphData<NodeProps, ConnectorProps>>({\n    nodes: exampleCRMNodesData,\n    connectors: exampleCRMConnectorsData\n  });\n  const { create } = useContext(ModalManagerContext);\n\n  const onTableActionClick = (updatedData: NodeDataType) => {\n    setGraphData(updatedData);\n  };\n\n  const LaunchPropertyModal = ({ node, connectors, updatedData }: ModalProps) => {\n    const { ModalContext } = useContext(ModalManagerContext);\n    const { update } = useContext(ModalContext);\n    return (\n      <Modal heading={node.label}>\n        <Input label='Description' defaultValue={node.description} />\n        {connectors.length > 1 && (\n          <DecisionTable\n            updatedData={updatedData}\n            connectors={connectors}\n            onDeleteRow={(data: NodeDataType) => {\n              onTableActionClick(data);\n            }}\n            node={node}\n            onAddRow={(data: NodeDataType) => {\n              onTableActionClick(data);\n            }}\n            update={update}\n          />\n        )}\n      </Modal>\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      const newGraphData: GraphData<NodeProps, ConnectorProps> = UpdatedData;\n      setGraphData(newGraphData);\n    }\n  };\n\n  const deleteNode = (params: ActionParams) => {\n    setGraphData(\n      (params.additionalData as DeleteNodeOutcome)?.graphData as GraphData<\n        NodeProps,\n        ConnectorProps\n      >\n    );\n  };\n\n  const selectNode = (nodeId: NodeProps['id']) => {\n    const graph = new DirectedGraph(graphData);\n    const node = graph.getNode(nodeId);\n    const outConnectors = graph.getOutConnectors(nodeId);\n    create(LaunchPropertyModal, {\n      node,\n      connectors: outConnectors,\n      updatedData: graphData\n    });\n  };\n\n  return (\n    <StyledWrapper>\n      <FlowModeller\n        graphData={graphData}\n        nodeLibrary={nodeLibrary}\n        onNodeAdd={addNode}\n        onNodeClick={selectNode}\n        actions={nodeActions}\n        onNodeActionClick={onNodeActionClick}\n        onDelete={deleteNode}\n      />\n    </StyledWrapper>\n  );\n};\n"]}
+{"version":3,"file":"FlowModeller.stories.jsx","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"]}

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

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

package/jsx/build/ItemLibrary/LibraryPicker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LibraryPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/build/ItemLibrary/LibraryPicker.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;;AAOxC,wBAGU;AAEV,eAAO,MAAM,WAAW,mBAiDvB,CAAC"}
+{"version":3,"file":"LibraryPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/build/ItemLibrary/LibraryPicker.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAO/C,wBAGU;AAEV,eAAO,MAAM,WAAW,EAAE,KAiDzB,CAAC"}

package/jsx/build/ItemLibrary/LibraryPicker.stories.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"LibraryPicker.stories.jsx","sourceRoot":"","sources":["../../../src/build/ItemLibrary/LibraryPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,WAAW,EAAe,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,WAAW;CACf,CAAC;AAEV,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAe,CAAC;IAChE,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,UAAU,EAAe,CAAC;IAC5D,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IAEzD,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,IAAiB,EAAE,EAAE;QACrC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,SAAS,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;QACrC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YACtB,SAAS,EAAE,CAAC;SACb;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,aAAa,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;IAEnD,OAAO,CACL,EACE;MAAA,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAChE;MAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CACxC;;MACF,EAAE,MAAM,CACR;MAAA,CAAC,WAAW,CACV,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,IAAI,CAAC,CAAC,UAAU,CAAC,CACjB,MAAM,CAAC,CAAC,SAAS,IAAK,SAAS,CAAC,OAAuB,CAAC,CACxD,GAAG,CAAC,CAAC,YAAY,CAAC,CAClB,OAAO,CAAC,CAAC,QAAQ,CAAC,EAEtB;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport { useRef } from '@storybook/addons';\nimport { Meta } from '@storybook/react';\n\nimport { ItemLibrary, LibraryItem } from '@pega/cosmos-react-build';\nimport { Button, useElement, useOuterEvent } from '@pega/cosmos-react-core';\n\nimport { nodeLibrary } from './LibraryPicker.mocks';\n\nexport default {\n  title: 'Build/LibraryPicker',\n  component: ItemLibrary\n} as Meta;\n\nexport const ColorPicker = () => {\n  const [selectedItem, setSelectedItem] = useState<LibraryItem>();\n  const [showPicker, updatePicker] = useState(false);\n  const [popoverEl, setPopoverEl] = useElement<HTMLElement>();\n  const targetRef = useRef<HTMLButtonElement | null>(null);\n\n  const closeMenu = () => {\n    updatePicker(false);\n  };\n\n  const btnClick = () => {\n    updatePicker(true);\n  };\n\n  const onSelect = (item: LibraryItem) => {\n    setSelectedItem(item);\n    closeMenu();\n  };\n\n  const onKeydown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      closeMenu();\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('keydown', onKeydown);\n    return () => {\n      document.removeEventListener('keydown', onKeydown);\n    };\n  }, []);\n\n  useOuterEvent('mousedown', [popoverEl], closeMenu);\n\n  return (\n    <>\n      {selectedItem ? <div>Selected: {selectedItem.primary}</div> : ''}\n      <Button onClick={btnClick} ref={targetRef}>\n        Select from library\n      </Button>\n      <ItemLibrary\n        items={nodeLibrary}\n        show={showPicker}\n        target={targetRef && (targetRef.current as HTMLElement)}\n        ref={setPopoverEl}\n        onClick={onSelect}\n      />\n    </>\n  );\n};\n"]}
+{"version":3,"file":"LibraryPicker.stories.jsx","sourceRoot":"","sources":["../../../src/build/ItemLibrary/LibraryPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,WAAW,EAAe,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,WAAW;CACf,CAAC;AAEV,MAAM,CAAC,MAAM,WAAW,GAAU,GAAG,EAAE;IACrC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAe,CAAC;IAChE,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,UAAU,EAAe,CAAC;IAC5D,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IAEzD,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,IAAiB,EAAE,EAAE;QACrC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,SAAS,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;QACrC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YACtB,SAAS,EAAE,CAAC;SACb;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,aAAa,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;IAEnD,OAAO,CACL,EACE;MAAA,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAChE;MAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CACxC;;MACF,EAAE,MAAM,CACR;MAAA,CAAC,WAAW,CACV,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,IAAI,CAAC,CAAC,UAAU,CAAC,CACjB,MAAM,CAAC,CAAC,SAAS,IAAK,SAAS,CAAC,OAAuB,CAAC,CACxD,GAAG,CAAC,CAAC,YAAY,CAAC,CAClB,OAAO,CAAC,CAAC,QAAQ,CAAC,EAEtB;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport { useRef } from '@storybook/addons';\nimport { Meta, Story } from '@storybook/react';\n\nimport { ItemLibrary, LibraryItem } from '@pega/cosmos-react-build';\nimport { Button, useElement, useOuterEvent } from '@pega/cosmos-react-core';\n\nimport { nodeLibrary } from './LibraryPicker.mocks';\n\nexport default {\n  title: 'Build/LibraryPicker',\n  component: ItemLibrary\n} as Meta;\n\nexport const ColorPicker: Story = () => {\n  const [selectedItem, setSelectedItem] = useState<LibraryItem>();\n  const [showPicker, updatePicker] = useState(false);\n  const [popoverEl, setPopoverEl] = useElement<HTMLElement>();\n  const targetRef = useRef<HTMLButtonElement | null>(null);\n\n  const closeMenu = () => {\n    updatePicker(false);\n  };\n\n  const btnClick = () => {\n    updatePicker(true);\n  };\n\n  const onSelect = (item: LibraryItem) => {\n    setSelectedItem(item);\n    closeMenu();\n  };\n\n  const onKeydown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      closeMenu();\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('keydown', onKeydown);\n    return () => {\n      document.removeEventListener('keydown', onKeydown);\n    };\n  }, []);\n\n  useOuterEvent('mousedown', [popoverEl], closeMenu);\n\n  return (\n    <>\n      {selectedItem ? <div>Selected: {selectedItem.primary}</div> : ''}\n      <Button onClick={btnClick} ref={targetRef}>\n        Select from library\n      </Button>\n      <ItemLibrary\n        items={nodeLibrary}\n        show={showPicker}\n        target={targetRef && (targetRef.current as HTMLElement)}\n        ref={setPopoverEl}\n        onClick={onSelect}\n      />\n    </>\n  );\n};\n"]}

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const PlanView: () => JSX.Element;
-export declare const EmptyPlanView: () => JSX.Element;
-export declare const WorkFlowView: () => JSX.Element;
-export declare const EmptyWorkFlowView: () => JSX.Element;
+export declare const PlanView: Story;
+export declare const EmptyPlanView: Story;
+export declare const WorkFlowView: Story;
+export declare const EmptyWorkFlowView: Story;
 //# sourceMappingURL=LifeCycle.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LifeCycle.stories.d.ts","sourceRoot":"","sources":["../../../src/build/LifeCycle/LifeCycle.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;;AA8BxC,wBAGU;AAEV,eAAO,MAAM,QAAQ,mBAyLpB,CAAC;AAEF,eAAO,MAAM,aAAa,mBA4KzB,CAAC;AAEF,eAAO,MAAM,YAAY,mBAoMxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mBA8J7B,CAAC"}
+{"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;;AA8B/C,wBAGU;AAEV,eAAO,MAAM,QAAQ,EAAE,KAyLtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA4K3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAoM1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA8J/B,CAAC"}

package/jsx/build/LifeCycle/LifeCycle.stories.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"LifeCycle.stories.jsx","sourceRoot":"","sources":["../../../src/build/LifeCycle/LifeCycle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EACL,SAAS,EAOV,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAEjB,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,SAAS;CACb,CAAC;AAEV,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,aAAa,GAAG;QACpB,eAAe,EAAE,EAAE;QACnB,IAAI,EAAE,qBAAqB;KACN,CAAC;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEhE,MAAM,OAAO,GAAG,CAAC,QAA8B,EAAE,OAAoB,EAAE,EAAE;QACvE,MAAM,OAAO,GAAkB;YAC7B,EAAE,EAAE,OAAO,CAAC,EAAE;YACd,KAAK,EAAE,OAAO,CAAC,OAAO;YACtB,MAAM,EAAE;gBACN,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAyC;gBAC7D,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;aACG;YAC5B,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;SACtB,CAAC;QACF,MAAM,WAAW,GAAG;YAClB,GAAG,QAAQ,CAAC,IAAI;YAChB,KAAK,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAK,CAAC,KAAK,EAAE,OAAO,CAAC;SACV,CAAC;QAElC,MAAM,WAAW,GAAyB,EAAE,GAAG,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;QAE7E,MAAM,WAAW,GAAG,eAAe,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;QAC/D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,QAA8B,EAAE,EAAE;QACpD,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC/D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,QAA8B,EAAE,EAAE;QACjD,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC5D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,QAA8B,EAAE,EAAE;QACpD,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC/D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,WAAW,GAAG,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAC7D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,MAAM,WAAW,GAAG,gBAAgB,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;QACtE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,aAAa,GAA+B,KAAK,CAAC,EAAE;QACxD,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QAC7D,IAAI,WAAW,KAAK,YAAY,EAAE;YAEhC,KAAK,CAAC,mCAAmC,CAAC,CAAC;SAC5C;aAAM;YACL,eAAe,CAAC,WAAW,CAAC,CAAC;SAC9B;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAEnC,MAAM,iBAAiB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAEnC,MAAM,kBAAkB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAEpC,MAAM,2BAA2B,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,eAAe,EAAE;YAChC,MAAM,SAAS,GAAuB,QAAQ,CAAC,cAAc,CAC3D,GAAG,YAAY,CAAC,eAAe,EAAE,CAClC,CAAC;YACF,IAAI,SAAS,EAAE;gBACb,SAAS,CAAC,KAAK,EAAE,CAAC;aACnB;SACF;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,MAA0B,CAAC;IAE5D,MAAM,eAAe,GAAG,YAAY,CAAC,IAAI,CAAC,eAAmC,CAAC;IAE9E,MAAM,UAAU,GAA0B,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;IAEvE,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,cAAc,CAAC,CAAC,eAAe,CAAC,CAChC,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,IAAI,CAAC,CAAC;YACJ;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,UAAU;qBACpB;oBACD;wBACE,IAAI,EAAE,mBAAmB;wBACzB,EAAE,EAAE,QAAQ;wBACZ,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;qBAClB;iBACF;gBACD,YAAY,EAAE,UAAU;gBACxB,OAAO,EAAE;oBACP,KAAK,EAAE,SAAS;oBAChB,QAAQ,EAAE,KAAK;oBACf,SAAS,EAAE,OAAO;iBACnB;gBACD,SAAS,EAAE,OAAO;gBAClB,QAAQ,EAAE,iBAAiB;gBAC3B,WAAW,EAAE,mBAAmB;aACjC;YACD;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,UAAU;qBACpB;oBACD;wBACE,IAAI,EAAE,mBAAmB;wBACzB,EAAE,EAAE,QAAQ;wBACZ,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;qBAClB;iBACF;gBACD,YAAY,EAAE,kBAAkB;gBAChC,OAAO,EAAE;oBACP,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,KAAK;oBACf,SAAS,EAAE,OAAO;iBACnB;gBACD,SAAS,EAAE,OAAO;gBAClB,QAAQ,EAAE,iBAAiB;gBAC3B,WAAW,EAAE,mBAAmB;aACjC;SACF,CAAC,CACF,IAAI,CAAC,CAAC;YACJ;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,UAAU;qBACpB;iBACF;gBACD,QAAQ,EAAE,iBAAiB;aAC5B;YACD;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,UAAU;qBACpB;iBACF;gBACD,QAAQ,EAAE,iBAAiB;aAC5B;SACF,CAAC,CACF,KAAK,CAAC,CAAC;YACL,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,qBAAqB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE;gBACzE,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE;aACjE;YACD,QAAQ,EAAE,kBAAkB;SAC7B,CAAC,CACF,cAAc,CAAC,CAAC;YACd,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;YAC1F,QAAQ,EAAE,2BAA2B;SACtC,CAAC,CACF,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,EACzC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,aAAa,GAAG;QACpB,eAAe,EAAE,EAAE;QACnB,IAAI,EAAE,0BAA0B;KACX,CAAC;IACxB,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAErE,MAAM,OAAO,GAAG,CAAC,QAA8B,EAAE,OAAoB,EAAE,EAAE;QACvE,MAAM,OAAO,GAAkB;YAC7B,EAAE,EAAE,OAAO,CAAC,EAAE;YACd,KAAK,EAAE,OAAO,CAAC,OAAO;YACtB,MAAM,EAAE;gBACN,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAyC;gBAC7D,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;aACG;YAC5B,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;SACtB,CAAC;QACF,MAAM,WAAW,GAAG;YAClB,GAAG,QAAQ,CAAC,IAAI;YAChB,KAAK,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAK,CAAC,KAAK,EAAE,OAAO,CAAC;SACV,CAAC;QAElC,MAAM,WAAW,GAAyB,EAAE,GAAG,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;QAE7E,MAAM,WAAW,GAAG,eAAe,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;QACpE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,QAA8B,EAAE,EAAE;QACpD,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;QACpE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,QAA8B,EAAE,EAAE;QACjD,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;QAEjE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,QAA8B,EAAE,EAAE;QACpD,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;QACpE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,WAAW,GAAG,gBAAgB,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;QAClE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,MAAM,WAAW,GAAG,gBAAgB,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC;QAC3E,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,aAAa,GAA+B,KAAK,CAAC,EAAE;QACxD,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;QAClE,IAAI,WAAW,KAAK,YAAY,EAAE;YAEhC,KAAK,CAAC,mCAAmC,CAAC,CAAC;SAC5C;aAAM;YACL,eAAe,CAAC,WAAW,CAAC,CAAC;SAC9B;IACH,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAExC,MAAM,sBAAsB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAExC,MAAM,kBAAkB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAEpC,MAAM,2BAA2B,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,CAAC,eAAe,EAAE;YACrC,MAAM,SAAS,GAAuB,QAAQ,CAAC,cAAc,CAC3D,GAAG,iBAAiB,CAAC,eAAe,EAAE,CACvC,CAAC;YACF,IAAI,SAAS,EAAE;gBACb,SAAS,CAAC,KAAK,EAAE,CAAC;aACnB;SACF;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,iBAAiB,CAAC,IAAI,CAAC,MAA0B,CAAC;IACjE,MAAM,eAAe,GAAG,iBAAiB,CAAC,IAAI,CAAC,eAAmC,CAAC;IACnF,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,UAAmC,CAAC;IAE9E,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,cAAc,CAAC,CAAC,eAAe,CAAC,CAChC,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,IAAI,CAAC,CAAC;YACJ;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,UAAU;qBACpB;iBACF;gBACD,YAAY,EAAE,UAAU;gBACxB,OAAO,EAAE;oBACP,KAAK,EAAE,SAAS;oBAChB,QAAQ,EAAE,KAAK;oBACf,SAAS,EAAE,OAAO;iBACnB;gBACD,SAAS,EAAE,OAAO;gBAClB,QAAQ,EAAE,sBAAsB;gBAChC,WAAW,EAAE,mBAAmB;aACjC;YACD;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,UAAU;qBACpB;iBACF;gBACD,YAAY,EAAE,kBAAkB;gBAChC,OAAO,EAAE;oBACP,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,KAAK;oBACf,SAAS,EAAE,OAAO;iBACnB;gBACD,SAAS,EAAE,OAAO;gBAClB,QAAQ,EAAE,sBAAsB;gBAChC,WAAW,EAAE,mBAAmB;aACjC;SACF,CAAC,CACF,IAAI,CAAC,CAAC;YACJ;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,UAAU;qBACpB;iBACF;gBACD,QAAQ,EAAE,sBAAsB;aACjC;YACD;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,UAAU;qBACpB;iBACF;gBACD,QAAQ,EAAE,sBAAsB;aACjC;SACF,CAAC,CACF,KAAK,CAAC,CAAC;YACL,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,qBAAqB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE;gBACzE,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE;aACjE;YACD,QAAQ,EAAE,kBAAkB;SAC7B,CAAC,CACF,cAAc,CAAC,CAAC;YACd,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;YAC1F,QAAQ,EAAE,2BAA2B;SACtC,CAAC,CACF,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,EACzC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,aAAa,GAAG;QACpB,eAAe,EAAE,EAAE;QACnB,IAAI,EAAE,qBAAqB;KACN,CAAC;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEhE,MAAM,cAAc,GAAG,CAAC,QAA8B,EAAE,OAAoB,EAAE,EAAE;QAC9E,MAAM,OAAO,GAAkB;YAC7B,EAAE,EAAE,OAAO,CAAC,EAAE;YACd,KAAK,EAAE,OAAO,CAAC,OAAO;YACtB,MAAM,EAAE;gBACN,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAyC;gBAC7D,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;aACG;YAC5B,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;SACtB,CAAC;QACF,MAAM,WAAW,GAAG;YAClB,GAAG,QAAQ,CAAC,IAAI;YAChB,KAAK,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAK,CAAC,KAAK,EAAE,OAAO,CAAC;SACV,CAAC;QAElC,MAAM,WAAW,GAAyB,EAAE,GAAG,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;QAE7E,MAAM,WAAW,GAAG,eAAe,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;QAC/D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,QAA8B,EAAE,EAAE;QAC3D,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC/D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,QAA8B,EAAE,EAAE;QACpD,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC5D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,QAA8B,EAAE,EAAE;QAC5D,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;QAClE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,QAA8B,EAAE,EAAE;QACvD,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC/D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,WAAW,GAAG,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAC7D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,MAAM,WAAW,GAAG,gBAAgB,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;QACtE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,aAAa,GAA+B,KAAK,CAAC,EAAE;QACxD,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QAC7D,IAAI,WAAW,KAAK,YAAY,EAAE;YAEhC,KAAK,CAAC,mCAAmC,CAAC,CAAC;SAC5C;aAAM;YACL,eAAe,CAAC,WAAW,CAAC,CAAC;SAC9B;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAEhC,MAAM,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAE/B,MAAM,eAAe,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAEjC,MAAM,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAEhC,MAAM,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAE/B,MAAM,eAAe,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAEjC,MAAM,iBAAiB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAEnC,MAAM,gBAAgB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAElC,MAAM,kBAAkB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAEpC,MAAM,2BAA2B,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,eAAe,EAAE;YAChC,MAAM,SAAS,GAAuB,QAAQ,CAAC,cAAc,CAC3D,GAAG,YAAY,CAAC,eAAe,EAAE,CAClC,CAAC;YACF,IAAI,SAAS,EAAE;gBACb,SAAS,CAAC,KAAK,EAAE,CAAC;aACnB;SACF;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,MAA0B,CAAC;IAC5D,MAAM,eAAe,GAAG,YAAY,CAAC,IAAI,CAAC,eAAmC,CAAC;IAC9E,MAAM,UAAU,GAA0B,qBAAqB,CAAC,UAAU,CAAC;IAE3E,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,cAAc,CAAC,CAAC,eAAe,CAAC,CAChC,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,IAAI,CAAC,CAAC;YACJ;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,gBAAgB;wBACtB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,aAAa;qBACvB;oBACD;wBACE,IAAI,EAAE,mBAAmB;wBACzB,EAAE,EAAE,QAAQ;wBACZ,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;qBAClB;iBACF;gBACD,YAAY,EAAE,MAAM;gBACpB,OAAO,EAAE;oBACP,KAAK,EAAE,SAAS;oBAChB,QAAQ,EAAE,IAAI;oBACd,SAAS,EAAE,UAAU;iBACtB;gBACD,OAAO,EAAE,cAAc;gBACvB,MAAM,EAAE,aAAa;gBACrB,QAAQ,EAAE,eAAe;gBACzB,SAAS,EAAE,cAAc;gBACzB,WAAW,EAAE,mBAAmB;aACjC;SACF,CAAC,CACF,IAAI,CAAC,CAAC;YACJ;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,UAAU;wBACd,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,iBAAiB;qBAC3B;iBACF;gBACD,OAAO,EAAE,cAAc;gBACvB,MAAM,EAAE,aAAa;gBACrB,QAAQ,EAAE,eAAe;aAE1B;SACF,CAAC,CACF,KAAK,CAAC,CAAC;YACL,OAAO,EAAE;gBACP,KAAK,EAAE;oBACL,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE;oBACxD,EAAE,IAAI,EAAE,sBAAsB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,EAAE;oBACzE,EAAE,IAAI,EAAE,qBAAqB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE;iBAC1E;gBACD,OAAO,EAAE;oBACP,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE;oBACxD,EAAE,IAAI,EAAE,sBAAsB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,EAAE;oBACzE,EAAE,IAAI,EAAE,qBAAqB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE;oBACzE,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE;iBACjE;gBACD,cAAc,EAAE;oBACd,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE;oBACxD,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE;iBACjE;gBACD,UAAU,EAAE,EAAE;gBACd,SAAS,EAAE;oBACT,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE;oBACxD,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE;iBACjE;gBACD,gBAAgB,EAAE;oBAChB,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE;oBACxD,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE;iBACjE;aACF;YACD,OAAO,EAAE,iBAAiB;YAC1B,MAAM,EAAE,gBAAgB;YACxB,QAAQ,EAAE,kBAAkB;SAC7B,CAAC,CACF,cAAc,CAAC,CAAC;YACd,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE;gBACxD,EAAE,IAAI,EAAE,sBAAsB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,EAAE;gBACzE,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE;aACjE;YACD,QAAQ,EAAE,2BAA2B;SACtC,CAAC,CACF,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,EACzC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,UAAU,GAAG;QACjB,eAAe,EAAE,EAAE;QACnB,IAAI,EAAE,kBAAkB;KACH,CAAC;IACxB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAqB,UAAU,CAAC,CAAC;IAErF,MAAM,cAAc,GAAG,CAAC,QAA8B,EAAE,OAAoB,EAAE,EAAE;QAC9E,MAAM,OAAO,GAAkB;YAC7B,EAAE,EAAE,OAAO,CAAC,EAAE;YACd,KAAK,EAAE,OAAO,CAAC,OAAO;YACtB,MAAM,EAAE;gBACN,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAyC;gBAC7D,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;aACG;YAC5B,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;SACtB,CAAC;QACF,MAAM,WAAW,GAAG;YAClB,GAAG,QAAQ,CAAC,IAAI;YAChB,KAAK,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAK,CAAC,KAAK,EAAE,OAAO,CAAC;SACV,CAAC;QAElC,MAAM,WAAW,GAAyB,EAAE,GAAG,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;QAE7E,MAAM,WAAW,GAAG,eAAe,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;QACjE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,QAA8B,EAAE,EAAE;QAC3D,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACjE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,QAA8B,EAAE,EAAE;QACpD,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC9D,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,QAA8B,EAAE,EAAE;QAC5D,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;QACpE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,QAA8B,EAAE,EAAE;QACvD,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACjE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,WAAW,GAAG,gBAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;QAC/D,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,MAAM,WAAW,GAAG,gBAAgB,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;QACxE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAEjC,MAAM,eAAe,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAEjC,MAAM,kBAAkB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAEpC,MAAM,2BAA2B,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAE7C,MAAM,aAAa,GAA+B,KAAK,CAAC,EAAE;QACxD,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;QAC/D,IAAI,WAAW,KAAK,YAAY,EAAE;YAEhC,KAAK,CAAC,mCAAmC,CAAC,CAAC;SAC5C;aAAM;YACL,iBAAiB,CAAC,WAAW,CAAC,CAAC;SAChC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,CAAC,eAAe,EAAE;YAClC,MAAM,SAAS,GAAuB,QAAQ,CAAC,cAAc,CAC3D,GAAG,cAAc,CAAC,eAAe,EAAE,CACpC,CAAC;YACF,IAAI,SAAS,EAAE;gBACb,SAAS,CAAC,KAAK,EAAE,CAAC;aACnB;SACF;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,MAA0B,CAAC;IAC9D,MAAM,eAAe,GAAqB,cAAc,CAAC,IAAI,CAAC,eAAe,CAAC;IAC9E,MAAM,UAAU,GAA0B,kBAAkB,CAAC,UAAU,CAAC;IAExE,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,cAAc,CAAC,CAAC,eAAe,CAAC,CAChC,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,IAAI,CAAC,CAAC;YACJ;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,gBAAgB;wBACtB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,aAAa;qBACvB;oBACD;wBACE,IAAI,EAAE,mBAAmB;wBACzB,EAAE,EAAE,QAAQ;wBACZ,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;qBAClB;iBACF;gBACD,YAAY,EAAE,MAAM;gBACpB,OAAO,EAAE;oBACP,KAAK,EAAE,SAAS;oBAChB,QAAQ,EAAE,IAAI;oBACd,SAAS,EAAE,UAAU;iBACtB;gBACD,QAAQ,EAAE,eAAe;gBACzB,SAAS,EAAE,cAAc;gBACzB,WAAW,EAAE,mBAAmB;aACjC;SACF,CAAC,CACF,IAAI,CAAC,CAAC;YACJ;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,UAAU;wBACd,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,iBAAiB;qBAC3B;iBACF;gBACD,QAAQ,EAAE,eAAe;aAC1B;SACF,CAAC,CACF,KAAK,CAAC,CAAC;YACL,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE;gBACxD,EAAE,IAAI,EAAE,sBAAsB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,EAAE;gBACzE,EAAE,IAAI,EAAE,qBAAqB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE;gBACzE,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE;aACjE;YACD,QAAQ,EAAE,kBAAkB;SAC7B,CAAC,CACF,cAAc,CAAC,CAAC;YACd,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE;gBACxD,EAAE,IAAI,EAAE,sBAAsB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,EAAE;gBACzE,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE;aACjE;YACD,QAAQ,EAAE,2BAA2B;SACtC,CAAC,CACF,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,EACzC,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport { Meta } from '@storybook/react';\n\nimport {\n  LifeCycle,\n  StageItemProps,\n  CategoriesItemProps,\n  LifeCycleActionParam,\n  LifeCycleAction,\n  StepItemProps,\n  LibraryItem\n} from '@pega/cosmos-react-build';\n\nimport {\n  LifeCycleEmptyData,\n  LifeCycleEmptyPlanViewData,\n  LifeCyclePlanViewData,\n  LifeCycleWorkFlowData,\n  planViewNodeLibrary,\n  workFlowNodeLibrary\n} from './LifeCycle.mocks';\nimport {\n  addStepCallback,\n  deleteStepCallback,\n  addTaskCallback,\n  deleteTaskCallback,\n  addStageCallback,\n  deleteStageCallback,\n  LifeCycleMockState\n} from './utils';\n\nexport default {\n  title: 'Build/LifeCycle',\n  component: LifeCycle\n} as Meta;\n\nexport const PlanView = () => {\n  const workFlowState = {\n    activeElementId: '',\n    data: LifeCyclePlanViewData\n  } as LifeCycleMockState;\n  const [planViewData, setPlanViewData] = useState(workFlowState);\n\n  const addStep = (stepData: LifeCycleActionParam, libItem: LibraryItem) => {\n    const newStep: StepItemProps = {\n      id: libItem.id,\n      label: libItem.primary,\n      visual: {\n        color: libItem.type.color as StepItemProps['visual']['color'],\n        icon: libItem.type.icon\n      } as StepItemProps['visual'],\n      error: '',\n      status: { label: '' }\n    };\n    const updatedTask = {\n      ...stepData.task,\n      steps: [...stepData.task!.steps, newStep]\n    } as LifeCycleActionParam['task'];\n\n    const updatedData: LifeCycleActionParam = { ...stepData, task: updatedTask };\n\n    const changedData = addStepCallback(updatedData, planViewData);\n    setPlanViewData(changedData);\n  };\n\n  const deleteStep = (stepData: LifeCycleActionParam) => {\n    const changedData = deleteStepCallback(stepData, planViewData);\n    setPlanViewData(changedData);\n  };\n\n  const addTask = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, planViewData);\n    setPlanViewData(changedData);\n  };\n\n  const deleteTask = (taskData: LifeCycleActionParam) => {\n    const changedData = deleteTaskCallback(taskData, planViewData);\n    setPlanViewData(changedData);\n  };\n\n  const onAddStage = () => {\n    const changedData = addStageCallback(planViewData, 'stages');\n    setPlanViewData(changedData);\n  };\n\n  const onAddAlternateStage = () => {\n    const changedData = addStageCallback(planViewData, 'alternateStages');\n    setPlanViewData(changedData);\n  };\n\n  const onDeleteStage: LifeCycleAction['onClick'] = param => {\n    const changedData = deleteStageCallback(param, planViewData);\n    if (changedData === 'firstStage') {\n      // eslint-disable-next-line no-alert\n      alert(\"you can't delete the create stage\");\n    } else {\n      setPlanViewData(changedData);\n    }\n  };\n\n  const onStepInputChange = () => {};\n\n  const onTaskInputChange = () => {};\n\n  const onStageInputChange = () => {};\n\n  const onAlternateStageInputChange = () => {};\n\n  useEffect(() => {\n    if (planViewData.activeElementId) {\n      const elementId: HTMLElement | null = document.getElementById(\n        `${planViewData.activeElementId}`\n      );\n      if (elementId) {\n        elementId.focus();\n      }\n    }\n  });\n\n  const stages = planViewData.data.stages as StageItemProps[];\n\n  const alternateStages = planViewData.data.alternateStages as StageItemProps[];\n\n  const categories: CategoriesItemProps[] = planViewData.data.categories;\n\n  return (\n    <LifeCycle\n      items={stages}\n      alternateItems={alternateStages}\n      categories={categories}\n      task={[\n        {\n          actions: [\n            {\n              text: 'Delete task',\n              id: 'delete2',\n              icon: 'trash',\n              onClick: deleteTask\n            },\n            {\n              text: 'Configure Process',\n              id: 'share2',\n              icon: 'share',\n              onClick: () => {}\n            }\n          ],\n          addStepTitle: 'channels',\n          addTask: {\n            title: 'Persona',\n            showOnce: false,\n            onAddTask: addTask\n          },\n          onAddStep: addStep,\n          onChange: onTaskInputChange,\n          nodeLibrary: planViewNodeLibrary\n        },\n        {\n          actions: [\n            {\n              text: 'Delete task',\n              id: 'delete4',\n              icon: 'trash',\n              onClick: deleteTask\n            },\n            {\n              text: 'Configure Process',\n              id: 'share2',\n              icon: 'share',\n              onClick: () => {}\n            }\n          ],\n          addStepTitle: 'Data and Systems',\n          addTask: {\n            title: 'Data',\n            showOnce: false,\n            onAddTask: addTask\n          },\n          onAddStep: addStep,\n          onChange: onTaskInputChange,\n          nodeLibrary: planViewNodeLibrary\n        }\n      ]}\n      step={[\n        {\n          actions: [\n            {\n              text: 'Delete step',\n              id: 'delete5',\n              icon: 'trash',\n              onClick: deleteStep\n            }\n          ],\n          onChange: onStepInputChange\n        },\n        {\n          actions: [\n            {\n              text: 'Delete step',\n              id: 'delete6',\n              icon: 'trash',\n              onClick: deleteStep\n            }\n          ],\n          onChange: onStepInputChange\n        }\n      ]}\n      stage={{\n        actions: [\n          { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage },\n          { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n        ],\n        onChange: onStageInputChange\n      }}\n      alternateStage={{\n        actions: [{ text: 'Delete Stage', id: 'delete11', icon: 'trash', onClick: onDeleteStage }],\n        onChange: onAlternateStageInputChange\n      }}\n      onAddStage={onAddStage}\n      onAddAlternateStage={onAddAlternateStage}\n    />\n  );\n};\n\nexport const EmptyPlanView = () => {\n  const emptyPlanView = {\n    activeElementId: '',\n    data: LifeCycleEmptyPlanViewData\n  } as LifeCycleMockState;\n  const [emptyplanViewData, setPlanViewData] = useState(emptyPlanView);\n\n  const addStep = (stepData: LifeCycleActionParam, libItem: LibraryItem) => {\n    const newStep: StepItemProps = {\n      id: libItem.id,\n      label: libItem.primary,\n      visual: {\n        color: libItem.type.color as StepItemProps['visual']['color'],\n        icon: libItem.type.icon\n      } as StepItemProps['visual'],\n      error: '',\n      status: { label: '' }\n    };\n    const updatedTask = {\n      ...stepData.task,\n      steps: [...stepData.task!.steps, newStep]\n    } as LifeCycleActionParam['task'];\n\n    const updatedData: LifeCycleActionParam = { ...stepData, task: updatedTask };\n\n    const changedData = addStepCallback(updatedData, emptyplanViewData);\n    setPlanViewData(changedData);\n  };\n\n  const deleteStep = (stepData: LifeCycleActionParam) => {\n    const changedData = deleteStepCallback(stepData, emptyplanViewData);\n    setPlanViewData(changedData);\n  };\n\n  const addTask = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, emptyplanViewData);\n\n    setPlanViewData(changedData);\n  };\n\n  const deleteTask = (taskData: LifeCycleActionParam) => {\n    const changedData = deleteTaskCallback(taskData, emptyplanViewData);\n    setPlanViewData(changedData);\n  };\n\n  const onAddStage = () => {\n    const changedData = addStageCallback(emptyplanViewData, 'stages');\n    setPlanViewData(changedData);\n  };\n\n  const onAddAlternateStage = () => {\n    const changedData = addStageCallback(emptyplanViewData, 'alternateStages');\n    setPlanViewData(changedData);\n  };\n\n  const onDeleteStage: LifeCycleAction['onClick'] = param => {\n    const changedData = deleteStageCallback(param, emptyplanViewData);\n    if (changedData === 'firstStage') {\n      // eslint-disable-next-line no-alert\n      alert(\"you can't delete the create stage\");\n    } else {\n      setPlanViewData(changedData);\n    }\n  };\n\n  const personaStepInputChange = () => {};\n\n  const personaTaskInputChange = () => {};\n\n  const onStageInputChange = () => {};\n\n  const onAlternateStageInputChange = () => {};\n\n  useEffect(() => {\n    if (emptyplanViewData.activeElementId) {\n      const elementId: HTMLElement | null = document.getElementById(\n        `${emptyplanViewData.activeElementId}`\n      );\n      if (elementId) {\n        elementId.focus();\n      }\n    }\n  });\n\n  const stages = emptyplanViewData.data.stages as StageItemProps[];\n  const alternateStages = emptyplanViewData.data.alternateStages as StageItemProps[];\n  const categories = emptyplanViewData.data.categories as CategoriesItemProps[];\n\n  return (\n    <LifeCycle\n      items={stages}\n      alternateItems={alternateStages}\n      categories={categories}\n      task={[\n        {\n          actions: [\n            {\n              text: 'Delete task',\n              id: 'delete2',\n              icon: 'trash',\n              onClick: deleteTask\n            }\n          ],\n          addStepTitle: 'channels',\n          addTask: {\n            title: 'Persona',\n            showOnce: false,\n            onAddTask: addTask\n          },\n          onAddStep: addStep,\n          onChange: personaTaskInputChange,\n          nodeLibrary: planViewNodeLibrary\n        },\n        {\n          actions: [\n            {\n              text: 'Delete task',\n              id: 'delete4',\n              icon: 'trash',\n              onClick: deleteTask\n            }\n          ],\n          addStepTitle: 'Data and Systems',\n          addTask: {\n            title: 'Data',\n            showOnce: false,\n            onAddTask: addTask\n          },\n          onAddStep: addStep,\n          onChange: personaTaskInputChange,\n          nodeLibrary: workFlowNodeLibrary\n        }\n      ]}\n      step={[\n        {\n          actions: [\n            {\n              text: 'Delete step',\n              id: 'delete5',\n              icon: 'trash',\n              onClick: deleteStep\n            }\n          ],\n          onChange: personaStepInputChange\n        },\n        {\n          actions: [\n            {\n              text: 'Delete step',\n              id: 'delete6',\n              icon: 'trash',\n              onClick: deleteStep\n            }\n          ],\n          onChange: personaStepInputChange\n        }\n      ]}\n      stage={{\n        actions: [\n          { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage },\n          { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n        ],\n        onChange: onStageInputChange\n      }}\n      alternateStage={{\n        actions: [{ text: 'Delete Stage', id: 'delete11', icon: 'trash', onClick: onDeleteStage }],\n        onChange: onAlternateStageInputChange\n      }}\n      onAddStage={onAddStage}\n      onAddAlternateStage={onAddAlternateStage}\n    />\n  );\n};\n\nexport const WorkFlowView = () => {\n  const workFlowState = {\n    activeElementId: '',\n    data: LifeCycleWorkFlowData\n  } as LifeCycleMockState;\n  const [workFlowData, setWorkFlowData] = useState(workFlowState);\n\n  const addProcessStep = (stepData: LifeCycleActionParam, libItem: LibraryItem) => {\n    const newStep: StepItemProps = {\n      id: libItem.id,\n      label: libItem.primary,\n      visual: {\n        color: libItem.type.color as StepItemProps['visual']['color'],\n        icon: libItem.type.icon\n      } as StepItemProps['visual'],\n      error: '',\n      status: { label: '' }\n    };\n    const updatedTask = {\n      ...stepData.task,\n      steps: [...stepData.task!.steps, newStep]\n    } as LifeCycleActionParam['task'];\n\n    const updatedData: LifeCycleActionParam = { ...stepData, task: updatedTask };\n\n    const changedData = addStepCallback(updatedData, workFlowData);\n    setWorkFlowData(changedData);\n  };\n\n  const deleteProcessStep = (stepData: LifeCycleActionParam) => {\n    const changedData = deleteStepCallback(stepData, workFlowData);\n    setWorkFlowData(changedData);\n  };\n\n  const addProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, workFlowData);\n    setWorkFlowData(changedData);\n  };\n\n  const addParallelProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, workFlowData, true);\n    setWorkFlowData(changedData);\n  };\n\n  const deleteProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = deleteTaskCallback(taskData, workFlowData);\n    setWorkFlowData(changedData);\n  };\n\n  const onAddStage = () => {\n    const changedData = addStageCallback(workFlowData, 'stages');\n    setWorkFlowData(changedData);\n  };\n\n  const onAddAlternateStage = () => {\n    const changedData = addStageCallback(workFlowData, 'alternateStages');\n    setWorkFlowData(changedData);\n  };\n\n  const onDeleteStage: LifeCycleAction['onClick'] = param => {\n    const changedData = deleteStageCallback(param, workFlowData);\n    if (changedData === 'firstStage') {\n      // eslint-disable-next-line no-alert\n      alert(\"you can't delete the create stage\");\n    } else {\n      setWorkFlowData(changedData);\n    }\n  };\n\n  const stepInputFocus = () => {};\n\n  const stepInputBlur = () => {};\n\n  const stepInputChange = () => {};\n\n  const taskInputFocus = () => {};\n\n  const taskInputBlur = () => {};\n\n  const taskInputChange = () => {};\n\n  const onStageInputFocus = () => {};\n\n  const onStageInputBlur = () => {};\n\n  const onStageInputChange = () => {};\n\n  const onAlternateStageInputChange = () => {};\n  useEffect(() => {\n    if (workFlowData.activeElementId) {\n      const elementId: HTMLElement | null = document.getElementById(\n        `${workFlowData.activeElementId}`\n      );\n      if (elementId) {\n        elementId.focus();\n      }\n    }\n  });\n\n  const stages = workFlowData.data.stages as StageItemProps[];\n  const alternateStages = workFlowData.data.alternateStages as StageItemProps[];\n  const categories: CategoriesItemProps[] = LifeCycleWorkFlowData.categories;\n\n  return (\n    <LifeCycle\n      items={stages}\n      alternateItems={alternateStages}\n      categories={categories}\n      task={[\n        {\n          actions: [\n            {\n              text: 'Delete Process',\n              id: 'delete9',\n              icon: 'trash',\n              onClick: deleteProcess\n            },\n            {\n              text: 'Configure Process',\n              id: 'share2',\n              icon: 'share',\n              onClick: () => {}\n            }\n          ],\n          addStepTitle: 'step',\n          addTask: {\n            title: 'Process',\n            showOnce: true,\n            onAddTask: addProcess\n          },\n          onFocus: taskInputFocus,\n          onBlur: taskInputBlur,\n          onChange: taskInputChange,\n          onAddStep: addProcessStep,\n          nodeLibrary: workFlowNodeLibrary\n        }\n      ]}\n      step={[\n        {\n          actions: [\n            {\n              text: 'Delete step',\n              id: 'delete10',\n              icon: 'trash',\n              onClick: deleteProcessStep\n            }\n          ],\n          onFocus: stepInputFocus,\n          onBlur: stepInputBlur,\n          onChange: stepInputChange\n          // disabled: true\n        }\n      ]}\n      stage={{\n        actions: {\n          start: [\n            { text: 'Add Process', id: 'add1', onClick: addProcess },\n            { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },\n            { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage }\n          ],\n          default: [\n            { text: 'Add Process', id: 'add1', onClick: addProcess },\n            { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },\n            { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage },\n            { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n          ],\n          'default-wait': [\n            { text: 'Add Process', id: 'add1', onClick: addProcess },\n            { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n          ],\n          resolution: [],\n          alternate: [\n            { text: 'Add Process', id: 'add1', onClick: addProcess },\n            { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n          ],\n          'alternate-wait': [\n            { text: 'Add Process', id: 'add1', onClick: addProcess },\n            { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n          ]\n        },\n        onFocus: onStageInputFocus,\n        onBlur: onStageInputBlur,\n        onChange: onStageInputChange\n      }}\n      alternateStage={{\n        actions: [\n          { text: 'Add Process', id: 'add1', onClick: addProcess },\n          { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },\n          { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n        ],\n        onChange: onAlternateStageInputChange\n      }}\n      onAddStage={onAddStage}\n      onAddAlternateStage={onAddAlternateStage}\n    />\n  );\n};\n\nexport const EmptyWorkFlowView = () => {\n  const emptyState = {\n    activeElementId: '',\n    data: LifeCycleEmptyData\n  } as LifeCycleMockState;\n  const [emptyStateData, setEmptyStateData] = useState<LifeCycleMockState>(emptyState);\n\n  const addProcessStep = (stepData: LifeCycleActionParam, libItem: LibraryItem) => {\n    const newStep: StepItemProps = {\n      id: libItem.id,\n      label: libItem.primary,\n      visual: {\n        color: libItem.type.color as StepItemProps['visual']['color'],\n        icon: libItem.type.icon\n      } as StepItemProps['visual'],\n      error: '',\n      status: { label: '' }\n    };\n    const updatedTask = {\n      ...stepData.task,\n      steps: [...stepData.task!.steps, newStep]\n    } as LifeCycleActionParam['task'];\n\n    const updatedData: LifeCycleActionParam = { ...stepData, task: updatedTask };\n\n    const changedData = addStepCallback(updatedData, emptyStateData);\n    setEmptyStateData(changedData);\n  };\n\n  const deleteProcessStep = (stepData: LifeCycleActionParam) => {\n    const changedData = deleteStepCallback(stepData, emptyStateData);\n    setEmptyStateData(changedData);\n  };\n\n  const addProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, emptyStateData);\n    setEmptyStateData(changedData);\n  };\n\n  const addParallelProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, emptyStateData, true);\n    setEmptyStateData(changedData);\n  };\n\n  const deleteProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = deleteTaskCallback(taskData, emptyStateData);\n    setEmptyStateData(changedData);\n  };\n\n  const onAddStage = () => {\n    const changedData = addStageCallback(emptyStateData, 'stages');\n    setEmptyStateData(changedData);\n  };\n\n  const onAddAlternateStage = () => {\n    const changedData = addStageCallback(emptyStateData, 'alternateStages');\n    setEmptyStateData(changedData);\n  };\n\n  const stepInputChange = () => {};\n\n  const taskInputChange = () => {};\n\n  const onStageInputChange = () => {};\n\n  const onAlternateStageInputChange = () => {};\n\n  const onDeleteStage: LifeCycleAction['onClick'] = param => {\n    const changedData = deleteStageCallback(param, emptyStateData);\n    if (changedData === 'firstStage') {\n      // eslint-disable-next-line no-alert\n      alert(\"you can't delete the create stage\");\n    } else {\n      setEmptyStateData(changedData);\n    }\n  };\n\n  useEffect(() => {\n    if (emptyStateData.activeElementId) {\n      const elementId: HTMLElement | null = document.getElementById(\n        `${emptyStateData.activeElementId}`\n      );\n      if (elementId) {\n        elementId.focus();\n      }\n    }\n  });\n\n  const stages = emptyStateData.data.stages as StageItemProps[];\n  const alternateStages: StageItemProps[] = emptyStateData.data.alternateStages;\n  const categories: CategoriesItemProps[] = LifeCycleEmptyData.categories;\n\n  return (\n    <LifeCycle\n      items={stages}\n      alternateItems={alternateStages}\n      categories={categories}\n      task={[\n        {\n          actions: [\n            {\n              text: 'Delete Process',\n              id: 'delete9',\n              icon: 'trash',\n              onClick: deleteProcess\n            },\n            {\n              text: 'Configure Process',\n              id: 'share2',\n              icon: 'share',\n              onClick: () => {}\n            }\n          ],\n          addStepTitle: 'step',\n          addTask: {\n            title: 'Process',\n            showOnce: true,\n            onAddTask: addProcess\n          },\n          onChange: taskInputChange,\n          onAddStep: addProcessStep,\n          nodeLibrary: workFlowNodeLibrary\n        }\n      ]}\n      step={[\n        {\n          actions: [\n            {\n              text: 'Delete step',\n              id: 'delete10',\n              icon: 'trash',\n              onClick: deleteProcessStep\n            }\n          ],\n          onChange: stepInputChange\n        }\n      ]}\n      stage={{\n        actions: [\n          { text: 'Add Process', id: 'add1', onClick: addProcess },\n          { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },\n          { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage },\n          { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n        ],\n        onChange: onStageInputChange\n      }}\n      alternateStage={{\n        actions: [\n          { text: 'Add Process', id: 'add1', onClick: addProcess },\n          { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },\n          { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n        ],\n        onChange: onAlternateStageInputChange\n      }}\n      onAddStage={onAddStage}\n      onAddAlternateStage={onAddAlternateStage}\n    />\n  );\n};\n"]}
+{"version":3,"file":"LifeCycle.stories.jsx","sourceRoot":"","sources":["../../../src/build/LifeCycle/LifeCycle.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n  LifeCycle,\n  StageItemProps,\n  CategoriesItemProps,\n  LifeCycleActionParam,\n  LifeCycleAction,\n  StepItemProps,\n  LibraryItem\n} from '@pega/cosmos-react-build';\n\nimport {\n  LifeCycleEmptyData,\n  LifeCycleEmptyPlanViewData,\n  LifeCyclePlanViewData,\n  LifeCycleWorkFlowData,\n  planViewNodeLibrary,\n  workFlowNodeLibrary\n} from './LifeCycle.mocks';\nimport {\n  addStepCallback,\n  deleteStepCallback,\n  addTaskCallback,\n  deleteTaskCallback,\n  addStageCallback,\n  deleteStageCallback,\n  LifeCycleMockState\n} from './utils';\n\nexport default {\n  title: 'Build/LifeCycle',\n  component: LifeCycle\n} as Meta;\n\nexport const PlanView: Story = () => {\n  const workFlowState = {\n    activeElementId: '',\n    data: LifeCyclePlanViewData\n  } as LifeCycleMockState;\n  const [planViewData, setPlanViewData] = useState(workFlowState);\n\n  const addStep = (stepData: LifeCycleActionParam, libItem: LibraryItem) => {\n    const newStep: StepItemProps = {\n      id: libItem.id,\n      label: libItem.primary,\n      visual: {\n        color: libItem.type.color as StepItemProps['visual']['color'],\n        icon: libItem.type.icon\n      } as StepItemProps['visual'],\n      error: '',\n      status: { label: '' }\n    };\n    const updatedTask = {\n      ...stepData.task,\n      steps: [...stepData.task!.steps, newStep]\n    } as LifeCycleActionParam['task'];\n\n    const updatedData: LifeCycleActionParam = { ...stepData, task: updatedTask };\n\n    const changedData = addStepCallback(updatedData, planViewData);\n    setPlanViewData(changedData);\n  };\n\n  const deleteStep = (stepData: LifeCycleActionParam) => {\n    const changedData = deleteStepCallback(stepData, planViewData);\n    setPlanViewData(changedData);\n  };\n\n  const addTask = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, planViewData);\n    setPlanViewData(changedData);\n  };\n\n  const deleteTask = (taskData: LifeCycleActionParam) => {\n    const changedData = deleteTaskCallback(taskData, planViewData);\n    setPlanViewData(changedData);\n  };\n\n  const onAddStage = () => {\n    const changedData = addStageCallback(planViewData, 'stages');\n    setPlanViewData(changedData);\n  };\n\n  const onAddAlternateStage = () => {\n    const changedData = addStageCallback(planViewData, 'alternateStages');\n    setPlanViewData(changedData);\n  };\n\n  const onDeleteStage: LifeCycleAction['onClick'] = param => {\n    const changedData = deleteStageCallback(param, planViewData);\n    if (changedData === 'firstStage') {\n      // eslint-disable-next-line no-alert\n      alert(\"you can't delete the create stage\");\n    } else {\n      setPlanViewData(changedData);\n    }\n  };\n\n  const onStepInputChange = () => {};\n\n  const onTaskInputChange = () => {};\n\n  const onStageInputChange = () => {};\n\n  const onAlternateStageInputChange = () => {};\n\n  useEffect(() => {\n    if (planViewData.activeElementId) {\n      const elementId: HTMLElement | null = document.getElementById(\n        `${planViewData.activeElementId}`\n      );\n      if (elementId) {\n        elementId.focus();\n      }\n    }\n  });\n\n  const stages = planViewData.data.stages as StageItemProps[];\n\n  const alternateStages = planViewData.data.alternateStages as StageItemProps[];\n\n  const categories: CategoriesItemProps[] = planViewData.data.categories;\n\n  return (\n    <LifeCycle\n      items={stages}\n      alternateItems={alternateStages}\n      categories={categories}\n      task={[\n        {\n          actions: [\n            {\n              text: 'Delete task',\n              id: 'delete2',\n              icon: 'trash',\n              onClick: deleteTask\n            },\n            {\n              text: 'Configure Process',\n              id: 'share2',\n              icon: 'share',\n              onClick: () => {}\n            }\n          ],\n          addStepTitle: 'channels',\n          addTask: {\n            title: 'Persona',\n            showOnce: false,\n            onAddTask: addTask\n          },\n          onAddStep: addStep,\n          onChange: onTaskInputChange,\n          nodeLibrary: planViewNodeLibrary\n        },\n        {\n          actions: [\n            {\n              text: 'Delete task',\n              id: 'delete4',\n              icon: 'trash',\n              onClick: deleteTask\n            },\n            {\n              text: 'Configure Process',\n              id: 'share2',\n              icon: 'share',\n              onClick: () => {}\n            }\n          ],\n          addStepTitle: 'Data and Systems',\n          addTask: {\n            title: 'Data',\n            showOnce: false,\n            onAddTask: addTask\n          },\n          onAddStep: addStep,\n          onChange: onTaskInputChange,\n          nodeLibrary: planViewNodeLibrary\n        }\n      ]}\n      step={[\n        {\n          actions: [\n            {\n              text: 'Delete step',\n              id: 'delete5',\n              icon: 'trash',\n              onClick: deleteStep\n            }\n          ],\n          onChange: onStepInputChange\n        },\n        {\n          actions: [\n            {\n              text: 'Delete step',\n              id: 'delete6',\n              icon: 'trash',\n              onClick: deleteStep\n            }\n          ],\n          onChange: onStepInputChange\n        }\n      ]}\n      stage={{\n        actions: [\n          { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage },\n          { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n        ],\n        onChange: onStageInputChange\n      }}\n      alternateStage={{\n        actions: [{ text: 'Delete Stage', id: 'delete11', icon: 'trash', onClick: onDeleteStage }],\n        onChange: onAlternateStageInputChange\n      }}\n      onAddStage={onAddStage}\n      onAddAlternateStage={onAddAlternateStage}\n    />\n  );\n};\n\nexport const EmptyPlanView: Story = () => {\n  const emptyPlanView = {\n    activeElementId: '',\n    data: LifeCycleEmptyPlanViewData\n  } as LifeCycleMockState;\n  const [emptyplanViewData, setPlanViewData] = useState(emptyPlanView);\n\n  const addStep = (stepData: LifeCycleActionParam, libItem: LibraryItem) => {\n    const newStep: StepItemProps = {\n      id: libItem.id,\n      label: libItem.primary,\n      visual: {\n        color: libItem.type.color as StepItemProps['visual']['color'],\n        icon: libItem.type.icon\n      } as StepItemProps['visual'],\n      error: '',\n      status: { label: '' }\n    };\n    const updatedTask = {\n      ...stepData.task,\n      steps: [...stepData.task!.steps, newStep]\n    } as LifeCycleActionParam['task'];\n\n    const updatedData: LifeCycleActionParam = { ...stepData, task: updatedTask };\n\n    const changedData = addStepCallback(updatedData, emptyplanViewData);\n    setPlanViewData(changedData);\n  };\n\n  const deleteStep = (stepData: LifeCycleActionParam) => {\n    const changedData = deleteStepCallback(stepData, emptyplanViewData);\n    setPlanViewData(changedData);\n  };\n\n  const addTask = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, emptyplanViewData);\n\n    setPlanViewData(changedData);\n  };\n\n  const deleteTask = (taskData: LifeCycleActionParam) => {\n    const changedData = deleteTaskCallback(taskData, emptyplanViewData);\n    setPlanViewData(changedData);\n  };\n\n  const onAddStage = () => {\n    const changedData = addStageCallback(emptyplanViewData, 'stages');\n    setPlanViewData(changedData);\n  };\n\n  const onAddAlternateStage = () => {\n    const changedData = addStageCallback(emptyplanViewData, 'alternateStages');\n    setPlanViewData(changedData);\n  };\n\n  const onDeleteStage: LifeCycleAction['onClick'] = param => {\n    const changedData = deleteStageCallback(param, emptyplanViewData);\n    if (changedData === 'firstStage') {\n      // eslint-disable-next-line no-alert\n      alert(\"you can't delete the create stage\");\n    } else {\n      setPlanViewData(changedData);\n    }\n  };\n\n  const personaStepInputChange = () => {};\n\n  const personaTaskInputChange = () => {};\n\n  const onStageInputChange = () => {};\n\n  const onAlternateStageInputChange = () => {};\n\n  useEffect(() => {\n    if (emptyplanViewData.activeElementId) {\n      const elementId: HTMLElement | null = document.getElementById(\n        `${emptyplanViewData.activeElementId}`\n      );\n      if (elementId) {\n        elementId.focus();\n      }\n    }\n  });\n\n  const stages = emptyplanViewData.data.stages as StageItemProps[];\n  const alternateStages = emptyplanViewData.data.alternateStages as StageItemProps[];\n  const categories = emptyplanViewData.data.categories as CategoriesItemProps[];\n\n  return (\n    <LifeCycle\n      items={stages}\n      alternateItems={alternateStages}\n      categories={categories}\n      task={[\n        {\n          actions: [\n            {\n              text: 'Delete task',\n              id: 'delete2',\n              icon: 'trash',\n              onClick: deleteTask\n            }\n          ],\n          addStepTitle: 'channels',\n          addTask: {\n            title: 'Persona',\n            showOnce: false,\n            onAddTask: addTask\n          },\n          onAddStep: addStep,\n          onChange: personaTaskInputChange,\n          nodeLibrary: planViewNodeLibrary\n        },\n        {\n          actions: [\n            {\n              text: 'Delete task',\n              id: 'delete4',\n              icon: 'trash',\n              onClick: deleteTask\n            }\n          ],\n          addStepTitle: 'Data and Systems',\n          addTask: {\n            title: 'Data',\n            showOnce: false,\n            onAddTask: addTask\n          },\n          onAddStep: addStep,\n          onChange: personaTaskInputChange,\n          nodeLibrary: workFlowNodeLibrary\n        }\n      ]}\n      step={[\n        {\n          actions: [\n            {\n              text: 'Delete step',\n              id: 'delete5',\n              icon: 'trash',\n              onClick: deleteStep\n            }\n          ],\n          onChange: personaStepInputChange\n        },\n        {\n          actions: [\n            {\n              text: 'Delete step',\n              id: 'delete6',\n              icon: 'trash',\n              onClick: deleteStep\n            }\n          ],\n          onChange: personaStepInputChange\n        }\n      ]}\n      stage={{\n        actions: [\n          { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage },\n          { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n        ],\n        onChange: onStageInputChange\n      }}\n      alternateStage={{\n        actions: [{ text: 'Delete Stage', id: 'delete11', icon: 'trash', onClick: onDeleteStage }],\n        onChange: onAlternateStageInputChange\n      }}\n      onAddStage={onAddStage}\n      onAddAlternateStage={onAddAlternateStage}\n    />\n  );\n};\n\nexport const WorkFlowView: Story = () => {\n  const workFlowState = {\n    activeElementId: '',\n    data: LifeCycleWorkFlowData\n  } as LifeCycleMockState;\n  const [workFlowData, setWorkFlowData] = useState(workFlowState);\n\n  const addProcessStep = (stepData: LifeCycleActionParam, libItem: LibraryItem) => {\n    const newStep: StepItemProps = {\n      id: libItem.id,\n      label: libItem.primary,\n      visual: {\n        color: libItem.type.color as StepItemProps['visual']['color'],\n        icon: libItem.type.icon\n      } as StepItemProps['visual'],\n      error: '',\n      status: { label: '' }\n    };\n    const updatedTask = {\n      ...stepData.task,\n      steps: [...stepData.task!.steps, newStep]\n    } as LifeCycleActionParam['task'];\n\n    const updatedData: LifeCycleActionParam = { ...stepData, task: updatedTask };\n\n    const changedData = addStepCallback(updatedData, workFlowData);\n    setWorkFlowData(changedData);\n  };\n\n  const deleteProcessStep = (stepData: LifeCycleActionParam) => {\n    const changedData = deleteStepCallback(stepData, workFlowData);\n    setWorkFlowData(changedData);\n  };\n\n  const addProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, workFlowData);\n    setWorkFlowData(changedData);\n  };\n\n  const addParallelProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, workFlowData, true);\n    setWorkFlowData(changedData);\n  };\n\n  const deleteProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = deleteTaskCallback(taskData, workFlowData);\n    setWorkFlowData(changedData);\n  };\n\n  const onAddStage = () => {\n    const changedData = addStageCallback(workFlowData, 'stages');\n    setWorkFlowData(changedData);\n  };\n\n  const onAddAlternateStage = () => {\n    const changedData = addStageCallback(workFlowData, 'alternateStages');\n    setWorkFlowData(changedData);\n  };\n\n  const onDeleteStage: LifeCycleAction['onClick'] = param => {\n    const changedData = deleteStageCallback(param, workFlowData);\n    if (changedData === 'firstStage') {\n      // eslint-disable-next-line no-alert\n      alert(\"you can't delete the create stage\");\n    } else {\n      setWorkFlowData(changedData);\n    }\n  };\n\n  const stepInputFocus = () => {};\n\n  const stepInputBlur = () => {};\n\n  const stepInputChange = () => {};\n\n  const taskInputFocus = () => {};\n\n  const taskInputBlur = () => {};\n\n  const taskInputChange = () => {};\n\n  const onStageInputFocus = () => {};\n\n  const onStageInputBlur = () => {};\n\n  const onStageInputChange = () => {};\n\n  const onAlternateStageInputChange = () => {};\n  useEffect(() => {\n    if (workFlowData.activeElementId) {\n      const elementId: HTMLElement | null = document.getElementById(\n        `${workFlowData.activeElementId}`\n      );\n      if (elementId) {\n        elementId.focus();\n      }\n    }\n  });\n\n  const stages = workFlowData.data.stages as StageItemProps[];\n  const alternateStages = workFlowData.data.alternateStages as StageItemProps[];\n  const categories: CategoriesItemProps[] = LifeCycleWorkFlowData.categories;\n\n  return (\n    <LifeCycle\n      items={stages}\n      alternateItems={alternateStages}\n      categories={categories}\n      task={[\n        {\n          actions: [\n            {\n              text: 'Delete Process',\n              id: 'delete9',\n              icon: 'trash',\n              onClick: deleteProcess\n            },\n            {\n              text: 'Configure Process',\n              id: 'share2',\n              icon: 'share',\n              onClick: () => {}\n            }\n          ],\n          addStepTitle: 'step',\n          addTask: {\n            title: 'Process',\n            showOnce: true,\n            onAddTask: addProcess\n          },\n          onFocus: taskInputFocus,\n          onBlur: taskInputBlur,\n          onChange: taskInputChange,\n          onAddStep: addProcessStep,\n          nodeLibrary: workFlowNodeLibrary\n        }\n      ]}\n      step={[\n        {\n          actions: [\n            {\n              text: 'Delete step',\n              id: 'delete10',\n              icon: 'trash',\n              onClick: deleteProcessStep\n            }\n          ],\n          onFocus: stepInputFocus,\n          onBlur: stepInputBlur,\n          onChange: stepInputChange\n          // disabled: true\n        }\n      ]}\n      stage={{\n        actions: {\n          start: [\n            { text: 'Add Process', id: 'add1', onClick: addProcess },\n            { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },\n            { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage }\n          ],\n          default: [\n            { text: 'Add Process', id: 'add1', onClick: addProcess },\n            { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },\n            { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage },\n            { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n          ],\n          'default-wait': [\n            { text: 'Add Process', id: 'add1', onClick: addProcess },\n            { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n          ],\n          resolution: [],\n          alternate: [\n            { text: 'Add Process', id: 'add1', onClick: addProcess },\n            { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n          ],\n          'alternate-wait': [\n            { text: 'Add Process', id: 'add1', onClick: addProcess },\n            { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n          ]\n        },\n        onFocus: onStageInputFocus,\n        onBlur: onStageInputBlur,\n        onChange: onStageInputChange\n      }}\n      alternateStage={{\n        actions: [\n          { text: 'Add Process', id: 'add1', onClick: addProcess },\n          { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },\n          { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n        ],\n        onChange: onAlternateStageInputChange\n      }}\n      onAddStage={onAddStage}\n      onAddAlternateStage={onAddAlternateStage}\n    />\n  );\n};\n\nexport const EmptyWorkFlowView: Story = () => {\n  const emptyState = {\n    activeElementId: '',\n    data: LifeCycleEmptyData\n  } as LifeCycleMockState;\n  const [emptyStateData, setEmptyStateData] = useState<LifeCycleMockState>(emptyState);\n\n  const addProcessStep = (stepData: LifeCycleActionParam, libItem: LibraryItem) => {\n    const newStep: StepItemProps = {\n      id: libItem.id,\n      label: libItem.primary,\n      visual: {\n        color: libItem.type.color as StepItemProps['visual']['color'],\n        icon: libItem.type.icon\n      } as StepItemProps['visual'],\n      error: '',\n      status: { label: '' }\n    };\n    const updatedTask = {\n      ...stepData.task,\n      steps: [...stepData.task!.steps, newStep]\n    } as LifeCycleActionParam['task'];\n\n    const updatedData: LifeCycleActionParam = { ...stepData, task: updatedTask };\n\n    const changedData = addStepCallback(updatedData, emptyStateData);\n    setEmptyStateData(changedData);\n  };\n\n  const deleteProcessStep = (stepData: LifeCycleActionParam) => {\n    const changedData = deleteStepCallback(stepData, emptyStateData);\n    setEmptyStateData(changedData);\n  };\n\n  const addProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, emptyStateData);\n    setEmptyStateData(changedData);\n  };\n\n  const addParallelProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, emptyStateData, true);\n    setEmptyStateData(changedData);\n  };\n\n  const deleteProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = deleteTaskCallback(taskData, emptyStateData);\n    setEmptyStateData(changedData);\n  };\n\n  const onAddStage = () => {\n    const changedData = addStageCallback(emptyStateData, 'stages');\n    setEmptyStateData(changedData);\n  };\n\n  const onAddAlternateStage = () => {\n    const changedData = addStageCallback(emptyStateData, 'alternateStages');\n    setEmptyStateData(changedData);\n  };\n\n  const stepInputChange = () => {};\n\n  const taskInputChange = () => {};\n\n  const onStageInputChange = () => {};\n\n  const onAlternateStageInputChange = () => {};\n\n  const onDeleteStage: LifeCycleAction['onClick'] = param => {\n    const changedData = deleteStageCallback(param, emptyStateData);\n    if (changedData === 'firstStage') {\n      // eslint-disable-next-line no-alert\n      alert(\"you can't delete the create stage\");\n    } else {\n      setEmptyStateData(changedData);\n    }\n  };\n\n  useEffect(() => {\n    if (emptyStateData.activeElementId) {\n      const elementId: HTMLElement | null = document.getElementById(\n        `${emptyStateData.activeElementId}`\n      );\n      if (elementId) {\n        elementId.focus();\n      }\n    }\n  });\n\n  const stages = emptyStateData.data.stages as StageItemProps[];\n  const alternateStages: StageItemProps[] = emptyStateData.data.alternateStages;\n  const categories: CategoriesItemProps[] = LifeCycleEmptyData.categories;\n\n  return (\n    <LifeCycle\n      items={stages}\n      alternateItems={alternateStages}\n      categories={categories}\n      task={[\n        {\n          actions: [\n            {\n              text: 'Delete Process',\n              id: 'delete9',\n              icon: 'trash',\n              onClick: deleteProcess\n            },\n            {\n              text: 'Configure Process',\n              id: 'share2',\n              icon: 'share',\n              onClick: () => {}\n            }\n          ],\n          addStepTitle: 'step',\n          addTask: {\n            title: 'Process',\n            showOnce: true,\n            onAddTask: addProcess\n          },\n          onChange: taskInputChange,\n          onAddStep: addProcessStep,\n          nodeLibrary: workFlowNodeLibrary\n        }\n      ]}\n      step={[\n        {\n          actions: [\n            {\n              text: 'Delete step',\n              id: 'delete10',\n              icon: 'trash',\n              onClick: deleteProcessStep\n            }\n          ],\n          onChange: stepInputChange\n        }\n      ]}\n      stage={{\n        actions: [\n          { text: 'Add Process', id: 'add1', onClick: addProcess },\n          { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },\n          { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage },\n          { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n        ],\n        onChange: onStageInputChange\n      }}\n      alternateStage={{\n        actions: [\n          { text: 'Add Process', id: 'add1', onClick: addProcess },\n          { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },\n          { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n        ],\n        onChange: onAlternateStageInputChange\n      }}\n      onAddStage={onAddStage}\n      onAddAlternateStage={onAddAlternateStage}\n    />\n  );\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectSelect.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/ObjectSelect/ObjectSelect.mocks.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,EAAY,MAAM,OAAO,CAAC;AAE1E,OAAO,EAML,mBAAmB,EACnB,KAAK,EACN,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAOL,aAAa,EAGb,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAgB,iBAAiB,EAAiB,MAAM,0BAA0B,CAAC;AAI1F,UAAU,SAAU,SAAQ,gBAAgB;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;CACzC;AAED,UAAU,WAAW;IACnB,UAAU,CAAC,EAAE,aAAa,GAAG;QAAE,QAAQ,EAAE,GAAG,CAAA;KAAE,CAAC;IAC/C,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,YAAY;;;;;GAmCxB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;GAiDrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,EAkD7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,mBAqB/B,CAAC;AAEF,eAAO,MAAM,UAAU,QAAO,SAAS,EAyBtC,CAAC;AAEF,eAAO,MAAM,YAAY,WACf,SAAS,EAAE,oBAKf,YAAY,gBAAgB,GAAG,mBAAmB,CAAC,GACnD,WAAW,gBAAgB,GAAG,mBAAmB,CAAC,gBAiBvD,CAAC;AAEF,eAAO,MAAM,cAAc,8CAA+C,WAAW,gBA4CpF,CAAC;AAEF,eAAO,MAAM,oBAAoB,SAAU,GAAG,gBA2D7C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,sBAAsB,CAsGvD,CAAC"}
+{"version":3,"file":"ObjectSelect.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/ObjectSelect/ObjectSelect.mocks.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AAErF,OAAO,EAML,mBAAmB,EACnB,KAAK,EACN,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAOL,aAAa,EAGb,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAgB,iBAAiB,EAAiB,MAAM,0BAA0B,CAAC;AAI1F,UAAU,SAAU,SAAQ,gBAAgB;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;CACzC;AAED,UAAU,WAAW;IACnB,UAAU,CAAC,EAAE,aAAa,GAAG;QAAE,QAAQ,EAAE,GAAG,CAAA;KAAE,CAAC;IAC/C,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,YAAY;;;;;GAmCxB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;GAiDrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,EAkD7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,mBAqB/B,CAAC;AAEF,eAAO,MAAM,UAAU,QAAO,SAAS,EAyBtC,CAAC;AAEF,eAAO,MAAM,YAAY,WACf,SAAS,EAAE,oBAKf,YAAY,gBAAgB,GAAG,mBAAmB,CAAC,GACnD,WAAW,gBAAgB,GAAG,mBAAmB,CAAC,gBAiBvD,CAAC;AAEF,eAAO,MAAM,cAAc,8CAA+C,WAAW,gBA4CpF,CAAC;AAEF,eAAO,MAAM,oBAAoB,SAAU,GAAG,gBA2D7C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,sBAAsB,CA4GvD,CAAC"}

package/jsx/build/ObjectSelect/ObjectSelect.mocks.jsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { AtomicCondition, getInitConditionForLhs, formatCondition } from '@pega/cosmos-react-condition-builder';
 import { Flex, Input, Card, CardContent, Text, menuHelpers, useI18n, StyledRegion } from '@pega/cosmos-react-core';
 import { ObjectSelect, ObjectPreview } from '@pega/cosmos-react-build';
@@ -274,6 +274,7 @@ export const ObjectSelectComp = ({ popoverContent, ...args }) => {
             setRhsTypes.add('RELATIVE_DATE');
         return setRhsTypes;
     };
+    const [dataPagesDelayed, setDataPagesDelayed] = useState([]);
     const validRHSTypes = convertRhsTypes(true, true, true, demoDateFunctions);
     const [submitCondition, setSubmitCondition] = useState(undefined);
     const [condition, setCondition] = useState(() => submitCondition ||
@@ -281,8 +282,11 @@ export const ObjectSelectComp = ({ popoverContent, ...args }) => {
     const handleSubmission = () => {
         setSubmitCondition(condition);
     };
+    useEffect(() => {
+        setTimeout(() => setDataPagesDelayed(dataPages), 2000);
+    }, []);
     return (<Flex container={{ direction: 'column', gap: 1 }}>
-      <ObjectSelect {...args} onChange={id => {
+      <ObjectSelect {...args} loading={dataPagesDelayed.length === 0} onChange={id => {
             const data = menuHelpers.getItem(dataPages, id);
             if (data) {
                 setValue({
@@ -294,7 +298,7 @@ export const ObjectSelectComp = ({ popoverContent, ...args }) => {
             }
             else
                 setValue(undefined);
-        }} items={dataPages} configuration={{
+        }} items={dataPagesDelayed} configuration={{
             label: args.disabled || args.readOnly ? 'View Configuration' : 'Edit Configuration',
             heading: 'Map Parameters',
             primaryAction: {