@neo4j-nvl/react 0.3.6-7b6d0ac4 → 0.3.6-800b1623

package/lib/basic-wrapper/BasicNvlWrapper.d.ts

@@ -23,6 +23,8 @@ export interface BasicReactWrapperProps {
     nvlCallbacks?: ExternalCallbacks;
     /** An object containing options for the Nvl instance */
     nvlOptions?: NvlOptions;
+    /** Sets the positions of the nodes in the graph using the {@link NVL.setNodePositions} method. */
+    positions?: Node[];
     /** A callback to handle any errors that happen during NVL initialization */
     onInitializationError?: (error: unknown) => void;
 }

package/lib/basic-wrapper/BasicNvlWrapper.js

@@ -12,7 +12,7 @@ import { useDeepCompareEffect } from '../utils/hooks';
  *
  * For examples, head to the {@link https://neo4j.com/docs/nvl/current/react-wrappers/#_basic_react_wrapper Basic React wrapper documentation page}.
  */
-export const BasicNvlWrapper = memo(forwardRef(({ nodes, rels, layout, layoutOptions, nvlCallbacks = {}, nvlOptions = {}, onInitializationError, ...nvlEvents }, ref) => {
+export const BasicNvlWrapper = memo(forwardRef(({ nodes, rels, layout, layoutOptions, nvlCallbacks = {}, nvlOptions = {}, positions = [], onInitializationError, ...nvlEvents }, ref) => {
     const nvlRef = useRef(null);
     useImperativeHandle(ref, () => {
         // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
@@ -78,17 +78,19 @@ export const BasicNvlWrapper = memo(forwardRef(({ nodes, rels, layout, layoutOpt
         nvlRef.current.removeNodesWithIds(nodeChanges.removed.map((n) => n.id));
     }, [currentNodes, currentRels, nodes, rels]);
     useEffect(() => {
-        if (nvlRef.current === null || layout === undefined) {
+        const updatedLayout = layout ?? nvlOptions.layout;
+        if (nvlRef.current === null || updatedLayout === undefined) {
             return;
         }
-        nvlRef.current.setLayout(layout);
-    }, [layout]);
+        nvlRef.current.setLayout(updatedLayout);
+    }, [layout, nvlOptions.layout]);
     useDeepCompareEffect(() => {
-        if (nvlRef.current === null || layoutOptions === undefined) {
+        const updatedLayoutOptions = layoutOptions ?? nvlOptions?.layoutOptions;
+        if (nvlRef.current === null || updatedLayoutOptions === undefined) {
             return;
         }
-        nvlRef.current.setLayoutOptions(layoutOptions);
-    }, [layoutOptions]);
+        nvlRef.current.setLayoutOptions(updatedLayoutOptions);
+    }, [layoutOptions, nvlOptions.layoutOptions]);
     useEffect(() => {
         if (nvlRef.current === null || nvlOptions.useWebGL === undefined) {
             return;
@@ -107,5 +109,11 @@ export const BasicNvlWrapper = memo(forwardRef(({ nodes, rels, layout, layoutOpt
         }
         nvlRef.current.setDisableWebGL(nvlOptions.disableWebGL);
     }, [nvlOptions.disableWebGL]);
+    useEffect(() => {
+        if (nvlRef.current === null || positions.length === 0) {
+            return;
+        }
+        nvlRef.current.setNodePositions(positions);
+    }, [positions]);
     return _jsx("div", { id: BASIC_WRAPPER_ID, ref: containerRef, style: { height: '100%', outline: '0' }, ...nvlEvents });
 }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-nvl/react",
-  "version": "0.3.6-7b6d0ac4",
+  "version": "0.3.6-800b1623",
   "main": "lib/index.js",
   "homepage": "https://neo4j.com/docs/nvl/current/",
   "license": "SEE LICENSE IN 'LICENSE.txt'",
@@ -34,8 +34,8 @@
     "babel-eslint": "^10.1.0"
   },
   "dependencies": {
-    "@neo4j-nvl/base": "0.3.6-7b6d0ac4",
-    "@neo4j-nvl/interaction-handlers": "0.3.6-7b6d0ac4",
+    "@neo4j-nvl/base": "0.3.6-800b1623",
+    "@neo4j-nvl/interaction-handlers": "0.3.6-800b1623",
     "lodash": "4.17.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"