refactor(wrapEdge): pass source and target handle ids to edge closes #814

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:
 

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

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;