@uipath/apollo-react 3.64.0-pr431.cb6b0b8 → 3.65.0

package/dist/canvas/components/NodePropertiesPanel/hooks/index.cjs

@@ -24,7 +24,6 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    useSetNodeSelection: ()=>external_useNodeSelection_cjs_namespaceObject.useSetNodeSelection,
     useNodeSelection: ()=>external_useNodeSelection_cjs_namespaceObject.useNodeSelection,
     useNodeConfiguration: ()=>external_useNodeConfiguration_cjs_namespaceObject.useNodeConfiguration
 });
@@ -32,11 +31,9 @@ const external_useNodeConfiguration_cjs_namespaceObject = require("./useNodeConf
 const external_useNodeSelection_cjs_namespaceObject = require("./useNodeSelection.cjs");
 exports.useNodeConfiguration = __webpack_exports__.useNodeConfiguration;
 exports.useNodeSelection = __webpack_exports__.useNodeSelection;
-exports.useSetNodeSelection = __webpack_exports__.useSetNodeSelection;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "useNodeConfiguration",
-    "useNodeSelection",
-    "useSetNodeSelection"
+    "useNodeSelection"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/canvas/components/NodePropertiesPanel/hooks/index.d.ts

@@ -1,3 +1,3 @@
 export { useNodeConfiguration } from './useNodeConfiguration';
-export { useNodeSelection, useSetNodeSelection } from './useNodeSelection';
+export { useNodeSelection } from './useNodeSelection';
 //# sourceMappingURL=index.d.ts.map

package/dist/canvas/components/NodePropertiesPanel/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/NodePropertiesPanel/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/NodePropertiesPanel/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/canvas/components/NodePropertiesPanel/hooks/index.js

@@ -1,3 +1,3 @@
 import { useNodeConfiguration } from "./useNodeConfiguration.js";
-import { useNodeSelection, useSetNodeSelection } from "./useNodeSelection.js";
-export { useNodeConfiguration, useNodeSelection, useSetNodeSelection };
+import { useNodeSelection } from "./useNodeSelection.js";
+export { useNodeConfiguration, useNodeSelection };

package/dist/canvas/components/NodePropertiesPanel/hooks/useNodeSelection.cjs

@@ -24,21 +24,10 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    useNodeSelection: ()=>useNodeSelection,
-    useSetNodeSelection: ()=>useSetNodeSelection
+    useNodeSelection: ()=>useNodeSelection
 });
 const react_cjs_namespaceObject = require("../../../xyflow/react.cjs");
 const external_react_namespaceObject = require("react");
