From a5e853cdc34c82bbb9408060910a303ed18e2527 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 25 Mar 2022 16:02:25 +0100
Subject: [PATCH] feat(zoom): Add d3zoom event to hooks

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

diff --git a/src/types/hooks.ts b/src/types/hooks.ts
index 99cef1a5..28ded69a 100644
--- a/src/types/hooks.ts
+++ b/src/types/hooks.ts
@@ -1,6 +1,7 @@
 import { EventHook, EventHookOn } from '@vueuse/core'
 import { MouseTouchEvent } from '@braks/revue-draggable'
-import { FlowInstance, Dimensions, XYPosition } from './flow'
+import { D3ZoomEvent } from 'd3-zoom'
+import { FlowInstance } from './flow'
 import { GraphEdge } from './edge'
 import { GraphNode } from './node'
 import { Connection, OnConnectStartParams } from './connection'
@@ -26,9 +27,9 @@ export interface FlowEvents<N = any, E = N> {
   connectStop: MouseEvent
   connectEnd: MouseEvent
   paneReady: FlowInstance<N, E>
-  move: FlowTransform | undefined
-  moveStart: FlowTransform | undefined
-  moveEnd: FlowTransform | undefined
+  move: { event: D3ZoomEvent<HTMLDivElement, any>; flowTransform: FlowTransform }
+  moveStart: { event: D3ZoomEvent<HTMLDivElement, any>; flowTransform: FlowTransform }
+  moveEnd: { event: D3ZoomEvent<HTMLDivElement, any>; flowTransform: FlowTransform }
   selectionDragStart: { event: MouseTouchEvent; nodes: GraphNode<N>[] }
   selectionDrag: { event: MouseTouchEvent; nodes: GraphNode<N>[] }
   selectionDragStop: { event: MouseTouchEvent; nodes: GraphNode<N>[] }