@neo4j-ndl/react 3.8.7 → 3.8.8

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

@@ -0,0 +1,142 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DownloadButton = exports.ToggleSidePanelButton = exports.ZoomToFitButton = exports.ZoomOutButton = exports.ZoomInButton = exports.LassoSelectButton = exports.BoxSelectButton = exports.SingleSelectButton = exports.GroupButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  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/>.
+ */
+const react_1 = require("@neo4j-ndl/react");
+const icons_1 = require("@neo4j-ndl/react/icons");
+const classnames_1 = __importDefault(require("classnames"));
+const react_2 = require("react");
+const graph_viz_context_1 = require("./graph-viz-context");
+const GroupButton = (props) => {
+    const { isActive, ariaLabel, isDisabled, tipContent, onClick, onMouseDown, tooltipPlacement, className, style, htmlAttributes, children, } = props;
+    return ((0, jsx_runtime_1.jsxs)(react_1.Tooltip, { type: "simple", placement: tooltipPlacement, children: [(0, jsx_runtime_1.jsx)(react_1.Tooltip.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.IconButton, { ariaLabel: ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : tipContent, size: "small", className: className, style: style, isClean: true, isGrouped: true, isActive: isActive, isDisabled: isDisabled, onClick: onClick, htmlAttributes: Object.assign({ onMouseDown }, htmlAttributes), children: children }) }), (0, jsx_runtime_1.jsx)(react_1.Tooltip.Content, { children: tipContent })] }));
+};
+exports.GroupButton = GroupButton;
+const targetIsTextInput = (target) => {
+    if (!(target instanceof HTMLElement)) {
+        return false;
+    }
+    return (target.isContentEditable || ['INPUT', 'TEXTAREA'].includes(target.tagName));
+};
+const isEditingText = (e) => {
+    return targetIsTextInput(e.target);
+};
+const GESTURE_KEYS = {
+    box: 'B',
+    lasso: 'L',
+    single: 'S',
+};
+const useRegisterKeyboardGestureSwitcher = (gesture) => {
+    const { setGesture } = (0, graph_viz_context_1.useGraphVizContext)();
+    const handleKeyDown = (0, react_2.useCallback)((evt) => {
+        if (!isEditingText(evt) && setGesture !== undefined) {
+            const upperKey = evt.key.toUpperCase();
+            if (upperKey === GESTURE_KEYS[gesture]) {
+                setGesture(gesture);
+            }
+        }
+    }, [gesture, setGesture]);
+    (0, react_2.useEffect)(() => {
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [handleKeyDown]);
+};
+const NON_BREAKING_SPACE = '\u00A0';
+const SingleSelectButton = ({ className, style, htmlAttributes, tooltipPlacement, }) => {
+    const { gesture, setGesture, interactionMode } = (0, graph_viz_context_1.useGraphVizContext)();
+    useRegisterKeyboardGestureSwitcher('single');
+    return ((0, jsx_runtime_1.jsx)(exports.GroupButton, { isActive: gesture === 'single', isDisabled: interactionMode !== 'select', ariaLabel: "Individual Select Button", tipContent: `Individual Select ${NON_BREAKING_SPACE} ${GESTURE_KEYS.single}`, onClick: () => {
+            setGesture === null || setGesture === void 0 ? void 0 : setGesture('single');
+        }, tooltipPlacement: tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : 'right', htmlAttributes: Object.assign({ 'data-testid': 'gesture-individual-select' }, htmlAttributes), className: className, style: style, children: (0, jsx_runtime_1.jsx)(icons_1.SelectIcon, { "aria-label": "Individual Select" }) }));
+};
+exports.SingleSelectButton = SingleSelectButton;
+const BoxSelectButton = ({ className, style, htmlAttributes, tooltipPlacement, }) => {
+    const { gesture, setGesture, interactionMode } = (0, graph_viz_context_1.useGraphVizContext)();
+    useRegisterKeyboardGestureSwitcher('box');
+    return ((0, jsx_runtime_1.jsx)(exports.GroupButton, { isDisabled: interactionMode !== 'select' || setGesture === undefined, isActive: gesture === 'box', ariaLabel: "Box Select Button", tipContent: `Box Select ${NON_BREAKING_SPACE} ${GESTURE_KEYS.box}`, onClick: () => {
+            setGesture === null || setGesture === void 0 ? void 0 : setGesture('box');
+        }, tooltipPlacement: tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : 'right', htmlAttributes: Object.assign({ 'data-testid': 'gesture-box-select' }, htmlAttributes), className: className, style: style, children: (0, jsx_runtime_1.jsx)(icons_1.BoxSelectIcon, { "aria-label": "Box Select" }) }));
+};
+exports.BoxSelectButton = BoxSelectButton;
+const LassoSelectButton = ({ className, style, htmlAttributes, tooltipPlacement, }) => {
+    const { gesture, setGesture, interactionMode } = (0, graph_viz_context_1.useGraphVizContext)();
+    useRegisterKeyboardGestureSwitcher('lasso');
+    return ((0, jsx_runtime_1.jsx)(exports.GroupButton, { isDisabled: interactionMode !== 'select' || setGesture === undefined, isActive: gesture === 'lasso', ariaLabel: "Lasso Select Button", tipContent: `Lasso Select ${NON_BREAKING_SPACE} ${GESTURE_KEYS.lasso}`, onClick: () => {
+            setGesture === null || setGesture === void 0 ? void 0 : setGesture('lasso');
+        }, tooltipPlacement: tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : 'right', htmlAttributes: Object.assign({ 'data-testid': 'gesture-lasso-select' }, htmlAttributes), className: className, style: style, children: (0, jsx_runtime_1.jsx)(icons_1.LassoIcon, { "aria-label": "Lasso Select" }) }));
+};
+exports.LassoSelectButton = LassoSelectButton;
+const ZoomInButton = ({ className, style, htmlAttributes, tooltipPlacement, }) => {
+    const { nvlInstance } = (0, graph_viz_context_1.useGraphVizContext)();
+    const handleZoomIn = (0, react_2.useCallback)(() => {
+        var _a, _b;
+        (_a = nvlInstance.current) === null || _a === void 0 ? void 0 : _a.setZoom(((_b = nvlInstance.current) === null || _b === void 0 ? void 0 : _b.getScale()) * 1.3);
+    }, [nvlInstance]);
+    return ((0, jsx_runtime_1.jsx)(exports.GroupButton, { onClick: handleZoomIn, tipContent: "Zoom in", className: className, style: style, htmlAttributes: htmlAttributes, tooltipPlacement: tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : 'left', children: (0, jsx_runtime_1.jsx)(icons_1.MagnifyingGlassPlusIconOutline, {}) }));
+};
+exports.ZoomInButton = ZoomInButton;
+const ZoomOutButton = ({ className, style, htmlAttributes, tooltipPlacement, }) => {
+    const { nvlInstance } = (0, graph_viz_context_1.useGraphVizContext)();
+    const handleZoomOut = (0, react_2.useCallback)(() => {
+        var _a, _b;
+        (_a = nvlInstance.current) === null || _a === void 0 ? void 0 : _a.setZoom(((_b = nvlInstance.current) === null || _b === void 0 ? void 0 : _b.getScale()) * 0.7);
+    }, [nvlInstance]);
+    return ((0, jsx_runtime_1.jsx)(exports.GroupButton, { onClick: handleZoomOut, tipContent: "Zoom out", className: className, style: style, htmlAttributes: htmlAttributes, tooltipPlacement: tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : 'left', children: (0, jsx_runtime_1.jsx)(icons_1.MagnifyingGlassMinusIconOutline, {}) }));
+};
+exports.ZoomOutButton = ZoomOutButton;
+const ZoomToFitButton = ({ className, style, htmlAttributes, tooltipPlacement, }) => {
+    const { nvlInstance } = (0, graph_viz_context_1.useGraphVizContext)();
+    const handleZoomToFit = (0, react_2.useCallback)(() => {
+        var _a, _b;
+        (_a = nvlInstance.current) === null || _a === void 0 ? void 0 : _a.fit((_b = nvlInstance.current) === null || _b === void 0 ? void 0 : _b.getNodes().map((node) => node.id));
+    }, [nvlInstance]);
+    return ((0, jsx_runtime_1.jsx)(exports.GroupButton, { onClick: handleZoomToFit, tipContent: "Zoom to fit", className: className, style: style, htmlAttributes: htmlAttributes, tooltipPlacement: tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : 'left', children: (0, jsx_runtime_1.jsx)(icons_1.FitToScreenIcon, {}) }));
+};
+exports.ZoomToFitButton = ZoomToFitButton;
+const ToggleSidePanelButton = ({ className, htmlAttributes, style, tooltipPlacement, }) => {
+    const { sidepanel } = (0, graph_viz_context_1.useGraphVizContext)();
+    if (!sidepanel) {
+        throw new Error('Using the ToggleSidePanelButton requires having a sidepanel');
+    }
+    const { isSidePanelOpen, setIsSidePanelOpen } = sidepanel;
+    return ((0, jsx_runtime_1.jsxs)(react_1.Tooltip, { placement: tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : 'bottom', type: "simple", children: [(0, jsx_runtime_1.jsx)(react_1.Tooltip.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.IconButton, { size: "small", onClick: () => setIsSidePanelOpen === null || setIsSidePanelOpen === void 0 ? void 0 : setIsSidePanelOpen(!isSidePanelOpen), isFloating: true, ariaLabel: "Toggle node properties panel", className: (0, classnames_1.default)('ndl-graph-viz-toggle-sidepanel', className), style: style, htmlAttributes: Object.assign({ 'aria-pressed': isSidePanelOpen }, htmlAttributes), children: (0, jsx_runtime_1.jsx)(icons_1.SidebarLineRightIcon, { className: "ndl-graph-viz-toggle-icon" }) }) }), (0, jsx_runtime_1.jsx)(react_1.Tooltip.Content, { children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-small", children: isSidePanelOpen ? 'Close panel' : 'Open panel' }) })] }));
+};
+exports.ToggleSidePanelButton = ToggleSidePanelButton;
+const DownloadButton = ({ className, style, htmlAttributes, tooltipPlacement, }) => {
+    const { nvlInstance } = (0, graph_viz_context_1.useGraphVizContext)();
+    const [isDownloadMenuOpen, setOpen] = (0, react_2.useState)(false);
+    const closeFileMenu = () => setOpen(false);
+    const downloadButtonRef = (0, react_2.useRef)(null);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_1.Tooltip, { type: "simple", placement: tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : 'bottom', children: [(0, jsx_runtime_1.jsx)(react_1.Tooltip.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.IconButton, { ref: downloadButtonRef, size: "small", isFloating: true, onClick: () => setOpen((o) => !o), ariaLabel: "Download", className: className, style: style, htmlAttributes: htmlAttributes, children: (0, jsx_runtime_1.jsx)(icons_1.ArrowDownTrayIconOutline, {}) }) }), (0, jsx_runtime_1.jsx)(react_1.Tooltip.Content, { children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-small", children: " Download " }) })] }), (0, jsx_runtime_1.jsx)(react_1.Menu, { isOpen: isDownloadMenuOpen, onClose: closeFileMenu, anchorRef: downloadButtonRef, children: (0, jsx_runtime_1.jsx)(react_1.Menu.Items, { children: (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Download as PNG", onClick: () => {
+                            var _a;
+                            (_a = nvlInstance.current) === null || _a === void 0 ? void 0 : _a.saveToFile({});
+                            closeFileMenu();
+                        } }) }) })] }));
+};
+exports.DownloadButton = DownloadButton;
+//# sourceMappingURL=graph-viz-buttons.js.map

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

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

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

