@neo4j-nvl/react 0.2.6 → 0.2.8

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

@@ -1,19 +1,13 @@
 import type NVL from '@neo4j-nvl/core';
-import type { ClickInteractionOptions, HoverInteractionOptions, MultiSelectInteractionOptions } from '@neo4j-nvl/interaction-handlers';
+import type { ClickInteractionOptions, ClickInteractionCallbacks, HoverInteractionOptions, MultiSelectInteractionOptions, MultiSelectInteractionCallbacks, DragNodeInteractionCallbacks, HoverInteractionCallbacks, PanInteractionCallbacks, ZoomInteractionCallbacks, DrawInteractionCallbacks } from '@neo4j-nvl/interaction-handlers';
 import React from 'react';
 import type { BasicReactWrapperProps } from '../basic-wrapper/BasicNvlWrapper';
 /**
  * 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' | 'onDraw' | 'onMultiSelect' | 'onPan' | 'onZoom';
-/**
- * An object to turn on/off certain events and provide callbacks for all {@link MouseEvent}s
- * for the {@link InteractiveNvlWrapper} component.
- */
-export type MouseEventCallbacks<T extends string = MouseEvent> = {
-    [K in T]?: ((...args: unknown[]) => void) | boolean;
-};
+export type MouseEvent = 'onHover' | 'onNodeClick' | 'onNodeRightClick' | 'onNodeDoubleClick' | 'onRelationshipClick' | 'onRelationshipDoubleClick' | 'onRelationshipRightClick' | 'onCanvasClick' | 'onCanvasDoubleClick' | 'onCanvasRightClick' | 'onDrag' | 'onDrawEnd' | 'onMultiSelect' | 'onPan' | 'onZoom';
+export type MouseEventCallbacks = ClickInteractionCallbacks & DragNodeInteractionCallbacks & HoverInteractionCallbacks & PanInteractionCallbacks & ZoomInteractionCallbacks & MultiSelectInteractionCallbacks & DrawInteractionCallbacks;
 export type InteractionOptions = ClickInteractionOptions & MultiSelectInteractionOptions & HoverInteractionOptions;
 /**
  * The properties that can be passed to the {@link InteractiveNvlWrapper} component.

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

@@ -67,9 +67,9 @@ const useInteractionEffect = (interaction, interactionRef, callback, eventName,
  * </>
  * ```
  */
-export const InteractiveNvlWrapper = memo(forwardRef(({ nodes, rels, layout, layoutOptions, mouseEventCallbacks = {}, nvlCallbacks, nvlOptions = {}, interactionOptions = options }, nvlRef) => {
+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, onDraw, onMultiSelect } = mouseEventCallbacks;
+    const { onHover, onNodeClick, onNodeDoubleClick, onNodeRightClick, onRelationshipClick, onRelationshipDoubleClick, onRelationshipRightClick, onCanvasClick, onCanvasRightClick, onPan, onZoom, onDrag, onDrawEnd, onMultiSelect } = mouseEventCallbacks;
     const hoverInteraction = useRef();
     const clickInteraction = useRef();
     const panInteraction = useRef();
@@ -89,7 +89,7 @@ export const InteractiveNvlWrapper = memo(forwardRef(({ nodes, rels, layout, lay
     useInteractionEffect(PanInteraction, panInteraction, onPan, 'onPan', myNvlRef, interactionOptions);
     useInteractionEffect(ZoomInteraction, zoomInteraction, onZoom, 'onZoom', myNvlRef, interactionOptions);
     useInteractionEffect(DragNodeInteraction, dragNodeInteraction, onDrag, 'onDrag', myNvlRef, interactionOptions);
-    useInteractionEffect(DrawInteraction, drawInteraction, onDraw, 'onDraw', myNvlRef, interactionOptions);
+    useInteractionEffect(DrawInteraction, drawInteraction, onDrawEnd, 'onDrawEnd', myNvlRef, interactionOptions);
     useInteractionEffect(MultiSelectInteraction, multiSelectInteraction, onMultiSelect, 'onMultiSelect', myNvlRef, interactionOptions);
     useEffect(() => () => {
         destroyInteraction(hoverInteraction);

package/package.json

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