From 782d5678513f4cda68d6772426d53b138762fb6d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 11 Jan 2021 12:51:03 +0100
Subject: [PATCH] refactor(wrapEdge): pass source and target handle ids to edge
 closes #814

---
 README.md                         | 2 +-
 src/components/Edges/wrapEdge.tsx | 2 ++
 src/types/index.ts                | 2 ++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 9bcfbca3..fb13110a 100644
--- a/README.md
+++ b/README.md
@@ -35,7 +35,7 @@ const BasicFlow = () => <ReactFlow elements={elements} />;
 
 ## Development
 
-You need to install the React Flow dependencies via `npm install` and the ones of the examples `cd example && npm install`.
+Before you start you need to install the React Flow dependencies via `npm install`.
 
 If you want to contribute or develop custom features the easiest way is to start the dev server:
 
diff --git a/src/components/Edges/wrapEdge.tsx b/src/components/Edges/wrapEdge.tsx
index cfc1f4cb..351e3a52 100644
--- a/src/components/Edges/wrapEdge.tsx
+++ b/src/components/Edges/wrapEdge.tsx
@@ -166,6 +166,8 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
           sourcePosition={sourcePosition}
           targetPosition={targetPosition}
           markerEndId={markerEndId}
+          sourceHandleId={sourceHandleId}
+          targetHandleId={targetHandleId}
         />
         {handleEdgeUpdate && (
           <g
diff --git a/src/types/index.ts b/src/types/index.ts
index 9fab312e..73766a64 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -148,6 +148,8 @@ export interface EdgeProps<T = any> {
   arrowHeadType?: ArrowHeadType;
   markerEndId?: string;
   data?: T;
+  sourceHandleId?: ElementId | null;
+  targetHandleId?: ElementId | null;
 }
 export interface EdgeSmoothStepProps<T = any> extends EdgeProps<T> {
   borderRadius?: number;