-function applySelection(nodes, nodeId) {
-    return nodes.map((node)=>{
-        const shouldBeSelected = node.id === nodeId;
-        if (node.selected === shouldBeSelected) return node;
-        return {
-            ...node,
-            selected: shouldBeSelected
-        };
-    });
-}
 function useNodeSelection(nodeId, maintainSelection = true) {
     const nodes = (0, react_cjs_namespaceObject.useNodes)();
     const { setNodes } = (0, react_cjs_namespaceObject.useReactFlow)();
@@ -51,7 +40,10 @@ function useNodeSelection(nodeId, maintainSelection = true) {
         ])
     });
     (0, external_react_namespaceObject.useEffect)(()=>{
-        if (maintainSelection && selectedNodeId) setNodes((nds)=>applySelection(nds, selectedNodeId));
+        if (maintainSelection && selectedNodeId) setNodes((nds)=>nds.map((node)=>({
+                    ...node,
+                    selected: node.id === selectedNodeId
+                })));
     }, [
         selectedNodeId,
         maintainSelection,
@@ -64,22 +56,9 @@ function useNodeSelection(nodeId, maintainSelection = true) {
         selectedNode
     };
 }
-function useSetNodeSelection() {
-    const { setNodes } = (0, react_cjs_namespaceObject.useReactFlow)();
-    const setSelectedNodeId = (0, external_react_namespaceObject.useCallback)((nodeId)=>{
-        setNodes((nds)=>applySelection(nds, nodeId));
-    }, [
-        setNodes
-    ]);
-    return {
-        setSelectedNodeId
-    };
-}
 exports.useNodeSelection = __webpack_exports__.useNodeSelection;
-exports.useSetNodeSelection = __webpack_exports__.useSetNodeSelection;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "useNodeSelection",
-    "useSetNodeSelection"
+    "useNodeSelection"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/canvas/components/NodePropertiesPanel/hooks/useNodeSelection.d.ts

@@ -4,7 +4,4 @@ export declare function useNodeSelection(nodeId?: string, maintainSelection?: bo
     setSelectedNodeId: import("react").Dispatch<import("react").SetStateAction<string | null>>;
     selectedNode: ConfigurableNode | undefined;
 };
-export declare function useSetNodeSelection(): {
-    setSelectedNodeId: (nodeId: string) => void;
-};
 //# sourceMappingURL=useNodeSelection.d.ts.map

package/dist/canvas/components/NodePropertiesPanel/hooks/useNodeSelection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNodeSelection.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/NodePropertiesPanel/hooks/useNodeSelection.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAUrE,wBAAgB,gBAAgB,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,iBAAiB,UAAO;;;;EAmCzE;AAOD,wBAAgB,mBAAmB;gCAItB,MAAM;EAOlB"}
+{"version":3,"file":"useNodeSelection.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/NodePropertiesPanel/hooks/useNodeSelection.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAErE,wBAAgB,gBAAgB,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,iBAAiB,UAAO;;;;EAwCzE"}

package/dist/canvas/components/NodePropertiesPanel/hooks/useNodeSelection.js

@@ -1,15 +1,5 @@
 import { useNodes, useOnSelectionChange, useReactFlow } from "../../../xyflow/react.js";
 import { useCallback, useEffect, useState } from "react";
-function applySelection(nodes, nodeId) {
-    return nodes.map((node)=>{
-        const shouldBeSelected = node.id === nodeId;
-        if (node.selected === shouldBeSelected) return node;
-        return {
-            ...node,
-            selected: shouldBeSelected
-        };
-    });
-}
 function useNodeSelection(nodeId, maintainSelection = true) {
     const nodes = useNodes();
     const { setNodes } = useReactFlow();
@@ -22,7 +12,10 @@ function useNodeSelection(nodeId, maintainSelection = true) {
         ])
     });
     useEffect(()=>{
-        if (maintainSelection && selectedNodeId) setNodes((nds)=>applySelection(nds, selectedNodeId));
+        if (maintainSelection && selectedNodeId) setNodes((nds)=>nds.map((node)=>({
+                    ...node,
+                    selected: node.id === selectedNodeId
+                })));
     }, [
         selectedNodeId,
         maintainSelection,
@@ -35,15 +28,4 @@ function useNodeSelection(nodeId, maintainSelection = true) {
         selectedNode
     };
 }
-function useSetNodeSelection() {
-    const { setNodes } = useReactFlow();
-    const setSelectedNodeId = useCallback((nodeId)=>{
-        setNodes((nds)=>applySelection(nds, nodeId));
-    }, [
-        setNodes
-    ]);
-    return {
-        setSelectedNodeId
-    };
-}
-export { useNodeSelection, useSetNodeSelection };
+export { useNodeSelection };

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

@@ -41,7 +41,6 @@ const sortable_namespaceObject = require("@dnd-kit/sortable");
 const utilities_namespaceObject = require("@dnd-kit/utilities");
 const apollo_core_namespaceObject = require("@uipath/apollo-core");
 const index_cjs_namespaceObject = require("../../layouts/index.cjs");
-const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
 const external_material_index_cjs_namespaceObject = require("../../../material/index.cjs");
 const external_debounce_namespaceObject = require("debounce");
 var external_debounce_default = /*#__PURE__*/ __webpack_require__.n(external_debounce_namespaceObject);
@@ -183,9 +182,8 @@ const TaskContent = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ ta
             ]
         })
     }));
