@neo4j-ndl/react 3.8.6 → 3.8.8

package/lib/cjs/graph-visualization/stories/graph-viz.stories.js

@@ -0,0 +1,85 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomIslands = exports.Maximalist = exports.Barebones = exports.Default = void 0;
+const _1 = require(".");
+const componentMeta = {
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/Next/GraphVisualization',
+};
+exports.default = componentMeta;
+exports.Default = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.GraphVizDefaultSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.GraphVizDefault,
+};
+exports.Barebones = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.GraphVizBarebonesSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.GraphVizBarebones,
+};
+exports.Maximalist = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.GraphVizMaximalistSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.GraphVizMaximalist,
+};
+exports.CustomIslands = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.GraphVizCustomSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.GraphVizCustom,
+};
+//# sourceMappingURL=graph-viz.stories.js.map

package/lib/cjs/graph-visualization/stories/graph-viz.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-viz.stories.js","sourceRoot":"","sources":["../../../../src/graph-visualization/stories/graph-viz.stories.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAIH,wBASW;AAEX,MAAM,aAAa,GAAG;IACpB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,oCAAoC;CAC5C,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,qBAAkB;gBACxB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAe;CACxB,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,uBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,oBAAiB;CAC1B,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAqB;gBAC3B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,CAAC;AAEW,QAAA,aAAa,GAAU;IAClC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,CAAC"}

package/lib/cjs/graph-visualization/stories/index.js

@@ -0,0 +1,44 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphVizCustomSrc = exports.GraphVizMaximalistSrc = exports.GraphVizBarebonesSrc = exports.GraphVizDefaultSrc = exports.GraphVizMaximalist = exports.GraphVizDefault = exports.GraphVizCustom = exports.GraphVizBarebones = void 0;
+var graph_viz_barebones_story_1 = require("./graph-viz-barebones.story");
+Object.defineProperty(exports, "GraphVizBarebones", { enumerable: true, get: function () { return __importDefault(graph_viz_barebones_story_1).default; } });
+var graph_viz_custom_story_1 = require("./graph-viz-custom.story");
+Object.defineProperty(exports, "GraphVizCustom", { enumerable: true, get: function () { return __importDefault(graph_viz_custom_story_1).default; } });
+var graph_viz_default_story_1 = require("./graph-viz-default.story");
+Object.defineProperty(exports, "GraphVizDefault", { enumerable: true, get: function () { return __importDefault(graph_viz_default_story_1).default; } });
+var graph_viz_maximalist_story_1 = require("./graph-viz-maximalist.story");
+Object.defineProperty(exports, "GraphVizMaximalist", { enumerable: true, get: function () { return __importDefault(graph_viz_maximalist_story_1).default; } });
+const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const graph_viz_barebones_story_raw_1 = __importDefault(require("./graph-viz-barebones.story?raw"));
+const graph_viz_custom_story_raw_1 = __importDefault(require("./graph-viz-custom.story?raw"));
+const graph_viz_default_story_raw_1 = __importDefault(require("./graph-viz-default.story?raw"));
+const graph_viz_maximalist_story_raw_1 = __importDefault(require("./graph-viz-maximalist.story?raw"));
+exports.GraphVizDefaultSrc = (0, export_stories_utils_1.removeLicenseHeader)(graph_viz_default_story_raw_1.default);
+exports.GraphVizBarebonesSrc = (0, export_stories_utils_1.removeLicenseHeader)(graph_viz_barebones_story_raw_1.default);
+exports.GraphVizMaximalistSrc = (0, export_stories_utils_1.removeLicenseHeader)(graph_viz_maximalist_story_raw_1.default);
+exports.GraphVizCustomSrc = (0, export_stories_utils_1.removeLicenseHeader)(graph_viz_custom_story_raw_1.default);
+//# sourceMappingURL=index.js.map

