@darajs/ui-causal-graph-editor 1.0.0-a.1

package/dist/shared/graph-layout/index.js

@@ -0,0 +1,25 @@
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { GraphLayout } from './common';
+export { default as CustomLayout } from './custom-layout';
+export { default as MarketingLayout } from './marketing-layout';
+export { default as PlanarLayout } from './planar-layout';
+export { default as SpringLayout } from './spring-layout';
+export { default as CircularLayout } from './circular-layout';
+export { default as ForceAtlasLayout } from './force-atlas-layout';
+export { default as FcoseLayout } from './fcose-layout';
+//# sourceMappingURL=index.js.map

package/dist/shared/graph-layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/shared/graph-layout/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/shared/graph-layout/marketing-layout.d.ts

@@ -0,0 +1,30 @@
+import { LayoutMapping, XYPosition } from 'graphology-layout/utils';
+import { SimulationGraph } from '../../types';
+import { GraphLayout, GraphLayoutBuilder } from './common';
+export type TargetLocation = 'center' | 'bottom';
+declare class MarketingLayoutBuilder extends GraphLayoutBuilder<MarketingLayout> {
+    _targetLocation: TargetLocation;
+    /**
+     * Sets the target location and returns the builder
+     *
+     * @param location location of the target node
+     */
+    targetLocation(location: TargetLocation): this;
+    build(): MarketingLayout;
+}
+/**
+ * The Marketing layout uses a force simulation with strong forces to lay out nodes in a way
+ * that works well with a low number of nodes.
+ * The layout does not keep the force simulation running, instead it manually runs a number of ticks
+ * whenever the layout is updated.
+ */
+export default class MarketingLayout extends GraphLayout {
+    targetLocation: TargetLocation;
+    constructor(builder: MarketingLayoutBuilder);
+    applyLayout(graph: SimulationGraph): Promise<{
+        layout: LayoutMapping<XYPosition>;
+    }>;
+    static get Builder(): MarketingLayoutBuilder;
+}
+export {};
+//# sourceMappingURL=marketing-layout.d.ts.map

package/dist/shared/graph-layout/marketing-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-layout.d.ts","sourceRoot":"","sources":["../../../src/shared/graph-layout/marketing-layout.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,EAAE,eAAe,EAA2B,MAAM,aAAa,CAAC;AAEvE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEjD,cAAM,sBAAuB,SAAQ,kBAAkB,CAAC,eAAe,CAAC;IACpE,eAAe,EAAE,cAAc,CAAY;IAE3C;;;;OAIG;IACH,cAAc,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAK9C,KAAK,IAAI,eAAe;CAI3B;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,WAAW;IAC7C,cAAc,EAAE,cAAc,CAAY;gBAErC,OAAO,EAAE,sBAAsB;IAK3C,WAAW,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO,CAAC;QACzC,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;KACrC,CAAC;IAqEF,MAAM,KAAK,OAAO,IAAI,sBAAsB,CAE3C;CACJ"}

package/dist/shared/graph-layout/marketing-layout.js