-const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, groupIndex, taskIndex, getContextMenuItems, onTaskClick, onTaskPlay, isDragDisabled, projectedDepth })=>{
+const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, contextMenuItems, onTaskClick, onMenuOpen, onTaskPlay, isDragDisabled, projectedDepth, zoom = 1 })=>{
     const [isMenuOpen, setIsMenuOpen] = (0, external_react_namespaceObject.useState)(false);
-    const zoom = (0, react_cjs_namespaceObject.useStore)((s)=>s.transform[2]);
     const taskRef = (0, external_react_namespaceObject.useRef)(null);
     const menuRef = (0, external_react_namespaceObject.useRef)(null);
     const [playLoading, setPlayLoading] = (0, external_react_namespaceObject.useState)(false);
@@ -223,14 +221,6 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
     const handleContextMenu = (0, external_react_namespaceObject.useCallback)((e)=>{
         menuRef.current?.handleContextMenu(e);
     }, []);
-    const handleGetContextMenuItems = (0, external_react_namespaceObject.useCallback)(()=>{
-        if (!getContextMenuItems) return [];
-        return getContextMenuItems(groupIndex, taskIndex);
-    }, [
-        getContextMenuItems,
-        groupIndex,
-        taskIndex
-    ]);
     const { attributes, listeners, setNodeRef, transition, transform, isDragging } = (0, sortable_namespaceObject.useSortable)({
         id: task.id,
         disabled: isDragDisabled
@@ -276,7 +266,7 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
         isParallel: isParallel,
         isDragEnabled: !isDragDisabled,
         onClick: handleClick,
-        ...getContextMenuItems && {
+        ...contextMenuItems.length > 0 && {
             onContextMenu: handleContextMenu
         },
         children: [
@@ -323,11 +313,12 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
                     })
                 })
             }),
-            getContextMenuItems && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskMenu_cjs_namespaceObject.TaskMenu, {
+            contextMenuItems.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskMenu_cjs_namespaceObject.TaskMenu, {
                 ref: menuRef,
                 taskId: task.id,
-                getContextMenuItems: handleGetContextMenuItems,
+                contextMenuItems: contextMenuItems,
                 onMenuOpenChange: handleMenuOpenChange,
+                onMenuOpen: onMenuOpen,
                 taskRef: taskRef
             })
         ]

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

@@ -1,4 +1,4 @@
 import type { DraggableTaskProps, TaskContentProps } from './DraggableTask.types';
 export declare const TaskContent: import("react").MemoExoticComponent<({ task, taskExecution, isDragging }: TaskContentProps) => import("react/jsx-runtime").JSX.Element>;
-export declare const DraggableTask: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, isParallel, groupIndex, taskIndex, getContextMenuItems, onTaskClick, onTaskPlay, isDragDisabled, projectedDepth, }: DraggableTaskProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const DraggableTask: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, isParallel, contextMenuItems, onTaskClick, onMenuOpen, onTaskPlay, isDragDisabled, projectedDepth, zoom, }: DraggableTaskProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=DraggableTask.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DraggableTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAgClF,eAAO,MAAM,WAAW,4EAA8C,gBAAgB,6CAwEpF,CAAC;AA4LH,eAAO,MAAM,aAAa,8LA9KvB,kBAAkB,6CA8KoC,CAAC"}
+{"version":3,"file":"DraggableTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAgClF,eAAO,MAAM,WAAW,4EAA8C,gBAAgB,6CAwEpF,CAAC;AAqLH,eAAO,MAAM,aAAa,sLAvKvB,kBAAkB,6CAuKoC,CAAC"}

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

@@ -3,7 +3,6 @@ import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { FontVariantToken, Padding, Spacing } from "@uipath/apollo-core";
 import { Column, Row } from "../../layouts/index.js";
-import { useStore } from "../../xyflow/react.js";
 import { ApBadge, ApCircularProgress, ApIconButton, ApTooltip, ApTypography, BadgeSize } from "../../../material/index.js";
 import debounce from "debounce";
 import { memo, useCallback, useMemo, useRef, useState } from "react";
