refactor(onmove-handler): pass source event #1676

src/types/component-props.ts

@@ -9,7 +9,6 @@ import {
   ConnectionMode,
   ConnectionLineType,
   ConnectionLineComponent,
-  Viewport,
   OnConnectStart,
   OnConnectStop,
   OnConnectEnd,
@@ -27,7 +26,10 @@ import {
   OnNodesDelete,
   OnEdgesDelete,
   OnNodesChange,
-  OnEdgesChange
+  OnEdgesChange,
+  OnMove,
+  OnMoveStart,
+  OnMoveEnd,
 } from '.';
 
 export interface ReactFlowProps extends HTMLAttributes<HTMLDivElement> {
@@ -55,9 +57,9 @@ export interface ReactFlowProps extends HTMLAttributes<HTMLDivElement> {
   onConnectStop?: OnConnectStop;
   onConnectEnd?: OnConnectEnd;
   onInit?: OnInit;
-  onMove?: (viewport: Viewport) => void;
-  onMoveStart?: (viewport: Viewport) => void;
-  onMoveEnd?: (viewport: Viewport) => void;
+  onMove?: OnMove;
+  onMoveStart?: OnMoveStart;
+  onMoveEnd?: OnMoveEnd;
   onSelectionChange?: OnSelectionChangeFunc;
   onSelectionDragStart?: (event: ReactMouseEvent, nodes: Node[]) => void;
   onSelectionDrag?: (event: ReactMouseEvent, nodes: Node[]) => void;

src/types/general.ts

@@ -22,6 +22,10 @@ export type OnEdgesChange = (nodes: EdgeChange[]) => void;
 export type OnNodesDelete = (nodes: Node[]) => void;
 export type OnEdgesDelete = (edges: Edge[]) => void;
 
+export type OnMove = (event: MouseEvent | TouchEvent, viweport: Viewport) => void;
+export type OnMoveStart = OnMove;
+export type OnMoveEnd = OnMove;
+
 export type ZoomInOut = (options?: ViewportHelperFunctionOptions) => void;
 export type ZoomTo = (zoomLevel: number, options?: ViewportHelperFunctionOptions) => void;
 export type GetZoom = () => number;