@@ -0,0 +1,105 @@
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as d3 from 'd3';
+import { getD3Data, nodesToLayout } from '../parsers';
+import { GraphLayout, GraphLayoutBuilder } from './common';
+class MarketingLayoutBuilder extends GraphLayoutBuilder {
+    constructor() {
+        super(...arguments);
+        this._targetLocation = 'bottom';
+    }
+    /**
+     * Sets the target location and returns the builder
+     *
+     * @param location location of the target node
+     */
+    targetLocation(location) {
+        this._targetLocation = location;
+        return this;
+    }
+    build() {
+        // eslint-disable-next-line @typescript-eslint/no-use-before-define
+        return new MarketingLayout(this);
+    }
+}
+/**
+ * The Marketing layout uses a force simulation with strong forces to lay out nodes in a way
+ * that works well with a low number of nodes.
+ * The layout does not keep the force simulation running, instead it manually runs a number of ticks
+ * whenever the layout is updated.
+ */
+export default class MarketingLayout extends GraphLayout {
+    constructor(builder) {
+        super(builder);
+        this.targetLocation = 'bottom';
+        this.targetLocation = builder._targetLocation;
+    }
+    applyLayout(graph) {
+        const [edges, nodes] = getD3Data(graph);
+        // Add some code in here to move the root of the graph up when there are no secondary nodes.
+        const simulation = d3
+            .forceSimulation(nodes)
+            .alphaMin(0.001)
+            // The link force pulls linked nodes together so they try to be a given distance apart
+            .force('link', d3
+            .forceLink(edges)
+            .id((d) => d.id)
+            .distance(() => this.nodeSize * 3)
+            .strength(this.targetLocation === 'center' ? 0.7 : 0.1))
+            // The charge force acts to push the nodes away from each other so they have space
+            .force('charge', d3.forceManyBody().strength(this.targetLocation === 'center' ? -1000 : -2000))
+            // The y force acts to split the different groups up vertically on the graph
+            .force('y', d3
+            .forceY()
+            .y((node) => {
+            if (node.group === 'target') {
+                return this.nodeSize * 10;
+            }
+            if (node.group === 'latent') {
+                return this.nodeSize * 2;
+            }
+            return this.nodeSize * 6;
+        })
+            .strength(this.targetLocation === 'center' ? 0 : 0.3))
+            // The collide force makes sure that the nodes never overlap with each other
+            .force('collide', d3.forceCollide(this.nodeSize + 10))
+            // The radial force aligns all the groups to increasing circle sizes out from a central point.
+            .force('radial', d3
+            .forceRadial((node) => {
+            if (node.group === 'target') {
+                return 0;
+            }
+            if (node.group === 'latent') {
+                return this.nodeSize * 8;
+            }
+            return this.nodeSize * 4;
+        }, 600, 400)
+            .strength((node) => {
+            if (this.targetLocation === 'center') {
+                return 1;
+            }
+            return node.group === 'other' ? 0.7 : 1;
+        }))
+            .stop();
+        simulation.tick(1000);
+        return Promise.resolve({ layout: nodesToLayout(simulation.nodes()) });
+    }
+    static get Builder() {
+        return new MarketingLayoutBuilder();
+    }
+}
+//# sourceMappingURL=marketing-layout.js.map

package/dist/shared/graph-layout/marketing-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-layout.js","sourceRoot":"","sources":["../../../src/shared/graph-layout/marketing-layout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,EAAE,MAAM,IAAI,CAAC;AAKzB,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAI3D,MAAM,sBAAuB,SAAQ,kBAAmC;IAAxE;;QACI,oBAAe,GAAmB,QAAQ,CAAC;IAgB/C,CAAC;IAdG;;;;OAIG;IACH,cAAc,CAAC,QAAwB;QACnC,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC;QAChC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,KAAK;QACD,mEAAmE;QACnE,OAAO,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC;CACJ;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,WAAW;IAGpD,YAAY,OAA+B;QACvC,KAAK,CAAC,OAAO,CAAC,CAAC;QAHZ,mBAAc,GAAmB,QAAQ,CAAC;QAI7C,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,eAAe,CAAC;IAClD,CAAC;IAED,WAAW,CAAC,KAAsB;QAG9B,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;QAExC,4FAA4F;QAC5F,MAAM,UAAU,GAAG,EAAE;aAChB,eAAe,CAAC,KAAK,CAAC;aACtB,QAAQ,CAAC,KAAK,CAAC;YAChB,sFAAsF;aACrF,KAAK,CACF,MAAM,EACN,EAAE;aACG,SAAS,CAAwE,KAAK,CAAC;aACvF,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aACf,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;aACjC,QAAQ,CAAC,IAAI,CAAC,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAC9D;YACD,kFAAkF;aACjF,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAC/F,4EAA4E;aAC3E,KAAK,CACF,GAAG,EACH,EAAE;aACG,MAAM,EAA2B;aACjC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;YACR,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;gBACzB,OAAO,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;aAC7B;YACD,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;gBACzB,OAAO,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;aAC5B;YAED,OAAO,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAC7B,CAAC,CAAC;aACD,QAAQ,CAAC,IAAI,CAAC,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAC5D;YACD,4EAA4E;aAC3E,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC;YACtD,8FAA8F;aAC7F,KAAK,CACF,QAAQ,EACR,EAAE;aACG,WAAW,CACR,CAAC,IAAI,EAAE,EAAE;YACL,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;gBACzB,OAAO,CAAC,CAAC;aACZ;YACD,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;gBACzB,OAAO,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;aAC5B;YAED,OAAO,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAC7B,CAAC,EACD,GAAG,EACH,GAAG,CACN;aACA,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;YACf,IAAI,IAAI,CAAC,cAAc,KAAK,QAAQ,EAAE;gBAClC,OAAO,CAAC,CAAC;aACZ;YACD,OAAO,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5C,CAAC,CAAC,CACT;aACA,IAAI,EAAE,CAAC;QAEZ,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEtB,OAAO,OAAO,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1E,CAAC;IAED,MAAM,KAAK,OAAO;QACd,OAAO,IAAI,sBAAsB,EAAE,CAAC;IACxC,CAAC;CACJ"}

