@pega/cosmos-react-demos 2.0.0

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

@@ -0,0 +1,411 @@
+import { createUID } from '@pega/cosmos-react-core';
+import { START_NODETYPE, STOP_NODETYPE } from '@pega/cosmos-react-build';
+const FlowShapeType = Object.freeze({
+    START: START_NODETYPE,
+    STOP: STOP_NODETYPE,
+    DECISION: {
+        id: 'decision',
+        name: 'Decision',
+        color: '#ffaa75',
+        icon: 'diamond',
+        minConnectors: 2,
+        defaults: {
+            node: {
+                label: 'Decision',
+                description: 'Adjust the conditions using the property panel'
+            },
+            connector: [
+                {
+                    label: 'Default'
+                },
+                {
+                    label: 'Otherwise'
+                }
+            ]
+        }
+    },
+    QUESTION: {
+        id: 'question',
+        name: 'Question',
+        color: '#7ee791',
+        icon: 'chat-help',
+        minConnectors: 3,
+        defaults: {
+            node: {
+                label: 'Question'
+            },
+            connector: [
+                {
+                    label: 'Question 1'
+                },
+                {
+                    label: 'Question 2'
+                },
+                {
+                    label: 'Question 3'
+                }
+            ]
+        }
+    },
+    ASSIGNMENT: {
+        id: 'assignment',
+        name: 'Assignment',
+        color: '#20aa50',
+        icon: 'clipboard-data',
+        minConnectors: 1,
+        defaults: {
+            node: {
+                label: 'Assignment'
+            },
+            connector: [{ label: '' }]
+        }
+    },
+    MESSAGE: {
+        id: 'message',
+        name: 'Message',
+        color: '#fd6000',
+        icon: 'chat',
+        minConnectors: 1,
+        defaults: {
+            node: {
+                label: 'Message'
+            },
+            connector: [{ label: '' }]
+        }
+    },
+    SEND_EMAIL: {
+        id: 'send_email',
+        name: 'Send email',
+        color: '#ffaa75',
+        icon: 'mail',
+        minConnectors: 1,
+        defaults: {
+            node: {
+                label: 'Send email'
+            },
+            connector: [{ label: '' }]
+        }
+    },
+    GENERATE_PDF: {
+        id: 'generate_pdf',
+        name: 'Generate PDF',
+        color: '#0076d1',
+        icon: 'polaris',
+        minConnectors: 1,
+        defaults: {
+            node: {
+                label: 'Generate PDF'
+            },
+            connector: [{ label: '' }]
+        }
+    }
+});
+export const exampleCRMNodesData = [
+    {
+        id: '100',
+        label: 'Open',
+        type: FlowShapeType.START
+    },
+    {
+        id: '101',
+        label: 'Is B2B',
+        description: '',
+        type: FlowShapeType.DECISION,
+        additionalData: []
+    },
+    {
+        id: '102',
+        label: 'Update Org Domains',
+        description: '',
+        type: FlowShapeType.ASSIGNMENT,
+        additionalData: []
+    },
+    {
+        id: '103',
+        label: 'CreateC2OFromContact',
+        description: '',
+        type: FlowShapeType.ASSIGNMENT,
+        additionalData: []
+    },
+    {
+        id: '104',
+        label: 'CreateC2AFromContact',
+        description: '',
+        type: FlowShapeType.ASSIGNMENT,
+        additionalData: []
+    },
+    {
+        id: '105',
+        label: 'Is B2C',
+        description: '',
+        type: FlowShapeType.DECISION,
+        additionalData: []
+    },
+    {
+        id: '106',
+        label: 'CreatePrimaryIndividualAccount',
+        description: '',
+        type: FlowShapeType.ASSIGNMENT,
+        additionalData: []
+    },
+    {
+        id: '107',
+        label: 'Capture Event',
+        description: '',
+        type: FlowShapeType.ASSIGNMENT,
+        additionalData: []
+    },
+    {
+        id: '108',
+        label: 'Update Private Data',
+        description: '',
+        type: FlowShapeType.ASSIGNMENT,
+        additionalData: []
+    },
+    {
+        id: '109',
+        label: 'Attach Business Card',
+        description: '',
+        type: FlowShapeType.ASSIGNMENT,
+        additionalData: []
+    },
+    {
+        id: '110',
+        label: 'Has Address',
+        description: '',
+        type: FlowShapeType.DECISION,
+        additionalData: []
+    },
+    {
+        id: '111',
+        label: 'RemoveWORelatedNBA',
+        description: '',
+        type: FlowShapeType.ASSIGNMENT,
+        additionalData: []
+    },
+    {
+        id: '112',
+        label: 'Bulk Processing',
+        description: '',
+        type: FlowShapeType.DECISION,
+        additionalData: []
+    },
+    {
+        id: '113',
+        label: 'Queue For Agent',
+        description: '',
+        type: FlowShapeType.ASSIGNMENT,
+        additionalData: []
+    },
+    {
+        id: '114',
+        label: 'Retrieve Lat Long',
+        description: '',
+        type: FlowShapeType.ASSIGNMENT,
+        additionalData: []
+    },
+    {
+        id: '115',
+        label: 'RemoveWORelatedNBA',
+        description: '',
+        type: FlowShapeType.ASSIGNMENT,
+        additionalData: []
+    },
+    {
+        id: '121',
+        label: 'STOP',
+        type: FlowShapeType.STOP
+    }
+];
+export const exampleCRMConnectorsData = [
+    {
+        id: '100-101',
+        label: '',
+        fromNodeId: '100',
+        toNodeId: '101'
+    },
+    {
+        id: '101-102',
+        label: 'isSellingModeB2BOrB2BB2C',
+        fromNodeId: '101',
+        toNodeId: '102'
+    },
+    {
+        id: '102-103',
+        label: '',
+        fromNodeId: '102',
+        toNodeId: '103'
+    },
+    {
+        id: '103-104',
+        label: '',
+        fromNodeId: '103',
+        toNodeId: '104'
+    },
+    {
+        id: '104-105',
+        label: '',
+        fromNodeId: '104',
+        toNodeId: '105'
+    },
+    {
+        id: '101-105',
+        label: 'Else',
+        fromNodeId: '101',
+        toNodeId: '105'
+    },
+    {
+        id: '105-106',
+        label: 'isSellingModeB2COrB2BB2C',
+        fromNodeId: '105',
+        toNodeId: '106'
+    },
+    {
+        id: '106-107',
+        label: '',
+        fromNodeId: '106',
+        toNodeId: '107'
+    },
+    {
+        id: '105-107',
+        label: 'Else',
+        fromNodeId: '105',
+        toNodeId: '107'
+    },
+    {
+        id: '107-108',
+        label: '',
+        fromNodeId: '107',
+        toNodeId: '108'
+    },
+    {
+        id: '108-109',
+        label: '',
+        fromNodeId: '108',
+        toNodeId: '109'
+    },
+    {
+        id: '109-110',
+        label: '',
+        fromNodeId: '109',
+        toNodeId: '110'
+    },
+    {
+        id: '110-112',
+        label: 'crmHasAddress',
+        fromNodeId: '110',
+        toNodeId: '112'
+    },
+    {
+        id: '112-113',
+        label: 'Bulk Processing',
+        fromNodeId: '112',
+        toNodeId: '113'
+    },
+    {
+        id: '112-114',
+        label: 'Manual',
+        fromNodeId: '112',
+        toNodeId: '114'
+    },
+    {
+        id: '114-115',
+        label: '',
+        fromNodeId: '114',
+        toNodeId: '115'
+    },
+    {
+        id: '115-121',
+        label: '',
+        fromNodeId: '115',
+        toNodeId: '121'
+    },
+    {
+        id: '113-121',
+        label: '',
+        fromNodeId: '113',
+        toNodeId: '121'
+    },
+    {
+        id: '110-111',
+        label: 'Else',
+        fromNodeId: '110',
+        toNodeId: '111'
+    },
+    {
+        id: '111-121',
+        label: '',
+        fromNodeId: '111',
+        toNodeId: '121'
+    }
+];
+export const emptyNodesData = [
+    {
+        id: '100',
+        label: 'START',
+        type: FlowShapeType.START
+    },
+    {
+        id: '120',
+        label: 'STOP',
+        type: FlowShapeType.STOP
+    }
+];
+export const emptyConnectorsData = [
+    {
+        id: '100-120',
+        label: 'happy path',
+        fromNodeId: '100',
+        toNodeId: '120'
+    }
+];
+export const nodeActions = [
+    {
+        id: 'action-1',
+        text: 'Delete'
+    },
+    {
+        id: 'action-2',
+        text: 'Reassign'
+    }
+];
+export const nodeLibrary = [
+    {
+        id: createUID(),
+        primary: 'Assignment',
+        type: FlowShapeType.ASSIGNMENT
+    },
+    {
+        id: createUID(),
+        primary: 'Decision',
+        type: FlowShapeType.DECISION
+    },
+    {
+        id: createUID(),
+        primary: 'Send a message',
+        type: FlowShapeType.MESSAGE
+    },
+    {
+        id: createUID(),
+        primary: 'Ask a question',
+        type: FlowShapeType.QUESTION
+    },
+    {
+        id: createUID(),
+        primary: 'Automations',
+        type: FlowShapeType.AUTOMATION,
+        items: [
+            {
+                id: createUID(),
+                primary: 'Send email',
+                type: FlowShapeType.SEND_EMAIL
+            },
+            {
+                id: createUID(),
+                primary: 'Generate PDF',
+                type: FlowShapeType.GENERATE_PDF
+            }
+        ]
+    }
+];
+//# sourceMappingURL=FlowModeller.mocks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlowModeller.mocks.js","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["import { createUID, Action } from '@pega/cosmos-react-core';\nimport {\n  ConnectorProps,\n  NodeProps,\n  NodeType,\n  NodeLibraryItem,\n  START_NODETYPE,\n  STOP_NODETYPE\n} from '@pega/cosmos-react-build';\n\nconst FlowShapeType: Record<string, NodeType> = Object.freeze({\n  START: START_NODETYPE,\n  STOP: STOP_NODETYPE,\n  DECISION: {\n    id: 'decision',\n    name: 'Decision',\n    color: '#ffaa75',\n    icon: 'diamond',\n    minConnectors: 2,\n    defaults: {\n      node: {\n        label: 'Decision',\n        description: 'Adjust the conditions using the property panel'\n      },\n      connector: [\n        {\n          label: 'Default'\n        },\n        {\n          label: 'Otherwise'\n        }\n      ]\n    }\n  },\n  QUESTION: {\n    id: 'question',\n    name: 'Question',\n    color: '#7ee791',\n    icon: 'chat-help',\n    minConnectors: 3,\n    defaults: {\n      node: {\n        label: 'Question'\n      },\n      connector: [\n        {\n          label: 'Question 1'\n        },\n        {\n          label: 'Question 2'\n        },\n        {\n          label: 'Question 3'\n        }\n      ]\n    }\n  },\n  ASSIGNMENT: {\n    id: 'assignment',\n    name: 'Assignment',\n    color: '#20aa50',\n    icon: 'clipboard-data',\n    minConnectors: 1,\n    defaults: {\n      node: {\n        label: 'Assignment'\n      },\n      connector: [{ label: '' }]\n    }\n  },\n  MESSAGE: {\n    id: 'message',\n    name: 'Message',\n    color: '#fd6000', // dark orange\n    icon: 'chat',\n    minConnectors: 1,\n    defaults: {\n      node: {\n        label: 'Message'\n      },\n      connector: [{ label: '' }]\n    }\n  },\n  SEND_EMAIL: {\n    id: 'send_email',\n    name: 'Send email',\n    color: '#ffaa75', // light blue\n    icon: 'mail',\n    minConnectors: 1,\n    defaults: {\n      node: {\n        label: 'Send email'\n      },\n      connector: [{ label: '' }]\n    }\n  },\n  GENERATE_PDF: {\n    id: 'generate_pdf',\n    name: 'Generate PDF',\n    color: '#0076d1', // light blue\n    icon: 'polaris',\n    minConnectors: 1,\n    defaults: {\n      node: {\n        label: 'Generate PDF'\n      },\n      connector: [{ label: '' }]\n    }\n  }\n});\n\nexport const exampleCRMNodesData: NodeProps[] = [\n  {\n    id: '100',\n    label: 'Open',\n    type: FlowShapeType.START\n  },\n  {\n    id: '101',\n    label: 'Is B2B',\n    description: '',\n    type: FlowShapeType.DECISION,\n    additionalData: []\n  },\n  {\n    id: '102',\n    label: 'Update Org Domains',\n    description: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: []\n  },\n  {\n    id: '103',\n    label: 'CreateC2OFromContact',\n    description: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: []\n  },\n  {\n    id: '104',\n    label: 'CreateC2AFromContact',\n    description: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: []\n  },\n  {\n    id: '105',\n    label: 'Is B2C',\n    description: '',\n    type: FlowShapeType.DECISION,\n    additionalData: []\n  },\n  {\n    id: '106',\n    label: 'CreatePrimaryIndividualAccount',\n    description: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: []\n  },\n  {\n    id: '107',\n    label: 'Capture Event',\n    description: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: []\n  },\n  {\n    id: '108',\n    label: 'Update Private Data',\n    description: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: []\n  },\n  {\n    id: '109',\n    label: 'Attach Business Card',\n    description: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: []\n  },\n  {\n    id: '110',\n    label: 'Has Address',\n    description: '',\n    type: FlowShapeType.DECISION,\n    additionalData: []\n  },\n  {\n    id: '111',\n    label: 'RemoveWORelatedNBA',\n    description: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: []\n  },\n  {\n    id: '112',\n    label: 'Bulk Processing',\n    description: '',\n    type: FlowShapeType.DECISION,\n    additionalData: []\n  },\n  {\n    id: '113',\n    label: 'Queue For Agent',\n    description: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: []\n  },\n  {\n    id: '114',\n    label: 'Retrieve Lat Long',\n    description: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: []\n  },\n  {\n    id: '115',\n    label: 'RemoveWORelatedNBA',\n    description: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: []\n  },\n  {\n    id: '121',\n    label: 'STOP',\n    type: FlowShapeType.STOP\n  }\n];\n\nexport const exampleCRMConnectorsData: ConnectorProps[] = [\n  {\n    id: '100-101',\n    label: '',\n    fromNodeId: '100',\n    toNodeId: '101'\n  },\n  {\n    id: '101-102',\n    label: 'isSellingModeB2BOrB2BB2C',\n    fromNodeId: '101',\n    toNodeId: '102'\n  },\n  {\n    id: '102-103',\n    label: '',\n    fromNodeId: '102',\n    toNodeId: '103'\n  },\n  {\n    id: '103-104',\n    label: '',\n    fromNodeId: '103',\n    toNodeId: '104'\n  },\n  {\n    id: '104-105',\n    label: '',\n    fromNodeId: '104',\n    toNodeId: '105'\n  },\n  {\n    id: '101-105',\n    label: 'Else',\n    fromNodeId: '101',\n    toNodeId: '105'\n  },\n  {\n    id: '105-106',\n    label: 'isSellingModeB2COrB2BB2C',\n    fromNodeId: '105',\n    toNodeId: '106'\n  },\n  {\n    id: '106-107',\n    label: '',\n    fromNodeId: '106',\n    toNodeId: '107'\n  },\n  {\n    id: '105-107',\n    label: 'Else',\n    fromNodeId: '105',\n    toNodeId: '107'\n  },\n  {\n    id: '107-108',\n    label: '',\n    fromNodeId: '107',\n    toNodeId: '108'\n  },\n  {\n    id: '108-109',\n    label: '',\n    fromNodeId: '108',\n    toNodeId: '109'\n  },\n  {\n    id: '109-110',\n    label: '',\n    fromNodeId: '109',\n    toNodeId: '110'\n  },\n  {\n    id: '110-112',\n    label: 'crmHasAddress',\n    fromNodeId: '110',\n    toNodeId: '112'\n  },\n  {\n    id: '112-113',\n    label: 'Bulk Processing',\n    fromNodeId: '112',\n    toNodeId: '113'\n  },\n  {\n    id: '112-114',\n    label: 'Manual',\n    fromNodeId: '112',\n    toNodeId: '114'\n  },\n  {\n    id: '114-115',\n    label: '',\n    fromNodeId: '114',\n    toNodeId: '115'\n  },\n  {\n    id: '115-121',\n    label: '',\n    fromNodeId: '115',\n    toNodeId: '121'\n  },\n  {\n    id: '113-121',\n    label: '',\n    fromNodeId: '113',\n    toNodeId: '121'\n  },\n  {\n    id: '110-111',\n    label: 'Else',\n    fromNodeId: '110',\n    toNodeId: '111'\n  },\n  {\n    id: '111-121',\n    label: '',\n    fromNodeId: '111',\n    toNodeId: '121'\n  }\n];\n\nexport const emptyNodesData: NodeProps[] = [\n  {\n    id: '100',\n    label: 'START',\n    type: FlowShapeType.START\n  },\n  {\n    id: '120',\n    label: 'STOP',\n    type: FlowShapeType.STOP\n  }\n];\n\nexport const emptyConnectorsData: ConnectorProps[] = [\n  {\n    id: '100-120',\n    label: 'happy path',\n    fromNodeId: '100',\n    toNodeId: '120'\n  }\n];\n\nexport const nodeActions: Action[] = [\n  {\n    id: 'action-1',\n    text: 'Delete'\n  },\n  {\n    id: 'action-2',\n    text: 'Reassign'\n  }\n];\n\nexport const nodeLibrary: NodeLibraryItem[] = [\n  {\n    id: createUID(),\n    primary: 'Assignment',\n    type: FlowShapeType.ASSIGNMENT\n  },\n  {\n    id: createUID(),\n    primary: 'Decision',\n    type: FlowShapeType.DECISION\n  },\n  {\n    id: createUID(),\n    primary: 'Send a message',\n    type: FlowShapeType.MESSAGE\n  },\n  {\n    id: createUID(),\n    primary: 'Ask a question',\n    type: FlowShapeType.QUESTION\n  },\n  {\n    id: createUID(),\n    primary: 'Automations',\n    type: FlowShapeType.AUTOMATION,\n    items: [\n      {\n        id: createUID(),\n        primary: 'Send email',\n        type: FlowShapeType.SEND_EMAIL\n      },\n      {\n        id: createUID(),\n        primary: 'Generate PDF',\n        type: FlowShapeType.GENERATE_PDF\n      }\n    ]\n  }\n];\n"]}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: ({ graphData, onNodeActionClick, onNodeClick, onNodeAdd, nodeLibrary, actions }: import("@pega/cosmos-react-build").FlowModellerProps) => JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const EmptyFlowChartView: () => JSX.Element;
+export declare const CRMFlowChartView: () => JSX.Element;
+//# sourceMappingURL=FlowModeller.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlowModeller.stories.d.ts","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.stories.tsx"],"names":[],"mappings":";;;;;;;;AAqCA,wBAME;AA0HF,eAAO,MAAM,kBAAkB,mBAwF9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,mBAwF5B,CAAC"}

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

