@neo4j-nvl/react 0.3.5-f46f9cc3 → 0.3.6-02e96ab6

package/lib/__tests__/BasicNvlWrapper.test.js

@@ -26,10 +26,14 @@ describe('BasicNvlWrapper', () => {
         jest.spyOn(NVL.prototype, 'destroy').mockImplementation(destroy);
         const { unmount } = render(_jsx("div", { children: _jsx(BasicNvlWrapper, { nodes: [], rels: [] }) }));
         unmount();
-        expect(destroy).toHaveBeenCalled();
+        expect(NVL).toHaveBeenCalledTimes(1);
+        expect(destroy).toHaveBeenCalledTimes(1);
     });
     test('successfully re-initialises NVL when using React StrictMode', () => {
+        const destroy = jest.fn();
+        jest.spyOn(NVL.prototype, 'destroy').mockImplementation(destroy);
         render(_jsx(React.StrictMode, { children: _jsx("div", { children: _jsx(BasicNvlWrapper, { nodes: [], rels: [] }) }) }));
         expect(NVL).toHaveBeenCalledTimes(2);
+        expect(destroy).toHaveBeenCalledTimes(1);
     });
 });

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
@@ -63,7 +63,7 @@ export const BasicNvlWrapper = memo(forwardRef(({ nodes, rels, layout, layoutOpt
             nvlRef.current = null;
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [containerRef.current]);
+    }, []);
     useEffect(() => {
         if (nvlRef.current === null) {
             return;
@@ -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.5-f46f9cc3",
+  "version": "0.3.6-02e96ab6",
   "main": "lib/index.js",
   "homepage": "https://neo4j.com/docs/nvl/current/",
   "license": "SEE LICENSE IN 'LICENSE.txt'",
@@ -34,11 +34,11 @@
     "babel-eslint": "^10.1.0"
   },
   "dependencies": {
-    "@neo4j-nvl/base": "0.3.5-f46f9cc3",
-    "@neo4j-nvl/interaction-handlers": "0.3.5-f46f9cc3",
+    "@neo4j-nvl/base": "0.3.6-02e96ab6",
+    "@neo4j-nvl/interaction-handlers": "0.3.6-02e96ab6",
     "lodash": "4.17.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "stableVersion": "0.3.5"
+  "stableVersion": "0.3.6"
 }