package/dist/shared/graph-layout/planar-layout.d.ts

@@ -0,0 +1,32 @@
+import { LayoutMapping, XYPosition } from 'graphology-layout/utils';
+import { SimulationGraph } from '../../types';
+import { GraphLayout, GraphLayoutBuilder } from './common';
+export type DirectionType = 'horizontal' | 'vertical';
+declare class PlanarLayoutBuilder extends GraphLayoutBuilder<PlanarLayout> {
+    _orientation: DirectionType;
+    /**
+     * Sets the nodes orientation
+     *
+     * @param direction vertical or horizontal
+     */
+    orientation(direction: DirectionType): this;
+    build(): PlanarLayout;
+}
+/**
+ * The Planar layout utilises the sugiyama algorithm to lay out nodes in a way that minimises
+ * edge crossings.
+ */
+export default class PlanarLayout extends GraphLayout {
+    orientation: DirectionType;
+    constructor(builder: PlanarLayoutBuilder);
+    get supportsDrag(): boolean;
+    applyLayout(graph: SimulationGraph, forceUpdate?: (layout: LayoutMapping<XYPosition>, edgePoints: LayoutMapping<XYPosition[]>) => void): Promise<{
+        edgePoints?: LayoutMapping<XYPosition[]>;
+        layout: LayoutMapping<XYPosition>;
+        onAddEdge?: () => void | Promise<void>;
+        onAddNode?: () => void | Promise<void>;
+    }>;
+    static get Builder(): PlanarLayoutBuilder;
+}
+export {};
+//# sourceMappingURL=planar-layout.d.ts.map

package/dist/shared/graph-layout/planar-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"planar-layout.d.ts","sourceRoot":"","sources":["../../../src/shared/graph-layout/planar-layout.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,UAAU,CAAC;AAEtD,cAAM,mBAAoB,SAAQ,kBAAkB,CAAC,YAAY,CAAC;IAC9D,YAAY,EAAE,aAAa,CAAgB;IAE3C;;;;OAIG;IACH,WAAW,CAAC,SAAS,EAAE,aAAa,GAAG,IAAI;IAK3C,KAAK,IAAI,YAAY;CAIxB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,WAAW;IAC1C,WAAW,EAAE,aAAa,CAAgB;gBAErC,OAAO,EAAE,mBAAmB;IAMxC,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,WAAW,CACP,KAAK,EAAE,eAAe,EACtB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,CAAC,KAAK,IAAI,GACnG,OAAO,CAAC;QACP,UAAU,CAAC,EAAE,aAAa,CAAC,UAAU,EAAE,CAAC,CAAC;QACzC,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QAClC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACvC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;KAC1C,CAAC;IAqDF,MAAM,KAAK,OAAO,IAAI,mBAAmB,CAExC;CACJ"}

package/dist/shared/graph-layout/planar-layout.js

