@pega/cosmos-react-build 2.0.0-dev.18.0 → 2.0.0-dev.21.1

package/lib/components/FlowModeller/Renderer/Node.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled, { css } from 'styled-components';
+import { Flex } from '@pega/cosmos-react-core';
+const StyledNodeWrapper = styled.div(({ dimensions, position }) => {
+    return css `
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: ${dimensions.width}px;
+    height: ${dimensions.height}px;
+    transform: translate(${position.x}px, ${position.y}px);
+  `;
+});
+const Node = ({ children, ...restprops }) => {
+    return (_jsx(Flex, { as: StyledNodeWrapper, ...restprops, container: { justify: 'center' }, children: _jsx("div", { children: children }, void 0) }, void 0));
+};
+export default Node;
+//# sourceMappingURL=Node.js.map

package/lib/components/FlowModeller/Renderer/Node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Node.js","sourceRoot":"","sources":["../../../../src/components/FlowModeller/Renderer/Node.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAI/C,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAGjC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9B,OAAO,GAAG,CAAA;;;;aAIC,UAAU,CAAC,KAAK;cACf,UAAU,CAAC,MAAM;2BACJ,QAAQ,CAAC,CAAC,OAAO,QAAQ,CAAC,CAAC;GACnD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,IAAI,GAA0B,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE;IACjE,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAE,iBAAiB,KAAM,SAAS,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,YAC1E,wBAAM,QAAQ,WAAO,WAChB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import { FC } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Flex } from '@pega/cosmos-react-core';\n\nimport { RendererNodeProps } from './Renderer.types';\n\nconst StyledNodeWrapper = styled.div<{\n  dimensions: RendererNodeProps['dimensions'];\n  position: RendererNodeProps['position'];\n}>(({ dimensions, position }) => {\n  return css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: ${dimensions.width}px;\n    height: ${dimensions.height}px;\n    transform: translate(${position.x}px, ${position.y}px);\n  `;\n});\n\nconst Node: FC<RendererNodeProps> = ({ children, ...restprops }) => {\n  return (\n    <Flex as={StyledNodeWrapper} {...restprops} container={{ justify: 'center' }}>\n      <div>{children}</div>\n    </Flex>\n  );\n};\n\nexport default Node;\n"]}

package/lib/components/FlowModeller/Renderer/NodesContainer.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { RendererNodeProps } from './Renderer.types';
+export interface NodesContainerProps {
+    items: RendererNodeProps[];
+}
+declare const NodesContainer: FC<NodesContainerProps>;
+export default NodesContainer;
+//# sourceMappingURL=NodesContainer.d.ts.map

package/lib/components/FlowModeller/Renderer/NodesContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodesContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/FlowModeller/Renderer/NodesContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAQrD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,iBAAiB,EAAE,CAAC;CAC5B;AAED,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAQ3C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/FlowModeller/Renderer/NodesContainer.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from 'styled-components';
+import Node from './Node';
+const StyledNodeContainer = styled.div `
+  position: absolute;
+  top: 0;
+  left: 0;
+`;
+const NodesContainer = ({ items }) => {
+    return (_jsx(StyledNodeContainer, { children: items.map(item => {
+            return _jsx(Node, { ...item }, item.id);
+        }) }, void 0));
+};
+export default NodesContainer;
+//# sourceMappingURL=NodesContainer.js.map

package/lib/components/FlowModeller/Renderer/NodesContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodesContainer.js","sourceRoot":"","sources":["../../../../src/components/FlowModeller/Renderer/NodesContainer.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAG1B,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIrC,CAAC;AAMF,MAAM,cAAc,GAA4B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5D,OAAO,CACL,KAAC,mBAAmB,cACjB,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YAChB,OAAO,KAAC,IAAI,OAAmB,IAAI,IAAjB,IAAI,CAAC,EAAE,CAAc,CAAC;QAC1C,CAAC,CAAC,WACkB,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { FC } from 'react';\nimport styled from 'styled-components';\n\nimport Node from './Node';\nimport { RendererNodeProps } from './Renderer.types';\n\nconst StyledNodeContainer = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n`;\n\nexport interface NodesContainerProps {\n  items: RendererNodeProps[];\n}\n\nconst NodesContainer: FC<NodesContainerProps> = ({ items }) => {\n  return (\n    <StyledNodeContainer>\n      {items.map(item => {\n        return <Node key={item.id} {...item} />;\n      })}\n    </StyledNodeContainer>\n  );\n};\n\nexport default NodesContainer;\n"]}

package/lib/components/FlowModeller/Renderer/Renderer.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { RendererProps } from './Renderer.types';
+declare const Renderer: FC<RendererProps>;
+export default Renderer;
+//# sourceMappingURL=Renderer.d.ts.map

package/lib/components/FlowModeller/Renderer/Renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/FlowModeller/Renderer/Renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAUjD,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAU/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/FlowModeller/Renderer/Renderer.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from 'styled-components';
+import ConnectorsContainer from './ConnectorsContainer';
+import NodesContainer from './NodesContainer';
+import GraphLayout from './Utils/GraphLayout';
+const StyledWrapper = styled.div `
+  position: relative;
+  width: 100%;
+  height: 100%;
+`;
+const Renderer = ({ graphData }) => {
+    // apply the plotted positions
+    const graphDimensions = GraphLayout.plot(graphData);
+    return (_jsxs(StyledWrapper, { children: [_jsx(ConnectorsContainer, { items: graphData.connectors, dimensions: graphDimensions }, void 0), _jsx(NodesContainer, { items: graphData.nodes }, void 0)] }, void 0));
+};
+export default Renderer;
+//# sourceMappingURL=Renderer.js.map

package/lib/components/FlowModeller/Renderer/Renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/components/FlowModeller/Renderer/Renderer.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,WAAW,MAAM,qBAAqB,CAAC;AAE9C,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI/B,CAAC;AAEF,MAAM,QAAQ,GAAsB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACpD,8BAA8B;IAC9B,MAAM,eAAe,GAAG,WAAW,CAAC,IAAI,CAA6B,SAAS,CAAC,CAAC;IAEhF,OAAO,CACL,MAAC,aAAa,eACZ,KAAC,mBAAmB,IAAC,KAAK,EAAE,SAAS,CAAC,UAAU,EAAE,UAAU,EAAE,eAAe,WAAI,EACjF,KAAC,cAAc,IAAC,KAAK,EAAE,SAAS,CAAC,KAAK,WAAI,YAC5B,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import { FC } from 'react';\nimport styled from 'styled-components';\n\nimport ConnectorsContainer from './ConnectorsContainer';\nimport { RendererProps } from './Renderer.types';\nimport NodesContainer from './NodesContainer';\nimport GraphLayout from './Utils/GraphLayout';\n\nconst StyledWrapper = styled.div`\n  position: relative;\n  width: 100%;\n  height: 100%;\n`;\n\nconst Renderer: FC<RendererProps> = ({ graphData }) => {\n  // apply the plotted positions\n  const graphDimensions = GraphLayout.plot<RendererProps['graphData']>(graphData);\n\n  return (\n    <StyledWrapper>\n      <ConnectorsContainer items={graphData.connectors} dimensions={graphDimensions} />\n      <NodesContainer items={graphData.nodes} />\n    </StyledWrapper>\n  );\n};\n\nexport default Renderer;\n"]}

package/lib/components/FlowModeller/Renderer/Renderer.types.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { GraphData } from './Utils/Graph';
+import { PlottedGraphConnector, PlottedGraphNode } from './Utils/GraphLayout';
+export interface AddNodeHandlerParams {
+    refType: 'node' | 'connector';
+    refId: string;
+}
+export interface RendererNodeProps extends PlottedGraphNode {
+    children: ReactNode;
+}
+export interface RendererConnectorProps extends PlottedGraphConnector {
+    children?: ReactNode;
+}
+export interface RendererProps {
+    graphData: GraphData<RendererNodeProps, RendererConnectorProps>;
+    disableAutoLayout?: boolean;
+}
+//# sourceMappingURL=Renderer.types.d.ts.map

package/lib/components/FlowModeller/Renderer/Renderer.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Renderer.types.d.ts","sourceRoot":"","sources":["../../../../src/components/FlowModeller/Renderer/Renderer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE9E,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,GAAG,WAAW,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,sBAAuB,SAAQ,qBAAqB;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,SAAS,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC;IAChE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B"}

package/lib/components/FlowModeller/Renderer/Renderer.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Renderer.types.js.map

package/lib/components/FlowModeller/Renderer/Renderer.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Renderer.types.js","sourceRoot":"","sources":["../../../../src/components/FlowModeller/Renderer/Renderer.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ReactNode } from 'react';\n\nimport { GraphData } from './Utils/Graph';\nimport { PlottedGraphConnector, PlottedGraphNode } from './Utils/GraphLayout';\n\nexport interface AddNodeHandlerParams {\n  refType: 'node' | 'connector';\n  refId: string;\n}\n\nexport interface RendererNodeProps extends PlottedGraphNode {\n  children: ReactNode;\n}\n\nexport interface RendererConnectorProps extends PlottedGraphConnector {\n  children?: ReactNode;\n}\n\nexport interface RendererProps {\n  graphData: GraphData<RendererNodeProps, RendererConnectorProps>;\n  disableAutoLayout?: boolean;\n}\n"]}

package/lib/components/FlowModeller/Renderer/Utils/Graph.d.ts

@@ -0,0 +1,51 @@
+export interface ConnectorProps<T = unknown> {
+    id: string;
+    fromNodeId: string;
+    toNodeId: string;
+    label?: string;
+    data?: T;
+}
+export interface Node<T = unknown> {
+    id: string;
+    data?: T;
+}
+export interface GraphData<T extends Node, U extends ConnectorProps> {
+    nodes: T[];
+    connectors: U[];
+}
+export declare class DirectedGraph<T extends Node = Node, U extends ConnectorProps = ConnectorProps, D1 = unknown, // Can be any here.. because nodeData is optional and each node may need to carry its own Data type.
+D2 = unknown> {
+    private nodes;
+    private connectors;
+    private nodeData;
+    private connectorData;
+    private inConnectors;
+    private prevNodesCount;
+    private outConnectors;
+    private nextNodesCount;
+    private nodeCount;
+    private connectorsCount;
+    constructor(graphData?: GraphData<T, U>);
+    getGraphData(): GraphData<T, U>;
+    getNodeCount(): number;
+    getNodes(): T[];
+    addNode(node: T, data?: D1): DirectedGraph;
+    getNode(nodeId: string): T;
+    hasNode(nodeId: string): boolean;
+    deleteNode(nodeId: string, ignoreConnectors?: boolean): DirectedGraph<T, U>;
+    getPrevNodes(nodeId: string): T[];
+    getNextNodes(nodeId: string): T[];
+    getPrevNodesCount(nodeId: string): number;
+    getNextNodesCount(nodeId: string): number;
+    isLeaf(nodeId: string): boolean;
+    getConnectorsCount(): number;
+    getConnectors(): U[];
+    addConnector(connector: U, data?: D2): DirectedGraph<T, U>;
+    hasConnector(id: string): boolean;
+    getConnector(id: string): U;
+    removeConnector(id: string): DirectedGraph<T, U>;
+    getInConnectors(toNodeId: string, fromNodeId?: string): ConnectorProps[];
+    getOutConnectors(fromNodeId: string, toNodeId?: string): ConnectorProps[];
+    getAllNodeConnectors(nodeId: string): ConnectorProps<unknown>[] | undefined;
+}
+//# sourceMappingURL=Graph.d.ts.map

package/lib/components/FlowModeller/Renderer/Utils/Graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Graph.d.ts","sourceRoot":"","sources":["../../../../../src/components/FlowModeller/Renderer/Utils/Graph.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,OAAO;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,CAAC,CAAC;CACV;AAED,MAAM,WAAW,IAAI,CAAC,CAAC,GAAG,OAAO;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,CAAC,CAAC;CACV;AAED,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,SAAS,cAAc;IACjE,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,CAAC,EAAE,CAAC;CACjB;AAED,qBAAa,aAAa,CACxB,CAAC,SAAS,IAAI,GAAG,IAAI,EACrB,CAAC,SAAS,cAAc,GAAG,cAAc,EACzC,EAAE,GAAG,OAAO,EAAE,oGAAoG;AAClH,EAAE,GAAG,OAAO;IAEZ,OAAO,CAAC,KAAK,CAAyB;IACtC,OAAO,CAAC,UAAU,CAAyB;IAG3C,OAAO,CAAC,QAAQ,CAAoC;IACpD,OAAO,CAAC,aAAa,CAAoC;IAEzD,OAAO,CAAC,YAAY,CAAyC;IAC7D,OAAO,CAAC,cAAc,CAA8C;IAEpE,OAAO,CAAC,aAAa,CAAyC;IAC9D,OAAO,CAAC,cAAc,CAA8C;IAEpE,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,eAAe,CAAK;gBAEhB,SAAS,GAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAiC;IAOtE,YAAY,IAAI,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;IAO/B,YAAY,IAAI,MAAM;IAItB,QAAQ;IAIR,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,GAAG,aAAa;IAoB1C,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC;IAI1B,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAIhC,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,UAAQ,GAAG,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC;IAyBzE,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE;IAMjC,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE;IAMjC,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAOzC,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAOzC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAK/B,kBAAkB,IAAI,MAAM;IAI5B,aAAa;IAIb,YAAY,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,GAAG,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC;IAgD1D,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAIjC,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,CAAC;IAI3B,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC;IA+BhD,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,cAAc,EAAE;IAkBxE,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,EAAE;IAkBzE,oBAAoB,CAAC,MAAM,EAAE,MAAM;CAOpC"}

package/lib/components/FlowModeller/Renderer/Utils/Graph.js

@@ -0,0 +1,247 @@
+export class DirectedGraph {
+    constructor(graphData = { nodes: [], connectors: [] }) {
+        Object.defineProperty(this, "nodes", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "connectors", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        // additional way to maintain related data - for cases where Graph is used for indirect purposes
+        Object.defineProperty(this, "nodeData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "connectorData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "inConnectors", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        }); // we are maintaining connector reference instead of id, to avoid iterations later on.
+        Object.defineProperty(this, "prevNodesCount", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "outConnectors", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        }); // we are maintaining connector reference instead of id, to avoid iterations later on
+        Object.defineProperty(this, "nextNodesCount", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "nodeCount", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "connectorsCount", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        // Not necessary to clone, as this class never modifies any nodes
+        graphData.nodes.forEach(item => this.addNode(item));
+        // copy/clone, connectors properties 'fromNodeId' and 'toNodeId' values may get modified by this class
+        graphData.connectors.forEach(item => this.addConnector(JSON.parse(JSON.stringify(item))));
+    }
+    getGraphData() {
+        return {
+            nodes: this.getNodes(),
+            connectors: this.getConnectors()
+        };
+    }
+    getNodeCount() {
+        return this.nodeCount;
+    }
+    getNodes() {
+        return Object.values(this.nodes);
+    }
+    addNode(node, data) {
+        if (this.nodes[node.id] !== undefined) {
+            this.nodes[node.id] = node;
+            this.nodeData[node.id] = data;
+        }
+        else {
+            this.nodes[node.id] = node;
+            this.nodeData[node.id] = data;
+            this.inConnectors[node.id] = {};
+            this.prevNodesCount[node.id] = {};
+            this.outConnectors[node.id] = {};
+            this.nextNodesCount[node.id] = {};
+            this.nodeCount += 1;
+        }
+        return this;
+    }
+    getNode(nodeId) {
+        return this.nodes[nodeId];
+    }
+    hasNode(nodeId) {
+        return this.nodes[nodeId] !== undefined;
+    }
+    deleteNode(nodeId, ignoreConnectors = false) {
+        if (this.hasNode(nodeId)) {
+            delete this.nodes[nodeId];
+            delete this.nodeData[nodeId];
+            if (ignoreConnectors !== true) {
+                const removeConnector = (id) => this.removeConnector(id);
+                // IMP NOTE its the responsibility of the callee to make sure that the connectors are cleanly reassigned, or else all attached connectors will be deleted
+                Object.keys(this.inConnectors[nodeId]).forEach(removeConnector);
+                delete this.inConnectors[nodeId];
+                delete this.prevNodesCount[nodeId];
+                Object.keys(this.outConnectors[nodeId]).forEach(removeConnector);
+                delete this.outConnectors[nodeId];
+                delete this.nextNodesCount[nodeId];
+            }
+            this.nodeCount += 1;
+        }
+        return this;
+    }
+    getPrevNodes(nodeId) {
+        return this.prevNodesCount[nodeId]
+            ? Object.keys(this.prevNodesCount[nodeId]).map(id => this.getNode(id))
+            : [];
+    }
+    getNextNodes(nodeId) {
+        return this.nextNodesCount[nodeId]
+            ? Object.keys(this.nextNodesCount[nodeId]).map(id => this.getNode(id))
+            : [];
+    }
+    getPrevNodesCount(nodeId) {
+        return (this.prevNodesCount[nodeId] ? Object.values(this.prevNodesCount[nodeId]) : []).reduce((prev, current) => prev + current, 0);
+    }
+    getNextNodesCount(nodeId) {
+        return (this.nextNodesCount[nodeId] ? Object.values(this.nextNodesCount[nodeId]) : []).reduce((prev, current) => prev + current, 0);
+    }
+    isLeaf(nodeId) {
+        return this.getNextNodes(nodeId).length === 0;
+    }
+    // -- Connectors
+    getConnectorsCount() {
+        return this.connectorsCount;
+    }
+    getConnectors() {
+        return Object.values(this.connectors);
+    }
+    addConnector(connector, data) {
+        if (this.connectors[connector.id] !== undefined) {
+            // update the map
+            this.connectors[connector.id] = connector;
+            this.connectorData[connector.id] = data;
+            return this;
+        }
+        const id = connector.id;
+        const fromNodeId = connector.fromNodeId;
+        const toNodeId = connector.toNodeId;
+        // check if nodes with given ids exist
+        if (this.nodes[fromNodeId] === undefined || this.nodes[toNodeId] === undefined) {
+            throw new Error(`One or more nodes does not exist, cannot add connector ${fromNodeId}-${toNodeId}`);
+        }
+        // add it to the map
+        this.connectors[id] = connector;
+        this.connectorData[id] = data;
+        // update prev nodes count
+        if (this.prevNodesCount[toNodeId][fromNodeId]) {
+            this.prevNodesCount[toNodeId][fromNodeId] += 1;
+        }
+        else {
+            this.prevNodesCount[toNodeId][fromNodeId] = 1;
+        }
+        // update next nodes count
+        if (this.nextNodesCount[fromNodeId][toNodeId]) {
+            this.nextNodesCount[fromNodeId][toNodeId] += 1;
+        }
+        else {
+            this.nextNodesCount[fromNodeId][toNodeId] = 1;
+        }
+        // update in and out connectors for both the nodes
+        this.inConnectors[toNodeId][id] = connector;
+        this.outConnectors[fromNodeId][id] = connector;
+        // increment total connectors count
+        this.connectorsCount += 1;
+        return this;
+    }
+    hasConnector(id) {
+        return this.connectors[id] !== undefined;
+    }
+    getConnector(id) {
+        return this.connectors[id];
+    }
+    removeConnector(id) {
+        const connector = this.connectors[id];
+        if (connector !== undefined) {
+            const fromNodeId = connector.fromNodeId;
+            const toNodeId = connector.toNodeId;
+            delete this.connectors[id];
+            delete this.connectorData[id];
+            // update prev nodes count
+            this.prevNodesCount[toNodeId][fromNodeId] -= 1;
+            if (this.prevNodesCount[toNodeId][fromNodeId] === 0) {
+                delete this.prevNodesCount[toNodeId][fromNodeId];
+            }
+            // update next nodes count
+            this.nextNodesCount[fromNodeId][toNodeId] -= 1;
+            if (this.nextNodesCount[fromNodeId][toNodeId] === 0) {
+                delete this.nextNodesCount[fromNodeId][toNodeId];
+            }
+            delete this.inConnectors[toNodeId][id];
+            delete this.outConnectors[fromNodeId][id];
+            this.connectorsCount -= 1;
+        }
+        return this;
+    }
+    getInConnectors(toNodeId, fromNodeId) {
+        const allInConnectors = this.inConnectors[toNodeId];
+        if (allInConnectors) {
+            const connectorValues = Object.values(allInConnectors);
+            if (fromNodeId === undefined) {
+                return connectorValues;
+            }
+            return connectorValues.filter(connector => {
+                return connector.fromNodeId === fromNodeId;
+            });
+        }
+        return [];
+    }
+    getOutConnectors(fromNodeId, toNodeId) {
+        const allOutConnectors = this.outConnectors[fromNodeId];
+        if (allOutConnectors) {
+            const connectorValues = Object.values(allOutConnectors);
+            if (toNodeId === undefined) {
+                return connectorValues;
+            }
+            return connectorValues.filter(connector => {
+                return connector.toNodeId === toNodeId;
+            });
+        }
+        return [];
+    }
+    getAllNodeConnectors(nodeId) {
+        const inConnectors = this.getInConnectors(nodeId);
+        if (inConnectors) {
+            return inConnectors.concat(this.getOutConnectors(nodeId));
+        }
+    }
+}
+//# sourceMappingURL=Graph.js.map

package/lib/components/FlowModeller/Renderer/Utils/Graph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Graph.js","sourceRoot":"","sources":["../../../../../src/components/FlowModeller/Renderer/Utils/Graph.ts"],"names":[],"mappings":"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","sourcesContent":["export interface ConnectorProps<T = unknown> {\n  id: string;\n  fromNodeId: string;\n  toNodeId: string;\n  label?: string;\n  data?: T;\n}\n\nexport interface Node<T = unknown> {\n  id: string;\n  data?: T;\n}\n\nexport interface GraphData<T extends Node, U extends ConnectorProps> {\n  nodes: T[];\n  connectors: U[];\n}\n\nexport class DirectedGraph<\n  T extends Node = Node,\n  U extends ConnectorProps = ConnectorProps,\n  D1 = unknown, // Can be any here.. because nodeData is optional and each node may need to carry its own Data type.\n  D2 = unknown // Can be any here.. because connectorData is optional and each connector may need to carry its own Data type.\n> {\n  private nodes: Record<string, T> = {};\n  private connectors: Record<string, U> = {};\n\n  // additional way to maintain related data - for cases where Graph is used for indirect purposes\n  private nodeData: Record<string, D1 | unknown> = {};\n  private connectorData: Record<string, D2 | unknown> = {};\n\n  private inConnectors: Record<string, Record<string, U>> = {}; // we are maintaining connector reference instead of id, to avoid iterations later on.\n  private prevNodesCount: Record<string, Record<string, number>> = {};\n\n  private outConnectors: Record<string, Record<string, U>> = {}; // we are maintaining connector reference instead of id, to avoid iterations later on\n  private nextNodesCount: Record<string, Record<string, number>> = {};\n\n  private nodeCount = 0;\n  private connectorsCount = 0;\n\n  constructor(graphData: GraphData<T, U> = { nodes: [], connectors: [] }) {\n    // Not necessary to clone, as this class never modifies any nodes\n    graphData.nodes.forEach(item => this.addNode(item));\n    // copy/clone, connectors properties 'fromNodeId' and 'toNodeId' values may get modified by this class\n    graphData.connectors.forEach(item => this.addConnector(JSON.parse(JSON.stringify(item))));\n  }\n\n  getGraphData(): GraphData<T, U> {\n    return {\n      nodes: this.getNodes(),\n      connectors: this.getConnectors()\n    };\n  }\n\n  getNodeCount(): number {\n    return this.nodeCount;\n  }\n\n  getNodes() {\n    return Object.values(this.nodes);\n  }\n\n  addNode(node: T, data?: D1): DirectedGraph {\n    if (this.nodes[node.id] !== undefined) {\n      this.nodes[node.id] = node;\n      this.nodeData[node.id] = data;\n    } else {\n      this.nodes[node.id] = node;\n      this.nodeData[node.id] = data;\n\n      this.inConnectors[node.id] = {};\n      this.prevNodesCount[node.id] = {};\n\n      this.outConnectors[node.id] = {};\n      this.nextNodesCount[node.id] = {};\n\n      this.nodeCount += 1;\n    }\n\n    return this;\n  }\n\n  getNode(nodeId: string): T {\n    return this.nodes[nodeId];\n  }\n\n  hasNode(nodeId: string): boolean {\n    return this.nodes[nodeId] !== undefined;\n  }\n\n  deleteNode(nodeId: string, ignoreConnectors = false): DirectedGraph<T, U> {\n    if (this.hasNode(nodeId)) {\n      delete this.nodes[nodeId];\n      delete this.nodeData[nodeId];\n\n      if (ignoreConnectors !== true) {\n        const removeConnector = (id: string) => this.removeConnector(id);\n\n        // IMP NOTE its the responsibility of the callee to make sure that the connectors are cleanly reassigned, or else all attached connectors will be deleted\n\n        Object.keys(this.inConnectors[nodeId]).forEach(removeConnector);\n        delete this.inConnectors[nodeId];\n        delete this.prevNodesCount[nodeId];\n\n        Object.keys(this.outConnectors[nodeId]).forEach(removeConnector);\n        delete this.outConnectors[nodeId];\n        delete this.nextNodesCount[nodeId];\n      }\n\n      this.nodeCount += 1;\n    }\n\n    return this;\n  }\n\n  getPrevNodes(nodeId: string): T[] {\n    return this.prevNodesCount[nodeId]\n      ? Object.keys(this.prevNodesCount[nodeId]).map(id => this.getNode(id))\n      : [];\n  }\n\n  getNextNodes(nodeId: string): T[] {\n    return this.nextNodesCount[nodeId]\n      ? Object.keys(this.nextNodesCount[nodeId]).map(id => this.getNode(id))\n      : [];\n  }\n\n  getPrevNodesCount(nodeId: string): number {\n    return (this.prevNodesCount[nodeId] ? Object.values(this.prevNodesCount[nodeId]) : []).reduce(\n      (prev, current) => prev + current,\n      0\n    );\n  }\n\n  getNextNodesCount(nodeId: string): number {\n    return (this.nextNodesCount[nodeId] ? Object.values(this.nextNodesCount[nodeId]) : []).reduce(\n      (prev, current) => prev + current,\n      0\n    );\n  }\n\n  isLeaf(nodeId: string): boolean {\n    return this.getNextNodes(nodeId).length === 0;\n  }\n\n  // -- Connectors\n  getConnectorsCount(): number {\n    return this.connectorsCount;\n  }\n\n  getConnectors() {\n    return Object.values(this.connectors);\n  }\n\n  addConnector(connector: U, data?: D2): DirectedGraph<T, U> {\n    if (this.connectors[connector.id] !== undefined) {\n      // update the map\n      this.connectors[connector.id] = connector;\n      this.connectorData[connector.id] = data;\n\n      return this;\n    }\n\n    const id = connector.id;\n    const fromNodeId = connector.fromNodeId;\n    const toNodeId = connector.toNodeId;\n\n    // check if nodes with given ids exist\n    if (this.nodes[fromNodeId] === undefined || this.nodes[toNodeId] === undefined) {\n      throw new Error(\n        `One or more nodes does not exist, cannot add connector ${fromNodeId}-${toNodeId}`\n      );\n    }\n\n    // add it to the map\n    this.connectors[id] = connector;\n    this.connectorData[id] = data;\n\n    // update prev nodes count\n    if (this.prevNodesCount[toNodeId][fromNodeId]) {\n      this.prevNodesCount[toNodeId][fromNodeId] += 1;\n    } else {\n      this.prevNodesCount[toNodeId][fromNodeId] = 1;\n    }\n\n    // update next nodes count\n    if (this.nextNodesCount[fromNodeId][toNodeId]) {\n      this.nextNodesCount[fromNodeId][toNodeId] += 1;\n    } else {\n      this.nextNodesCount[fromNodeId][toNodeId] = 1;\n    }\n\n    // update in and out connectors for both the nodes\n    this.inConnectors[toNodeId][id] = connector;\n    this.outConnectors[fromNodeId][id] = connector;\n\n    // increment total connectors count\n    this.connectorsCount += 1;\n\n    return this;\n  }\n\n  hasConnector(id: string): boolean {\n    return this.connectors[id] !== undefined;\n  }\n\n  getConnector(id: string): U {\n    return this.connectors[id];\n  }\n\n  removeConnector(id: string): DirectedGraph<T, U> {\n    const connector = this.connectors[id];\n\n    if (connector !== undefined) {\n      const fromNodeId = connector.fromNodeId;\n      const toNodeId = connector.toNodeId;\n\n      delete this.connectors[id];\n      delete this.connectorData[id];\n\n      // update prev nodes count\n      this.prevNodesCount[toNodeId][fromNodeId] -= 1;\n      if (this.prevNodesCount[toNodeId][fromNodeId] === 0) {\n        delete this.prevNodesCount[toNodeId][fromNodeId];\n      }\n\n      // update next nodes count\n      this.nextNodesCount[fromNodeId][toNodeId] -= 1;\n      if (this.nextNodesCount[fromNodeId][toNodeId] === 0) {\n        delete this.nextNodesCount[fromNodeId][toNodeId];\n      }\n\n      delete this.inConnectors[toNodeId][id];\n      delete this.outConnectors[fromNodeId][id];\n\n      this.connectorsCount -= 1;\n    }\n\n    return this;\n  }\n\n  getInConnectors(toNodeId: string, fromNodeId?: string): ConnectorProps[] {\n    const allInConnectors = this.inConnectors[toNodeId];\n\n    if (allInConnectors) {\n      const connectorValues = Object.values(allInConnectors);\n\n      if (fromNodeId === undefined) {\n        return connectorValues;\n      }\n\n      return connectorValues.filter(connector => {\n        return connector.fromNodeId === fromNodeId;\n      });\n    }\n\n    return [];\n  }\n\n  getOutConnectors(fromNodeId: string, toNodeId?: string): ConnectorProps[] {\n    const allOutConnectors = this.outConnectors[fromNodeId];\n\n    if (allOutConnectors) {\n      const connectorValues = Object.values(allOutConnectors);\n\n      if (toNodeId === undefined) {\n        return connectorValues;\n      }\n\n      return connectorValues.filter(connector => {\n        return connector.toNodeId === toNodeId;\n      });\n    }\n\n    return [];\n  }\n\n  getAllNodeConnectors(nodeId: string) {\n    const inConnectors = this.getInConnectors(nodeId);\n\n    if (inConnectors) {\n      return inConnectors.concat(this.getOutConnectors(nodeId));\n    }\n  }\n}\n"]}

package/lib/components/FlowModeller/Renderer/Utils/GraphLayout.d.ts

@@ -0,0 +1,35 @@
+import { ConnectorProps, GraphData, Node } from './Graph';
+export interface PlottedGraphNode<T = any> extends Node<T> {
+    dimensions: {
+        width: number;
+        height: number;
+    };
+    position: {
+        x: number;
+        y: number;
+    };
+}
+export interface PlottedGraphConnector<T = any> extends ConnectorProps<T> {
+    points: {
+        x: number;
+        y: number;
+    }[];
+    labelLayout?: {
+        value: any;
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+    };
+}
+export declare enum GraphLayoutDirection {
+    LeftToRight = "LR",
+    TopToBottom = "TB"
+}
+export default class GraphLayout {
+    static plot<T extends GraphData<PlottedGraphNode, PlottedGraphConnector>>(graphData: T, direction?: GraphLayoutDirection): {
+        width: number;
+        height: number;
+    };
+}
+//# sourceMappingURL=GraphLayout.d.ts.map

package/lib/components/FlowModeller/Renderer/Utils/GraphLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/FlowModeller/Renderer/Utils/GraphLayout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE1D,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,IAAI,CAAC,CAAC,CAAC;IACxD,UAAU,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,QAAQ,EAAE;QACR,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;CACH;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IACvE,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACnC,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,GAAG,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;CACH;AAED,oBAAY,oBAAoB;IAC9B,WAAW,OAAO;IAClB,WAAW,OAAO;CACnB;AAKD,MAAM,CAAC,OAAO,OAAO,WAAW;IAE9B,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,SAAS,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,EACtE,SAAS,EAAE,CAAC,EACZ,SAAS,GAAE,oBAAuD;;;;CA8GrE"}

package/lib/components/FlowModeller/Renderer/Utils/GraphLayout.js

@@ -0,0 +1,104 @@
+import dagre from 'dagre';
+export var GraphLayoutDirection;
+(function (GraphLayoutDirection) {
+    GraphLayoutDirection["LeftToRight"] = "LR";
+    GraphLayoutDirection["TopToBottom"] = "TB";
+})(GraphLayoutDirection || (GraphLayoutDirection = {}));
+const DEFAULT_GRAPH_WIDTH = 2000;
+const DEFAULT_GRAPH_HEIGHT = 2000;
+export default class GraphLayout {
+    // Using Dagre layouting
+    static plot(graphData, direction = GraphLayoutDirection.TopToBottom) {
+        const dagreGraph = new dagre.graphlib.Graph();
+        dagreGraph.setDefaultEdgeLabel(() => ({}));
+        const defaultNodeWidth = 280;
+        const defaultNodeHeight = 112;
+        dagreGraph.setGraph({
+            rankdir: direction,
+            ranksep: 10,
+            edgesep: defaultNodeWidth / 2,
+            nodesep: 40,
+            // cspell:disable-next
+            marginx: 200,
+            // cspell:disable-next
+            marginy: 50
+        });
+        graphData.nodes.forEach(node => {
+            dagreGraph.setNode(node.id, {
+                width: node.dimensions.width ? node.dimensions.width : defaultNodeWidth,
+                height: node.dimensions.height ? node.dimensions.height : defaultNodeHeight
+            });
+        });
+        graphData.connectors.forEach(con => {
+            dagreGraph.setEdge(con.fromNodeId, con.toNodeId, {
+                weight: 1,
+                minlen: 1,
+                label: con.data?.label,
+                width: 200,
+                height: 60,
+                // cspell:disable-next
+                lablepos: 'c',
+                labeloffset: 0
+            });
+        });
+        dagre.layout(dagreGraph, {});
+        graphData.nodes.forEach(el => {
+            const node = dagreGraph.node(el.id);
+            el.position.x = node.x - el.dimensions.width / 2;
+            el.position.y = node.y - el.dimensions.height / 2;
+        });
+        graphData.connectors.forEach(con => {
+            const edge = dagreGraph.edge(con.fromNodeId, con.toNodeId);
+            con.labelLayout = {
+                value: edge.label,
+                x: edge.x,
+                y: edge.y - 10,
+                width: edge.width,
+                height: edge.height
+            };
+            const lastIndex = edge.points.length - 1;
+            let firstPoint = edge.points[0];
+            const secondPoint = edge.points[1];
+            let lastPoint = edge.points[lastIndex];
+            const secondLastPoint = edge.points[lastIndex - 1];
+            const fromNode = dagreGraph.node(con.fromNodeId);
+            const toNode = dagreGraph.node(con.toNodeId);
+            firstPoint =
+                firstPoint.x !== secondPoint.x
+                    ? {
+                        ...edge.points[0],
+                        x: fromNode.x,
+                        y: edge.points[1].y
+                    }
+                    : firstPoint;
+            lastPoint =
+                lastPoint.x !== secondLastPoint.x
+                    ? {
+                        ...edge.points[lastIndex],
+                        x: toNode.x,
+                        y: edge.points[lastIndex - 1].y
+                    }
+                    : lastPoint;
+            con.points = [
+                { x: fromNode.x, y: fromNode.y + fromNode.height / 2 },
+                firstPoint,
+                ...edge.points.slice(1, lastIndex),
+                lastPoint,
+                { x: toNode.x, y: toNode.y }
+            ];
+        });
+        const width = dagreGraph.graph().width;
+        const height = dagreGraph.graph().height;
+        if (width !== undefined && height !== undefined) {
+            return {
+                width: Number.isFinite(width) ? width : DEFAULT_GRAPH_WIDTH,
+                height: Number.isFinite(height) ? height : DEFAULT_GRAPH_HEIGHT
+            };
+        }
+        return {
+            width: DEFAULT_GRAPH_WIDTH,
+            height: DEFAULT_GRAPH_HEIGHT
+        };
+    }
+}
+//# sourceMappingURL=GraphLayout.js.map

package/lib/components/FlowModeller/Renderer/Utils/GraphLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphLayout.js","sourceRoot":"","sources":["../../../../../src/components/FlowModeller/Renderer/Utils/GraphLayout.ts"],"names":[],"mappings":"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","sourcesContent":["import dagre from 'dagre';\n\nimport { ConnectorProps, GraphData, Node } from './Graph';\n\nexport interface PlottedGraphNode<T = any> extends Node<T> {\n  dimensions: {\n    width: number;\n    height: number;\n  };\n  position: {\n    x: number;\n    y: number;\n  };\n}\n\nexport interface PlottedGraphConnector<T = any> extends ConnectorProps<T> {\n  points: { x: number; y: number }[];\n  labelLayout?: {\n    value: any;\n    width: number;\n    height: number;\n    x: number;\n    y: number;\n  };\n}\n\nexport enum GraphLayoutDirection {\n  LeftToRight = 'LR',\n  TopToBottom = 'TB'\n}\n\nconst DEFAULT_GRAPH_WIDTH = 2000;\nconst DEFAULT_GRAPH_HEIGHT = 2000;\n\nexport default class GraphLayout {\n  // Using Dagre layouting\n  static plot<T extends GraphData<PlottedGraphNode, PlottedGraphConnector>>(\n    graphData: T,\n    direction: GraphLayoutDirection = GraphLayoutDirection.TopToBottom\n  ) {\n    const dagreGraph = new dagre.graphlib.Graph();\n\n    dagreGraph.setDefaultEdgeLabel(() => ({}));\n\n    const defaultNodeWidth = 280;\n    const defaultNodeHeight = 112;\n\n    dagreGraph.setGraph({\n      rankdir: direction,\n      ranksep: 10,\n      edgesep: defaultNodeWidth / 2,\n      nodesep: 40,\n      // cspell:disable-next\n      marginx: 200,\n      // cspell:disable-next\n      marginy: 50\n    });\n\n    graphData.nodes.forEach(node => {\n      dagreGraph.setNode(node.id, {\n        width: node.dimensions.width ? node.dimensions.width : defaultNodeWidth,\n        height: node.dimensions.height ? node.dimensions.height : defaultNodeHeight\n      });\n    });\n\n    graphData.connectors.forEach(con => {\n      dagreGraph.setEdge(con.fromNodeId, con.toNodeId, {\n        weight: 1,\n        minlen: 1,\n        label: con.data?.label,\n        width: 200,\n        height: 60,\n        // cspell:disable-next\n        lablepos: 'c',\n        labeloffset: 0\n      });\n    });\n\n    dagre.layout(dagreGraph, {});\n\n    graphData.nodes.forEach(el => {\n      const node = dagreGraph.node(el.id);\n      el.position.x = node.x - el.dimensions.width / 2;\n      el.position.y = node.y - el.dimensions.height / 2;\n    });\n\n    graphData.connectors.forEach(con => {\n      const edge = dagreGraph.edge(con.fromNodeId, con.toNodeId);\n\n      con.labelLayout = {\n        value: edge.label,\n        x: edge.x,\n        y: edge.y - 10,\n        width: edge.width,\n        height: edge.height\n      };\n\n      const lastIndex = edge.points.length - 1;\n      let firstPoint = edge.points[0];\n      const secondPoint = edge.points[1];\n      let lastPoint = edge.points[lastIndex];\n      const secondLastPoint = edge.points[lastIndex - 1];\n\n      const fromNode = dagreGraph.node(con.fromNodeId);\n      const toNode = dagreGraph.node(con.toNodeId);\n\n      firstPoint =\n        firstPoint.x !== secondPoint.x\n          ? {\n              ...edge.points[0],\n              x: fromNode.x,\n              y: edge.points[1].y\n            }\n          : firstPoint;\n\n      lastPoint =\n        lastPoint.x !== secondLastPoint.x\n          ? {\n              ...edge.points[lastIndex],\n              x: toNode.x,\n              y: edge.points[lastIndex - 1].y\n            }\n          : lastPoint;\n\n      con.points = [\n        { x: fromNode.x, y: fromNode.y + fromNode.height / 2 },\n        firstPoint,\n        ...edge.points.slice(1, lastIndex),\n        lastPoint,\n        { x: toNode.x, y: toNode.y }\n      ];\n    });\n\n    const width = dagreGraph.graph().width;\n    const height = dagreGraph.graph().height;\n\n    if (width !== undefined && height !== undefined) {\n      return {\n        width: Number.isFinite(width) ? width : DEFAULT_GRAPH_WIDTH,\n        height: Number.isFinite(height) ? height : DEFAULT_GRAPH_HEIGHT\n      };\n    }\n\n    return {\n      width: DEFAULT_GRAPH_WIDTH,\n      height: DEFAULT_GRAPH_HEIGHT\n    };\n  }\n}\n"]}