@pega/cosmos-react-demos 3.0.0-dev.3.0 → 3.0.0-dev.30.0

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

@@ -1,9 +1,9 @@
-import { useContext, useState, useEffect } from 'react';
+import { memo, useMemo, useState } from 'react';
 import { action } from '@storybook/addon-actions';
-import styled, { css } from 'styled-components';
-import { ModalManagerContext, Modal, Input, Table, Text, Button, Icon, Flex } from '@pega/cosmos-react-core';
-import { FlowModeller, DirectedGraph, FlowModellerHelper } from '@pega/cosmos-react-build';
-import { nodeLibrary, nodeActions, exampleCRMNodesData, exampleCRMConnectorsData, emptyNodesData, emptyConnectorsData } from './FlowModeller.mocks';
+import { FlowModeller, DirectedGraph, FlowModellerHelper, Workbench } from '@pega/cosmos-react-build';
+import { useOuterEvent, useEscape, useElement, Modal, ComboBox, menuHelpers, Text, useModalManager } from '@pega/cosmos-react-core';
+import { nodeLibrary, nodeActions, exampleCRMNodesData, exampleCRMConnectorsData, emptyNodesData, emptyConnectorsData, FlowShapeType, DecisionTable, DeletePopover } from './FlowModeller.mocks';
+import { StyledWrapper } from './FlowModeller.styles';
 export default {
     title: 'Build/FlowModeller',
     component: FlowModeller,
@@ -11,112 +11,35 @@ export default {
         layout: 'fullscreen'
     }
 };