package/lib/cjs/graph-visualization/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/graph-visualization/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,yEAA2E;AAAlE,+IAAA,OAAO,OAAqB;AACrC,mEAAqE;AAA5D,yIAAA,OAAO,OAAkB;AAClC,qEAAuE;AAA9D,2IAAA,OAAO,OAAmB;AACnC,2EAA6E;AAApE,iJAAA,OAAO,OAAsB;AAEtC,wFAAoF;AAEpF,oGAAsE;AACtE,8FAAgE;AAChE,gGAAkE;AAClE,sGAAwE;AAE3D,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,qCAAqB,CAAC,CAAC;AAEhE,QAAA,oBAAoB,GAAG,IAAA,0CAAmB,EACrD,uCAAuB,CACxB,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,0CAAmB,EACtD,wCAAwB,CACzB,CAAC;AAEW,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,oCAAoB,CAAC,CAAC"}

package/lib/cjs/graph-visualization/stories/story-data.js

@@ -0,0 +1,89 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.containerClasses = exports.StoryGraph = void 0;
+exports.StoryGraph = {
+    nodes: [
+        {
+            id: 'node1',
+            labels: ['Pokemon', 'Legendary'],
+            properties: {
+                durationToWinBattle: {
+                    stringified: 'P0M0DT0.000000001S',
+                    type: 'duration',
+                },
+                favoriteColors: {
+                    stringified: '["red", "blue", "green"]',
+                    type: 'list',
+                },
+                getsBeatBy: {
+                    stringified: 'null',
+                    type: 'null',
+                },
+                isAwesome: {
+                    stringified: 'true',
+                    type: 'boolean',
+                },
+                location: {
+                    stringified: 'point({srid:1, x:100, y:200, z:300})',
+                    type: 'point',
+                },
+                name: {
+                    stringified: '"Rayquaza"',
+                    type: 'string',
+                },
+                weight: {
+                    stringified: '392.0',
+                    type: 'float',
+                },
+            },
+        },
+        {
+            id: 'node2',
+            labels: ['Type'],
+            properties: { name: { stringified: 'Dragon', type: 'String' } },
+        },
+        {
+            id: 'node3',
+            labels: ['Type'],
+            properties: { name: { stringified: 'Flying', type: 'String' } },
+        },
+    ],
+    rels: [
+        {
+            from: 'node1',
+            id: 'rel1',
+            properties: {},
+            to: 'node2',
+            type: 'HAS_TYPE',
+        },
+        {
+            from: 'node1',
+            id: 'rel2',
+            properties: {},
+            to: 'node3',
+            type: 'HAS_TYPE',
+        },
+    ],
+};
+exports.containerClasses = 'n-w-full n-border-palette-neutral-border-weak n-mx-2 n-rounded-lg n-border';
+//# sourceMappingURL=story-data.js.map

package/lib/cjs/graph-visualization/stories/story-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"story-data.js","sourceRoot":"","sources":["../../../../src/graph-visualization/stories/story-data.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAIU,QAAA,UAAU,GAAyC;IAC9D,KAAK,EAAE;QACL;YACE,EAAE,EAAE,OAAO;YACX,MAAM,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC;YAChC,UAAU,EAAE;gBACV,mBAAmB,EAAE;oBACnB,WAAW,EAAE,oBAAoB;oBACjC,IAAI,EAAE,UAAU;iBACjB;gBACD,cAAc,EAAE;oBACd,WAAW,EAAE,0BAA0B;oBACvC,IAAI,EAAE,MAAM;iBACb;gBACD,UAAU,EAAE;oBACV,WAAW,EAAE,MAAM;oBACnB,IAAI,EAAE,MAAM;iBACb;gBACD,SAAS,EAAE;oBACT,WAAW,EAAE,MAAM;oBACnB,IAAI,EAAE,SAAS;iBAChB;gBACD,QAAQ,EAAE;oBACR,WAAW,EAAE,sCAAsC;oBACnD,IAAI,EAAE,OAAO;iBACd;gBACD,IAAI,EAAE;oBACJ,WAAW,EAAE,YAAY;oBACzB,IAAI,EAAE,QAAQ;iBACf;gBACD,MAAM,EAAE;oBACN,WAAW,EAAE,OAAO;oBACpB,IAAI,EAAE,OAAO;iBACd;aACF;SACF;QACD;YACE,EAAE,EAAE,OAAO;YACX,MAAM,EAAE,CAAC,MAAM,CAAC;YAChB,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;SAChE;QACD;YACE,EAAE,EAAE,OAAO;YACX,MAAM,EAAE,CAAC,MAAM,CAAC;YAChB,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;SAChE;KACF;IACD,IAAI,EAAE;QACJ;YACE,IAAI,EAAE,OAAO;YACb,EAAE,EAAE,MAAM;YACV,UAAU,EAAE,EAAE;YACd,EAAE,EAAE,OAAO;YACX,IAAI,EAAE,UAAU;SACjB;QACD;YACE,IAAI,EAAE,OAAO;YACb,EAAE,EAAE,MAAM;YACV,UAAU,EAAE,EAAE;YACd,EAAE,EAAE,OAAO;YACX,IAAI,EAAE,UAAU;SACjB;KACF;CACF,CAAC;AAEW,QAAA,gBAAgB,GAC3B,4EAA4E,CAAC"}

