@uipath/apollo-react 4.43.1 → 4.44.1

package/dist/canvas/components/FloatingCanvasPanel/useFloatingPosition.cjs

@@ -32,7 +32,7 @@ const external_react_namespaceObject = require("react");
 const VIEWPORT_PADDING = 8;
 function useFloatingPosition({ open = true, nodeId, anchorRect, placement = 'right-start', offset: offsetValue = 20, fallbackPlacement = 'none' }) {
     const referenceRef = (0, external_react_namespaceObject.useRef)(null);
-    const internalNode = (0, react_cjs_namespaceObject.useInternalNode)(nodeId || '');
+    const internalNode = (0, react_cjs_namespaceObject.useInternalNode)(open && nodeId ? nodeId : '');
     const [availableHeight, setAvailableHeight] = (0, external_react_namespaceObject.useState)(null);
     const computedAnchor = (0, external_react_namespaceObject.useMemo)(()=>{
         if (anchorRect) return anchorRect;

package/dist/canvas/components/FloatingCanvasPanel/useFloatingPosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFloatingPosition.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/FloatingCanvasPanel/useFloatingPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EAKf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAwC,MAAM,OAAO,CAAC;AAEnG,MAAM,MAAM,UAAU,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AASjF,MAAM,WAAW,0BAA0B;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;CAC9C;AAED,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,UAAU,GAAG,IAAI,CAAC;IAClC,cAAc,EAAE,aAAa,CAAC;IAC9B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,EAAE;QACJ,YAAY,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;KACvC,CAAC;IACF,kBAAkB,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;CACjE;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAW,EACX,MAAM,EACN,UAAU,EACV,SAAyB,EACzB,MAAM,EAAE,WAAgB,EACxB,iBAA0B,GAC3B,EAAE,0BAA0B,GAAG,yBAAyB,CAmExD"}
+{"version":3,"file":"useFloatingPosition.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/FloatingCanvasPanel/useFloatingPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EAKf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAwC,MAAM,OAAO,CAAC;AAEnG,MAAM,MAAM,UAAU,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AASjF,MAAM,WAAW,0BAA0B;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;CAC9C;AAED,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,UAAU,GAAG,IAAI,CAAC;IAClC,cAAc,EAAE,aAAa,CAAC;IAC9B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,EAAE;QACJ,YAAY,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;KACvC,CAAC;IACF,kBAAkB,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;CACjE;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAW,EACX,MAAM,EACN,UAAU,EACV,SAAyB,EACzB,MAAM,EAAE,WAAgB,EACxB,iBAA0B,GAC3B,EAAE,0BAA0B,GAAG,yBAAyB,CAsExD"}

package/dist/canvas/components/FloatingCanvasPanel/useFloatingPosition.js

@@ -4,7 +4,7 @@ import { useEffect, useMemo, useRef, useState } from "react";
 const VIEWPORT_PADDING = 8;
 function useFloatingPosition({ open = true, nodeId, anchorRect, placement = 'right-start', offset: offsetValue = 20, fallbackPlacement = 'none' }) {
     const referenceRef = useRef(null);
-    const internalNode = useInternalNode(nodeId || '');
+    const internalNode = useInternalNode(open && nodeId ? nodeId : '');
     const [availableHeight, setAvailableHeight] = useState(null);
     const computedAnchor = useMemo(()=>{
         if (anchorRect) return anchorRect;

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

@@ -61,7 +61,7 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
             }),
             getContextMenuItems && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskMenu_cjs_namespaceObject.TaskMenu, {
                 ref: menuRef,
-                taskId: task.id,
+                task: task,
                 getContextMenuItems: getContextMenuItems,
                 disabled: isTaskLoading
             })

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

@@ -4,7 +4,7 @@ interface AdhocTaskItemProps {
     task: StageTaskItem;
     taskExecution?: StageTaskExecution;
     isSelected: boolean;
-    getContextMenuItems?: () => NodeMenuItem[];
+    getContextMenuItems?: (task: StageTaskItem) => NodeMenuItem[];
     onTaskClick: (e: React.MouseEvent, taskId: string) => void;
     onTaskPlay?: (taskId: string) => Promise<void>;
     isTaskLoading?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"AdhocTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/AdhocTask.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAI3E,UAAU,kBAAkB;IAC1B,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,YAAY,EAAE,CAAC;IAC3C,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,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAgDD,eAAO,MAAM,aAAa,0IAtCvB,kBAAkB,6CAsCoC,CAAC"}
+{"version":3,"file":"AdhocTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/AdhocTask.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAI3E,UAAU,kBAAkB;IAC1B,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IAGpB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,YAAY,EAAE,CAAC;IAC9D,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,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAgDD,eAAO,MAAM,aAAa,0IAtCvB,kBAAkB,6CAsCoC,CAAC"}

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

@@ -33,7 +33,7 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
             }),
             getContextMenuItems && /*#__PURE__*/ jsx(TaskMenu, {
                 ref: menuRef,
-                taskId: task.id,
+                task: task,
                 getContextMenuItems: getContextMenuItems,
                 disabled: isTaskLoading
             })

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

@@ -34,8 +34,7 @@ const external_react_namespaceObject = require("react");
 const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
 const external_TaskContent_cjs_namespaceObject = require("./TaskContent.cjs");
 const external_TaskMenu_cjs_namespaceObject = require("./TaskMenu.cjs");
-const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, groupIndex, taskIndex, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading })=>{
-    const zoom = (0, react_cjs_namespaceObject.useStore)((s)=>s.transform[2]);
+const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading })=>{
     const taskRef = (0, external_react_namespaceObject.useRef)(null);
     const menuRef = (0, external_react_namespaceObject.useRef)(null);
     const handleClick = (0, external_react_namespaceObject.useCallback)((e)=>{
@@ -47,19 +46,11 @@ 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, task.id);
-    }, [
-        getContextMenuItems,
-        groupIndex,
-        taskIndex,
-        task.id
-    ]);
     const { attributes, listeners, setNodeRef, transition, transform, isDragging } = (0, sortable_namespaceObject.useSortable)({
         id: task.id,
         disabled: isDragDisabled
     });