@@ -0,0 +1,95 @@
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { coordQuad, sugiyama } from 'd3-dag';
+import { dagGraphParser } from '../parsers';
+import { GraphLayout, GraphLayoutBuilder } from './common';
+class PlanarLayoutBuilder extends GraphLayoutBuilder {
+    constructor() {
+        super(...arguments);
+        this._orientation = 'horizontal';
+    }
+    /**
+     * Sets the nodes orientation
+     *
+     * @param direction vertical or horizontal
+     */
+    orientation(direction) {
+        this._orientation = direction;
+        return this;
+    }
+    build() {
+        // eslint-disable-next-line @typescript-eslint/no-use-before-define
+        return new PlanarLayout(this);
+    }
+}
+/**
+ * The Planar layout utilises the sugiyama algorithm to lay out nodes in a way that minimises
+ * edge crossings.
+ */
+export default class PlanarLayout extends GraphLayout {
+    constructor(builder) {
+        super(builder);
+        this.orientation = 'horizontal';
+        this.orientation = builder._orientation;
+    }
+    // eslint-disable-next-line class-methods-use-this
+    get supportsDrag() {
+        return false;
+    }
+    applyLayout(graph, forceUpdate) {
+        // define an inner method so it can be called repeatedly when nodes or edges are added
+        const computeLayout = (currentGraph) => {
+            const dag = dagGraphParser(currentGraph);
+            /**
+             * The nodeSize is scaled for consistent spacing in the horizontal layout
+             */
+            const newDagLayout = sugiyama()
+                .nodeSize(() => [this.nodeSize * 3, this.nodeSize * 6])
+                .coord(coordQuad())(dag);
+            const edgePoints = newDagLayout.dag.links().reduce((acc, link) => {
+                acc[`${link.source.id}||${link.target.id}`] = link.points.map((point) => ({
+                    x: this.orientation === 'vertical' ? point.x : point.y,
+                    y: this.orientation === 'vertical' ? point.y : point.x,
+                }));
+                return acc;
+            }, {});
+            const newLayout = newDagLayout.dag.descendants().reduce((acc, node) => {
+                acc[node.id] = {
+                    x: this.orientation === 'vertical' ? node.x : node.y,
+                    y: this.orientation === 'vertical' ? node.y : node.x,
+                };
+                return acc;
+            }, {});
+            return { edgePoints, newLayout };
+        };
+        const { newLayout, edgePoints } = computeLayout(graph);
+        const recomputeLayout = () => {
+            const { newLayout: recomputedLayout, edgePoints: recomputedPoints } = computeLayout(graph);
+            forceUpdate(recomputedLayout, recomputedPoints);
+        };
+        return Promise.resolve({
+            edgePoints,
+            layout: newLayout,
+            onAddEdge: recomputeLayout,
+            onAddNode: recomputeLayout,
+        });
+    }
+    static get Builder() {
+        return new PlanarLayoutBuilder();
+    }
+}
+//# sourceMappingURL=planar-layout.js.map

package/dist/shared/graph-layout/planar-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"planar-layout.js","sourceRoot":"","sources":["../../../src/shared/graph-layout/planar-layout.tsx"],"names":[],"mappings":"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"}

package/dist/shared/graph-layout/spring-layout.d.ts

@@ -0,0 +1,56 @@
+import { LayoutMapping, XYPosition } from 'graphology-layout/utils';
+import { SimulationGraph } from '../../types';
+import { GraphLayout, GraphLayoutBuilder } from './common';
+declare class SpringLayoutBuilder extends GraphLayoutBuilder<SpringLayout> {
+    _collisionForce: number;
+    _gravity: number;
+    _linkForce: number;
+    _warmupTicks: number;
+    /**
+     * Set the multiplier for collision force
+     *
+     * @param force force to set
+     */
+    collisionForce(force: number): this;
+    /**
+     * Set the multiplier for link force
+     *
+     * @param force force to set
+     */
+    linkForce(force: number): this;
+    /**
+     * Set the gravity force
+     *
+     * @param force force to set
+     */
+    gravity(force: number): this;
+    /**
+     * Sets the number of ticks to run the simulation for before displaying the layout
+     *
+     * @param ticks number of ticks to run before display
+     */
+    warmupTicks(ticks: number): this;
+    build(): SpringLayout;
+}
+/**
+ * The Spring layout uses a force simulation to position nodes.
+ * The layout keeps the simulation running as nodes are being dragged which produces the spring behaviour of edges.
+ */
+export default class SpringLayout extends GraphLayout {
+    collisionForce: number;
+    gravity: number;
+    linkForce: number;
+    warmupTicks: number;
+    constructor(builder: SpringLayoutBuilder);
+    applyLayout(graph: SimulationGraph, forceUpdate: (layout: LayoutMapping<XYPosition>) => void): Promise<{
+        layout: LayoutMapping<XYPosition>;
+        onAddNode?: () => void | Promise<void>;
+        onCleanup?: () => void | Promise<void>;
+        onEndDrag?: () => void | Promise<void>;
+        onMove?: (nodeId: string, x: number, y: number) => void;
+        onStartDrag?: () => void | Promise<void>;
+    }>;
+    static get Builder(): SpringLayoutBuilder;
+}
+export {};
+//# sourceMappingURL=spring-layout.d.ts.map