package/lib/cjs/graph-visualization/use-managed-selection-state.js

@@ -0,0 +1,258 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useManagedSelectionState = useManagedSelectionState;
+const react_1 = require("react");
+const utils_1 = require("./utils");
+const isMultiSelectKeyPressed = (evt) => (!utils_1.isMac && evt.ctrlKey) || (utils_1.isMac && evt.metaKey);
+const isClickingOnTextInput = (e) => {
+    if (!(e.target instanceof HTMLElement)) {
+        return false;
+    }
+    return (e.target.isContentEditable ||
+        ['INPUT', 'TEXTAREA'].includes(e.target.tagName));
+};
+function useManagedSelectionState({ selected, setSelected, gesture, interactionMode, setInteractionMode, mouseEventCallbacks, nvlGraph, }) {
+    const panOnSpace = (0, react_1.useCallback)((evt) => {
+        // We could check the gesture here
+        // but it doesn't really matter if we switch to panning mode even in single select
+        if (interactionMode === 'select' && evt.key === ' ') {
+            setInteractionMode('pan');
+        }
+    }, [interactionMode, setInteractionMode]);
+    const stopPanningReleaseSpace = (0, react_1.useCallback)((evt) => {
+        if (interactionMode === 'pan' && evt.key === ' ') {
+            setInteractionMode('select');
+        }
+    }, [interactionMode, setInteractionMode]);
+    (0, react_1.useEffect)(() => {
+        document.addEventListener('keydown', panOnSpace);
+        document.addEventListener('keyup', stopPanningReleaseSpace);
+        return () => {
+            document.removeEventListener('keydown', panOnSpace);
+            document.removeEventListener('keyup', stopPanningReleaseSpace);
+        };
+    }, [panOnSpace, stopPanningReleaseSpace]);
+    const { onBoxSelect: originalBoxSelect, onLassoSelect: originalOnLassoSelect, onLassoStarted, onBoxStarted, onPan = true, onHover, onHoverNodeMargin, onNodeClick: originalOnNodeClick, onRelationshipClick: originalOnRelationshipClick, onDragStart: originalOnDragStart, onDragEnd: originalOnDragEnd, onDrawEnded: originalOnDrawEnded, onDrawStarted: originalOnDrawStarted, onCanvasClick: originalOnCanvasClick, onNodeDoubleClick: originalOnNodeDoubleClick, onRelationshipDoubleClick: originalOnRelationshipDoubleClick, } = mouseEventCallbacks;
+    const onCanvasClick = (0, react_1.useCallback)((evt) => {
+        if (isClickingOnTextInput(evt)) {
+            return;
+        }
+        // Clear selection
+        setSelected({ nodeIds: [], relationshipIds: [] });
+        if (typeof originalOnCanvasClick === 'function') {
+            originalOnCanvasClick(evt);
+        }
+    }, [originalOnCanvasClick, setSelected]);
+    const onDragStart = (0, react_1.useCallback)((draggedNodes, evt) => {
+        setInteractionMode('drag');
+        // Update Selection
+        const draggedNodeIds = draggedNodes.map((n) => n.id);
+        if (selected.nodeIds.length === 0 || isMultiSelectKeyPressed(evt)) {
+            setSelected({
+                nodeIds: draggedNodeIds,
+                relationshipIds: selected.relationshipIds,
+            });
+            return;
+        }
+        setSelected({
+            nodeIds: draggedNodeIds,
+            relationshipIds: selected.relationshipIds,
+        });
+        if (typeof originalOnDragStart === 'function') {
+            originalOnDragStart(draggedNodes, evt);
+        }
+    }, [setSelected, originalOnDragStart, selected, setInteractionMode]);
+    const onDragEnd = (0, react_1.useCallback)((draggedNodes, evt) => {
+        if (typeof originalOnDragEnd === 'function') {
+            originalOnDragEnd(draggedNodes, evt);
+        }
+        setInteractionMode('select');
+    }, [originalOnDragEnd, setInteractionMode]);
+    // wrapping so that there's a function passed, even if the original function is undefined
+    const onDrawStarted = (0, react_1.useCallback)((evt) => {
+        if (typeof originalOnDrawStarted === 'function') {
+            originalOnDrawStarted(evt);
+        }
+    }, [originalOnDrawStarted]);
+    const onDrawEnded = (0, react_1.useCallback)((newRelationshipToAdd, newTargetNodeToAdd, event) => {
+        if (typeof originalOnDrawEnded === 'function') {
+            originalOnDrawEnded(newRelationshipToAdd, newTargetNodeToAdd, event);
+        }
+    }, [originalOnDrawEnded]);
+    const onNodeClick = (0, react_1.useCallback)((node, hitElements, evt) => {
+        if (isClickingOnTextInput(evt)) {
+            return;
+        }
+        if (isMultiSelectKeyPressed(evt)) {
+            // if not selected, add to selection, otherwise deselect
+            const isNodeSelected = selected.nodeIds.includes(node.id);
+            if (isNodeSelected) {
+                const newSelectedNodeIds = selected.nodeIds.filter((id) => id !== node.id);
+                setSelected({
+                    nodeIds: newSelectedNodeIds,
+                    relationshipIds: selected.relationshipIds,
+                });
+            }
+            else {
+                const newSelectedNodeIds = [...selected.nodeIds, node.id];
+                setSelected({
+                    nodeIds: newSelectedNodeIds,
+                    relationshipIds: selected.relationshipIds,
+                });
+            }
+        }
+        else {
+            setSelected({ nodeIds: [node.id], relationshipIds: [] });
+        }
+        if (typeof originalOnNodeClick === 'function') {
+            originalOnNodeClick(node, hitElements, evt);
+        }
+    }, [setSelected, selected, originalOnNodeClick]);
+    const onRelationshipClick = (0, react_1.useCallback)((relationship, hitElements, evt) => {
+        if (isClickingOnTextInput(evt)) {
+            return;
+        }
+        if (isMultiSelectKeyPressed(evt)) {
+            // if not selected, add to selection, otherwise deselect
+            const isRelationshipSelected = selected.relationshipIds.includes(relationship.id);
+            if (isRelationshipSelected) {
+                const newSelectedRelIds = selected.relationshipIds.filter((id) => id !== relationship.id);
+                setSelected({
+                    nodeIds: selected.nodeIds,
+                    relationshipIds: newSelectedRelIds,
+                });
+            }
+            else {
+                const newSelectedRelIds = [
+                    ...selected.relationshipIds,
+                    relationship.id,
+                ];
+                setSelected({
+                    nodeIds: selected.nodeIds,
+                    relationshipIds: newSelectedRelIds,
+                });
+            }
+        }
+        else {
+            setSelected({ nodeIds: [], relationshipIds: [relationship.id] });
+        }
+        if (typeof originalOnRelationshipClick === 'function') {
+            originalOnRelationshipClick(relationship, hitElements, evt);
+        }
+    }, [setSelected, selected, originalOnRelationshipClick]);
+    const onNodeDoubleClick = (0, react_1.useCallback)((node, hitElements, evt) => {
+        if (isClickingOnTextInput(evt)) {
+            return;
+        }
+        if (typeof originalOnNodeDoubleClick === 'function') {
+            originalOnNodeDoubleClick(node, hitElements, evt);
+        }
+    }, [originalOnNodeDoubleClick]);
+    const onRelationshipDoubleClick = (0, react_1.useCallback)((relationship, hitElements, evt) => {
+        if (isClickingOnTextInput(evt)) {
+            return;
+        }
+        if (typeof originalOnRelationshipDoubleClick === 'function') {
+            originalOnRelationshipDoubleClick(relationship, hitElements, evt);
+        }
+    }, [originalOnRelationshipDoubleClick]);
+    const onMultiSelect = (0, react_1.useCallback)((nodes, rels, evt) => {
+        const nodeIds = nodes.map((n) => n.id);
+        const relationshipIds = rels.map((r) => r.id);
+        if (isMultiSelectKeyPressed(evt)) {
+            const currentlySelectedNodeIds = selected.nodeIds;
+            const currentlySelectedRelIds = selected.relationshipIds;
+            // Toggle selection: items that are already selected should be removed from selection,
+            // those that are not should be added
+            const xor = (a, b) => [
+                ...new Set([...a, ...b].filter((id) => !a.includes(id) || !b.includes(id))),
+            ];
+            const newSelectedNodeIds = xor(currentlySelectedNodeIds, nodeIds);
+            const newSelectedRelIds = xor(currentlySelectedRelIds, relationshipIds);
+            setSelected({
+                nodeIds: newSelectedNodeIds,
+                relationshipIds: newSelectedRelIds,
+            });
+        }
+        else {
+            // REPLACE selection
+            setSelected({ nodeIds: nodeIds, relationshipIds: relationshipIds });
+        }
+    }, [setSelected, selected]);
+    const onLassoSelect = (0, react_1.useCallback)(({ nodes, rels }, evt) => {
+        onMultiSelect(nodes, rels, evt);
+        if (typeof originalOnLassoSelect === 'function') {
+            originalOnLassoSelect({ nodes, rels }, evt);
+        }
+    }, [onMultiSelect, originalOnLassoSelect]);
+    const onBoxSelect = (0, react_1.useCallback)(({ nodes, rels }, evt) => {
+        onMultiSelect(nodes, rels, evt);
+        if (typeof originalBoxSelect === 'function') {
+            originalBoxSelect({ nodes, rels }, evt);
+        }
+    }, [onMultiSelect, originalBoxSelect]);
+    const isDrawMode = interactionMode === 'draw';
+    const isSelectMode = interactionMode === 'select';
+    const shouldEnableBox = isSelectMode && gesture === 'box';
+    const shouldEnableLasso = isSelectMode && gesture === 'lasso';
+    const shouldEnablePan = interactionMode === 'pan' || (isSelectMode && gesture === 'single');
+    const canDrag = interactionMode === 'drag' || interactionMode === 'select';
+    const wrappedMouseEventCallbacks = (0, react_1.useMemo)(() => {
+        var _a;
+        return (Object.assign(Object.assign({}, mouseEventCallbacks), { onBoxSelect: shouldEnableBox ? onBoxSelect : false, onBoxStarted: shouldEnableBox ? onBoxStarted : false, onCanvasClick: isSelectMode ? onCanvasClick : false, onDragEnd: canDrag ? onDragEnd : false, onDragStart: canDrag ? onDragStart : false, onDrawEnded: isDrawMode ? onDrawEnded : false, onDrawStarted: isDrawMode ? onDrawStarted : false, onHover: isSelectMode ? onHover : false, onHoverNodeMargin: isDrawMode ? onHoverNodeMargin : false, onLassoSelect: shouldEnableLasso ? onLassoSelect : false, onLassoStarted: shouldEnableLasso ? onLassoStarted : false, onNodeClick: isSelectMode ? onNodeClick : false, onNodeDoubleClick: isSelectMode ? onNodeDoubleClick : false, onPan: shouldEnablePan ? onPan : false, onRelationshipClick: isSelectMode ? onRelationshipClick : false, onRelationshipDoubleClick: isSelectMode
+                ? onRelationshipDoubleClick
+                : false, onZoom: (_a = mouseEventCallbacks.onZoom) !== null && _a !== void 0 ? _a : true }));
+    }, [
+        canDrag,
+        shouldEnableBox,
+        shouldEnableLasso,
+        shouldEnablePan,
+        isDrawMode,
+        isSelectMode,
+        mouseEventCallbacks,
+        onBoxSelect,
+        onBoxStarted,
+        onCanvasClick,
+        onDragEnd,
+        onDragStart,
+        onDrawEnded,
+        onDrawStarted,
+        onHover,
+        onHoverNodeMargin,
+        onLassoSelect,
+        onLassoStarted,
+        onNodeClick,
+        onNodeDoubleClick,
+        onPan,
+        onRelationshipClick,
+        onRelationshipDoubleClick,
+    ]);
+    const selectionSet = (0, react_1.useMemo)(() => ({
+        nodeIds: new Set(selected.nodeIds),
+        relIds: new Set(selected.relationshipIds),
+    }), [selected]);
+    const nodesWithSelection = (0, react_1.useMemo)(() => nvlGraph.nodes.map((n) => (Object.assign(Object.assign({}, n), { selected: selectionSet.nodeIds.has(n.id) }))), [nvlGraph.nodes, selectionSet]);
+    const relsWithSelection = (0, react_1.useMemo)(() => nvlGraph.rels.map((r) => (Object.assign(Object.assign({}, r), { selected: selectionSet.relIds.has(r.id) }))), [nvlGraph.rels, selectionSet]);
+    return { nodesWithSelection, relsWithSelection, wrappedMouseEventCallbacks };
+}
+//# sourceMappingURL=use-managed-selection-state.js.map

