@uipath/apollo-react 6.19.0 → 6.19.2

package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs

@@ -182,7 +182,7 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
         onMouseEnter: markAsHovered,
         onMouseLeave: unmarkAsHovered,
         onMouseDown: unmarkAsHovered,
-        className: (0, CssUtil_cjs_namespaceObject.cx)('flex! items-center! justify-center! border-0! rounded-none! bg-transparent!', visible ? 'cursor-crosshair! pointer-events-auto! opacity-100' : 'cursor-default! pointer-events-none! opacity-0'),
+        className: (0, CssUtil_cjs_namespaceObject.cx)('flex! items-center! justify-center! border-0! rounded-none! bg-transparent!', visible ? 'opacity-100' : 'pointer-events-none! opacity-0'),
         style: {
             width: handleWidth,
             height: handleHeight,

package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonHandle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ButtonHandle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.tsx"],"names":[],"mappings":"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"}

package/dist/canvas/components/ButtonHandle/ButtonHandle.js

@@ -153,7 +153,7 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
         onMouseEnter: markAsHovered,
         onMouseLeave: unmarkAsHovered,
         onMouseDown: unmarkAsHovered,
-        className: cx('flex! items-center! justify-center! border-0! rounded-none! bg-transparent!', visible ? 'cursor-crosshair! pointer-events-auto! opacity-100' : 'cursor-default! pointer-events-none! opacity-0'),
+        className: cx('flex! items-center! justify-center! border-0! rounded-none! bg-transparent!', visible ? 'opacity-100' : 'pointer-events-none! opacity-0'),
         style: {
             width: handleWidth,
             height: handleHeight,

package/dist/canvas/components/StageNode/StageConnectionEdge.cjs

@@ -41,18 +41,14 @@ function getArrowFromBezier(path, arrowSize) {
         angle
     };
 }
-function StageConnectionEdge({ fromX, fromY, toX, toY, fromPosition, toPosition, fromNode, toNode }) {
+function StageConnectionEdge({ fromX, fromY, toX, toY, fromPosition, toPosition }) {
     if (void 0 === fromX || void 0 === fromY || void 0 === toX || void 0 === toY) return null;
-    const sourceX = fromNode ? fromNode.position.x + (fromNode.measured?.width ?? 0) : fromX;
-    const sourceY = fromNode?.position.y ? fromNode.position.y + 32 : fromY;
-    const targetX = toNode ? toNode.position.x : toX;
-    const targetY = toNode ? toNode.position.y + 32 : toY;
     const [pathData] = (0, react_cjs_namespaceObject.getBezierPath)({
-        sourceX,
-        sourceY,
+        sourceX: fromX,
+        sourceY: fromY,
         sourcePosition: fromPosition,
-        targetX,
-        targetY,
+        targetX: toX,
+        targetY: toY,
         targetPosition: toPosition
     });
     const stroke = 'var(--canvas-selection-indicator)';

package/dist/canvas/components/StageNode/StageConnectionEdge.d.ts

@@ -1,3 +1,3 @@
 import type { ConnectionLineComponentProps } from '../../xyflow/react.ts';
-export declare function StageConnectionEdge({ fromX, fromY, toX, toY, fromPosition, toPosition, fromNode, toNode, }: ConnectionLineComponentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function StageConnectionEdge({ fromX, fromY, toX, toY, fromPosition, toPosition, }: ConnectionLineComponentProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=StageConnectionEdge.d.ts.map

package/dist/canvas/components/StageNode/StageConnectionEdge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageConnectionEdge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageConnectionEdge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AAmB7F,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,KAAK,EACL,GAAG,EACH,GAAG,EACH,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,MAAM,GACP,EAAE,4BAA4B,kDAwE9B"}
+{"version":3,"file":"StageConnectionEdge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageConnectionEdge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AAmB7F,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,KAAK,EACL,GAAG,EACH,GAAG,EACH,YAAY,EACZ,UAAU,GACX,EAAE,4BAA4B,kDAkE9B"}

package/dist/canvas/components/StageNode/StageConnectionEdge.js

@@ -13,18 +13,14 @@ function getArrowFromBezier(path, arrowSize) {
         angle
     };
 }
-function StageConnectionEdge({ fromX, fromY, toX, toY, fromPosition, toPosition, fromNode, toNode }) {
+function StageConnectionEdge({ fromX, fromY, toX, toY, fromPosition, toPosition }) {
     if (void 0 === fromX || void 0 === fromY || void 0 === toX || void 0 === toY) return null;
-    const sourceX = fromNode ? fromNode.position.x + (fromNode.measured?.width ?? 0) : fromX;
-    const sourceY = fromNode?.position.y ? fromNode.position.y + 32 : fromY;
-    const targetX = toNode ? toNode.position.x : toX;
-    const targetY = toNode ? toNode.position.y + 32 : toY;
     const [pathData] = getBezierPath({
-        sourceX,
-        sourceY,
+        sourceX: fromX,
+        sourceY: fromY,
         sourcePosition: fromPosition,
-        targetX,
-        targetY,
+        targetX: toX,
+        targetY: toY,
         targetPosition: toPosition
     });
     const stroke = 'var(--canvas-selection-indicator)';

package/dist/canvas/components/StageNode/StageEdge.cjs

@@ -58,9 +58,6 @@ const StageEdgeLabel = styled_default().div`
     border-color: var(--canvas-border-hover, var(--color-border-hover));
   }
 `;
-function stageEdgeGeometryEquality(previous, next) {
-    return previous.sourceX === next.sourceX && previous.sourceY === next.sourceY && previous.targetX === next.targetX && previous.targetY === next.targetY;
-}
 function getArrowFromBezier(path, arrowSize) {
     const pathEl = document.createElementNS('http://www.w3.org/2000/svg', 'path');
     pathEl.setAttribute('d', path);
@@ -144,16 +141,17 @@ function StageEdgeInner({ geometry, sourcePosition, targetPosition, selected, st
 }
 const StageEdgeInnerMemo = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(StageEdgeInner);
 function StageEdgeComponent({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, selected, style, stroke, strokeWidth, arrowSize, ...rest }) {
-    const geometry = (0, react_cjs_namespaceObject.useStore)((state)=>{
-        const sourceNode = state.nodeLookup.get(rest.source);
-        const targetNode = state.nodeLookup.get(rest.target);
-        return {
-            sourceX: sourceNode ? sourceNode.position.x + (sourceNode.measured?.width ?? 0) : sourceX,
-            sourceY: sourceNode ? sourceNode.position.y + 32 : sourceY,
-            targetX: targetNode?.position.x ?? targetX,
-            targetY: targetNode ? targetNode.position.y + 32 : targetY
-        };
-    }, stageEdgeGeometryEquality);
+    const geometry = (0, external_react_namespaceObject.useMemo)(()=>({
+            sourceX,
+            sourceY,
+            targetX,
+            targetY
+        }), [
+        sourceX,
+        sourceY,
+        targetX,
+        targetY
+    ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StageEdgeInnerMemo, {
         geometry: geometry,
         sourcePosition: sourcePosition,

package/dist/canvas/components/StageNode/StageEdge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageEdge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageEdge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,0CAA0C,CAAC;AAQ1F,eAAO,MAAM,cAAc;;;yGAgB1B,CAAC;AAEF,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAkIF,iBAAS,kBAAkB,CAAC,EAC1B,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,cAAc,EACd,QAAQ,EACR,KAAK,EACL,MAAM,EACN,WAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,EAAE,KAAK,2CA0BP;AAED,eAAO,MAAM,SAAS,gEAA2B,CAAC"}
+{"version":3,"file":"StageEdge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageEdge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAI1E,eAAO,MAAM,cAAc;;;yGAgB1B,CAAC;AAEF,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAyHF,iBAAS,kBAAkB,CAAC,EAC1B,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,cAAc,EACd,QAAQ,EACR,KAAK,EACL,MAAM,EACN,WAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,EAAE,KAAK,2CAmBP;AAED,eAAO,MAAM,SAAS,gEAA2B,CAAC"}

package/dist/canvas/components/StageNode/StageEdge.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import styled from "@emotion/styled";
-import { EdgeLabelRenderer, getSmoothStepPath, useStore } from "../../xyflow/react.js";
+import { EdgeLabelRenderer, getSmoothStepPath } from "../../xyflow/react.js";
 import { memo, useMemo } from "react";
 const StageEdgeLabel = styled.div`
   position: absolute;
@@ -19,9 +19,6 @@ const StageEdgeLabel = styled.div`
     border-color: var(--canvas-border-hover, var(--color-border-hover));
   }
 `;
-function stageEdgeGeometryEquality(previous, next) {
-    return previous.sourceX === next.sourceX && previous.sourceY === next.sourceY && previous.targetX === next.targetX && previous.targetY === next.targetY;
-}
 function getArrowFromBezier(path, arrowSize) {
     const pathEl = document.createElementNS('http://www.w3.org/2000/svg', 'path');
     pathEl.setAttribute('d', path);
@@ -105,16 +102,17 @@ function StageEdgeInner({ geometry, sourcePosition, targetPosition, selected, st
 }
 const StageEdgeInnerMemo = /*#__PURE__*/ memo(StageEdgeInner);
 function StageEdgeComponent({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, selected, style, stroke, strokeWidth, arrowSize, ...rest }) {
-    const geometry = useStore((state)=>{
-        const sourceNode = state.nodeLookup.get(rest.source);
-        const targetNode = state.nodeLookup.get(rest.target);
-        return {
-            sourceX: sourceNode ? sourceNode.position.x + (sourceNode.measured?.width ?? 0) : sourceX,
-            sourceY: sourceNode ? sourceNode.position.y + 32 : sourceY,
-            targetX: targetNode?.position.x ?? targetX,
-            targetY: targetNode ? targetNode.position.y + 32 : targetY
-        };
-    }, stageEdgeGeometryEquality);
+    const geometry = useMemo(()=>({
+            sourceX,
+            sourceY,
+            targetX,
+            targetY
+        }), [
+        sourceX,
+        sourceY,
+        targetX,
+        targetY
+    ]);
     return /*#__PURE__*/ jsx(StageEdgeInnerMemo, {
         geometry: geometry,
         sourcePosition: sourcePosition,

package/dist/canvas/components/StageNode/StageNodeHandles.cjs

@@ -28,10 +28,12 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
 const external_react_namespaceObject = require("react");
+const NodeUtils_cjs_namespaceObject = require("../../utils/NodeUtils.cjs");
 const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
+const ButtonHandleStyleUtils_cjs_namespaceObject = require("../ButtonHandle/ButtonHandleStyleUtils.cjs");
 const useButtonHandles_cjs_namespaceObject = require("../ButtonHandle/useButtonHandles.cjs");
 const StageNodeHandlesInner = ({ id, isReadOnly, selected, isHovered, isException })=>{
-    const isConnecting = (0, react_cjs_namespaceObject.useStore)((state)=>!!state.connectionClickStartHandle);
+    const isConnecting = (0, react_cjs_namespaceObject.useStore)(NodeUtils_cjs_namespaceObject.selectIsConnecting);
     const connectedHandleIds = (0, ConnectedHandlesContext_cjs_namespaceObject.useConnectedHandles)(id);
     const hasConnections = connectedHandleIds.size > 0;
     const shouldShowHandles = (0, external_react_namespaceObject.useMemo)(()=>!isReadOnly && (selected || isHovered || isConnecting || hasConnections), [
@@ -81,7 +83,10 @@ const StageNodeHandlesInner = ({ id, isReadOnly, selected, isHovered, isExceptio
                         handleType: 'input'
                     }
                 ],
-                visible: selected || isHovered || isConnecting
+                visible: selected || isHovered || isConnecting,
+                customPositionAndOffsets: {
+                    width: ButtonHandleStyleUtils_cjs_namespaceObject.HANDLE_CROSS_AXIS_SIZE_PX
+                }
             },
             {
                 position: react_cjs_namespaceObject.Position.Bottom,

package/dist/canvas/components/StageNode/StageNodeHandles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageNodeHandles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeHandles.tsx"],"names":[],"mappings":"AAiGA,eAAO,MAAM,gBAAgB,8FArF1B;IACD,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,yFA+E0D,CAAC"}
+{"version":3,"file":"StageNodeHandles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeHandles.tsx"],"names":[],"mappings":"AAsGA,eAAO,MAAM,gBAAgB,8FAxF1B;IACD,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,yFAkF0D,CAAC"}

package/dist/canvas/components/StageNode/StageNodeHandles.js

@@ -1,9 +1,11 @@
 import { Position, useStore } from "../../xyflow/react.js";
 import { memo, useMemo } from "react";
+import { selectIsConnecting } from "../../utils/NodeUtils.js";
 import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
+import { HANDLE_CROSS_AXIS_SIZE_PX } from "../ButtonHandle/ButtonHandleStyleUtils.js";
 import { useButtonHandles } from "../ButtonHandle/useButtonHandles.js";
 const StageNodeHandlesInner = ({ id, isReadOnly, selected, isHovered, isException })=>{
-    const isConnecting = useStore((state)=>!!state.connectionClickStartHandle);
+    const isConnecting = useStore(selectIsConnecting);
     const connectedHandleIds = useConnectedHandles(id);
     const hasConnections = connectedHandleIds.size > 0;
     const shouldShowHandles = useMemo(()=>!isReadOnly && (selected || isHovered || isConnecting || hasConnections), [
@@ -53,7 +55,10 @@ const StageNodeHandlesInner = ({ id, isReadOnly, selected, isHovered, isExceptio
                         handleType: 'input'
                     }
                 ],
-                visible: selected || isHovered || isConnecting
+                visible: selected || isHovered || isConnecting,
+                customPositionAndOffsets: {
+                    width: HANDLE_CROSS_AXIS_SIZE_PX
+                }
             },
             {
                 position: Position.Bottom,

package/dist/canvas/components/StageNode/tasks/TaskMockedChip.cjs

@@ -42,14 +42,17 @@ function TaskMockedChipInner({ mocked, taskId }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
         content: label,
         placement: "top",
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Badge, {
-            variant: "outline",
-            role: "img",
-            "aria-label": label,
-            className: "absolute -top-1.5 -right-1.5 z-10 h-3.5 w-3.5 justify-center rounded-full border-0 bg-primary p-0 text-primary-foreground [&>svg]:size-2.5",
-            "data-testid": `stage-task-mocked-${taskId}`,
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.FlaskConical, {
-                "aria-hidden": true
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "absolute -top-1.5 -right-1.5 z-10 flex",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Badge, {
+                variant: "outline",
+                role: "img",
+                "aria-label": label,
+                className: "h-3.5 w-3.5 justify-center rounded-full border-0 bg-primary p-0 text-primary-foreground [&>svg]:size-2.5",
+                "data-testid": `stage-task-mocked-${taskId}`,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.FlaskConical, {
+                    "aria-hidden": true
+                })
             })
         })
     });

package/dist/canvas/components/StageNode/tasks/TaskMockedChip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskMockedChip.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/tasks/TaskMockedChip.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,mBAAmB;IAElC,MAAM,EAAE,OAAO,CAAC;IAEhB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,mBAAmB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,mBAAmB,kDAsBnE;AAED,eAAO,MAAM,cAAc,iEAA4B,CAAC"}
+{"version":3,"file":"TaskMockedChip.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/tasks/TaskMockedChip.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,mBAAmB;IAElC,MAAM,EAAE,OAAO,CAAC;IAEhB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,mBAAmB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,mBAAmB,kDAyBnE;AAED,eAAO,MAAM,cAAc,iEAA4B,CAAC"}

package/dist/canvas/components/StageNode/tasks/TaskMockedChip.js

@@ -14,14 +14,17 @@ function TaskMockedChipInner({ mocked, taskId }) {
     return /*#__PURE__*/ jsx(CanvasTooltip, {
         content: label,
         placement: "top",
-        children: /*#__PURE__*/ jsx(Badge, {
-            variant: "outline",
-            role: "img",
-            "aria-label": label,
-            className: "absolute -top-1.5 -right-1.5 z-10 h-3.5 w-3.5 justify-center rounded-full border-0 bg-primary p-0 text-primary-foreground [&>svg]:size-2.5",
-            "data-testid": `stage-task-mocked-${taskId}`,
-            children: /*#__PURE__*/ jsx(FlaskConical, {
-                "aria-hidden": true
+        children: /*#__PURE__*/ jsx("div", {
+            className: "absolute -top-1.5 -right-1.5 z-10 flex",
+            children: /*#__PURE__*/ jsx(Badge, {
+                variant: "outline",
+                role: "img",
+                "aria-label": label,
+                className: "h-3.5 w-3.5 justify-center rounded-full border-0 bg-primary p-0 text-primary-foreground [&>svg]:size-2.5",
+                "data-testid": `stage-task-mocked-${taskId}`,
+                children: /*#__PURE__*/ jsx(FlaskConical, {
+                    "aria-hidden": true
+                })
             })
         })
     });

package/dist/canvas/styles/reactflow-reset.css

@@ -14,6 +14,10 @@
   z-index: 1002 !important;
 }
 
+svg.react-flow__connectionline {
+  z-index: 1003 !important;
+}
+
 .react-flow__edges > svg:has([data-edge-hovered="true"]) {
   z-index: 1001 !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "6.19.0",
+  "version": "6.19.2",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -128,7 +128,9 @@
   },
   "sideEffects": [
     "**/*.css",
-    "dist/**/*.css"
+    "dist/**/*.css",
+    "dist/canvas/index.js",
+    "dist/canvas/index.cjs"
   ],
   "files": [
     "dist"
@@ -218,8 +220,8 @@
     "use-sync-external-store": "^1.2.0",
     "zod": "^4.3.5",
     "zustand": "^5.0.9",
-    "@uipath/apollo-core": "5.12.0",
-    "@uipath/apollo-wind": "2.32.1"
+    "@uipath/apollo-wind": "2.32.1",
+    "@uipath/apollo-core": "5.12.1"
   },
   "devDependencies": {
     "@lingui/cli": "^5.6.1",