@@ -0,0 +1,62 @@
+"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.useGraphVizContext = exports.GraphVizContext = void 0;
+const react_1 = require("react");
+exports.GraphVizContext = (0, react_1.createContext)(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
+ */
+const useGraphVizContext = () => {
+    const context = (0, react_1.useContext)(exports.GraphVizContext);
+    if (!context) {
+        throw new Error('useGraphVizContext must be used within a GraphVizContext');
+    }
+    return context;
+};
+exports.useGraphVizContext = useGraphVizContext;
+//# sourceMappingURL=graph-viz-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"graph-viz-context.js","sourceRoot":"","sources":["../../../src/graph-visualization/graph-viz-context.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAIH,iCAAkD;AAuErC,QAAA,eAAe,GAAG,IAAA,qBAAa,EAC1C,SAAS,CACV,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACI,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,uBAAe,CAAC,CAAC;IAC5C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC9E,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AANW,QAAA,kBAAkB,sBAM7B"}

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

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphVizSidepanel = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  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/>.
+ */
+const re_resizable_1 = require("re-resizable");
+const GraphVizSidepanel = ({ sidepanel }) => {
+    const { children, isSidePanelOpen, sidePanelWidth, onSidePanelResize, minWidth = 230, } = sidepanel;
+    if (!isSidePanelOpen) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(re_resizable_1.Resizable, { defaultSize: {
+            height: '100%',
+            width: sidePanelWidth !== null && sidePanelWidth !== void 0 ? sidePanelWidth : 400,
+        }, className: "ndl-graph-resizable", minWidth: minWidth, maxWidth: "66%", enable: {
+            bottom: false,
+            bottomLeft: false,
+            bottomRight: false,
+            left: true,
+            right: false,
+            top: false,
+            topLeft: false,
+            topRight: false,
+        }, handleClasses: { left: 'ndl-sidepanel-handle' }, onResizeStop: (_e, _dir, ref) => {
+            onSidePanelResize(ref.getBoundingClientRect().width);
+        }, children: (0, jsx_runtime_1.jsx)("div", { className: "ndl-graph-viz-sidepanel-content", children: children }) }));
+};
+exports.GraphVizSidepanel = GraphVizSidepanel;
+const Title = ({ children }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "ndl-graph-viz-sidepanel-title ndl-grid-area-title", children: children }));
+};
+exports.GraphVizSidepanel.Title = Title;
+const Content = ({ children }) => {
+    return (0, jsx_runtime_1.jsx)("section", { className: "ndl-grid-area-content", children: children });
+};
+exports.GraphVizSidepanel.Content = Content;
+//# sourceMappingURL=graph-viz-sidepanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"graph-viz-sidepanel.js","sourceRoot":"","sources":["../../../src/graph-visualization/graph-viz-sidepanel.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,+CAAyC;AAIlC,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAA4B,EAAE,EAAE;IAC3E,MAAM,EACJ,QAAQ,EACR,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,QAAQ,GAAG,GAAG,GACf,GAAG,SAAS,CAAC;IAEd,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uBAAC,wBAAS,IACR,WAAW,EAAE;YACX,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,GAAG;SAC7B,EACD,SAAS,EAAC,qBAAqB,EAC/B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAC,KAAK,EACd,MAAM,EAAE;YACN,MAAM,EAAE,KAAK;YACb,UAAU,EAAE,KAAK;YACjB,WAAW,EAAE,KAAK;YAClB,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,KAAK;YACZ,GAAG,EAAE,KAAK;YACV,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,KAAK;SAChB,EACD,aAAa,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE,EAC/C,YAAY,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;YAC9B,iBAAiB,CAAC,GAAG,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,CAAC;QACvD,CAAC,YAED,gCAAK,SAAS,EAAC,iCAAiC,YAAE,QAAQ,GAAO,GACvD,CACb,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,iBAAiB,qBAwC5B;AAEF,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAC5D,OAAO,CACL,gCAAK,SAAS,EAAC,mDAAmD,YAC/D,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AACF,yBAAiB,CAAC,KAAK,GAAG,KAAK,CAAC;AAEhC,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAC9D,OAAO,oCAAS,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAW,CAAC;AACzE,CAAC,CAAC;AACF,yBAAiB,CAAC,OAAO,GAAG,OAAO,CAAC"}

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

