@neo4j-ndl/react-graph 0.0.2

package/lib/esm/use-managed-node-state.js

@@ -0,0 +1,259 @@
+/**
+ *
+ *  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 useManagedNodeState({ selected, setSelected, gesture, interactionMode, setInteractionMode, mouseEventCallbacks, nvlGraph, highlightedNodeIds, highlightedRelationshipIds, }) {
+    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 highlightedNodeSet = useMemo(() => highlightedNodeIds !== undefined ? new Set(highlightedNodeIds) : null, [highlightedNodeIds]);
+    const highlightedRelSet = useMemo(() => highlightedRelationshipIds !== undefined
+        ? new Set(highlightedRelationshipIds)
+        : null, [highlightedRelationshipIds]);
+    const nodesWithState = useMemo(() => nvlGraph.nodes.map((n) => (Object.assign(Object.assign({}, n), { disabled: highlightedNodeSet ? !highlightedNodeSet.has(n.id) : false, selected: selectionSet.nodeIds.has(n.id) }))), [nvlGraph.nodes, selectionSet, highlightedNodeSet]);
+    const relsWithState = useMemo(() => nvlGraph.rels.map((r) => (Object.assign(Object.assign({}, r), { disabled: highlightedRelSet ? !highlightedRelSet.has(r.id) : false, selected: selectionSet.relIds.has(r.id) }))), [nvlGraph.rels, selectionSet, highlightedRelSet]);
+    return { nodesWithState, relsWithState, wrappedMouseEventCallbacks };
+}
+//# sourceMappingURL=use-managed-node-state.js.map

package/lib/esm/use-managed-node-state.js.map

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

package/lib/esm/use-semi-controlled-state.js

@@ -0,0 +1,40 @@
+/**
+ *
+ *  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) {
+            if (typeof newState === 'function') {
+                externalSetState(newState(externalState));
+            }
+            else {
+                externalSetState(newState);
+            }
+        }
+        else {
+            setBackupState(newState);
+        }
+    }, [externalSetState, setBackupState, externalState]);
+    return [state, setState];
+}
+//# sourceMappingURL=use-semi-controlled-state.js.map

package/lib/esm/use-semi-controlled-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-semi-controlled-state.js","sourceRoot":"","sources":["../../src/use-semi-controlled-state.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIvD,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,QAA2B,EAAE,EAAE;QAC9B,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;YACnC,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;gBACnC,gBAAgB,CAAE,QAA2B,CAAC,aAAa,CAAC,CAAC,CAAC;YAChE,CAAC;iBAAM,CAAC;gBACN,gBAAgB,CAAC,QAAQ,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC;aAAM,CAAC;YACN,cAAc,CAAC,QAAQ,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EACD,CAAC,gBAAgB,EAAE,cAAc,EAAE,aAAa,CAAC,CAClD,CAAC;IAEF,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC3B,CAAC"}

package/lib/esm/utils.js

@@ -0,0 +1,60 @@
+/**
+ *
+ *  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)]));
+export const searchProperties = (properties, text) => {
+    var _a;
+    for (const [propName, propValue] of Object.entries(properties)) {
+        const isNameMatch = propName.toLowerCase().includes(text);
+        const raw = (_a = propValue === null || propValue === void 0 ? void 0 : propValue.stringified) !== null && _a !== void 0 ? _a : '';
+        const isValueMatch = raw.toLowerCase().includes(text);
+        if (isNameMatch || isValueMatch) {
+            return true;
+        }
+    }
+    return false;
+};
+export const searchNodes = (nodes, text) => {
+    const q = text.toLowerCase();
+    return nodes
+        .filter((node) => {
+        var _a;
+        if ((_a = node.labelsSorted) === null || _a === void 0 ? void 0 : _a.some((l) => l.toLowerCase().includes(q))) {
+            return true;
+        }
+        return searchProperties(node.properties, q);
+    })
+        .map((node) => node.id);
+};
+export const searchRels = (rels, text) => {
+    const q = text.toLowerCase();
+    return rels
+        .filter((rel) => {
+        if (rel.type.toLowerCase().includes(q)) {
+            return true;
+        }
+        return searchProperties(rel.properties, q);
+    })
+        .map((rel) => rel.id);
+};
+//# sourceMappingURL=utils.js.map

package/lib/esm/utils.js.map

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

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

@@ -0,0 +1,56 @@
+/**
+ *
+ *  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 HtmlAttributes, type TooltipProps } from '@neo4j-ndl/react';
+import { type CSSProperties, type PropsWithChildren } from 'react';
+type GraphVisualizationButtonProps = {
+    className?: string;
+    style?: CSSProperties;
+    htmlAttributes?: HtmlAttributes<'button'>;
+    tooltipPlacement?: TooltipProps['placement'];
+};
+type BaseProperties = GraphVisualizationButtonProps & {
+    tipContent: string;
+    testid?: string;
+    ariaLabel?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    onClick?: () => void;
+    onMouseDown?: () => void;
+};
+export type GraphVisualizationGroupButton = PropsWithChildren<BaseProperties>;
+export declare const GroupButton: (props: GraphVisualizationGroupButton) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleSelectButton: ({ className, style, htmlAttributes, tooltipPlacement, }: GraphVisualizationButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BoxSelectButton: ({ className, style, htmlAttributes, tooltipPlacement, }: GraphVisualizationButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LassoSelectButton: ({ className, style, htmlAttributes, tooltipPlacement, }: GraphVisualizationButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ZoomInButton: ({ className, style, htmlAttributes, tooltipPlacement, }: GraphVisualizationButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ZoomOutButton: ({ className, style, htmlAttributes, tooltipPlacement, }: GraphVisualizationButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ZoomToFitButton: ({ className, style, htmlAttributes, tooltipPlacement, }: GraphVisualizationButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToggleSidePanelButton: ({ className, htmlAttributes, style, tooltipPlacement, }: GraphVisualizationButtonProps) => import("react/jsx-runtime").JSX.Element;
+type SearchButtonProps = GraphVisualizationButtonProps & {
+    open?: boolean;
+    setOpen?: React.Dispatch<React.SetStateAction<boolean>>;
+    searchTerm?: string;
+    setSearchTerm?: React.Dispatch<React.SetStateAction<string>>;
+    onSearch?: (nodeIds: string[] | undefined, relationshipIds: string[] | undefined) => void;
+};
+export declare const SearchButton: ({ className, style, htmlAttributes, tooltipPlacement, open: rawOpen, setOpen: rawSetOpen, searchTerm: rawSearchTerm, setSearchTerm: rawSetSearchTerm, onSearch, }: SearchButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DownloadButton: ({ className, style, htmlAttributes, tooltipPlacement, }: GraphVisualizationButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/types/graph-visualization-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 useGraphVisualizationContext}
+ * @alpha
+ */
+export type GraphVisualizationContextData = {
+    nvlInstance: React.MutableRefObject<NVL | null>;
+    sidepanel: Sidepanel | null;
+    gesture: Gesture;
+    setGesture?: (gesture: Gesture) => void;
+    interactionMode: InteractionMode;
+    nvlGraph: NvlGraph;
+    selected: GraphSelection;
+};
+export declare const GraphVisualizationContext: import("react").Context<GraphVisualizationContextData | 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 GraphVisualizationContextData}
+ *
+ * @returns The graph visualization context containing NVL instance, sidepanel, gestures, and graph data
+ * @throws Error if used outside of a GraphVisualizationContext provider
+ *
+ * @example
+ * ```tsx
+ * const NodeLoggerButton = () => {
+ *   const { selected } = useGraphVisualizationContext();
+ *
+ *   const handleClick = () => {
+ *     console.log('Selected nodes:', selected.nodeIds);
+ *   };
+ *
+ *   return (
+ *     <button onClick={handleClick}>
+ *       Log Selected Nodes ({selected.nodeIds.length})
+ *     </button>
+ *   );
+ * };
+ * ```
+ * @alpha
+ */
+export declare const useGraphVisualizationContext: () => GraphVisualizationContextData;
+export type Gesture = 'single' | 'box' | 'lasso';
+export type InteractionMode = 'select' | 'draw' | 'edit-text' | 'pan' | 'drag' | 'none';

package/lib/types/graph-visualization-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-visualization-context';
+export declare const GraphVisualizationSidepanel: {
+    ({ 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;
+};