package/dist/shared/graph-layout/spring-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spring-layout.d.ts","sourceRoot":"","sources":["../../../src/shared/graph-layout/spring-layout.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGpE,OAAO,EAAoB,eAAe,EAAkB,MAAM,aAAa,CAAC;AAEhF,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE3D,cAAM,mBAAoB,SAAQ,kBAAkB,CAAC,YAAY,CAAC;IAC9D,eAAe,SAAK;IAEpB,QAAQ,SAAO;IAEf,UAAU,SAAK;IAEf,YAAY,SAAO;IAEnB;;;;OAIG;IACH,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKnC;;;;OAIG;IACH,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK9B;;;;OAIG;IACH,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK5B;;;;OAIG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKhC,KAAK,IAAI,YAAY;CAIxB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,WAAW;IAC1C,cAAc,EAAE,MAAM,CAAC;IAEvB,OAAO,EAAE,MAAM,CAAC;IAEhB,SAAS,EAAE,MAAM,CAAC;IAElB,WAAW,EAAE,MAAM,CAAC;gBAEf,OAAO,EAAE,mBAAmB;IAQxC,WAAW,CACP,KAAK,EAAE,eAAe,EACtB,WAAW,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,KAAK,IAAI,GACzD,OAAO,CAAC;QACP,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QAClC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACvC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACvC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACvC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;QACxD,WAAW,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;KAC5C,CAAC;IA4EF,MAAM,KAAK,OAAO,IAAI,mBAAmB,CAExC;CACJ"}

package/dist/shared/graph-layout/spring-layout.js

@@ -0,0 +1,148 @@
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as d3 from 'd3';
+import debounce from 'lodash/debounce';
+import { getD3Data, nodesToLayout } from '../parsers';
+import { GraphLayout, GraphLayoutBuilder } from './common';
+class SpringLayoutBuilder extends GraphLayoutBuilder {
+    constructor() {
+        super(...arguments);
+        this._collisionForce = 2;
+        this._gravity = -50;
+        this._linkForce = 5;
+        this._warmupTicks = 100;
+    }
+    /**
+     * Set the multiplier for collision force
+     *
+     * @param force force to set
+     */
+    collisionForce(force) {
+        this._collisionForce = force;
+        return this;
+    }
+    /**
+     * Set the multiplier for link force
+     *
+     * @param force force to set
+     */
+    linkForce(force) {
+        this._linkForce = force;
+        return this;
+    }
+    /**
+     * Set the gravity force
+     *
+     * @param force force to set
+     */
+    gravity(force) {
+        this._gravity = force;
+        return this;
+    }
+    /**
+     * Sets the number of ticks to run the simulation for before displaying the layout
+     *
+     * @param ticks number of ticks to run before display
+     */
+    warmupTicks(ticks) {
+        this._warmupTicks = ticks;
+        return this;
+    }
+    build() {
+        // eslint-disable-next-line @typescript-eslint/no-use-before-define
+        return new SpringLayout(this);
+    }
+}
+/**
+ * The Spring layout uses a force simulation to position nodes.
+ * The layout keeps the simulation running as nodes are being dragged which produces the spring behaviour of edges.
+ */
+export default class SpringLayout extends GraphLayout {
+    constructor(builder) {
+        super(builder);
+        this.collisionForce = builder._collisionForce;
+        this.linkForce = builder._linkForce;
+        this.gravity = builder._gravity;
+        this.warmupTicks = builder._warmupTicks;
+    }
+    applyLayout(graph, forceUpdate) {
+        // We're modifying edges/nodes
+        let [edges, nodes] = getD3Data(graph);
+        const simulation = d3
+            .forceSimulation(nodes)
+            // The link force pulls linked nodes together so they try to be a given distance apart
+            .force('links', d3
+            .forceLink(edges)
+            .id((d) => d.id)
+            .distance(() => this.nodeSize * this.linkForce))
+            // The charge force acts to push the nodes away from each other so they have space
+            .force('charge', d3.forceManyBody().strength(this.gravity))
+            // The collide force makes sure that the nodes never overlap with each other
+            .force('collide', d3.forceCollide(this.nodeSize * this.collisionForce))
+            // The center force keeps nodes in the middle of the viewport
+            .force('center', d3.forceCenter())
+            .stop(); // don't start just yet
+        // Warm-up the simulation so the jump to the center isn't visible
+        simulation.tick(this.warmupTicks);
+        simulation
+            .on('tick', () => {
+            // On each tick, update simulation nodes
+            const newNodes = nodesToLayout(simulation.nodes());
+            // Force an update
+            forceUpdate(newNodes);
+        })
+            .restart();
+        const onAddNode = debounce(() => {
+            [edges, nodes] = getD3Data(graph);
+            // replace nodes, re-add link force
+            simulation
+                .nodes(nodes)
+                .force('links', d3
+                .forceLink(edges)
+                .id((d) => d.id)
+                .distance(() => this.nodeSize * this.linkForce))
+                .alpha(0.8)
+                .alphaTarget(0)
+                .restart();
+        }, 100);
+        return Promise.resolve({
+            layout: nodesToLayout(simulation.nodes()),
+            onAddNode,
+            onCleanup: () => {
+                simulation.stop();
+            },
+            onEndDrag: () => {
+                // let simulation run for a little bit after dragging finished
+                simulation.alpha(0.1).alphaTarget(0);
+            },
+            onMove: (nodeId, x, y) => {
+                const nodeIdx = nodes.findIndex((n) => n.id === nodeId);
+                nodes[nodeIdx].x = x;
+                nodes[nodeIdx].y = y;
+            },
+            onStartDrag: () => {
+                // target is higher than alpha so that the simulation will continue to run
+                // as long as we're dragging
+                simulation.alpha(0.3).alphaTarget(0.4).restart();
+            },
+        });
+    }
+    static get Builder() {
+        return new SpringLayoutBuilder();
+    }
+}
+//# sourceMappingURL=spring-layout.js.map