@@ -0,0 +1,289 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_NVL_OPTIONS = void 0;
+exports.GraphViz = GraphViz;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  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/>.
+ */
+const base_1 = require("@neo4j-ndl/base");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("@neo4j-nvl/react");
+const classnames_1 = __importDefault(require("classnames"));
+const react_3 = __importStar(require("react"));
+const graph_viz_buttons_1 = require("./graph-viz-buttons");
+const graph_viz_context_1 = require("./graph-viz-context");
+const graph_viz_sidepanel_1 = require("./graph-viz-sidepanel");
+const map_to_nvl_graph_1 = require("./map-to-nvl-graph");
+const single_selection_sidepanel_contents_1 = require("./sidepanel-components/single-selection-sidepanel-contents");
+const use_managed_selection_state_1 = require("./use-managed-selection-state");
+const use_semi_controlled_state_1 = require("./use-semi-controlled-state");
+const PLACEMENTS = {
+    'bottom-left': 'ndl-graph-viz-interaction-island ndl-bottom-left',
+    'bottom-right': 'ndl-graph-viz-interaction-island ndl-bottom-right',
+    'top-left': 'ndl-graph-viz-interaction-island ndl-top-left',
+    'top-right': 'ndl-graph-viz-interaction-island ndl-top-right',
+};
+const InteractionIsland = ({ children, className, placement, }) => {
+    return (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(PLACEMENTS[placement], className), children: children });
+};
+exports.DEFAULT_NVL_OPTIONS = {
+    disableTelemetry: true,
+    disableWebGL: true,
+    maxZoom: 3,
+    minZoom: 0.05,
+    relationshipThreshold: 0.55,
+    useWebGL: false,
+};
+const DEFAULT_COMPONENTS = {
+    bottomLeftIsland: null,
+    bottomRightIsland: ((0, jsx_runtime_1.jsxs)(react_1.IconButtonArray, { orientation: "vertical", isFloating: true, children: [(0, jsx_runtime_1.jsx)(graph_viz_buttons_1.ZoomInButton, {}), " ", (0, jsx_runtime_1.jsx)(graph_viz_buttons_1.ZoomOutButton, {}), " ", (0, jsx_runtime_1.jsx)(graph_viz_buttons_1.ZoomToFitButton, {})] })),
+    topLeftIsland: null,
+    topRightIsland: ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-graph-viz-default-download-group", children: [(0, jsx_runtime_1.jsx)(graph_viz_buttons_1.DownloadButton, {}), " ", (0, jsx_runtime_1.jsx)(graph_viz_buttons_1.ToggleSidePanelButton, {})] })),
+};
+/**
+ * A comprehensive graph visualization component for rendering Neo4j-style graphs with interactive features.
+ *
+ * @remarks
+ * This component provides a complete graph visualization solution with built-in interaction modes,
+ * selection handling, zoom controls, and an optional sidepanel. It wraps the NVL (Neo4j Visualization Library)
+ * with additional UI controls and state management.
+ *
+ * The component supports various interaction modes including single selection, box selection, and lasso selection.
+ * It also provides customizable UI islands for placing controls at different corners of the visualization.
+ *
+ * @example
+ * Basic usage:
+ * ```tsx
+ * <GraphViz
+ *   nodes={nodes}
+ *   rels={relationships}
+ *   selected={selection}
+ *   setSelected={setSelection}
+ * />
+ * ```
+ *
+ * @example
+ * With custom controls:
+ * ```tsx
+ * <GraphViz
+ *   nodes={nodes}
+ *   rels={relationships}
+ *   topRightIsland={<CustomControls />}
+ *   sidepanel={{
+ *     contents: <CustomSidepanel />,
+ *     isSidePanelOpen: true,
+ *     setIsSidePanelOpen: setSidepanelOpen
+ *     sidePanelWidth: 400,
+ *     onSidePanelResize: setSidepanelWidth,
+ *   }}
+ * />
+ * ```
+ *
+ * @param props - {@link GraphVizProps}
+ * @returns A React component that renders an interactive graph visualization
+ *
+ * @alpha
+ */
+function GraphViz(_a) {
+    var _b, _c;
+    var { nvlRef: rawNvlRef, nvlCallbacks, nvlOptions, sidepanel: rawSidepanel, nodes: rawNodes, rels: rawRels, topLeftIsland = DEFAULT_COMPONENTS.topLeftIsland, topRightIsland = DEFAULT_COMPONENTS.topRightIsland, bottomLeftIsland = DEFAULT_COMPONENTS.bottomLeftIsland, bottomRightIsland = DEFAULT_COMPONENTS.bottomRightIsland, gesture = 'single', setGesture, selected: rawSelected, setSelected: rawSetSelected, interactionMode: rawInteractionMode, setInteractionMode: rawSetInteractionMode, mouseEventCallbacks = {}, className, style, htmlAttributes, ref, as } = _a, restProps = __rest(_a, ["nvlRef", "nvlCallbacks", "nvlOptions", "sidepanel", "nodes", "rels", "topLeftIsland", "topRightIsland", "bottomLeftIsland", "bottomRightIsland", "gesture", "setGesture", "selected", "setSelected", "interactionMode", "setInteractionMode", "mouseEventCallbacks", "className", "style", "htmlAttributes", "ref", "as"]);
+    const nvlRef = (0, react_3.useMemo)(() => rawNvlRef !== null && rawNvlRef !== void 0 ? rawNvlRef : react_3.default.createRef(), [rawNvlRef]);
+    const instanceId = (0, react_3.useId)();
+    // Respect NDL theme changes
+    const { theme } = (0, react_1.useNeedleTheme)();
+    const { bg, border } = base_1.tokens.theme[theme].palette.neutral;
+    // key required for nvl react responsiveness
+    const [key, setKey] = (0, react_3.useState)(0);
+    (0, react_3.useEffect)(() => {
+        setKey((prevKey) => prevKey + 1);
+    }, [theme]);
+    // Semi-control interaction mode and selection state
+    const [interactionMode, setInteractionMode] = (0, use_semi_controlled_state_1.useSemicontrolledState)(rawInteractionMode !== null && rawInteractionMode !== void 0 ? rawInteractionMode : 'select', rawSetInteractionMode);
+    const [selected, setSelected] = (0, use_semi_controlled_state_1.useSemicontrolledState)(rawSelected !== null && rawSelected !== void 0 ? rawSelected : { nodeIds: [], relationshipIds: [] }, rawSetSelected);
+    const nvlGraph = (0, react_3.useMemo)(() => (0, map_to_nvl_graph_1.mapToNvlGraph)(rawNodes, rawRels), [rawNodes, rawRels]);
+    const { nodesWithSelection, relsWithSelection, wrappedMouseEventCallbacks } = (0, use_managed_selection_state_1.useManagedSelectionState)({
+        gesture,
+        interactionMode,
+        mouseEventCallbacks,
+        nvlGraph,
+        selected,
+        setInteractionMode,
+        setSelected,
+    });
+    const [isSidePanelOpen, setIsSidePanelOpen] = (0, use_semi_controlled_state_1.useSemicontrolledState)((_b = rawSidepanel === null || rawSidepanel === void 0 ? void 0 : rawSidepanel.isSidePanelOpen) !== null && _b !== void 0 ? _b : true, rawSidepanel === null || rawSidepanel === void 0 ? void 0 : rawSidepanel.setIsSidePanelOpen);
+    const [sidePanelWidth, setSidePanelWidth] = (0, use_semi_controlled_state_1.useSemicontrolledState)((_c = rawSidepanel === null || rawSidepanel === void 0 ? void 0 : rawSidepanel.sidePanelWidth) !== null && _c !== void 0 ? _c : 400, rawSidepanel === null || rawSidepanel === void 0 ? void 0 : rawSidepanel.onSidePanelResize);
+    const sidepanel = (0, react_3.useMemo)(() => {
+        if (rawSidepanel === undefined) {
+            return {
+                children: (0, jsx_runtime_1.jsx)(single_selection_sidepanel_contents_1.SingleSelectionSidepanelContents, {}),
+                isSidePanelOpen,
+                onSidePanelResize: setSidePanelWidth,
+                setIsSidePanelOpen,
+                sidePanelWidth,
+            };
+        }
+        return rawSidepanel;
+    }, [
+        rawSidepanel,
+        isSidePanelOpen,
+        setIsSidePanelOpen,
+        sidePanelWidth,
+        setSidePanelWidth,
+    ]);
+    const Component = as !== null && as !== void 0 ? as : 'div';
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref, className: (0, classnames_1.default)('ndl-graph-viz-container', className), style: style }, htmlAttributes, { children: (0, jsx_runtime_1.jsxs)(graph_viz_context_1.GraphVizContext.Provider, { value: {
+                gesture,
+                interactionMode,
+                nvlGraph,
+                nvlInstance: nvlRef,
+                selected,
+                setGesture,
+                sidepanel,
+            }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "ndl-graph-viz", children: [(0, jsx_runtime_1.jsx)(react_2.InteractiveNvlWrapper, Object.assign({ layout: "d3Force", nodes: nodesWithSelection, rels: relsWithSelection, nvlOptions: Object.assign(Object.assign(Object.assign({}, exports.DEFAULT_NVL_OPTIONS), { instanceId, styling: {
+                                    defaultRelationshipColor: border.strongest,
+                                    dropShadowColor: border.weak,
+                                    selectedInnerBorderColor: bg.default,
+                                } }), nvlOptions), nvlCallbacks: Object.assign({ onLayoutComputing(isComputing) {
+                                    var _a;
+                                    if (!isComputing) {
+                                        (_a = nvlRef.current) === null || _a === void 0 ? void 0 : _a.fit(nvlRef.current.getNodes().map((neighbors) => neighbors.id), { noPan: true });
+                                    }
+                                } }, nvlCallbacks), mouseEventCallbacks: wrappedMouseEventCallbacks, ref: nvlRef }, restProps), key), topLeftIsland !== null && ((0, jsx_runtime_1.jsx)(InteractionIsland, { placement: "top-left", children: topLeftIsland })), topRightIsland !== null && ((0, jsx_runtime_1.jsx)(InteractionIsland, { placement: "top-right", children: topRightIsland })), bottomLeftIsland !== null && ((0, jsx_runtime_1.jsx)(InteractionIsland, { placement: "bottom-left", children: bottomLeftIsland })), bottomRightIsland !== null && ((0, jsx_runtime_1.jsx)(InteractionIsland, { placement: "bottom-right", children: bottomRightIsland }))] }), sidepanel && (0, jsx_runtime_1.jsx)(graph_viz_sidepanel_1.GraphVizSidepanel, { sidepanel: sidepanel })] }) })));
+}
+/**
+ * Zoom in button for use within a GraphViz component.
+ *
+ * @remarks
+ * Increases zoom level by 1.3x
+ *
+ * @alpha
+ */
+GraphViz.ZoomInButton = graph_viz_buttons_1.ZoomInButton;
+/**
+ * Zoom out button for use within a GraphViz component.
+ *
+ * @remarks
+ * Decreases zoom level by 0.7x
+ *
+ * @alpha
+ */
+GraphViz.ZoomOutButton = graph_viz_buttons_1.ZoomOutButton;
+/**
+ * Zoom to fit button for use within a GraphViz component.
+ *
+ * @remarks
+ * Automatically adjusts zoom and pan to show all nodes and relationships
+ *
+ * @alpha
+ */
+GraphViz.ZoomToFitButton = graph_viz_buttons_1.ZoomToFitButton;
+/**
+ * Sidepanel toggle button for use within a GraphViz component.
+ *
+ * @remarks
+ * Shows or hides the sidepanel containing node and relationship details.
+ * Requires a sidepanel to be configured in the GraphViz component.
+ *
+ * @throws Error when used without a configured sidepanel
+ *
+ * @alpha
+ */
+GraphViz.ToggleSidePanelButton = graph_viz_buttons_1.ToggleSidePanelButton;
+/**
+ * Download button for use within a GraphViz component.
+ *
+ * @remarks
+ * Opens a dropdown menu with download options. Currently supports PNG format.
+ * Captures the current visualization state including zoom level.
+ *
+ * @alpha
+ */
+GraphViz.DownloadButton = graph_viz_buttons_1.DownloadButton;
+/**
+ * Box selection button for use within a GraphViz component.
+ *
+ * @remarks
+ * Enables box selection mode where dragging creates a rectangular selection area.
+ * Disabled unless the `setGesture` callback is passed.
+ * Shows active state when enabled and supports keyboard shortcut 'B'.
+ *
+ * @alpha
+ */
+GraphViz.BoxSelectButton = graph_viz_buttons_1.BoxSelectButton;
+/**
+ * Lasso selection button for use within a GraphViz component.
+ *
+ * @remarks
+ * Enables lasso selection mode where dragging creates a free-form selection area.
+ * Disabled unless the `setGesture` callback is passed.
+ * Shows active state when enabled and supports keyboard shortcut 'L'.
+ *
+ * @alpha
+ */
+GraphViz.LassoSelectButton = graph_viz_buttons_1.LassoSelectButton;
+/**
+ * Single node selection button for use within a GraphViz component.
+ *
+ * @remarks
+ * Enables single selection mode where clicking selects individual nodes or relationships.
+ * Shows active state when enabled and supports keyboard shortcut 'S'.
+ *
+ * @alpha
+ */
+GraphViz.SingleSelectButton = graph_viz_buttons_1.SingleSelectButton;
+//# sourceMappingURL=graph-viz.js.map

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

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

package/lib/cjs/graph-visualization/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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGraphVizContext = exports.GraphViz = void 0;
+__exportStar(require("@neo4j-nvl/base"), exports);
+__exportStar(require("@neo4j-nvl/react"), exports);
+var graph_viz_1 = require("./graph-viz");
+Object.defineProperty(exports, "GraphViz", { enumerable: true, get: function () { return graph_viz_1.GraphViz; } });
+var graph_viz_context_1 = require("./graph-viz-context");
+Object.defineProperty(exports, "useGraphVizContext", { enumerable: true, get: function () { return graph_viz_context_1.useGraphVizContext; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/graph-visualization/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;;AAEH,kDAAgC;AAChC,mDAAiC;AACjC,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,yDAe6B;AAd3B,uHAAA,kBAAkB,OAAA"}