package/lib/cjs/graph-visualization/use-managed-selection-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-managed-selection-state.js","sourceRoot":"","sources":["../../../src/graph-visualization/use-managed-selection-state.ts"],"names":[],"mappings":"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"}

package/lib/cjs/graph-visualization/use-semi-controlled-state.js

@@ -0,0 +1,38 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSemicontrolledState = useSemicontrolledState;
+const react_1 = require("react");
+function useSemicontrolledState(externalState, externalSetState) {
+    const [backupState, setBackupState] = (0, react_1.useState)(externalState);
+    const state = (0, react_1.useMemo)(() => (externalSetState ? externalState : backupState), [externalState, backupState, externalSetState]);
+    const setState = (0, react_1.useCallback)((newState) => {
+        if (externalSetState !== undefined) {
+            externalSetState(newState);
+        }
+        else {
+            setBackupState(newState);
+        }
+    }, [externalSetState, setBackupState]);
+    return [state, setState];
+}
+//# sourceMappingURL=use-semi-controlled-state.js.map

package/lib/cjs/graph-visualization/use-semi-controlled-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-semi-controlled-state.js","sourceRoot":"","sources":["../../../src/graph-visualization/use-semi-controlled-state.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;AAIH,wDAuBC;AAzBD,iCAAuD;AAEvD,SAAgB,sBAAsB,CACpC,aAAgB,EAChB,gBAAwC;IAExC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAI,aAAa,CAAC,CAAC;IAEjE,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,EACtD,CAAC,aAAa,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAC/C,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAC1B,CAAC,QAAW,EAAE,EAAE;QACd,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;YACnC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,cAAc,CAAC,QAAQ,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EACD,CAAC,gBAAgB,EAAE,cAAc,CAAC,CACnC,CAAC;IAEF,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC3B,CAAC"}

