From 8cf22797f5490a63f103c2f1d48cd7d4475394eb Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 7 Dec 2021 16:20:19 +0100
Subject: [PATCH] update(types): use MouseTouchEvent type for drag events

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 src/types/hooks.ts | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/types/hooks.ts b/src/types/hooks.ts
index 0eac2397..d5b4ccce 100644
--- a/src/types/hooks.ts
+++ b/src/types/hooks.ts
@@ -1,4 +1,5 @@
 import { EventHook } from '@vueuse/core'
+import { MouseTouchEvent } from '@braks/revue-draggable'
 import { FlowTransform, FlowInstance, FlowElements } from './flow'
 import { GraphEdge } from './edge'
 import { GraphNode } from './node'
@@ -7,17 +8,17 @@ import { Connection, OnConnectStartParams } from './connection'
 export type FlowHook<T = any> = EventHook<T>
 
 export interface FlowEvents {
-  elementClick: { event: MouseEvent; element: GraphNode | GraphEdge }
+  elementClick: { event: MouseTouchEvent; element: GraphNode | GraphEdge }
   elementsRemove: FlowElements
-  nodeDoubleClick: { event: MouseEvent; node: GraphNode }
-  nodeClick: { event: MouseEvent; node: GraphNode }
+  nodeDoubleClick: { event: MouseTouchEvent; node: GraphNode }
+  nodeClick: { event: MouseTouchEvent; node: GraphNode }
   nodeMouseEnter: { event: MouseEvent; node: GraphNode }
   nodeMouseMove: { event: MouseEvent; node: GraphNode }
   nodeMouseLeave: { event: MouseEvent; node: GraphNode }
   nodeContextMenu: { event: MouseEvent; node: GraphNode }
-  nodeDragStart: { event: MouseEvent; node: GraphNode }
-  nodeDrag: { event: MouseEvent; node: GraphNode }
-  nodeDragStop: { event: MouseEvent; node: GraphNode }
+  nodeDragStart: { event: MouseTouchEvent; node: GraphNode }
+  nodeDrag: { event: MouseTouchEvent; node: GraphNode }
+  nodeDragStop: { event: MouseTouchEvent; node: GraphNode }
   connect: Connection
   connectStart: {
     event: MouseEvent
@@ -30,9 +31,9 @@ export interface FlowEvents {
   moveStart: FlowTransform | undefined
   moveEnd: FlowTransform | undefined
   selectionChange: FlowElements | undefined
-  selectionDragStart: { event: MouseEvent; nodes: GraphNode[] }
-  selectionDrag: { event: MouseEvent; nodes: GraphNode[] }
-  selectionDragStop: { event: MouseEvent; nodes: GraphNode[] }
+  selectionDragStart: { event: MouseTouchEvent; nodes: GraphNode[] }
+  selectionDrag: { event: MouseTouchEvent; nodes: GraphNode[] }
+  selectionDragStop: { event: MouseTouchEvent; nodes: GraphNode[] }
   selectionContextMenu: { event: MouseEvent; nodes: GraphNode[] }
   paneScroll: WheelEvent | undefined
   paneClick: MouseEvent