From 3fe6a956c25b689ac318940da65a9ad4b349bad8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 27 Aug 2020 00:35:01 +0200
Subject: [PATCH] refactor(d3-zoom): use new v2 api

---
 src/hooks/useD3Zoom.ts | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/hooks/useD3Zoom.ts b/src/hooks/useD3Zoom.ts
index e25de360..4fbbef6c 100644
--- 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;
         }