+    const zoom = (0, react_cjs_namespaceObject.useStore)((s)=>transform ? s.transform[2] : 1);
     const style = (0, external_react_namespaceObject.useMemo)(()=>{
         const scaledTransform = transform ? {
             ...transform,
@@ -112,8 +103,8 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
             }),
             getContextMenuItems && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskMenu_cjs_namespaceObject.TaskMenu, {
                 ref: menuRef,
-                taskId: task.id,
-                getContextMenuItems: handleGetContextMenuItems,
+                task: task,
+                getContextMenuItems: getContextMenuItems,
                 disabled: isTaskLoading
             })
         ]

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

@@ -1,3 +1,3 @@
 import type { DraggableTaskProps } from './DraggableTask.types';
-export declare const DraggableTask: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, isParallel, groupIndex, taskIndex, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading, }: DraggableTaskProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const DraggableTask: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading, }: 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":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AA4HhE,eAAO,MAAM,aAAa,iMArGvB,kBAAkB,6CAqGoC,CAAC"}
+{"version":3,"file":"DraggableTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAuHhE,eAAO,MAAM,aAAa,0KAlGvB,kBAAkB,6CAkGoC,CAAC"}

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

@@ -6,8 +6,7 @@ import { memo, useCallback, useMemo, useRef } from "react";
 import { INDENTATION_WIDTH, StageTask, StageTaskDragPlaceholder, StageTaskDragPlaceholderWrapper, StageTaskWrapper } from "./StageNode.styles.js";
 import { TaskContent } from "./TaskContent.js";
 import { TaskMenu } from "./TaskMenu.js";
-const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, groupIndex, taskIndex, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading })=>{
-    const zoom = useStore((s)=>s.transform[2]);
+const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading })=>{
     const taskRef = useRef(null);
     const menuRef = useRef(null);
     const handleClick = useCallback((e)=>{
@@ -19,19 +18,11 @@ 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, task.id);
-    }, [
-        getContextMenuItems,
-        groupIndex,
-        taskIndex,
-        task.id
-    ]);
     const { attributes, listeners, setNodeRef, transition, transform, isDragging } = useSortable({
         id: task.id,
         disabled: isDragDisabled
     });
+    const zoom = useStore((s)=>transform ? s.transform[2] : 1);
     const style = useMemo(()=>{
         const scaledTransform = transform ? {
             ...transform,
@@ -84,8 +75,8 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
             }),
             getContextMenuItems && /*#__PURE__*/ jsx(TaskMenu, {
                 ref: menuRef,
-                taskId: task.id,
-                getContextMenuItems: handleGetContextMenuItems,
+                task: task,
+                getContextMenuItems: getContextMenuItems,
                 disabled: isTaskLoading
             })
         ]

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

@@ -5,9 +5,7 @@ export interface DraggableTaskProps {
     taskExecution?: StageTaskExecution;
     isSelected: boolean;
     isParallel: boolean;
-    groupIndex: number;
-    taskIndex: number;
-    getContextMenuItems?: (groupIndex: number, taskIndex: number, taskId: string) => NodeMenuItem[];
+    getContextMenuItems?: (task: StageTaskItem) => NodeMenuItem[];
     onTaskClick: (e: React.MouseEvent, taskId: string) => void;
     onTaskPlay?: (taskId: string) => Promise<void>;
     isDragDisabled?: boolean;

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,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,EAAE,MAAM,EAAE,MAAM,KAAK,YAAY,EAAE,CAAC;IAChG,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;IACxB,aAAa,CAAC,EAAE,OAAO,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,kBAAkB;IACjC,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IAGpB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,YAAY,EAAE,CAAC;IAC9D,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;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}

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

@@ -60,7 +60,7 @@ const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getCont
             }),
             getContextMenuItems && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskMenu_cjs_namespaceObject.TaskMenu, {
                 ref: menuRef,
-                taskId: task.id,
+                task: task,
                 getContextMenuItems: getContextMenuItems,
                 disabled: isTaskLoading
             })

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