@@ -0,0 +1,214 @@
+import { useContext, useState, useEffect } 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';
+export default {
+    title: 'Build/FlowModeller',
+    component: FlowModeller,
+    parameters: {
+        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 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') {
+            action(`ressigned ${params.nodeId}`)();
+        }
+        else {
+            console.warn(`Unknown action ${params.actionId}`);
+        }
+    };
+    const addNode = (nodeType, metaData) => {
+        const UpdatedData = FlowModellerHelper.addNode({
+            nodeType,
+            graphData,
+            metaData
+        });
+        if (UpdatedData) {
+            const newGraphData = UpdatedData;
+            setGraphData(newGraphData);
+        }
+    };
+    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
+        });
+    };
+    return (<StyledWrapper>
+      <FlowModeller graphData={graphData} nodeLibrary={nodeLibrary} onNodeAdd={addNode} onNodeClick={selectNode} actions={nodeActions} onNodeActionClick={onNodeActionClick}/>
+    </StyledWrapper>);
+};
+export const CRMFlowChartView = () => {
+    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 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') {
+            action(`ressigned ${params.nodeId}`)();
+        }
+        else {
+            console.warn(`Unknown action ${params.actionId}`);
+        }
+    };
+    const addNode = (nodeType, metaData) => {
+        const UpdatedData = FlowModellerHelper.addNode({
+            nodeType,
+            graphData,
+            metaData
+        });
+        if (UpdatedData) {
+            const newGraphData = UpdatedData;
+            setGraphData(newGraphData);
+        }
+    };
+    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
+        });
+    };
+    return (<StyledWrapper>
+      <FlowModeller graphData={graphData} nodeLibrary={nodeLibrary} onNodeAdd={addNode} onNodeClick={selectNode} actions={nodeActions} onNodeActionClick={onNodeActionClick}/>
+    </StyledWrapper>);
+};
+//# sourceMappingURL=FlowModeller.stories.jsx.map