@uipath/apollo-react 5.0.1 → 5.0.2

package/dist/canvas/components/Edges/CanvasEdge.cjs

@@ -86,6 +86,7 @@ const CanvasEdge_CanvasEdge = /*#__PURE__*/ (0, external_react_namespaceObject.m
         targetY,
         targetPosition,
         waypoints: effectiveWaypoints,
+        autoRouted: 0 === waypoints.length,
         enableSegments: editingEnabled,
         hideArrowHead
     });

package/dist/canvas/components/Edges/CanvasEdge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasEdge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Edges/CanvasEdge.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAWtD,eAAO,MAAM,UAAU,uDAgMF,CAAC"}
+{"version":3,"file":"CanvasEdge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Edges/CanvasEdge.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAWtD,eAAO,MAAM,UAAU,uDAkMF,CAAC"}

package/dist/canvas/components/Edges/CanvasEdge.js

@@ -58,6 +58,7 @@ const CanvasEdge_CanvasEdge = /*#__PURE__*/ memo(function({ id, selected, animat
         targetY,
         targetPosition,
         waypoints: effectiveWaypoints,
+        autoRouted: 0 === waypoints.length,
         enableSegments: editingEnabled,
         hideArrowHead
     });

package/dist/canvas/components/Edges/shared/geometry.cjs

@@ -187,7 +187,20 @@ function connectorElbow(from, to, incoming) {
         y: from.y
     };
 }
