chore(example): add edge double click to overview

example/src/Overview/index.tsx

@@ -45,6 +45,7 @@ const onEdgeContextMenu = (_: MouseEvent, edge: Edge) => console.log('edge conte
 const onEdgeMouseEnter = (_: MouseEvent, edge: Edge) => console.log('edge mouse enter', edge);
 const onEdgeMouseMove = (_: MouseEvent, edge: Edge) => console.log('edge mouse move', edge);
 const onEdgeMouseLeave = (_: MouseEvent, edge: Edge) => console.log('edge mouse leave', edge);
+const onEdgeDoubleClick = (_: MouseEvent, edge: Edge) => console.log('edge double click', edge);
 
 const initialElements: Elements = [
   {
@@ -187,6 +188,7 @@ const OverviewFlow = () => {
       onEdgeMouseEnter={onEdgeMouseEnter}
       onEdgeMouseMove={onEdgeMouseMove}
       onEdgeMouseLeave={onEdgeMouseLeave}
+      onEdgeDoubleClick={onEdgeDoubleClick}
     >
       <MiniMap nodeStrokeColor={nodeStrokeColor} nodeColor={nodeColor} nodeBorderRadius={2} />
       <Controls />

src/components/Edges/wrapEdge.tsx

@@ -96,6 +96,13 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
       [elementsSelectable, edgeElement, onClick]
     );
 
+    const onEdgeDoubleClickHandler = useCallback(
+      (event: React.MouseEvent<SVGGElement, MouseEvent>) => {
+        onEdgeDoubleClick?.(event, edgeElement);
+      },
+      [edgeElement, onEdgeDoubleClick]
+    );
+
     const onEdgeContextMenu = useCallback(
       (event: React.MouseEvent<SVGGElement, MouseEvent>): void => {
         onContextMenu?.(event, edgeElement);
@@ -163,10 +170,6 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
     const onEdgeUpdaterMouseEnter = useCallback(() => setUpdating(true), [setUpdating]);
     const onEdgeUpdaterMouseOut = useCallback(() => setUpdating(false), [setUpdating]);
 
-    const onEdgeDoubleClickHandler = useCallback((event: React.MouseEvent<SVGGElement, MouseEvent>) => {
-      onEdgeDoubleClick?.(event, edgeElement)
-    }, [edgeElement, onEdgeDoubleClick])
-
     if (isHidden) {
       return null;
     }