@neo4j-nvl/react 0.2.47 → 0.2.49

package/lib/interactive-nvl-wrapper/InteractiveNvlWrapper.js

@@ -39,7 +39,7 @@ const options = {
  */
 export const InteractiveNvlWrapper = memo(forwardRef(({ nodes, rels, layout, layoutOptions, mouseEventCallbacks = {}, nvlCallbacks = {}, nvlOptions = {}, interactionOptions = options }, nvlRef) => {
     const myNvlRef = nvlRef !== null ? nvlRef : useRef(null);
-    const { onHover, onNodeClick, onNodeDoubleClick, onNodeRightClick, onRelationshipClick, onRelationshipDoubleClick, onRelationshipRightClick, onCanvasClick, onCanvasRightClick, onPan, onZoom, onDrag, onDragStart, onDragEnd, onDrawEnd, onBoxStarted, onBoxSelect, onLassoStarted, onLassoSelect } = mouseEventCallbacks;
+    const { onHover, onNodeClick, onNodeDoubleClick, onNodeRightClick, onRelationshipClick, onRelationshipDoubleClick, onRelationshipRightClick, onCanvasClick, onCanvasRightClick, onPan, onZoom, onDrag, onDragStart, onDragEnd, onDrawEnd, onHoverNodeMargin, onBoxStarted, onBoxSelect, onLassoStarted, onLassoSelect } = mouseEventCallbacks;
     const hoverInteraction = useRef();
     const clickInteraction = useRef();
     const panInteraction = useRef();
@@ -62,6 +62,7 @@ export const InteractiveNvlWrapper = memo(forwardRef(({ nodes, rels, layout, lay
     useInteraction(DragNodeInteraction, dragNodeInteraction, onDrag, 'onDrag', myNvlRef, interactionOptions);
     useInteraction(DragNodeInteraction, dragNodeInteraction, onDragStart, 'onDragStart', myNvlRef, interactionOptions);
     useInteraction(DragNodeInteraction, dragNodeInteraction, onDragEnd, 'onDragEnd', myNvlRef, interactionOptions);
+    useInteraction(DrawInteraction, drawInteraction, onHoverNodeMargin, 'onHoverNodeMargin', myNvlRef, interactionOptions);
     useInteraction(DrawInteraction, drawInteraction, onDrawEnd, 'onDrawEnd', myNvlRef, interactionOptions);
     useInteraction(BoxSelectInteraction, multiSelectInteraction, onBoxStarted, 'onBoxStarted', myNvlRef, interactionOptions);
     useInteraction(BoxSelectInteraction, multiSelectInteraction, onBoxSelect, 'onBoxSelect', myNvlRef, interactionOptions);

package/lib/interactive-nvl-wrapper/hooks.d.ts

@@ -2,4 +2,4 @@ import type NVL from '@neo4j-nvl/core';
 import type { MutableRefObject } from 'react';
 import type { InteractionOptions, MouseEvent, MouseInteraction, MouseInteractionModule } from './types';
 export declare const destroyInteraction: (interactionRef: MutableRefObject<MouseInteraction>) => void;
-export declare const useInteraction: (interaction: MouseInteractionModule, interactionRef: MutableRefObject<MouseInteraction>, callback: boolean | ((...args: unknown[]) => void), eventName: MouseEvent, nvlRef: MutableRefObject<NVL>, interactionOptions: InteractionOptions) => void;
+export declare const useInteraction: (Interaction: MouseInteractionModule, interactionRef: MutableRefObject<MouseInteraction>, callback: boolean | ((...args: unknown[]) => void), eventName: MouseEvent, nvlRef: MutableRefObject<NVL>, interactionOptions: InteractionOptions) => void;

package/lib/interactive-nvl-wrapper/hooks.js

@@ -5,14 +5,12 @@ export const destroyInteraction = (interactionRef) => {
     (_a = interactionRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
     interactionRef.current = null;
 };
-export const useInteraction = (interaction, interactionRef, callback, eventName, nvlRef, interactionOptions) => {
+export const useInteraction = (Interaction, interactionRef, callback, eventName, nvlRef, interactionOptions) => {
     useEffect(() => {
         setTimeout(() => {
             if ((callback === true || typeof callback === 'function') && !isNil(nvlRef.current)) {
                 if (isNil(interactionRef.current)) {
-                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                    // @ts-ignore
-                    interactionRef.current = new interaction(nvlRef.current, interactionOptions);
+                    interactionRef.current = new Interaction(nvlRef.current, interactionOptions);
                 }
                 if (typeof callback === 'function') {
                     interactionRef.current.updateCallback(eventName, callback);

package/lib/interactive-nvl-wrapper/types.d.ts

@@ -8,7 +8,7 @@ export type InteractionOptions = ClickInteractionOptions & BoxSelectInteractionO
  * The events that can be passed to the {@link MouseEventCallbacks} object
  * to turn on/off certain events for the {@link InteractiveNvlWrapper} component.
  */
-export type MouseEvent = 'onHover' | 'onNodeClick' | 'onNodeRightClick' | 'onNodeDoubleClick' | 'onRelationshipClick' | 'onRelationshipDoubleClick' | 'onRelationshipRightClick' | 'onCanvasClick' | 'onCanvasDoubleClick' | 'onCanvasRightClick' | 'onDrag' | 'onDragStart' | 'onDragEnd' | 'onDrawEnd' | 'onPan' | 'onZoom' | 'onBoxStarted' | 'onBoxSelect' | 'onLassoStarted' | 'onLassoSelect';
+export type MouseEvent = keyof MouseEventCallbacks;
 /**
  * The properties that can be passed to the {@link InteractiveNvlWrapper} component.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-nvl/react",
-  "version": "0.2.47",
+  "version": "0.2.49",
   "main": "lib/index.js",
   "license": "SEE LICENSE IN 'Neo4j Early Access Agreement - Visualization Library.pdf'",
   "scripts": {