-function buildPathVertices(sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, waypoints = []) {
+function clearNodeFace(waypoints, anchor, position) {
+    const dir = getDirection(position);
+    const axis = 0 !== dir.dx ? 'x' : 'y';
+    const sign = 0 !== dir.dx ? dir.dx : dir.dy;
+    const nearest = waypoints.reduce((acc, w)=>sign > 0 ? Math.min(acc, w[axis]) : Math.max(acc, w[axis]), sign > 0 ? 1 / 0 : -1 / 0);
+    const gap = (nearest - anchor[axis]) * sign;
+    if (gap >= external_constants_cjs_namespaceObject.EDGE_CONSTANTS.STUB_OFFSET) return waypoints;
+    const shift = (external_constants_cjs_namespaceObject.EDGE_CONSTANTS.STUB_OFFSET - gap) * sign;
+    return waypoints.map((w)=>Math.abs(w[axis] - nearest) < TOL ? {
+            ...w,
+            [axis]: w[axis] + shift
+        } : w);
+}
+function buildPathVertices(sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, waypoints = [], autoRouted = false) {
     const sourceOffset = external_constants_cjs_namespaceObject.ARROW_OFFSETS[sourcePosition];
     const targetOffset = external_constants_cjs_namespaceObject.ARROW_OFFSETS[targetPosition];
     const start = {
@@ -213,27 +226,28 @@ function buildPathVertices(sourceX, sourceY, sourcePosition, targetX, targetY, t
     }
     const startVertex = derived(start);
     const endVertex = derived(end);
+    const routed = autoRouted ? clearNodeFace(clearNodeFace(waypoints, start, sourcePosition), end, targetPosition) : waypoints;
     const path = [
         startVertex
     ];
-    for (const elbow of routeAnchorToPoint(start, sourcePosition, waypoints[0]))path.push(derived(elbow));
+    for (const elbow of routeAnchorToPoint(start, sourcePosition, routed[0]))path.push(derived(elbow));
     path.push({
-        x: waypoints[0].x,
-        y: waypoints[0].y,
+        x: routed[0].x,
+        y: routed[0].y,
         waypointIndex: 0
     });
-    for(let i = 1; i < waypoints.length; i++){
+    for(let i = 1; i < routed.length; i++){
         const from = path[path.length - 1];
         const incoming = path.length >= 2 ? getSegmentOrientation(path[path.length - 2], from) : null;
-        const elbow = connectorElbow(from, waypoints[i], incoming);
+        const elbow = connectorElbow(from, routed[i], incoming);
         if (elbow) path.push(derived(elbow));
         path.push({
-            x: waypoints[i].x,
-            y: waypoints[i].y,
+            x: routed[i].x,
+            y: routed[i].y,
             waypointIndex: i
         });
     }
-    const targetStub = routeAnchorToPoint(end, targetPosition, waypoints[waypoints.length - 1]);
+    const targetStub = routeAnchorToPoint(end, targetPosition, routed[routed.length - 1]);
     for(let j = targetStub.length - 1; j >= 0; j--)path.push(derived(targetStub[j]));
     const interior = consolidateWaypoints(path.slice(1), start, end, (v)=>v.waypointIndex >= 0);
     return [

package/dist/canvas/components/Edges/shared/geometry.d.ts

@@ -4,7 +4,7 @@ export declare function snapPointToGrid(point: Point): Point;
 export declare function isHorizontalPosition(position: Position): boolean;
 export declare function calculateAutoWaypoints(sourceX: number, sourceY: number, sourcePosition: Position, targetX: number, targetY: number, targetPosition: Position): Point[];
 export declare function routeAnchorToPoint(anchor: Point, anchorPosition: Position, point: Point): Point[];
-export declare function buildPathVertices(sourceX: number, sourceY: number, sourcePosition: Position, targetX: number, targetY: number, targetPosition: Position, waypoints?: Waypoint[]): PathVertex[];
+export declare function buildPathVertices(sourceX: number, sourceY: number, sourcePosition: Position, targetX: number, targetY: number, targetPosition: Position, waypoints?: Waypoint[], autoRouted?: boolean): PathVertex[];
 export declare function consolidateWaypoints<T extends Point>(points: T[], pathStart: Point, pathEnd: Point, isProtected?: (point: T) => boolean): T[];
 export declare function getSegmentOrientation(start: Point, end: Point): SegmentOrientation;
 export declare function isSegmentPerpendicular(segment: {

package/dist/canvas/components/Edges/shared/geometry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Edges/shared/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAGzE,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIxF,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAEnD;AAmBD,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAEhE;AAMD,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,EACxB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,GACvB,KAAK,EAAE,CAiCT;AAyBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,CAoCjG;AAkCD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,EACxB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,EACxB,SAAS,GAAE,QAAQ,EAAO,GACzB,UAAU,EAAE,CAwDd;AAiBD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,KAAK,EAClD,MAAM,EAAE,CAAC,EAAE,EACX,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,KAAK,EACd,WAAW,GAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAqB,GAC/C,CAAC,EAAE,CAsFL;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAG,kBAAkB,CAElF;AAKD,wBAAgB,sBAAsB,CAAC,OAAO,EAAE;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,KAAK,CAAA;CAAE,GAAG,OAAO,CAIrF;AAUD,wBAAgB,eAAe,CAAC,UAAU,EAAE,UAAU,EAAE,GAAG,OAAO,EAAE,CAgBnE;AAMD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,YAAY,GAAE,MAAsB,GAAG,MAAM,CAyC/F;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,KAAK,CAK1D;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAIzD;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAE/D;AAOD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAkCzD"}
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Edges/shared/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAGzE,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIxF,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAEnD;AAmBD,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAEhE;AAMD,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,EACxB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,GACvB,KAAK,EAAE,CAiCT;AAyBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,CAoCjG;AA8DD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,EACxB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,EACxB,SAAS,GAAE,QAAQ,EAAO,EAE1B,UAAU,UAAQ,GACjB,UAAU,EAAE,CA6Dd;AAiBD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,KAAK,EAClD,MAAM,EAAE,CAAC,EAAE,EACX,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,KAAK,EACd,WAAW,GAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAqB,GAC/C,CAAC,EAAE,CAsFL;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAG,kBAAkB,CAElF;AAKD,wBAAgB,sBAAsB,CAAC,OAAO,EAAE;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,KAAK,CAAA;CAAE,GAAG,OAAO,CAIrF;AAUD,wBAAgB,eAAe,CAAC,UAAU,EAAE,UAAU,EAAE,GAAG,OAAO,EAAE,CAgBnE;AAMD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,YAAY,GAAE,MAAsB,GAAG,MAAM,CAyC/F;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,KAAK,CAK1D;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAIzD;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAE/D;AAOD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAkCzD"}

package/dist/canvas/components/Edges/shared/geometry.js

@@ -146,7 +146,20 @@ function connectorElbow(from, to, incoming) {
         y: from.y
     };
 }
-function buildPathVertices(sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, waypoints = []) {
+function clearNodeFace(waypoints, anchor, position) {
+    const dir = getDirection(position);
+    const axis = 0 !== dir.dx ? 'x' : 'y';
+    const sign = 0 !== dir.dx ? dir.dx : dir.dy;
+    const nearest = waypoints.reduce((acc, w)=>sign > 0 ? Math.min(acc, w[axis]) : Math.max(acc, w[axis]), sign > 0 ? 1 / 0 : -1 / 0);
+    const gap = (nearest - anchor[axis]) * sign;
+    if (gap >= EDGE_CONSTANTS.STUB_OFFSET) return waypoints;
+    const shift = (EDGE_CONSTANTS.STUB_OFFSET - gap) * sign;
+    return waypoints.map((w)=>Math.abs(w[axis] - nearest) < TOL ? {
+            ...w,
+            [axis]: w[axis] + shift
+        } : w);
+}
+function buildPathVertices(sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, waypoints = [], autoRouted = false) {
     const sourceOffset = ARROW_OFFSETS[sourcePosition];
     const targetOffset = ARROW_OFFSETS[targetPosition];
     const start = {
@@ -172,27 +185,28 @@ function buildPathVertices(sourceX, sourceY, sourcePosition, targetX, targetY, t
     }
     const startVertex = derived(start);
     const endVertex = derived(end);
+    const routed = autoRouted ? clearNodeFace(clearNodeFace(waypoints, start, sourcePosition), end, targetPosition) : waypoints;
     const path = [
         startVertex
     ];
-    for (const elbow of routeAnchorToPoint(start, sourcePosition, waypoints[0]))path.push(derived(elbow));
+    for (const elbow of routeAnchorToPoint(start, sourcePosition, routed[0]))path.push(derived(elbow));
     path.push({
-        x: waypoints[0].x,
-        y: waypoints[0].y,
+        x: routed[0].x,
+        y: routed[0].y,
         waypointIndex: 0
     });
-    for(let i = 1; i < waypoints.length; i++){
+    for(let i = 1; i < routed.length; i++){
         const from = path[path.length - 1];
         const incoming = path.length >= 2 ? getSegmentOrientation(path[path.length - 2], from) : null;
-        const elbow = connectorElbow(from, waypoints[i], incoming);
+        const elbow = connectorElbow(from, routed[i], incoming);
         if (elbow) path.push(derived(elbow));
         path.push({
-            x: waypoints[i].x,
-            y: waypoints[i].y,
+            x: routed[i].x,
+            y: routed[i].y,
             waypointIndex: i
         });
     }
-    const targetStub = routeAnchorToPoint(end, targetPosition, waypoints[waypoints.length - 1]);
+    const targetStub = routeAnchorToPoint(end, targetPosition, routed[routed.length - 1]);
     for(let j = targetStub.length - 1; j >= 0; j--)path.push(derived(targetStub[j]));
     const interior = consolidateWaypoints(path.slice(1), start, end, (v)=>v.waypointIndex >= 0);
     return [

package/dist/canvas/components/Edges/shared/hooks/useEdgeGeometry.cjs

@@ -33,11 +33,11 @@ const external_geometry_cjs_namespaceObject = require("../geometry.cjs");
 const EMPTY_VERTICES = [];
 const EMPTY_SEGMENTS = [];
 function useEdgeGeometry(args) {
-    const { routing, sourceNodeId, targetNodeId, sourceHandleId, targetHandleId, sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, waypoints, enableSegments = true, hideArrowHead = false } = args;
+    const { routing, sourceNodeId, targetNodeId, sourceHandleId, targetHandleId, sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, waypoints, autoRouted = false, enableSegments = true, hideArrowHead = false } = args;
     const arrowOffset = external_constants_cjs_namespaceObject.ARROW_OFFSETS[targetPosition];
     const isWaypoint = 'waypoint' === routing;
     const isHandle = 'handle' === routing;
-    const pathPoints = (0, external_react_namespaceObject.useMemo)(()=>isWaypoint ? (0, external_geometry_cjs_namespaceObject.buildPathVertices)(sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, waypoints) : EMPTY_VERTICES, [
+    const pathPoints = (0, external_react_namespaceObject.useMemo)(()=>isWaypoint ? (0, external_geometry_cjs_namespaceObject.buildPathVertices)(sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, waypoints, autoRouted) : EMPTY_VERTICES, [
         isWaypoint,
         sourceX,
         sourceY,
@@ -45,7 +45,8 @@ function useEdgeGeometry(args) {
         targetX,
         targetY,
         targetPosition,
-        waypoints
+        waypoints,
+        autoRouted
     ]);
     const segments = (0, external_react_namespaceObject.useMemo)(()=>enableSegments ? (0, external_geometry_cjs_namespaceObject.extractSegments)(pathPoints) : EMPTY_SEGMENTS, [
         enableSegments,

package/dist/canvas/components/Edges/shared/hooks/useEdgeGeometry.d.ts

@@ -13,6 +13,7 @@ export type UseEdgeGeometryArgs = {
     targetY: number;
     targetPosition: Position;
     waypoints: Waypoint[];
+    autoRouted?: boolean;
     enableSegments?: boolean;
     hideArrowHead?: boolean;
 };

package/dist/canvas/components/Edges/shared/hooks/useEdgeGeometry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEdgeGeometry.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/hooks/useEdgeGeometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAUzE,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAKlF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,WAAW,CAAC;IAErB,YAAY,EAAE,MAAM,CAAC;IAErB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,QAAQ,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,QAAQ,CAAC;IAEzB,SAAS,EAAE,QAAQ,EAAE,CAAC;IAMtB,cAAc,CAAC,EAAE,OAAO,CAAC;IAMzB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAEzB,QAAQ,EAAE,MAAM,CAAC;IAEjB,UAAU,EAAE,UAAU,EAAE,CAAC;IAEzB,QAAQ,EAAE,OAAO,EAAE,CAAC;IAEpB,UAAU,EAAE,KAAK,CAAC;IAElB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,KAAK,CAAC;KACf,CAAC;CACH,CAAC;AAUF,wBAAgB,eAAe,CAAC,IAAI,EAAE,mBAAmB,GAAG,YAAY,CAqFvE"}
+{"version":3,"file":"useEdgeGeometry.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/hooks/useEdgeGeometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAUzE,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAKlF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,WAAW,CAAC;IAErB,YAAY,EAAE,MAAM,CAAC;IAErB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,QAAQ,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,QAAQ,CAAC;IAMzB,SAAS,EAAE,QAAQ,EAAE,CAAC;IAKtB,UAAU,CAAC,EAAE,OAAO,CAAC;IAMrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAMzB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAEzB,QAAQ,EAAE,MAAM,CAAC;IAEjB,UAAU,EAAE,UAAU,EAAE,CAAC;IAEzB,QAAQ,EAAE,OAAO,EAAE,CAAC;IAEpB,UAAU,EAAE,KAAK,CAAC;IAElB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,KAAK,CAAC;KACf,CAAC;CACH,CAAC;AAUF,wBAAgB,eAAe,CAAC,IAAI,EAAE,mBAAmB,GAAG,YAAY,CAiGvE"}

package/dist/canvas/components/Edges/shared/hooks/useEdgeGeometry.js

@@ -5,11 +5,11 @@ import { buildPathVertices, createRoundedPath, extractSegments, getPathArcMidpoi
 const EMPTY_VERTICES = [];
 const EMPTY_SEGMENTS = [];
 function useEdgeGeometry(args) {
-    const { routing, sourceNodeId, targetNodeId, sourceHandleId, targetHandleId, sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, waypoints, enableSegments = true, hideArrowHead = false } = args;
+    const { routing, sourceNodeId, targetNodeId, sourceHandleId, targetHandleId, sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, waypoints, autoRouted = false, enableSegments = true, hideArrowHead = false } = args;
     const arrowOffset = ARROW_OFFSETS[targetPosition];
     const isWaypoint = 'waypoint' === routing;
     const isHandle = 'handle' === routing;
-    const pathPoints = useMemo(()=>isWaypoint ? buildPathVertices(sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, waypoints) : EMPTY_VERTICES, [
+    const pathPoints = useMemo(()=>isWaypoint ? buildPathVertices(sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, waypoints, autoRouted) : EMPTY_VERTICES, [
         isWaypoint,
         sourceX,
         sourceY,
@@ -17,7 +17,8 @@ function useEdgeGeometry(args) {
         targetX,
         targetY,
         targetPosition,
-        waypoints
+        waypoints,
+        autoRouted
     ]);
     const segments = useMemo(()=>enableSegments ? extractSegments(pathPoints) : EMPTY_SEGMENTS, [
         enableSegments,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "5.0.1",
+  "version": "5.0.2",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",