-const StyledWrapper = styled.div(() => {
-    return css `
-    height: 100vh;
-    overflow: auto;
-  `;
-});
-const DELETE_ACTION_ID = 'action-1';
-const DecisionTable = ({ updatedData, connectors, onDeleteRow, onAddRow, node, update }) => {
-    const [tableData, setTableData] = useState(connectors);
-    const message = 'Please delete the nodes in the connector manually and delete this connector again';
-    const { create } = useContext(ModalManagerContext);
-    const onAddCondition = () => {
-        const label = 'otherwise';
-        const updatedGraphData = FlowModellerHelper.addBranch(updatedData, node.id, label);
-        const graph = new DirectedGraph(updatedGraphData);
-        const outConnectors = graph.getOutConnectors(node.id);
-        update({
-            node,
-            connectors: outConnectors,
-            updatedData: updatedGraphData
-        });
-        onAddRow(updatedGraphData);
-    };
-    const onDeleteCondition = (connector) => {
-        const updatedGraphData = FlowModellerHelper.deleteConnector(updatedData, connector);
-        if (updatedGraphData) {
-            const updatedGraph = new DirectedGraph(updatedGraphData);
-            const updatedOutConnectors = updatedGraph.getOutConnectors(node.id);
-            update({
-                node,
-                connectors: updatedOutConnectors,
-                updatedData: updatedGraphData
-            });
-            onDeleteRow(updatedGraphData);
-        }
-        else {
-            create(() => {
-                return (<Modal heading='Confirm'>
-              <Text>{message}</Text>
-            </Modal>);
-            }, { center: true });
-        }
-    };
-    const columns = [
-        {
-            renderer: connector => <Input value={connector.label} readOnly/>,
-            label: 'Outcome'
-        },
-        { renderer: () => <Text>No value</Text>, label: 'Decision output' },
-        {
-            renderer: connector => {
-                return (<>
-            <Button variant='simple' label='Delete' disabled={tableData.length < 3} icon onClick={() => {
-                        onDeleteCondition(connector);
-                    }}>
-              <Icon name='trash'/>
-            </Button>
-          </>);
-            },
-            label: 'Action'
-        }
-    ];
-    useEffect(() => {
-        setTableData(connectors);
-    }, [connectors]);
-    return (<>
-      <Table title='Decision outcomes' hoverHighlight data={tableData} columns={columns}/>
-      <Flex container={{ pad: [1, 0] }}>
-        <Button variant='simple' onClick={onAddCondition}>
-          Add Condition
-        </Button>
-      </Flex>
-    </>);
-};
 export const EmptyFlowChartView = () => {
     const [graphData, setGraphData] = useState({
         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({
+        nodes: [],
+        connectors: []
+    });
+    const [target, setTarget] = useState(null);
+    const [deletePopoverEl, setDeletePopoverEl] = useElement(null);
+    const [connectorData, setConnectorData] = useState();
+    const { create } = useModalManager();
+    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 === DELETE_ACTION_ID) {
-            const modifiedGraph = FlowModellerHelper.deleteNode(graphData, params.nodeId);
-            if (modifiedGraph) {
-                setGraphData(modifiedGraph);
-            }
-            else if (!modifiedGraph) {
-                alert('Deletion of this node is not supported ');
-            }
-        }
-        else if (params.actionId === 'action-2') {
+        if (params.actionId === 'action-2') {
             action(`ressigned ${params.nodeId}`)();
         }
         else {
@@ -124,62 +47,137 @@ export const EmptyFlowChartView = () => {
         }
     };
     const addNode = (nodeType, metaData) => {
+        const isBranchNode = nodeType.id === FlowShapeType.GOTO.id;
         const UpdatedData = FlowModellerHelper.addNode({
             nodeType,
             graphData,
+            isBranchNode,
             metaData
         });
         if (UpdatedData) {
-            const newGraphData = UpdatedData;
-            setGraphData(newGraphData);
+            setGraphData(UpdatedData.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 launchModal = (errorTitle, errorMessage) => {
+        create(() => {
+            return (<Modal heading={errorTitle} center>
+          <Text variant='primary'>{errorMessage} </Text>
+        </Modal>);
         });
     };
+    const deleteNode = (params, error) => {
+        if (error) {
+            return launchModal('Delete step error', error);
+        }
+        setGraphData(params.additionalData?.graphData);
+    };
+    const onAddRow = (updatedData) => {
+        const graph = new DirectedGraph(updatedData);
+        const outConnectors = graph.getOutConnectors(nodeData.nodes[0].id);
+        setNodeData({ nodes: nodeData.nodes, connectors: outConnectors });
+        setGraphData(updatedData);
+    };
+    const onDeleteRow = (updatedData, connector, error, highlightsData, e) => {
+        if (error) {
+            return launchModal('Delete connector error', error);
+        }
+        setHighlightItems(highlightsData);
+        setPopover(prevState => !prevState);
+        setConnectorData(connector);
+        setBuffer(updatedData);
+        if (e?.target instanceof Element) {
+            const targetElem = e.target;
+            setTarget(targetElem?.getAttribute('id'));
+        }
+    };
+    const onDelete = () => {
+        setHighlightItems(undefined);
+        const updatedGraphData = buffer;
+        if (nodeData?.connectors.length === 2) {
+            const defaultConnector = nodeData?.connectors[0].id !== connectorData?.id
+                ? nodeData?.connectors[0]
+                : nodeData?.connectors[1];
+            for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {
+                const connectorEdge = updatedGraphData.connectors[i];
+                if (connectorEdge.id === defaultConnector.id &&
+                    (connectorEdge.label === 'Default' || connectorEdge.label === 'Otherwise')) {
+                    connectorEdge.label = '';
+                    break;
+                }
+            }
+        }
+        const graph = new DirectedGraph(updatedGraphData);
+        const outConnectors = graph.getOutConnectors(nodeData.nodes[0].id);
+        setNodeData({ nodes: nodeData.nodes, connectors: outConnectors });
+        if (updatedGraphData)
+            setGraphData(updatedGraphData);
+        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}/>
+      <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 = () => {
+export const CRMFlowChartView = (args) => {
     const [graphData, setGraphData] = useState({
         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 [nodeData, setNodeData] = useState();
+    const [items, setItems] = useState(graphData?.nodes
+        .filter(node => node.type.id !== 'start' && node.id !== nodeData?.nodes[0].id && node.type.id !== 'goto')
+        .map(option => {
+        return {
+            primary: option.label,
+            id: option.id,
+            selected: false
+        };
+    }));
+    const [highlightItems, setHighlightItems] = useState();
+    const [open, setOpen] = useState(false);
+    const [showPopover, setPopover] = useState(false);
+    const [buffer, setBuffer] = useState({
+        nodes: [],
+        connectors: []
+    });
+    const [target, setTarget] = useState(null);
+    const [deletePopoverEl, setDeletePopoverEl] = useElement(null);
+    const [connectorData, setConnectorData] = useState();
+    const { create } = useModalManager();
+    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 === DELETE_ACTION_ID) {
-            const modifiedGraph = FlowModellerHelper.deleteNode(graphData, params.nodeId);
-            if (modifiedGraph) {
-                setGraphData(modifiedGraph);
-            }
-            else if (!modifiedGraph) {
-                alert('Deletion of this node is not supported ');
-            }
-        }
-        else if (params.actionId === 'action-2') {
+        if (params.actionId === 'action-2') {
             action(`ressigned ${params.nodeId}`)();
         }
         else {
@@ -187,28 +185,145 @@ export const CRMFlowChartView = () => {
         }
     };
     const addNode = (nodeType, metaData) => {
+        const isBranchNode = nodeType.id === FlowShapeType.GOTO.id;
         const UpdatedData = FlowModellerHelper.addNode({
             nodeType,
             graphData,
+            isBranchNode,
             metaData
         });
         if (UpdatedData) {
-            const newGraphData = UpdatedData;
-            setGraphData(newGraphData);
+            setGraphData(UpdatedData.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 launchModal = (errorTitle, errorMessage) => {
+        create(() => {
+            return (<Modal heading={errorTitle} center>
+          <Text variant='primary'>{errorMessage} </Text>
+        </Modal>);
         });
     };
+    const deleteNode = (params, error) => {
+        if (error) {
+            return launchModal('Delete step error', error);
+        }
+        setGraphData(params.additionalData?.graphData);
+    };
+    const onAddRow = (updatedData) => {
+        const graph = new DirectedGraph(updatedData);
+        const outConnectors = graph.getOutConnectors(nodeData.nodes[0].id);
+        setNodeData({ nodes: nodeData.nodes, connectors: outConnectors });
+        setGraphData(updatedData);
+    };
+    const onDeleteRow = (updatedData, connector, error, highlightsData, e) => {
+        if (error) {
+            return launchModal('Delete connector error', error);
+        }
+        setHighlightItems(highlightsData);
+        setPopover(prevState => !prevState);
+        setConnectorData(connector);
+        setBuffer(updatedData);
+        if (e?.target instanceof Element) {
+            const targetElem = e.target;
+            setTarget(targetElem?.getAttribute('id'));
+        }
+    };
+    const onDelete = () => {
+        setPopover(false);
+        setHighlightItems(undefined);
+        const updatedGraphData = buffer;
+        if (nodeData?.connectors.length === 2) {
+            const defaultConnector = nodeData?.connectors[0].id !== connectorData?.id
+                ? nodeData?.connectors[0]
+                : nodeData?.connectors[1];
+            for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {
+                const connectorEdge = updatedGraphData.connectors[i];
+                if (connectorEdge.id === defaultConnector.id &&
+                    (connectorEdge.label === 'Default' || connectorEdge.label === 'Otherwise')) {
+                    connectorEdge.label = '';
+                    break;
+                }
+            }
+        }
+        const graph = new DirectedGraph(updatedGraphData);
+        const outConnectors = graph.getOutConnectors(nodeData.nodes[0].id);
+        setNodeData({ nodes: nodeData.nodes, connectors: outConnectors });
+        if (updatedGraphData)
+            setGraphData(updatedGraphData);
+    };
+    const onCancel = () => {
+        setHighlightItems(undefined);
+        setPopover(false);
+    };
+    const WorkbenchContent = memo(() => {
+        const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);
+        const selectItem = (id) => {
+            const selectedItem = menuHelpers.getItem(items, id);
+            if (selectedItem && nodeData) {
+                const updatedNode = {
+                    ...nodeData.nodes[0],
+                    reference: selectedItem.id
+                };
+                const updatedNodes = [
+                    updatedNode,
+                    ...graphData.nodes.filter(node => nodeData?.nodes[0].id !== node.id)
+                ];
+                setNodeData({ ...nodeData, nodes: [updatedNode] });
+                setGraphData({ ...graphData, nodes: updatedNodes });
+            }
+            setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));
+        };
+        return (<>
+        {nodeData && nodeData.nodes[0].type.id !== 'goto' && (<DecisionTable updatedData={graphData} connectors={nodeData?.connectors} onDeleteRow={onDeleteRow} node={nodeData?.nodes[0]} onAddRow={onAddRow} readOnly={args.readOnly}/>)}
+        {nodeData && nodeData.nodes[0].type.id === 'goto' && (<ComboBox label='Go to' placeholder='Select step' menu={{
+                    items,
+                    onItemClick: selectItem
+                }} selected={selected
+                    ? {
+                        items: {
+                            id: selected.id,
+                            text: selected.primary
+                        }
+                    }
+                    : undefined}/>)}
+      </>);
+    });
+    useEscape(onCancel);
+    useOuterEvent('mousedown', [deletePopoverEl], onCancel);
+    const createGraphData = (showError) => {
+        if (showError) {
+            return {
+                ...graphData,
+                nodes: graphData.nodes.map((node) => {
+                    if (node.id === '101' || node.id === '105' || node.id === '110' || node.id === '112') {
+                        return { ...node, error: 'Something is wrong!' };
+                    }
+                    return node;
+                })
+            };
+        }
+        return graphData;
+    };
     return (<StyledWrapper>
-      <FlowModeller graphData={graphData} nodeLibrary={nodeLibrary} onNodeAdd={addNode} onNodeClick={selectNode} actions={nodeActions} onNodeActionClick={onNodeActionClick}/>
+      <Workbench initiallyVisiblePanelId={undefined} configurationPanel={{
+            open,
+            content: <WorkbenchContent />,
+            header: nodeData?.nodes[0].label,
+            onDismiss: () => {
+                setOpen(false);
+            }
+        }}>
+        <FlowModeller graphData={createGraphData(args.showErrorState || false)} nodeLibrary={nodeLibrary} onNodeAdd={addNode} onNodeClick={selectNode} actions={nodeActions} highlightData={highlightItems} onNodeActionClick={onNodeActionClick} onDelete={deleteNode} readOnly={args.readOnly}/>
+        <DeletePopover targetId={target} ref={setDeletePopoverEl} onDelete={onDelete} onCancel={onCancel} showPopover={showPopover}/>
+      </Workbench>
     </StyledWrapper>);
 };
+CRMFlowChartView.args = {
+    showErrorState: false,
+    readOnly: false
+};
+CRMFlowChartView.argTypes = {
+    showErrorState: { control: { type: 'boolean' } },
+    readOnly: { control: { type: 'boolean' } }
+};
 //# 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, useEffect } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport styled, { css } from 'styled-components';\n\nimport {\n  ModalManagerContext,\n  Modal,\n  Input,\n  Table,\n  ColumnProps,\n  Text,\n  Button,\n  Icon,\n  Flex,\n  ModalMethods\n} 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} from '@pega/cosmos-react-build';\n\nimport {\n  nodeLibrary,\n  nodeActions,\n  exampleCRMNodesData,\n  exampleCRMConnectorsData,\n  emptyNodesData,\n  emptyConnectorsData\n} from './FlowModeller.mocks';\n\nexport default {\n  title: 'Build/FlowModeller',\n  component: FlowModeller,\n  parameters: {\n    layout: 'fullscreen'\n  }\n};\n\nconst StyledWrapper = styled.div(() => {\n  return css`\n    height: 100vh;\n    overflow: auto;\n  `;\n});\n\ninterface NodeDataType {\n  nodes: NodeProps[];\n  connectors: ConnectorProps[];\n}\n\nconst DELETE_ACTION_ID = 'action-1';\n\ninterface ModalProps {\n  updatedData: NodeDataType;\n  connectors: ConnectorProps[];\n  node: NodeProps;\n}\n\ninterface DecisionTableProps extends ModalProps {\n  onDeleteRow: (data: NodeDataType) => void;\n  onAddRow: (data: NodeDataType) => void;\n  update: ModalMethods['update'];\n}\nconst DecisionTable = ({\n  updatedData,\n  connectors,\n  onDeleteRow,\n  onAddRow,\n  node,\n  update\n}: DecisionTableProps) => {\n  const [tableData, setTableData] = useState<ConnectorProps[]>(connectors);\n  const message =\n    'Please delete the nodes in the connector manually and delete this connector again';\n  const { create } = useContext(ModalManagerContext);\n\n  const onAddCondition = () => {\n    const label = 'otherwise';\n    const updatedGraphData = FlowModellerHelper.addBranch(updatedData, node.id, label);\n    const graph = new DirectedGraph(updatedGraphData);\n    const outConnectors = graph.getOutConnectors(node.id);\n    update({\n      node,\n      connectors: outConnectors,\n      updatedData: updatedGraphData\n    });\n    onAddRow(updatedGraphData);\n  };\n\n  const onDeleteCondition = (connector: ConnectorProps) => {\n    const updatedGraphData = FlowModellerHelper.deleteConnector(updatedData, connector);\n    if (updatedGraphData) {\n      const updatedGraph = new DirectedGraph(updatedGraphData);\n      const updatedOutConnectors = updatedGraph.getOutConnectors(node.id);\n      update({\n        node,\n        connectors: updatedOutConnectors,\n        updatedData: updatedGraphData\n      });\n      onDeleteRow(updatedGraphData);\n    } else {\n      create(\n        () => {\n          return (\n            <Modal heading='Confirm'>\n              <Text>{message}</Text>\n            </Modal>\n          );\n        },\n        { center: true }\n      );\n    }\n  };\n\n  const columns: ColumnProps<ConnectorProps>[] = [\n    {\n      renderer: connector => <Input value={connector.label} readOnly />,\n      label: 'Outcome'\n    },\n    { renderer: () => <Text>No value</Text>, label: 'Decision output' },\n    {\n      renderer: connector => {\n        return (\n          <>\n            <Button\n              variant='simple'\n              label='Delete'\n              disabled={tableData.length < 3}\n              icon\n              onClick={() => {\n                onDeleteCondition(connector);\n              }}\n            >\n              <Icon name='trash' />\n            </Button>\n          </>\n        );\n      },\n      label: 'Action'\n    }\n  ];\n\n  useEffect(() => {\n    setTableData(connectors);\n  }, [connectors]);\n\n  return (\n    <>\n      <Table title='Decision outcomes' hoverHighlight data={tableData} columns={columns} />\n      <Flex container={{ pad: [1, 0] }}>\n        <Button variant='simple' onClick={onAddCondition}>\n          Add Condition\n        </Button>\n      </Flex>\n    </>\n  );\n};\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 === DELETE_ACTION_ID) {\n      const modifiedGraph = FlowModellerHelper.deleteNode(graphData, params.nodeId);\n\n      if (modifiedGraph) {\n        setGraphData(modifiedGraph);\n      } else if (!modifiedGraph) {\n        // eslint-disable-next-line no-alert\n        alert('Deletion of this node is not supported ');\n      }\n    } else 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 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      />\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 === DELETE_ACTION_ID) {\n      const modifiedGraph = FlowModellerHelper.deleteNode(graphData, params.nodeId);\n\n      if (modifiedGraph) {\n        setGraphData(modifiedGraph);\n      } else if (!modifiedGraph) {\n        // eslint-disable-next-line no-alert\n        alert('Deletion of this node is not supported ');\n      }\n    } else 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 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      />\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, useMemo, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n  FlowModeller,\n  ActionParams,\n  NodeProps,\n  NodeType,\n  DirectedGraph,\n  GraphData,\n  DeleteNodeOutcome,\n  ConnectorProps,\n  FlowModellerHelper,\n  AddNodeHandlerParams,\n  RendererProps,\n  Workbench,\n  FlowModellerProps\n} from '@pega/cosmos-react-build';\nimport {\n  useOuterEvent,\n  useEscape,\n  useElement,\n  Modal,\n  ComboBox,\n  menuHelpers,\n  MenuItemProps,\n  MenuProps,\n  Text,\n  useModalManager\n} from '@pega/cosmos-react-core';\n\nimport {\n  nodeLibrary,\n  nodeActions,\n  exampleCRMNodesData,\n  exampleCRMConnectorsData,\n  emptyNodesData,\n  emptyConnectorsData,\n  FlowShapeType,\n  DecisionTable,\n  DeletePopover\n} from './FlowModeller.mocks';\nimport { StyledWrapper } from './FlowModeller.styles';\n\nexport default {\n  title: 'Build/FlowModeller',\n  component: FlowModeller,\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\ninterface FlowChartDemoProps extends FlowModellerProps {\n  showErrorState?: boolean;\n  readOnly?: boolean;\n}\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    nodes: [],\n    connectors: []\n  });\n  const [target, setTarget] = useState<string | null>(null);\n  const [deletePopoverEl, setDeletePopoverEl] = useElement<HTMLElement>(null);\n  const [connectorData, setConnectorData] = useState<ConnectorProps>();\n  const { create } = useModalManager();\n\n  const 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 isBranchNode = nodeType.id === FlowShapeType.GOTO.id;\n    const UpdatedData = FlowModellerHelper.addNode({\n      nodeType,\n      graphData,\n      isBranchNode,\n      metaData\n    });\n    if (UpdatedData) {\n      setGraphData(UpdatedData.graphData);\n    }\n  };\n  const launchModal = (errorTitle: string, errorMessage: string) => {\n    create(() => {\n      return (\n        <Modal heading={errorTitle} center>\n          <Text variant='primary'>{errorMessage} </Text>\n        </Modal>\n      );\n    });\n  };\n\n  const deleteNode = (params: ActionParams, error: string) => {\n    if (error) {\n      return launchModal('Delete step error', error);\n    }\n    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    connector: ConnectorProps,\n    error: string,\n    highlightsData?: RendererProps['highlights'],\n    e?: MouseEvent\n  ) => {\n    if (error) {\n      return launchModal('Delete connector error', error);\n    }\n    setHighlightItems(highlightsData);\n    setPopover(prevState => !prevState);\n    setConnectorData(connector);\n    setBuffer(updatedData);\n    if (e?.target instanceof Element) {\n      const targetElem = e.target;\n      setTarget(targetElem?.getAttribute('id'));\n    }\n  };\n\n  const onDelete = () => {\n    setHighlightItems(undefined);\n\n    const updatedGraphData: GraphData<NodeProps, ConnectorProps> = buffer;\n    // Remove default labels when the current number of connectors are one\n    if (nodeData?.connectors.length === 2) {\n      const defaultConnector: ConnectorProps =\n        nodeData?.connectors[0].id !== connectorData?.id\n          ? nodeData?.connectors[0]\n          : nodeData?.connectors[1];\n      for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {\n        const connectorEdge: ConnectorProps = updatedGraphData.connectors[i];\n        if (\n          connectorEdge.id === defaultConnector.id &&\n          (connectorEdge.label === 'Default' || connectorEdge.label === 'Otherwise')\n        ) {\n          connectorEdge.label = '';\n          break;\n        }\n      }\n    }\n\n    const graph = new DirectedGraph(updatedGraphData);\n    const outConnectors = graph.getOutConnectors(nodeData!.nodes[0].id);\n    setNodeData({ nodes: nodeData!.nodes, connectors: outConnectors });\n    if (updatedGraphData) setGraphData(updatedGraphData);\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<Partial<FlowChartDemoProps>> = (\n  args: Partial<FlowChartDemoProps>\n) => {\n  const [graphData, setGraphData] = useState<GraphData<NodeProps, ConnectorProps>>({\n    nodes: exampleCRMNodesData,\n    connectors: exampleCRMConnectorsData\n  });\n  const [nodeData, setNodeData] = useState<GraphData<NodeProps, ConnectorProps>>();\n  const [items, setItems] = useState<MenuProps['items']>(\n    graphData?.nodes\n      .filter(\n        node =>\n          node.type.id !== 'start' && node.id !== nodeData?.nodes[0].id && node.type.id !== 'goto'\n      )\n      .map(option => {\n        return {\n          primary: option.label,\n          id: option.id,\n          selected: false\n        } as MenuItemProps;\n      })\n  );\n  const [highlightItems, setHighlightItems] = useState<RendererProps['highlights']>();\n  const [open, setOpen] = useState(false);\n  // nodeData maintains the state of selected node\n\n  const [showPopover, setPopover] = useState(false);\n  const [buffer, setBuffer] = useState<GraphData<NodeProps, ConnectorProps>>({\n    nodes: [],\n    connectors: []\n  });\n  const [target, setTarget] = useState<string | null>(null);\n  const [deletePopoverEl, setDeletePopoverEl] = useElement<HTMLElement>(null);\n  const [connectorData, setConnectorData] = useState<ConnectorProps>();\n  const { create } = useModalManager();\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 isBranchNode = nodeType.id === FlowShapeType.GOTO.id;\n    const UpdatedData = FlowModellerHelper.addNode({\n      nodeType,\n      graphData,\n      isBranchNode,\n      metaData\n    });\n    if (UpdatedData) {\n      setGraphData(UpdatedData.graphData);\n    }\n  };\n\n  const launchModal = (errorTitle: string, errorMessage: string) => {\n    create(() => {\n      return (\n        <Modal heading={errorTitle} center>\n          <Text variant='primary'>{errorMessage} </Text>\n        </Modal>\n      );\n    });\n  };\n\n  const deleteNode = (params: ActionParams, error: string) => {\n    if (error) {\n      return launchModal('Delete step error', error);\n    }\n    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    connector: ConnectorProps,\n    error: string,\n    highlightsData?: RendererProps['highlights'],\n    e?: MouseEvent\n  ) => {\n    if (error) {\n      return launchModal('Delete connector error', error);\n    }\n    setHighlightItems(highlightsData);\n    setPopover(prevState => !prevState);\n    setConnectorData(connector);\n    setBuffer(updatedData);\n    if (e?.target instanceof Element) {\n      const targetElem = e.target;\n      setTarget(targetElem?.getAttribute('id'));\n    }\n  };\n\n  const onDelete = () => {\n    setPopover(false);\n    setHighlightItems(undefined);\n\n    const updatedGraphData: GraphData<NodeProps, ConnectorProps> = buffer;\n    // Remove default labels when the current number of connectors are one\n    if (nodeData?.connectors.length === 2) {\n      const defaultConnector: ConnectorProps =\n        nodeData?.connectors[0].id !== connectorData?.id\n          ? nodeData?.connectors[0]\n          : nodeData?.connectors[1];\n      for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {\n        const connectorEdge: ConnectorProps = updatedGraphData.connectors[i];\n        if (\n          connectorEdge.id === defaultConnector.id &&\n          (connectorEdge.label === 'Default' || connectorEdge.label === 'Otherwise')\n        ) {\n          connectorEdge.label = '';\n          break;\n        }\n      }\n    }\n\n    const graph = new DirectedGraph(updatedGraphData);\n    const outConnectors = graph.getOutConnectors(nodeData!.nodes[0].id);\n    setNodeData({ nodes: nodeData!.nodes, connectors: outConnectors });\n    if (updatedGraphData) setGraphData(updatedGraphData);\n  };\n\n  const onCancel = () => {\n    setHighlightItems(undefined);\n    setPopover(false);\n  };\n\n  const WorkbenchContent = memo(() => {\n    const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);\n\n    const selectItem = (id: MenuItemProps['id']) => {\n      const selectedItem = menuHelpers.getItem(items, id);\n      if (selectedItem && nodeData) {\n        const updatedNode = {\n          ...nodeData.nodes[0],\n          reference: selectedItem.id\n        };\n        const updatedNodes = [\n          updatedNode,\n          ...graphData.nodes.filter(node => nodeData?.nodes[0].id !== node.id)\n        ];\n        setNodeData({ ...nodeData, nodes: [updatedNode] });\n        setGraphData({ ...graphData, nodes: updatedNodes });\n      }\n      setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));\n    };\n\n    return (\n      <>\n        {nodeData && nodeData.nodes[0].type.id !== 'goto' && (\n          <DecisionTable\n            updatedData={graphData}\n            connectors={nodeData?.connectors}\n            onDeleteRow={onDeleteRow}\n            node={nodeData?.nodes[0]}\n            onAddRow={onAddRow}\n            readOnly={args.readOnly}\n          />\n        )}\n        {nodeData && nodeData.nodes[0].type.id === 'goto' && (\n          <ComboBox\n            label='Go to'\n            placeholder='Select step'\n            menu={{\n              items,\n              onItemClick: selectItem\n            }}\n            selected={\n              selected\n                ? {\n                    items: {\n                      id: selected.id,\n                      text: selected.primary\n                    }\n                  }\n                : undefined\n            }\n          />\n        )}\n      </>\n    );\n  });\n\n  useEscape(onCancel);\n\n  useOuterEvent('mousedown', [deletePopoverEl], onCancel);\n\n  const createGraphData = (showError: boolean) => {\n    if (showError) {\n      return {\n        ...graphData,\n        nodes: graphData.nodes.map((node: NodeProps) => {\n          if (node.id === '101' || node.id === '105' || node.id === '110' || node.id === '112') {\n            return { ...node, error: 'Something is wrong!' };\n          }\n          return node;\n        })\n      };\n    }\n    return graphData;\n  };\n\n  return (\n    <StyledWrapper>\n      <Workbench\n        initiallyVisiblePanelId={undefined}\n        configurationPanel={{\n          open,\n          content: <WorkbenchContent />,\n          header: nodeData?.nodes[0].label as string,\n          onDismiss: () => {\n            setOpen(false);\n          }\n        }}\n      >\n        <FlowModeller\n          graphData={createGraphData(args.showErrorState || false)}\n          nodeLibrary={nodeLibrary}\n          onNodeAdd={addNode}\n          onNodeClick={selectNode}\n          actions={nodeActions}\n          highlightData={highlightItems}\n          onNodeActionClick={onNodeActionClick}\n          onDelete={deleteNode}\n          readOnly={args.readOnly}\n        />\n        <DeletePopover\n          targetId={target}\n          ref={setDeletePopoverEl}\n          onDelete={onDelete}\n          onCancel={onCancel}\n          showPopover={showPopover}\n        />\n      </Workbench>\n    </StyledWrapper>\n  );\n};\n\nCRMFlowChartView.args = {\n  showErrorState: false,\n  readOnly: false\n};\n\nCRMFlowChartView.argTypes = {\n  showErrorState: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } }\n};\n"]}

package/jsx/build/FlowModeller/FlowModeller.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+//# sourceMappingURL=FlowModeller.styles.d.ts.map

package/jsx/build/FlowModeller/FlowModeller.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowModeller.styles.d.ts","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yGAKxB,CAAC"}

package/jsx/build/FlowModeller/FlowModeller.styles.js

@@ -0,0 +1,8 @@
+import styled, { css } from 'styled-components';
+export const StyledWrapper = styled.div(() => {
+    return css `
+    height: 100vh;
+    overflow: auto;
+  `;
+});
+//# sourceMappingURL=FlowModeller.styles.js.map

package/jsx/build/FlowModeller/FlowModeller.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowModeller.styles.js","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE;IAC3C,OAAO,GAAG,CAAA;;;GAGT,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nexport const StyledWrapper = styled.div(() => {\n  return css`\n    height: 100vh;\n    overflow: auto;\n  `;\n});\n"]}

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

@@ -1,7 +1,3 @@
 import { LibraryItem } from '@pega/cosmos-react-build';
-export interface NodeLibrary extends LibraryItem {
-    name: string;
-    items?: NodeLibrary[];
-}
-export declare const nodeLibrary: NodeLibrary[];
+export declare const nodeLibrary: LibraryItem[];
 //# sourceMappingURL=LibraryPicker.mocks.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LibraryPicker.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/ItemLibrary/LibraryPicker.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,EAAE,WAAW,EAgDpC,CAAC"}
+{"version":3,"file":"LibraryPicker.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/ItemLibrary/LibraryPicker.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,eAAO,MAAM,WAAW,EAAE,WAAW,EA2CpC,CAAC"}