@@ -144,9 +143,8 @@ const TaskContent = /*#__PURE__*/ memo(({ task, taskExecution, isDragging })=>/*
             ]
         })
     }));
-const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, groupIndex, taskIndex, getContextMenuItems, onTaskClick, onTaskPlay, isDragDisabled, projectedDepth })=>{
+const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, contextMenuItems, onTaskClick, onMenuOpen, onTaskPlay, isDragDisabled, projectedDepth, zoom = 1 })=>{
     const [isMenuOpen, setIsMenuOpen] = useState(false);
-    const zoom = useStore((s)=>s.transform[2]);
     const taskRef = useRef(null);
     const menuRef = useRef(null);
     const [playLoading, setPlayLoading] = useState(false);
@@ -184,14 +182,6 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
     const handleContextMenu = useCallback((e)=>{
         menuRef.current?.handleContextMenu(e);
     }, []);
-    const handleGetContextMenuItems = useCallback(()=>{
-        if (!getContextMenuItems) return [];
-        return getContextMenuItems(groupIndex, taskIndex);
-    }, [
-        getContextMenuItems,
-        groupIndex,
-        taskIndex
-    ]);
     const { attributes, listeners, setNodeRef, transition, transform, isDragging } = useSortable({
         id: task.id,
         disabled: isDragDisabled
@@ -237,7 +227,7 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
         isParallel: isParallel,
         isDragEnabled: !isDragDisabled,
         onClick: handleClick,
-        ...getContextMenuItems && {
+        ...contextMenuItems.length > 0 && {
             onContextMenu: handleContextMenu
         },
         children: [
@@ -284,11 +274,12 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
                     })
                 })
             }),
-            getContextMenuItems && /*#__PURE__*/ jsx(TaskMenu, {
+            contextMenuItems.length > 0 && /*#__PURE__*/ jsx(TaskMenu, {
                 ref: menuRef,
                 taskId: task.id,
-                getContextMenuItems: handleGetContextMenuItems,
+                contextMenuItems: contextMenuItems,
                 onMenuOpenChange: handleMenuOpenChange,
+                onMenuOpen: onMenuOpen,
                 taskRef: taskRef
             })
         ]

package/dist/canvas/components/StageNode/DraggableTask.types.d.ts

@@ -10,12 +10,12 @@ export interface DraggableTaskProps {
     taskExecution?: StageTaskExecution;
     isSelected: boolean;
     isParallel: boolean;
-    groupIndex: number;
-    taskIndex: number;
-    getContextMenuItems?: (groupIndex: number, taskIndex: number) => NodeMenuItem[];
+    contextMenuItems: NodeMenuItem[];
     onTaskClick: (e: React.MouseEvent, taskId: string) => void;
+    onMenuOpen?: () => void;
     onTaskPlay?: (taskId: string) => Promise<void>;
     isDragDisabled?: boolean;
     projectedDepth?: number;
+    zoom?: number;
 }
 //# sourceMappingURL=DraggableTask.types.d.ts.map

package/dist/canvas/components/StageNode/DraggableTask.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableTask.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE3E,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,YAAY,EAAE,CAAC;IAChF,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB"}
+{"version":3,"file":"DraggableTask.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE3E,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

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

@@ -40,7 +40,6 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const styled_namespaceObject = require("@emotion/styled");
 var styled_default = /*#__PURE__*/ __webpack_require__.n(styled_namespaceObject);
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
-const external_react_namespaceObject = require("react");
 const StageEdgeLabel = styled_default().div`
   position: absolute;
   color: var(--uix-canvas-foreground);
@@ -58,9 +57,6 @@ const StageEdgeLabel = styled_default().div`
     border-color: var(--uix-canvas-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);
@@ -74,13 +70,19 @@ function getArrowFromBezier(path, arrowSize) {
         angle
     };
 }
-function StageEdgeInner({ geometry, sourcePosition, targetPosition, selected, style, stroke = 'var(--uix-canvas-foreground-emp)', strokeWidth = 2, arrowSize = 8, ...rest }) {
+function StageEdge({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, selected, style, stroke = 'var(--uix-canvas-foreground-emp)', strokeWidth = 2, arrowSize = 8, ...rest }) {
+    const sourceNode = (0, react_cjs_namespaceObject.useInternalNode)(rest.source);
+    const targetNode = (0, react_cjs_namespaceObject.useInternalNode)(rest.target);
+    const sourceNodeX = sourceNode ? sourceNode.position.x + (sourceNode.measured?.width ?? 0) : sourceX;
+    const sourceNodeY = sourceNode?.position.y ? sourceNode.position.y + 32 : sourceY;
+    const targetNodeX = targetNode?.position.x ?? targetX;
+    const targetNodeY = targetNode?.position.y ? targetNode.position.y + 32 : targetY;
     const [pathData, labelX, labelY, _ex, _ey] = (0, react_cjs_namespaceObject.getSmoothStepPath)({
-        sourceX: geometry.sourceX,
-        sourceY: geometry.sourceY,
+        sourceX: sourceNodeX,
+        sourceY: sourceNodeY,
         sourcePosition,
-        targetX: geometry.targetX - 1,
-        targetY: geometry.targetY,
+        targetX: targetNodeX - 1,
+        targetY: targetNodeY,
         targetPosition,
         borderRadius: 40
     });
@@ -139,31 +141,6 @@ 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);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StageEdgeInnerMemo, {
-        geometry: geometry,
-        sourcePosition: sourcePosition,
-        targetPosition: targetPosition,
-        selected: selected,
-        style: style,
-        stroke: stroke,
-        strokeWidth: strokeWidth,
-        arrowSize: arrowSize,
-        ...rest
-    });
-}
-const StageEdge = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(StageEdgeComponent);
 exports.StageEdge = __webpack_exports__.StageEdge;
 exports.StageEdgeLabel = __webpack_exports__.StageEdgeLabel;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

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

@@ -8,7 +8,6 @@ type Props = EdgeProps & {
     strokeWidth?: number;
     arrowSize?: number;
 };
-declare function StageEdgeComponent({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, selected, style, stroke, strokeWidth, arrowSize, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
-export declare const StageEdge: import("react").MemoExoticComponent<typeof StageEdgeComponent>;
+export declare function StageEdge({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, selected, style, stroke, strokeWidth, arrowSize, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=StageEdge.d.ts.map

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;AA4HF,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;AAO1E,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;AAkBF,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,cAAc,EACd,QAAQ,EACR,KAAK,EACL,MAA2C,EAC3C,WAAe,EACf,SAAa,EACb,GAAG,IAAI,EACR,EAAE,KAAK,2CAiFP"}

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

@@ -1,7 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import styled from "@emotion/styled";
-import { EdgeLabelRenderer, getSmoothStepPath, useStore } from "../../xyflow/react.js";
-import { memo } from "react";
+import { EdgeLabelRenderer, getSmoothStepPath, useInternalNode } from "../../xyflow/react.js";
 const StageEdgeLabel = styled.div`
   position: absolute;
   color: var(--uix-canvas-foreground);
@@ -19,9 +18,6 @@ const StageEdgeLabel = styled.div`
     border-color: var(--uix-canvas-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);
@@ -35,13 +31,19 @@ function getArrowFromBezier(path, arrowSize) {
         angle
     };
 }
-function StageEdgeInner({ geometry, sourcePosition, targetPosition, selected, style, stroke = 'var(--uix-canvas-foreground-emp)', strokeWidth = 2, arrowSize = 8, ...rest }) {
+function StageEdge({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, selected, style, stroke = 'var(--uix-canvas-foreground-emp)', strokeWidth = 2, arrowSize = 8, ...rest }) {
+    const sourceNode = useInternalNode(rest.source);
+    const targetNode = useInternalNode(rest.target);
+    const sourceNodeX = sourceNode ? sourceNode.position.x + (sourceNode.measured?.width ?? 0) : sourceX;
+    const sourceNodeY = sourceNode?.position.y ? sourceNode.position.y + 32 : sourceY;
+    const targetNodeX = targetNode?.position.x ?? targetX;
+    const targetNodeY = targetNode?.position.y ? targetNode.position.y + 32 : targetY;
     const [pathData, labelX, labelY, _ex, _ey] = getSmoothStepPath({
-        sourceX: geometry.sourceX,
-        sourceY: geometry.sourceY,
+        sourceX: sourceNodeX,
+        sourceY: sourceNodeY,
         sourcePosition,
-        targetX: geometry.targetX - 1,
-        targetY: geometry.targetY,
+        targetX: targetNodeX - 1,
+        targetY: targetNodeY,
         targetPosition,
         borderRadius: 40
     });
@@ -100,29 +102,4 @@ 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);
-    return /*#__PURE__*/ jsx(StageEdgeInnerMemo, {
-        geometry: geometry,
-        sourcePosition: sourcePosition,
-        targetPosition: targetPosition,
-        selected: selected,
-        style: style,
-        stroke: stroke,
-        strokeWidth: strokeWidth,
-        arrowSize: arrowSize,
-        ...rest
-    });
-}
-const StageEdge = /*#__PURE__*/ memo(StageEdgeComponent);
 export { StageEdge, StageEdgeLabel };