package/lib/cjs/graph-visualization/utils.js

@@ -0,0 +1,30 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapValues = exports.xor = exports.isMac = void 0;
+exports.isMac = navigator.userAgent.includes('Mac');
+const uniq = (arr) => [...new Set(arr)];
+const xor = (a, b) => uniq([...a, ...b].filter((id) => !a.includes(id) || !b.includes(id)));
+exports.xor = xor;
+const mapValues = (obj, fn) => Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, fn(value)]));
+exports.mapValues = mapValues;
+//# sourceMappingURL=utils.js.map

package/lib/cjs/graph-visualization/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/graph-visualization/utils.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEU,QAAA,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AAEzD,MAAM,IAAI,GAAG,CAAC,GAAa,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAE3C,MAAM,GAAG,GAAG,CAAC,CAAW,EAAE,CAAW,EAAE,EAAE,CAC9C,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAD3D,QAAA,GAAG,OACwD;AAEjE,MAAM,SAAS,GAAG,CACvB,GAAsB,EACtB,EAAmB,EACA,EAAE,CACrB,MAAM,CAAC,WAAW,CAChB,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAC5D,CAAC;AANS,QAAA,SAAS,aAMlB"}

package/lib/cjs/index.js

@@ -87,4 +87,5 @@ __exportStar(require("./loading-bar"), exports);
 __exportStar(require("./conditional-wrap"), exports);
 __exportStar(require("./ai-presence"), exports);
 __exportStar(require("./color-picker"), exports);