@@ -4,7 +4,7 @@ interface EventDrivenTaskItemProps {
     task: StageTaskItem;
     taskExecution?: StageTaskExecution;
     isSelected: boolean;
-    getContextMenuItems?: () => NodeMenuItem[];
+    getContextMenuItems?: (task: StageTaskItem) => NodeMenuItem[];
     onTaskClick: (e: React.MouseEvent, taskId: string) => void;
     isTaskLoading?: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"EventDrivenTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/EventDrivenTask.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAI3E,UAAU,wBAAwB;IAChC,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,YAAY,EAAE,CAAC;IAC3C,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAgDD,eAAO,MAAM,mBAAmB,8HAvC7B,wBAAwB,6CAuC0C,CAAC"}
+{"version":3,"file":"EventDrivenTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/EventDrivenTask.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAI3E,UAAU,wBAAwB;IAChC,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IAGpB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,YAAY,EAAE,CAAC;IAC9D,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAgDD,eAAO,MAAM,mBAAmB,8HAvC7B,wBAAwB,6CAuC0C,CAAC"}

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

@@ -32,7 +32,7 @@ const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getCont
             }),
             getContextMenuItems && /*#__PURE__*/ jsx(TaskMenu, {
                 ref: menuRef,
-                taskId: task.id,
+                task: task,
                 getContextMenuItems: getContextMenuItems,
                 disabled: isTaskLoading
             })

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

@@ -84,7 +84,10 @@ function StageEdgeInner({ geometry, sourcePosition, targetPosition, selected, st
         targetPosition,
         borderRadius: 40
     });
-    const { endX, endY, angle } = getArrowFromBezier(pathData, arrowSize);
+    const { endX, endY, angle } = (0, external_react_namespaceObject.useMemo)(()=>getArrowFromBezier(pathData, arrowSize), [
+        pathData,
+        arrowSize
+    ]);
     const arrowLineLength = arrowSize;
     const strokeColor = selected ? 'var(--canvas-selection-indicator)' : stroke;
     const strokeWidthValue = selected ? strokeWidth + 1 : strokeWidth;

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,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"}

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

