refactor(d3-zoom): use new v2 api

xyflow · Aug 26, 2020 · 3fe6a95 · 3fe6a95
1 parent 98c41d2
commit 3fe6a95
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/src/hooks/useD3Zoom.ts b/src/hooks/useD3Zoom.ts
@@ -1,5 +1,4 @@
 import { useEffect, useRef, MutableRefObject } from 'react';
-import { event } from 'd3-selection';
 
 import { useStoreState, useStoreActions } from '../store/hooks';
 import { FlowTransform } from '../types';
@@ -53,7 +52,7 @@ export default ({
       if (selectionKeyPressed) {
         d3Zoom.on('zoom', null);
       } else {
-        d3Zoom.on('zoom', () => {
+        d3Zoom.on('zoom', (event: any) => {
           updateTransform(event.transform);
 
           if (onMove) {
@@ -68,7 +67,7 @@ export default ({
   useEffect(() => {
     if (d3Zoom) {
       if (onMoveStart) {
-        d3Zoom.on('start', () => {
+        d3Zoom.on('start', (event: any) => {
           if (viewChanged(prevTransform.current, event.transform)) {
             const flowTransform = eventToFlowTransform(event.transform);
             prevTransform.current = flowTransform;
@@ -85,7 +84,7 @@ export default ({
   useEffect(() => {
     if (d3Zoom) {
       if (onMoveEnd) {
-        d3Zoom.on('end', () => {
+        d3Zoom.on('end', (event: any) => {
           if (viewChanged(prevTransform.current, event.transform)) {
             const flowTransform = eventToFlowTransform(event.transform);
             prevTransform.current = flowTransform;
@@ -101,7 +100,7 @@ export default ({
 
   useEffect(() => {
     if (d3Zoom) {
-      d3Zoom.filter(() => {
+      d3Zoom.filter((event: any) => {
         if (!paneMoveable) {
           return false;
         }