+__exportStar(require("./graph-visualization"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,sDAAoC;AACpC,4CAA0B;AAC1B,iDAA+B;AAC/B,6CAA2B;AAC3B,8CAA4B;AAC5B,+CAA6B;AAC7B,8CAA4B;AAC5B,8CAA4B;AAC5B,2CAAyB;AACzB,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,gDAA8B;AAC9B,yCAAuB;AACvB,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,yCAAuB;AACvB,qDAAmC;AACnC,2CAAyB;AACzB,gDAA8B;AAC9B,oDAAkC;AAClC,4CAA0B;AAC1B,8CAA4B;AAC5B,0CAAwB;AACxB,4CAA0B;AAC1B,4CAA0B;AAC1B,6CAA2B;AAC3B,gDAA8B;AAC9B,8CAA4B;AAC5B,gDAA8B;AAC9B,qDAAmC;AACnC,gDAA8B;AAC9B,iDAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,sDAAoC;AACpC,4CAA0B;AAC1B,iDAA+B;AAC/B,6CAA2B;AAC3B,8CAA4B;AAC5B,+CAA6B;AAC7B,8CAA4B;AAC5B,8CAA4B;AAC5B,2CAAyB;AACzB,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,gDAA8B;AAC9B,yCAAuB;AACvB,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,yCAAuB;AACvB,qDAAmC;AACnC,2CAAyB;AACzB,gDAA8B;AAC9B,oDAAkC;AAClC,4CAA0B;AAC1B,8CAA4B;AAC5B,0CAAwB;AACxB,4CAA0B;AAC1B,4CAA0B;AAC1B,6CAA2B;AAC3B,gDAA8B;AAC9B,8CAA4B;AAC5B,gDAA8B;AAC9B,qDAAmC;AACnC,gDAA8B;AAC9B,iDAA+B;AAC/B,wDAAsC"}

package/lib/cjs/spotlight/Spotlight.js

@@ -101,7 +101,7 @@ const SpotlightIconWrapper = react_1.default.forwardRef(function SpotlightIconWr
     const Component = as || 'div';
     return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref, className: classes, style: style }, htmlAttributes, { children: children })));
 });
