fix: todo in useHandle

* edge update end only emits the mouse event, not the edge

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>

examples/Layouting/LayoutingExample.vue

@@ -26,10 +26,9 @@ const nodeExtent: NodeExtent = [
 ]
 
 const elements = ref<Elements>(initialElements)
-const onConnect = (params: Connection | Edge) => (elements.value = addEdge({ ...params, animated: true }, elements.value))
+const onConnect = (params: Connection) => (elements.value = addEdge({ ...params, animated: true }, elements.value))
 const onElementsRemove = (elementsToRemove: Elements) => (elements.value = removeElements(elementsToRemove, elements.value))
 
-// todo changing elements not properly updating flowchart...
 const onLayout = (direction: string) => {
   const isHorizontal = direction === 'LR'
   dagreGraph.setGraph({ rankdir: direction })

src/composables/useHandle.ts

@@ -156,10 +156,7 @@ export default () => {
 
       hooks.connectEnd.trigger(event)
 
-      if (elementEdgeUpdaterType) {
-        // todo fix missing edge
-        hooks.edgeUpdateEnd.trigger({ event } as any)
-      }
+      if (elementEdgeUpdaterType) hooks.edgeUpdateEnd.trigger(event)
 
       resetRecentHandle(recentHoveredHandle)
       store.setConnectionNodeId({ connectionNodeId: undefined, connectionHandleId: undefined, connectionHandleType: undefined })

src/types/hooks.ts

@@ -45,7 +45,7 @@ export interface FlowEvents {
   edgeDoubleClick: { event: MouseEvent; edge: Edge }
   edgeClick: { event: MouseEvent; edge: Edge }
   edgeUpdateStart: { event: MouseEvent; edge: Edge }
-  edgeUpdateEnd: { event: MouseEvent; edge: Edge }
+  edgeUpdateEnd: MouseEvent
 }
 
 export type FlowHooks = { [key in keyof FlowEvents]: FlowHook<FlowEvents[key]> }