@@ -1,7 +1,7 @@
 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 { memo, useMemo } from "react";
 const StageEdgeLabel = styled.div`
   position: absolute;
   color: var(--canvas-foreground);
@@ -45,7 +45,10 @@ function StageEdgeInner({ geometry, sourcePosition, targetPosition, selected, st
         targetPosition,
         borderRadius: 40
     });
-    const { endX, endY, angle } = getArrowFromBezier(pathData, arrowSize);
+    const { endX, endY, angle } = useMemo(()=>getArrowFromBezier(pathData, arrowSize), [
+        pathData,
+        arrowSize
+    ]);
     const arrowLineLength = arrowSize;
     const strokeColor = selected ? 'var(--canvas-selection-indicator)' : stroke;
     const strokeWidthValue = selected ? strokeWidth + 1 : strokeWidth;

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

@@ -120,6 +120,8 @@ const StageNodeInner = (props)=>{
         setSelectedNodeId,
         id
     ]);
+    const handleAddTaskToolboxClose = (0, external_react_namespaceObject.useCallback)(()=>setIsAddingTask(false), []);
+    const handleReplaceTaskToolboxClose = (0, external_react_namespaceObject.useCallback)(()=>setIsReplacingTask(false), []);
     const handleReplaceTaskToolboxItemSelected = (0, external_react_namespaceObject.useCallback)((item)=>{
         onReplaceTaskFromToolbox?.(item, taskStateReference.current.groupIndex, taskStateReference.current.taskIndex);
         setIsReplacingTask(false);
@@ -134,9 +136,7 @@ const StageNodeInner = (props)=>{
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         "data-testid": `stage-${id}`,
-        style: {
-            position: 'relative'
-        },
+        className: "relative",
         onClick: handleStageClick,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
@@ -165,26 +165,24 @@ const StageNodeInner = (props)=>{
                     })
                 ]
             }),
-            onAddTaskFromToolbox && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.FloatingCanvasPanel, {
-                open: isAddingTask,
+            onAddTaskFromToolbox && isAddingTask && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.FloatingCanvasPanel, {
                 nodeId: id,
                 offset: 15,
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Toolbox_index_cjs_namespaceObject.Toolbox, {
                     title: labels.addTask,
                     initialItems: taskOptions,
-                    onClose: ()=>setIsAddingTask(false),
+                    onClose: handleAddTaskToolboxClose,
                     onItemSelect: handleAddTaskToolboxItemSelected,
                     onSearch: onTaskToolboxSearch
                 })
             }),
-            onReplaceTaskFromToolbox && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.FloatingCanvasPanel, {
-                open: isReplacingTask,
+            onReplaceTaskFromToolbox && isReplacingTask && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.FloatingCanvasPanel, {
                 nodeId: id,
                 offset: 15,
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Toolbox_index_cjs_namespaceObject.Toolbox, {
                     title: labels.replaceTask,
                     initialItems: taskOptions,
-                    onClose: ()=>setIsReplacingTask(false),
+                    onClose: handleReplaceTaskToolboxClose,
                     onItemSelect: handleReplaceTaskToolboxItemSelected,
                     onSearch: onTaskToolboxSearch
                 })

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

@@ -1 +1 @@
-{"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAsB,MAAM,mBAAmB,CAAC;AAgM5E,eAAO,MAAM,SAAS,8CA1LS,cAAc,6CA0LmC,CAAC"}
+{"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAsB,MAAM,mBAAmB,CAAC;AAsM5E,eAAO,MAAM,SAAS,8CAhMS,cAAc,6CAgMmC,CAAC"}

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

@@ -92,6 +92,8 @@ const StageNodeInner = (props)=>{
         setSelectedNodeId,
         id
     ]);
+    const handleAddTaskToolboxClose = useCallback(()=>setIsAddingTask(false), []);
+    const handleReplaceTaskToolboxClose = useCallback(()=>setIsReplacingTask(false), []);
     const handleReplaceTaskToolboxItemSelected = useCallback((item)=>{
         onReplaceTaskFromToolbox?.(item, taskStateReference.current.groupIndex, taskStateReference.current.taskIndex);
         setIsReplacingTask(false);
@@ -106,9 +108,7 @@ const StageNodeInner = (props)=>{
     ]);
     return /*#__PURE__*/ jsxs("div", {
         "data-testid": `stage-${id}`,
-        style: {
-            position: 'relative'
-        },
+        className: "relative",
         onClick: handleStageClick,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
@@ -137,26 +137,24 @@ const StageNodeInner = (props)=>{
                     })
                 ]
             }),
-            onAddTaskFromToolbox && /*#__PURE__*/ jsx(FloatingCanvasPanel, {
-                open: isAddingTask,
+            onAddTaskFromToolbox && isAddingTask && /*#__PURE__*/ jsx(FloatingCanvasPanel, {
                 nodeId: id,
                 offset: 15,
                 children: /*#__PURE__*/ jsx(Toolbox, {
                     title: labels.addTask,
                     initialItems: taskOptions,
-                    onClose: ()=>setIsAddingTask(false),
+                    onClose: handleAddTaskToolboxClose,
                     onItemSelect: handleAddTaskToolboxItemSelected,
                     onSearch: onTaskToolboxSearch
                 })
             }),
-            onReplaceTaskFromToolbox && /*#__PURE__*/ jsx(FloatingCanvasPanel, {
-                open: isReplacingTask,
+            onReplaceTaskFromToolbox && isReplacingTask && /*#__PURE__*/ jsx(FloatingCanvasPanel, {
                 nodeId: id,
                 offset: 15,
                 children: /*#__PURE__*/ jsx(Toolbox, {
                     title: labels.replaceTask,
                     initialItems: taskOptions,
-                    onClose: ()=>setIsReplacingTask(false),
+                    onClose: handleReplaceTaskToolboxClose,
                     onItemSelect: handleReplaceTaskToolboxItemSelected,
                     onSearch: onTaskToolboxSearch
                 })

package/dist/canvas/components/StageNode/StageNode.stories.utils.cjs

@@ -28,26 +28,28 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const nodePropsEqual_cjs_namespaceObject = require("../../utils/nodePropsEqual.cjs");
 const external_StageNode_cjs_namespaceObject = require("./StageNode.cjs");
+const MENU_ITEMS = [
+    {
+        id: 'menu-item-1',
+        label: 'Menu Item 1',
+        onClick: ()=>alert('Menu Item 1 clicked')
+    },
+    {
+        id: 'menu-item-2',
+        label: 'Menu Item 2',
+        onClick: ()=>alert('Menu Item 2 clicked')
+    }
+];
 const StageNodeWrapper = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ id, selected, dragging, width, data })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_cjs_namespaceObject.StageNode, {
         id: id,
         selected: selected,
         dragging: dragging,
         width: width,
         ...data,
-        menuItems: [
-            {
-                id: 'menu-item-1',
-                label: 'Menu Item 1',
-                onClick: ()=>alert('Menu Item 1 clicked')
-            },
-            {
-                id: 'menu-item-2',
-                label: 'Menu Item 2',
-                onClick: ()=>alert('Menu Item 2 clicked')
-            }
-        ]
-    }));
+        menuItems: MENU_ITEMS
+    }), nodePropsEqual_cjs_namespaceObject.areNodePropsEqualIgnoringPosition);
 exports.StageNodeWrapper = __webpack_exports__.StageNodeWrapper;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "StageNodeWrapper"

package/dist/canvas/components/StageNode/StageNode.stories.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageNode.stories.utils.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAG1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,KAAK,qBAAqB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG;IACrD,IAAI,EAAE,kBAAkB,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,gFACe,qBAAqB,6CAwBhE,CAAC"}
+{"version":3,"file":"StageNode.stories.utils.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAK1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,KAAK,qBAAqB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG;IACrD,IAAI,EAAE,kBAAkB,CAAC;CAC1B,CAAC;AAoBF,eAAO,MAAM,gBAAgB,gFACe,qBAAqB,6CAahE,CAAC"}

package/dist/canvas/components/StageNode/StageNode.stories.utils.js

@@ -1,23 +1,25 @@
 import { jsx } from "react/jsx-runtime";
 import { memo } from "react";
+import { areNodePropsEqualIgnoringPosition } from "../../utils/nodePropsEqual.js";
 import { StageNode } from "./StageNode.js";
+const MENU_ITEMS = [
+    {
+        id: 'menu-item-1',
+        label: 'Menu Item 1',
+        onClick: ()=>alert('Menu Item 1 clicked')
+    },
+    {
+        id: 'menu-item-2',
+        label: 'Menu Item 2',
+        onClick: ()=>alert('Menu Item 2 clicked')
+    }
+];
 const StageNodeWrapper = /*#__PURE__*/ memo(({ id, selected, dragging, width, data })=>/*#__PURE__*/ jsx(StageNode, {
         id: id,
         selected: selected,
         dragging: dragging,
         width: width,
         ...data,
-        menuItems: [
-            {
-                id: 'menu-item-1',
-                label: 'Menu Item 1',
-                onClick: ()=>alert('Menu Item 1 clicked')
-            },
-            {
-                id: 'menu-item-2',
-                label: 'Menu Item 2',
-                onClick: ()=>alert('Menu Item 2 clicked')
-            }
-        ]
-    }));
+        menuItems: MENU_ITEMS
+    }), areNodePropsEqualIgnoringPosition);
 export { StageNodeWrapper };

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

@@ -74,6 +74,7 @@ export interface StageNodeBaseProps {
     };
     menuItems?: NodeMenuItem[];
     onStageClick?: () => void;
+    onStatusClick?: () => void;
     onTaskAdd?: () => void;
     onAddTaskFromToolbox?: (taskItem: ListItem) => void;
     onTaskToolboxSearch?: ToolboxSearchHandler;

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

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

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

@@ -81,9 +81,7 @@ const StageNodeAdhocTaskGroupsInner = ({ props, adhocTasks, isReadOnly, selected
                         onTaskClick: handleTaskClick,
                         onTaskPlay: onTaskPlay,
                         isTaskLoading: loadingTaskIds?.has(task.id),
-                        ...hasMenu && {
-                            getContextMenuItems: ()=>getAdhocContextMenuItems(task)
-                        }
+                        getContextMenuItems: hasMenu ? getAdhocContextMenuItems : void 0
                     }, task.id);
                 })
             })

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

@@ -1 +1 @@
-{"version":3,"file":"StageNodeAdhocTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeAdhocTaskGroups.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAOvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,mBAAmB,CAAC;AAqGvF,eAAO,MAAM,wBAAwB,8LAzFlC;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,kCAAkC,EAAE,CAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,KAChB,YAAY,GAAG,SAAS,CAAC;IAC9B,iCAAiC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,SAAS,CAAC;CACjF,oDA6E0E,CAAC"}
+{"version":3,"file":"StageNodeAdhocTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeAdhocTaskGroups.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAOvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,mBAAmB,CAAC;AAmGvF,eAAO,MAAM,wBAAwB,8LAvFlC;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,kCAAkC,EAAE,CAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,KAChB,YAAY,GAAG,SAAS,CAAC;IAC9B,iCAAiC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,SAAS,CAAC;CACjF,oDA2E0E,CAAC"}

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

@@ -53,9 +53,7 @@ const StageNodeAdhocTaskGroupsInner = ({ props, adhocTasks, isReadOnly, selected
                         onTaskClick: handleTaskClick,
                         onTaskPlay: onTaskPlay,
                         isTaskLoading: loadingTaskIds?.has(task.id),
-                        ...hasMenu && {
-                            getContextMenuItems: ()=>getAdhocContextMenuItems(task)
-                        }
+                        getContextMenuItems: hasMenu ? getAdhocContextMenuItems : void 0
                     }, task.id);
                 })
             })

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

@@ -80,9 +80,7 @@ const StageNodeEventDrivenTaskGroupsInner = ({ props, eventDrivenTasks, isReadOn
                         isSelected: selectedTaskId === task.id,
                         onTaskClick: handleTaskClick,
                         isTaskLoading: loadingTaskIds?.has(task.id),
-                        ...hasMenu && {
-                            getContextMenuItems: ()=>getEventDrivenContextMenuItems(task)
-                        }
+                        getContextMenuItems: hasMenu ? getEventDrivenContextMenuItems : void 0
                     }, task.id);
                 })
             })

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

@@ -1 +1 @@
-{"version":3,"file":"StageNodeEventDrivenTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAOvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,mBAAmB,CAAC;AAmGvF,eAAO,MAAM,8BAA8B,oMAvFxC;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,kCAAkC,EAAE,CAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,KAChB,YAAY,GAAG,SAAS,CAAC;IAC9B,iCAAiC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,SAAS,CAAC;CACjF,oDA2EsF,CAAC"}
+{"version":3,"file":"StageNodeEventDrivenTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAOvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,mBAAmB,CAAC;AAiGvF,eAAO,MAAM,8BAA8B,oMArFxC;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,kCAAkC,EAAE,CAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,KAChB,YAAY,GAAG,SAAS,CAAC;IAC9B,iCAAiC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,SAAS,CAAC;CACjF,oDAyEsF,CAAC"}

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

@@ -52,9 +52,7 @@ const StageNodeEventDrivenTaskGroupsInner = ({ props, eventDrivenTasks, isReadOn
                         isSelected: selectedTaskId === task.id,
                         onTaskClick: handleTaskClick,
                         isTaskLoading: loadingTaskIds?.has(task.id),
-                        ...hasMenu && {
-                            getContextMenuItems: ()=>getEventDrivenContextMenuItems(task)
-                        }
+                        getContextMenuItems: hasMenu ? getEventDrivenContextMenuItems : void 0
                     }, task.id);
                 })
             })

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

@@ -111,7 +111,7 @@ const StageStatusBadge = ({ label, tooltip, className, hoverClassName, testId, o
 const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTaskAddClick })=>{
     const labels = (0, external_useStageNodeLabels_cjs_namespaceObject.useStageNodeLabels)();
     const getStatusName = (0, external_useExecutionStatusLabel_cjs_namespaceObject.useExecutionStatusLabel)();
-    const { id, stageDetails, execution, onTaskAdd, onAddTaskFromToolbox, onStageTitleChange, loadingTaskIds } = props;
+    const { id, stageDetails, execution, onStatusClick, onTaskAdd, onAddTaskFromToolbox, onStageTitleChange, loadingTaskIds } = props;
     const isAddTaskDisabled = (loadingTaskIds?.size ?? 0) > 0;
     const icon = stageDetails?.icon;
     const statusLabel = execution?.stageStatus?.label;
@@ -156,6 +156,11 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
                                     size: "icon",
                                     className: "h-6 w-6",
                                     "aria-label": statusTooltip,
+                                    "data-testid": `stage-status-${id}`,
+                                    onClick: onStatusClick ? (e)=>{
+                                        e.stopPropagation();
+                                        onStatusClick();
+                                    } : void 0,
                                     children: 'NotExecuted' === status ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
                                         icon: "hourglass",
                                         size: 20,

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

@@ -1 +1 @@
-{"version":3,"file":"StageNodeHeader.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeHeader.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAgB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA4PnF,eAAO,MAAM,eAAe,wGA9IzB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kBAAkB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACvD,6CAwIwD,CAAC"}
+{"version":3,"file":"StageNodeHeader.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeHeader.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAgB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA2QnF,eAAO,MAAM,eAAe,wGA7JzB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kBAAkB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACvD,6CAuJwD,CAAC"}

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

@@ -83,7 +83,7 @@ const StageStatusBadge = ({ label, tooltip, className, hoverClassName, testId, o
 const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTaskAddClick })=>{
     const labels = useStageNodeLabels();
     const getStatusName = useExecutionStatusLabel();
-    const { id, stageDetails, execution, onTaskAdd, onAddTaskFromToolbox, onStageTitleChange, loadingTaskIds } = props;
+    const { id, stageDetails, execution, onStatusClick, onTaskAdd, onAddTaskFromToolbox, onStageTitleChange, loadingTaskIds } = props;
     const isAddTaskDisabled = (loadingTaskIds?.size ?? 0) > 0;
     const icon = stageDetails?.icon;
     const statusLabel = execution?.stageStatus?.label;
@@ -128,6 +128,11 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
                                     size: "icon",
                                     className: "h-6 w-6",
                                     "aria-label": statusTooltip,
+                                    "data-testid": `stage-status-${id}`,
+                                    onClick: onStatusClick ? (e)=>{
+                                        e.stopPropagation();
+                                        onStatusClick();
+                                    } : void 0,
                                     children: 'NotExecuted' === status ? /*#__PURE__*/ jsx(CanvasIcon, {
                                         icon: "hourglass",
                                         size: 20,

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

@@ -65,8 +65,10 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
         onTaskGroupModification,
         sequentialTaskGroups
     ]);
-    const buildContextMenuItems = (0, external_react_namespaceObject.useCallback)((groupIndex, task)=>{
-        const taskGroup = sequentialTaskGroups[groupIndex] ?? [];
+    const buildContextMenuItems = (0, external_react_namespaceObject.useCallback)((task)=>{
+        const groupIndex = sequentialTaskGroups.findIndex((group)=>group.some((t)=>t.id === task.id));
+        const taskGroup = sequentialTaskGroups[groupIndex];
+        if (!taskGroup) return [];
         const isParallel = taskGroup.length > 1;
         const items = [];
         const replaceTaskMenuItem = generateReplaceTaskMenuItemForTask(task.id, isParallel);
@@ -159,7 +161,7 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
                                                         children: labels.parallel
                                                     })
                                                 }),
-                                                taskGroup.map((task, taskIndex)=>{
+                                                taskGroup.map((task)=>{
                                                     const taskExecution = execution?.taskStatus?.[task.id];
                                                     const customItems = isReadOnly || hasBuiltInTaskActions ? [] : getTaskContextMenuItems?.({
                                                         task,
@@ -172,15 +174,11 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
                                                         taskExecution: taskExecution,
                                                         isSelected: selectedTaskId === task.id,
                                                         isParallel: isParallel,
-                                                        groupIndex: groupIndex,
-                                                        taskIndex: taskIndex,
                                                         onTaskClick: handleTaskClick,
                                                         projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
                                                         isDragDisabled: !onTaskReorder || isReadOnly,
                                                         isTaskLoading: loadingTaskIds?.has(task.id),
-                                                        ...hasMenu && {
-                                                            getContextMenuItems: ()=>buildContextMenuItems(groupIndex, task)
-                                                        }
+                                                        getContextMenuItems: hasMenu ? buildContextMenuItems : void 0
                                                     }, task.id);
                                                 })
                                             ]

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

@@ -1 +1 @@
-{"version":3,"file":"StageNodeSequentialTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeSequentialTaskGroups.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,aAAa,EAAwB,MAAM,OAAO,CAAC;AAMjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAWvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAKvF,eAAO,MAAM,6BAA6B,GAAI,4LAW3C;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,oBAAoB,EAAE,aAAa,EAAE,EAAE,CAAC;IACxC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,QAAQ,EAAE,aAAa,EAAE,EAAE,CAAC;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,4BAA4B,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,EAAE,KAAK,IAAI,CAAC;IACpE,kCAAkC,EAAE,CAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,KAChB,YAAY,GAAG,SAAS,CAAC;CAC/B,mDA+MA,CAAC"}
+{"version":3,"file":"StageNodeSequentialTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeSequentialTaskGroups.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,aAAa,EAAwB,MAAM,OAAO,CAAC;AAMjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAWvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAKvF,eAAO,MAAM,6BAA6B,GAAI,4LAW3C;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,oBAAoB,EAAE,aAAa,EAAE,EAAE,CAAC;IACxC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,QAAQ,EAAE,aAAa,EAAE,EAAE,CAAC;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,4BAA4B,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,EAAE,KAAK,IAAI,CAAC;IACpE,kCAAkC,EAAE,CAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,KAChB,YAAY,GAAG,SAAS,CAAC;CAC/B,mDAkNA,CAAC"}

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

@@ -37,8 +37,10 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
         onTaskGroupModification,
         sequentialTaskGroups
     ]);
-    const buildContextMenuItems = useCallback((groupIndex, task)=>{
-        const taskGroup = sequentialTaskGroups[groupIndex] ?? [];
+    const buildContextMenuItems = useCallback((task)=>{
+        const groupIndex = sequentialTaskGroups.findIndex((group)=>group.some((t)=>t.id === task.id));
+        const taskGroup = sequentialTaskGroups[groupIndex];
+        if (!taskGroup) return [];
         const isParallel = taskGroup.length > 1;
         const items = [];
         const replaceTaskMenuItem = generateReplaceTaskMenuItemForTask(task.id, isParallel);
@@ -131,7 +133,7 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
                                                         children: labels.parallel
                                                     })
                                                 }),
-                                                taskGroup.map((task, taskIndex)=>{
+                                                taskGroup.map((task)=>{
                                                     const taskExecution = execution?.taskStatus?.[task.id];
                                                     const customItems = isReadOnly || hasBuiltInTaskActions ? [] : getTaskContextMenuItems?.({
                                                         task,
@@ -144,15 +146,11 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
                                                         taskExecution: taskExecution,
                                                         isSelected: selectedTaskId === task.id,
                                                         isParallel: isParallel,
-                                                        groupIndex: groupIndex,
-                                                        taskIndex: taskIndex,
                                                         onTaskClick: handleTaskClick,
                                                         projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
                                                         isDragDisabled: !onTaskReorder || isReadOnly,
                                                         isTaskLoading: loadingTaskIds?.has(task.id),
-                                                        ...hasMenu && {
-                                                            getContextMenuItems: ()=>buildContextMenuItems(groupIndex, task)
-                                                        }
+                                                        getContextMenuItems: hasMenu ? buildContextMenuItems : void 0
                                                     }, task.id);
                                                 })
                                             ]

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

@@ -34,7 +34,7 @@ const external_react_dom_namespaceObject = require("react-dom");
 const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
 const external_TaskContent_cjs_namespaceObject = require("./TaskContent.cjs");
 const StageTaskDragOverlay = ({ activeTask, isActiveTaskParallel, taskWidthStyle })=>{
-    const zoom = (0, react_cjs_namespaceObject.useStore)((state)=>state.transform[2]);
+    const zoom = (0, react_cjs_namespaceObject.useStore)((state)=>activeTask ? state.transform[2] : 1);
     const dragOverlayStyle = (0, external_react_namespaceObject.useMemo)(()=>({
             transform: `scale(${zoom})`,
             transformOrigin: 'top left'

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

@@ -1 +1 @@
-{"version":3,"file":"StageTaskDragOverlay.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageTaskDragOverlay.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,eAAO,MAAM,oBAAoB,GAAI,uDAIlC,yBAAyB,uCA4B3B,CAAC"}
+{"version":3,"file":"StageTaskDragOverlay.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageTaskDragOverlay.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,eAAO,MAAM,oBAAoB,GAAI,uDAIlC,yBAAyB,uCA8B3B,CAAC"}

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

@@ -6,7 +6,7 @@ import { createPortal } from "react-dom";
 import { StageTask } from "./StageNode.styles.js";
 import { TaskContent } from "./TaskContent.js";
 const StageTaskDragOverlay = ({ activeTask, isActiveTaskParallel, taskWidthStyle })=>{
-    const zoom = useStore((state)=>state.transform[2]);
+    const zoom = useStore((state)=>activeTask ? state.transform[2] : 1);
     const dragOverlayStyle = useMemo(()=>({
             transform: `scale(${zoom})`,
             transformOrigin: 'top left'

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

@@ -29,15 +29,16 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const CanvasDropdownMenu_cjs_namespaceObject = require("../shared/CanvasDropdownMenu.cjs");
-const TaskMenuComponent = ({ taskId, getContextMenuItems, disabled }, ref)=>{
+const TaskMenuComponent = ({ task, getContextMenuItems, disabled }, ref)=>{
     const [isOpen, setIsOpen] = (0, external_react_namespaceObject.useState)(false);
     const [menuItems, setMenuItems] = (0, external_react_namespaceObject.useState)([]);
     const handleOpenChange = (0, external_react_namespaceObject.useCallback)((open)=>{
         if (disabled && open) return;
-        if (open) setMenuItems(getContextMenuItems());
+        if (open) setMenuItems(getContextMenuItems(task));
         setIsOpen(open);
     }, [
         getContextMenuItems,
+        task,
         disabled
     ]);
     const handleMenuItemClick = (0, external_react_namespaceObject.useCallback)((item)=>{
@@ -61,7 +62,7 @@ const TaskMenuComponent = ({ taskId, getContextMenuItems, disabled }, ref)=>{
         onOpenChange: handleOpenChange,
         menuItems: menuItems,
         onItemClick: handleMenuItemClick,
-        triggerTestId: `stage-task-menu-${taskId}`,
+        triggerTestId: `stage-task-menu-${task.id}`,
         triggerAriaLabel: "Task actions",
         contentClassName: "w-[300px]",
         disabled: disabled

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

@@ -1,10 +1,11 @@
 import type { NodeMenuItem } from '../NodeContextMenu';
+import type { StageTaskItem } from './StageNode.types';
 export interface TaskMenuHandle {
     handleContextMenu: (e: React.MouseEvent<HTMLElement>) => void;
 }
 interface TaskMenuProps {
-    taskId: string;
-    getContextMenuItems: () => NodeMenuItem[];
+    task: StageTaskItem;
+    getContextMenuItems: (task: StageTaskItem) => NodeMenuItem[];
     disabled?: boolean;
 }
 export declare const TaskMenu: import("react").NamedExoticComponent<TaskMenuProps & import("react").RefAttributes<TaskMenuHandle>>;

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

@@ -1 +1 @@
-{"version":3,"file":"TaskMenu.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/TaskMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvE,MAAM,WAAW,cAAc;IAC7B,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB,EAAE,MAAM,YAAY,EAAE,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAqDD,eAAO,MAAM,QAAQ,qGAAsC,CAAC"}
+{"version":3,"file":"TaskMenu.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/TaskMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,WAAW,cAAc;IAC7B,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,aAAa,CAAC;IAEpB,mBAAmB,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,YAAY,EAAE,CAAC;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAqDD,eAAO,MAAM,QAAQ,qGAAsC,CAAC"}

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

@@ -1,15 +1,16 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, memo, useCallback, useImperativeHandle, useState } from "react";
 import { CanvasDropdownMenu } from "../shared/CanvasDropdownMenu.js";
-const TaskMenuComponent = ({ taskId, getContextMenuItems, disabled }, ref)=>{
+const TaskMenuComponent = ({ task, getContextMenuItems, disabled }, ref)=>{
     const [isOpen, setIsOpen] = useState(false);
     const [menuItems, setMenuItems] = useState([]);
     const handleOpenChange = useCallback((open)=>{
         if (disabled && open) return;
-        if (open) setMenuItems(getContextMenuItems());
+        if (open) setMenuItems(getContextMenuItems(task));
         setIsOpen(open);
     }, [
         getContextMenuItems,
+        task,
         disabled
     ]);
     const handleMenuItemClick = useCallback((item)=>{
@@ -33,7 +34,7 @@ const TaskMenuComponent = ({ taskId, getContextMenuItems, disabled }, ref)=>{
         onOpenChange: handleOpenChange,
         menuItems: menuItems,
         onItemClick: handleMenuItemClick,
-        triggerTestId: `stage-task-menu-${taskId}`,
+        triggerTestId: `stage-task-menu-${task.id}`,
         triggerAriaLabel: "Task actions",
         contentClassName: "w-[300px]",
         disabled: disabled

package/package.json

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