-const SpotlightComponent = react_1.default.forwardRef(function SpotlightComponent({ target, actions = [], beforeActions, initialFocus, onClose, placement, hasAnchorPortal, children, className, style, htmlAttributes, closeOnClickOutside = false, strategy, }, ref) {
+const SpotlightComponent = react_1.default.forwardRef(function SpotlightComponent({ target, actions = [], beforeActions, initialFocus, onClose, placement, hasAnchorPortal, children, className, style, htmlAttributes, closeOnClickOutside = false, strategy, onOpen, }, ref) {
     const { isActiveSpotlight, isOpen, setActiveSpotlight, setIsOpen, registeredTargets, } = (0, SpotlightProvider_1.useSpotlightContext)();
     const [targetElement, setTargetElement] = (0, react_1.useState)(null);
     const classes = (0, classnames_1.default)('ndl-spotlight', className);
@@ -109,6 +109,11 @@ const SpotlightComponent = react_1.default.forwardRef(function SpotlightComponen
         var _a;
         setTargetElement((_a = registeredTargets[target]) === null || _a === void 0 ? void 0 : _a.current);
     }, [target, registeredTargets]);
+    (0, react_1.useEffect)(() => {
+        if (isOpen && isActiveSpotlight(target)) {
+            onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+        }
+    }, [isOpen, onOpen, isActiveSpotlight, target]);
     return ((0, jsx_runtime_1.jsx)(popover_1.Popover, { anchorElement: targetElement, hasAnchorPortal: !!targetElement && hasAnchorPortal, isOpen: isActiveSpotlight(target) && isOpen && !!targetElement, shouldCaptureFocus: true, closeOnClickOutside: closeOnClickOutside, onOpenChange: (isOpen, event) => {
             if (!isOpen) {
                 if (event instanceof PointerEvent) {