feat(edges): add mouse handler closes #987

2021-03-12 20:46:14 +01:00
parent bf6bce0c58
commit cd1baadf41
6 changed files with 66 additions and 5 deletions
@@ -109,8 +109,11 @@ export interface ReactFlowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
  panOnScrollMode?: PanOnScrollMode;
  zoomOnDoubleClick?: boolean;
  onEdgeUpdate?: OnEdgeUpdateFunc;
-  onEdgeContextMenu?: (event: MouseEvent, nodes: Edge) => void;
-  edgeUpdaterRadius?: number
+  onEdgeContextMenu?: (event: MouseEvent, edge: Edge) => void;
+  onEdgeMouseEnter?: (event: MouseEvent, edge: Edge) => void;
+  onEdgeMouseMove?: (event: MouseEvent, edge: Edge) => void;
+  onEdgeMouseLeave?: (event: MouseEvent, edge: Edge) => void;
+  edgeUpdaterRadius?: number;
 }

 const ReactFlow = ({
@@ -176,6 +179,9 @@ const ReactFlow = ({
  children,
  onEdgeUpdate,
  onEdgeContextMenu,
+  onEdgeMouseEnter,
+  onEdgeMouseMove,
+  onEdgeMouseLeave,
  edgeUpdaterRadius = 10,
  ...rest
 }: ReactFlowProps) => {
@@ -245,6 +251,9 @@ const ReactFlow = ({
          onSelectionContextMenu={onSelectionContextMenu}
          onEdgeUpdate={onEdgeUpdate}
          onEdgeContextMenu={onEdgeContextMenu}
+          onEdgeMouseEnter={onEdgeMouseEnter}
+          onEdgeMouseMove={onEdgeMouseMove}
+          onEdgeMouseLeave={onEdgeMouseLeave}
          edgeUpdaterRadius={edgeUpdaterRadius}
        />
        <ElementUpdater elements={elements} />