@neo4j-ndl/react 3.8.7 → 3.8.9

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

@@ -0,0 +1,86 @@
+/**
+ *
+ *  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/>.
+ */
+export const 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',
+        },
+    ],
+};
+export const 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/esm/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;AAIH,MAAM,CAAC,MAAM,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;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAC3B,4EAA4E,CAAC"}

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

@@ -0,0 +1,255 @@
+/**
+ *
+ *  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/>.
+ */
+import { useCallback, useEffect, useMemo } from 'react';
+import { isMac } from './utils';
+const isMultiSelectKeyPressed = (evt) => (!isMac && evt.ctrlKey) || (isMac && evt.metaKey);
+const isClickingOnTextInput = (e) => {
+    if (!(e.target instanceof HTMLElement)) {
+        return false;
+    }
+    return (e.target.isContentEditable ||
+        ['INPUT', 'TEXTAREA'].includes(e.target.tagName));
+};
+export function useManagedSelectionState({ selected, setSelected, gesture, interactionMode, setInteractionMode, mouseEventCallbacks, nvlGraph, }) {
+    const panOnSpace = 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 = useCallback((evt) => {
+        if (interactionMode === 'pan' && evt.key === ' ') {
+            setInteractionMode('select');
+        }
+    }, [interactionMode, setInteractionMode]);
+    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 = useCallback((evt) => {
+        if (isClickingOnTextInput(evt)) {
+            return;
+        }
+        // Clear selection
+        setSelected({ nodeIds: [], relationshipIds: [] });
+        if (typeof originalOnCanvasClick === 'function') {
+            originalOnCanvasClick(evt);
+        }
+    }, [originalOnCanvasClick, setSelected]);
+    const onDragStart = 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 = 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 = useCallback((evt) => {
+        if (typeof originalOnDrawStarted === 'function') {
+            originalOnDrawStarted(evt);
+        }
+    }, [originalOnDrawStarted]);
+    const onDrawEnded = useCallback((newRelationshipToAdd, newTargetNodeToAdd, event) => {
+        if (typeof originalOnDrawEnded === 'function') {
+            originalOnDrawEnded(newRelationshipToAdd, newTargetNodeToAdd, event);
+        }
+    }, [originalOnDrawEnded]);
+    const onNodeClick = 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 = 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 = useCallback((node, hitElements, evt) => {
+        if (isClickingOnTextInput(evt)) {
+            return;
+        }
+        if (typeof originalOnNodeDoubleClick === 'function') {
+            originalOnNodeDoubleClick(node, hitElements, evt);
+        }
+    }, [originalOnNodeDoubleClick]);
+    const onRelationshipDoubleClick = useCallback((relationship, hitElements, evt) => {
+        if (isClickingOnTextInput(evt)) {
+            return;
+        }
+        if (typeof originalOnRelationshipDoubleClick === 'function') {
+            originalOnRelationshipDoubleClick(relationship, hitElements, evt);
+        }
+    }, [originalOnRelationshipDoubleClick]);
+    const onMultiSelect = 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 = useCallback(({ nodes, rels }, evt) => {
+        onMultiSelect(nodes, rels, evt);
+        if (typeof originalOnLassoSelect === 'function') {
+            originalOnLassoSelect({ nodes, rels }, evt);
+        }
+    }, [onMultiSelect, originalOnLassoSelect]);
+    const onBoxSelect = 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 = 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 = useMemo(() => ({
+        nodeIds: new Set(selected.nodeIds),
+        relIds: new Set(selected.relationshipIds),
+    }), [selected]);
+    const nodesWithSelection = useMemo(() => nvlGraph.nodes.map((n) => (Object.assign(Object.assign({}, n), { selected: selectionSet.nodeIds.has(n.id) }))), [nvlGraph.nodes, selectionSet]);
+    const relsWithSelection = 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/esm/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/esm/graph-visualization/use-semi-controlled-state.js

@@ -0,0 +1,35 @@
+/**
+ *
+ *  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/>.
+ */
+import { useCallback, useMemo, useState } from 'react';
+export function useSemicontrolledState(externalState, externalSetState) {
+    const [backupState, setBackupState] = useState(externalState);
+    const state = useMemo(() => (externalSetState ? externalState : backupState), [externalState, backupState, externalSetState]);
+    const setState = useCallback((newState) => {
+        if (externalSetState !== undefined) {
+            externalSetState(newState);
+        }
+        else {
+            setBackupState(newState);
+        }
+    }, [externalSetState, setBackupState]);
+    return [state, setState];
+}
+//# sourceMappingURL=use-semi-controlled-state.js.map

package/lib/esm/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;AAEH,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,UAAU,sBAAsB,CACpC,aAAgB,EAChB,gBAAwC;IAExC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAI,aAAa,CAAC,CAAC;IAEjE,MAAM,KAAK,GAAG,OAAO,CACnB,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,WAAW,CAC1B,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/esm/graph-visualization/utils.js

@@ -0,0 +1,25 @@
+/**
+ *
+ *  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/>.
+ */
+export const isMac = navigator.userAgent.includes('Mac');
+const uniq = (arr) => [...new Set(arr)];
+export const xor = (a, b) => uniq([...a, ...b].filter((id) => !a.includes(id) || !b.includes(id)));
+export const mapValues = (obj, fn) => Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, fn(value)]));
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/graph-visualization/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,MAAM,CAAC,MAAM,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;AAElD,MAAM,CAAC,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;AAExE,MAAM,CAAC,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"}

package/lib/esm/index.js

@@ -71,4 +71,5 @@ export * from './loading-bar';
 export * from './conditional-wrap';
 export * from './ai-presence';
 export * from './color-picker';
+export * from './graph-visualization';
 //# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC"}