package/dist/shared/graph-layout/spring-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spring-layout.js","sourceRoot":"","sources":["../../../src/shared/graph-layout/spring-layout.tsx"],"names":[],"mappings":"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"}

package/dist/shared/parsers.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Dag, DagNode } from 'd3-dag';
+import { LayoutMapping, XYPosition } from 'graphology-layout/utils';
+import { CausalGraph, CausalGraphEdge, CausalGraphNode, D3SimulationEdge, SimulationEdge, SimulationGraph, SimulationNode, SimulationNodeWithGroup } from '../types';
+export type DagNodeData = SimulationNode & {
+    parentIds: string[];
+};
+/**
+ * This parses the graph structure into a Dag structure that the d3-dag library can understand
+ *
+ * @param rawData
+ */
+export declare function dagGraphParser(graph: SimulationGraph): Dag<DagNode<DagNodeData>>;
+/**
+ * Get graph edges in d3 expected format
+ *
+ * @param graph graph to get edges from
+ */
+export declare function getD3Data(graph: SimulationGraph): [edges: D3SimulationEdge[], nodes: SimulationNodeWithGroup[]];
+/**
+ * Format node data in a layoutmapping format
+ *
+ * @param nodes
+ */
+export declare function nodesToLayout(nodes: SimulationNode[]): LayoutMapping<XYPosition>;
+/**
+ * Parse a causal graph node into a simulation node
+ *
+ * @param nodeKey node id
+ * @param nodeData  node data
+ * @param data whole graph data
+ * @param availableInputs optional list of input nodes
+ */
+export declare function parseGraphNode(nodeKey: string, nodeData: CausalGraphNode, data: CausalGraph, availableInputs?: string[]): SimulationNode;
+/**
+ * Parse a causal graph edge into simulation edge
+ *
+ * @param edgeData edge data
+ */
+export declare function parseGraphEdge(edgeData: CausalGraphEdge): SimulationEdge;
+/**
+ * Parses CausalGraph structure into a SimulationGraph representation
+ *
+ * @param data input CausalGraph structure
+ * @param availableInputs names of input nodes
+ */
+export declare function causalGraphParser(data: CausalGraph, availableInputs?: string[], initialGraph?: SimulationGraph): SimulationGraph;
+//# sourceMappingURL=parsers.d.ts.map

package/dist/shared/parsers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parsers.d.ts","sourceRoot":"","sources":["../../src/shared/parsers.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,GAAG,EAAE,OAAO,EAAe,MAAM,QAAQ,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAIpE,OAAO,EACH,WAAW,EACX,eAAe,EACf,eAAe,EACf,gBAAgB,EAIhB,cAAc,EACd,eAAe,EACf,cAAc,EACd,uBAAuB,EAC1B,MAAM,UAAU,CAAC;AAGlB,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;IACvC,SAAS,EAAE,MAAM,EAAE,CAAC;CACvB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAYhF;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,eAAe,GAAG,CAAC,KAAK,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,CAAC,CAqB/G;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,aAAa,CAAC,UAAU,CAAC,CAShF;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC1B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,eAAe,EACzB,IAAI,EAAE,WAAW,EACjB,eAAe,CAAC,EAAE,MAAM,EAAE,GAC3B,cAAc,CA+BhB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,eAAe,GAAG,cAAc,CAmBxE;AAMD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC7B,IAAI,EAAE,WAAW,EACjB,eAAe,CAAC,EAAE,MAAM,EAAE,EAC1B,YAAY,CAAC,EAAE,eAAe,GAC/B,eAAe,CAiEjB"}