package/lib/types/graph-visualization/graph-viz-buttons.d.ts

@@ -0,0 +1,49 @@
+/**
+ *
+ *  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/>.
+ */
+import { type TooltipProps } from '@neo4j-ndl/react';
+import { type CSSProperties, type PropsWithChildren } from 'react';
+import { type HtmlAttributes } from '../_common/types';
+type GraphVizButtonProps = {
+    className?: string;
+    style?: CSSProperties;
+    htmlAttributes?: HtmlAttributes<'button'>;
+    tooltipPlacement?: TooltipProps['placement'];
+};
+type BaseProperties = GraphVizButtonProps & {
+    tipContent: string;
+    testid?: string;
+    ariaLabel?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    onClick?: () => void;
+    onMouseDown?: () => void;
+};
+export type GraphVizGroupButton = PropsWithChildren<BaseProperties>;
+export declare const GroupButton: (props: GraphVizGroupButton) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleSelectButton: ({ className, style, htmlAttributes, tooltipPlacement, }: GraphVizButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BoxSelectButton: ({ className, style, htmlAttributes, tooltipPlacement, }: GraphVizButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LassoSelectButton: ({ className, style, htmlAttributes, tooltipPlacement, }: GraphVizButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ZoomInButton: ({ className, style, htmlAttributes, tooltipPlacement, }: GraphVizButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ZoomOutButton: ({ className, style, htmlAttributes, tooltipPlacement, }: GraphVizButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ZoomToFitButton: ({ className, style, htmlAttributes, tooltipPlacement, }: GraphVizButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToggleSidePanelButton: ({ className, htmlAttributes, style, tooltipPlacement, }: GraphVizButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DownloadButton: ({ className, style, htmlAttributes, tooltipPlacement, }: GraphVizButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/types/graph-visualization/graph-viz-context.d.ts

@@ -0,0 +1,122 @@
+/**
+ *
+ *  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/>.
+ */
+import type NVL from '@neo4j-nvl/base';
+import { type Node, type Relationship } from '@neo4j-nvl/base';
+export type GraphSelection = {
+    nodeIds: string[];
+    relationshipIds: string[];
+};
+export type Sidepanel = {
+    children: React.ReactNode;
+    isSidePanelOpen: boolean;
+    setIsSidePanelOpen?: (isSidePanelOpen: boolean) => void;
+    sidePanelWidth?: number;
+    onSidePanelResize: (width: number) => void;
+    minWidth?: number;
+};
+export type NvlGraph = {
+    nodes: Node[];
+    rels: Relationship[];
+    dataLookupTable: DataLookupTable;
+};
+export type GraphItemMetaData = {
+    totalCount: number;
+    mostCommonColor: string;
+};
+export type DataLookupTable = {
+    nodes: Record<string, NodeData>;
+    relationships: Record<string, RelData>;
+    labels: string[];
+    types: string[];
+    labelMetaData: Record<string, GraphItemMetaData>;
+    typeMetaData: Record<string, GraphItemMetaData>;
+};
+export type PortableProperty = {
+    stringified: string;
+    type: string;
+};
+export type NodeData = {
+    labelsSorted: string[];
+    properties: Record<string, PortableProperty>;
+    color: string;
+    id: string;
+};
+export type RelData = {
+    type: string;
+    properties: Record<string, PortableProperty>;
+    color: string;
+    id: string;
+};
+export type NeoNode = Node & {
+    properties: Record<string, PortableProperty>;
+    labels: string[];
+};
+export type NeoRel = Relationship & {
+    properties: Record<string, PortableProperty>;
+    type: string;
+};
+/**
+ * Data that is shared across the graph visualization component.
+ *
+ * @see {@link useGraphVizContext}
+ * @alpha
+ */
+export type GraphVizContextData = {
+    nvlInstance: React.MutableRefObject<NVL | null>;
+    sidepanel: Sidepanel | null;
+    gesture: Gesture;
+    setGesture?: (gesture: Gesture) => void;
+    interactionMode: InteractionMode;
+    nvlGraph: NvlGraph;
+    selected: GraphSelection;
+};
+export declare const GraphVizContext: import("react").Context<GraphVizContextData | undefined>;
+/**
+ * Hook to access the graph visualization context.
+ *
+ * This hook is used to implement custom UI components like buttons, panels, and controls
+ * that need access to data and functionality from the graph visualization component.
+ * @see {@link GraphVizContextData}
+ *
+ * @returns The graph visualization context containing NVL instance, sidepanel, gestures, and graph data
+ * @throws Error if used outside of a GraphVizContext provider
+ *
+ * @example
+ * ```tsx
+ * const NodeLoggerButton = () => {
+ *   const { selected } = useGraphVizContext();
+ *
+ *   const handleClick = () => {
+ *     console.log('Selected nodes:', selected.nodeIds);
+ *   };
+ *
+ *   return (
+ *     <button onClick={handleClick}>
+ *       Log Selected Nodes ({selected.nodeIds.length})
+ *     </button>
+ *   );
+ * };
+ * ```
+ * @alpha
+ */
+export declare const useGraphVizContext: () => GraphVizContextData;
+export type Gesture = 'single' | 'box' | 'lasso';
+export type InteractionMode = 'select' | 'draw' | 'edit-text' | 'pan' | 'drag' | 'none';

package/lib/types/graph-visualization/graph-viz-sidepanel.d.ts

@@ -0,0 +1,32 @@
+/**
+ *
+ *  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/>.
+ */
+import { type Sidepanel } from './graph-viz-context';
+export declare const GraphVizSidepanel: {
+    ({ sidepanel }: {
+        sidepanel: Sidepanel;
+    }): import("react/jsx-runtime").JSX.Element | null;
+    Title: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+};