@uipath/apollo-react 3.44.0 → 3.44.2-pr255.af80ea0

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

@@ -163,7 +163,7 @@ const StageTaskGroup = styled_default().div`
 `;
 const StageParallelLabel = styled_default().div`
   position: absolute;
-  left: -52px;
+  left: -48px;
   top: 50%;
   padding: 0px ${apollo_core_namespaceObject.Padding.PadM};
   display: flex;

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

@@ -107,7 +107,7 @@ const StageTaskGroup = styled.div`
 `;
 const StageParallelLabel = styled.div`
   position: absolute;
-  left: -52px;
+  left: -48px;
   top: 50%;
   padding: 0px ${Padding.PadM};
   display: flex;

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

@@ -1,5 +1,4 @@
 import type { NodeProps } from '../../xyflow/react.ts';
-import type { GroupModificationType } from '../../utils/GroupModificationUtils';
 import type { NodeMenuItem } from '../NodeContextMenu';
 import type { ListItem, ToolboxSearchHandler } from '../Toolbox';
 declare enum ElementStatusValues {
@@ -27,6 +26,7 @@ export interface StageNodeProps extends NodeProps {
         groupIndex: number;
         taskIndex: number;
     };
+    nodeType?: string;
     stageDetails: {
         label: string;
         defaultContent?: string;
@@ -37,13 +37,9 @@ export interface StageNodeProps extends NodeProps {
         escalationsTriggered?: boolean;
         isException?: boolean;
         isReadOnly?: boolean;
-        tasks: StageTaskItem[][];
+        taskIds: string[][];
         selectedTasks?: string[];
     };
-    addTaskLabel?: string;
-    addTaskLoading?: boolean;
-    replaceTaskLabel?: string;
-    taskOptions?: ListItem[];
     execution?: {
         stageStatus: {
             status?: StageStatus;
@@ -52,16 +48,36 @@ export interface StageNodeProps extends NodeProps {
         };
         taskStatus: Record<string, StageTaskExecution>;
     };
+    addTaskLabel?: string;
+    addTaskLoading?: boolean;
+    taskOptions?: ListItem[];
     menuItems?: NodeMenuItem[];
     onStageClick?: () => void;
     onTaskAdd?: () => void;
     onAddTaskFromToolbox?: (taskItem: ListItem) => void;
     onTaskToolboxSearch?: ToolboxSearchHandler;
-    onTaskClick?: (taskElementId: string) => void;
-    onTaskGroupModification?: (groupModificationType: GroupModificationType, groupIndex: number, taskIndex: number) => void;
-    onStageTitleChange?: (newTitle: string) => void;
-    onTaskReorder?: (reorderedTasks: StageTaskItem[][]) => void;
+    replaceTaskLabel?: string;
     onReplaceTaskFromToolbox?: (newTask: ListItem, groupIndex: number, taskIndex: number) => void;
+    replaceTaskTarget?: {
+        groupIndex: number;
+        taskIndex: number;
+    } | null;
+    onReplaceTaskTargetChange?: (target: {
+        groupIndex: number;
+        taskIndex: number;
+    } | null) => void;
+    onTaskClick?: (taskId: string) => void;
+    onTaskSelect?: (taskId: string) => void;
+    onStageTitleChange?: (newTitle: string) => void;
+    onTaskIdsChange?: (newTaskIds: string[][]) => void;
+    onTaskMoveIn?: (taskId: string, sourceStageId: string, position: {
+        groupIndex: number;
+        taskIndex: number;
+    }) => void;
+    onTaskCopyIn?: (taskId: string, newTaskId: string, sourceStageId: string, position: {
+        groupIndex: number;
+        taskIndex: number;
+    }) => void;
 }
 export interface StageTaskExecution {
     status?: StageTaskStatus;

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/StageNodeTaskUtilities.cjs

@@ -24,15 +24,17 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    getDivider: ()=>getDivider,
+    getMenuItem: ()=>getMenuItem,
     transformMenuItems: ()=>transformMenuItems,
-    getContextMenuItems: ()=>getContextMenuItems,
-    getMenuItem: ()=>getMenuItem
+    getContextMenuItems: ()=>getContextMenuItems
 });
 const GroupModificationUtils_cjs_namespaceObject = require("../../utils/GroupModificationUtils.cjs");
-const getContextMenuItems = (isParallelGroup, groupIndex, tasksLength, taskIndex, _taskGroupLength, isAboveParallel, isBelowParallel, reGroupTaskFunction)=>{
+const getContextMenuItems = (isParallelGroup, groupIndex, tasksLength, taskIndex, _taskGroupLength, isAboveParallel, isBelowParallel, reGroupTaskFunction, onReplaceTask)=>{
     const CONTEXT_MENU_ITEMS = {
-        MOVE_UP: getMenuItem('move-up', 'Move Up', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.TASK_GROUP_UP, groupIndex, taskIndex)),
-        MOVE_DOWN: getMenuItem('move-down', 'Move Down', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.TASK_GROUP_DOWN, groupIndex, taskIndex)),
+        REPLACE_TASK: getMenuItem('replace-task', 'Replace task', ()=>onReplaceTask(groupIndex, taskIndex)),
+        MOVE_UP: getMenuItem('move-up', 'Move up', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.TASK_GROUP_UP, groupIndex, taskIndex)),
+        MOVE_DOWN: getMenuItem('move-down', 'Move down', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.TASK_GROUP_DOWN, groupIndex, taskIndex)),
         UNGROUP_ALL: getMenuItem('ungroup', 'Ungroup parallel tasks', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.UNGROUP_ALL_TASKS, groupIndex, taskIndex)),
         SPLIT_TASK: getMenuItem('split', 'Remove from parallel group', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.SPLIT_GROUP, groupIndex, taskIndex)),
         REMOVE_GROUP: getMenuItem('remove-group', 'Remove group from stage', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.REMOVE_GROUP, groupIndex, taskIndex)),
@@ -44,6 +46,7 @@ const getContextMenuItems = (isParallelGroup, groupIndex, tasksLength, taskIndex
         DIVIDER: getDivider()
     };
     const items = [];
+    items.push(CONTEXT_MENU_ITEMS.REPLACE_TASK, CONTEXT_MENU_ITEMS.DIVIDER);
     if (groupIndex > 0) items.push(CONTEXT_MENU_ITEMS.MOVE_UP);
     if (groupIndex < tasksLength - 1) items.push(CONTEXT_MENU_ITEMS.MOVE_DOWN);
     if (items.length) items.push(CONTEXT_MENU_ITEMS.DIVIDER);
@@ -87,10 +90,12 @@ const transformMenuItems = (menuItems, onItemClick)=>{
     });
 };
 exports.getContextMenuItems = __webpack_exports__.getContextMenuItems;
+exports.getDivider = __webpack_exports__.getDivider;
 exports.getMenuItem = __webpack_exports__.getMenuItem;
 exports.transformMenuItems = __webpack_exports__.transformMenuItems;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "getContextMenuItems",
+    "getDivider",
     "getMenuItem",
     "transformMenuItems"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];

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

@@ -1,8 +1,9 @@
 import type { ReactNode } from 'react';
 import { GroupModificationType } from '../../utils/GroupModificationUtils';
 import type { NodeMenuAction, NodeMenuItem } from '../NodeContextMenu';
-export declare const getContextMenuItems: (isParallelGroup: boolean, groupIndex: number, tasksLength: number, taskIndex: number, _taskGroupLength: number, isAboveParallel: boolean, isBelowParallel: boolean, reGroupTaskFunction: (groupModificationType: GroupModificationType, groupIndex: number, taskIndex: number) => void) => NodeMenuItem[];
+export declare const getContextMenuItems: (isParallelGroup: boolean, groupIndex: number, tasksLength: number, taskIndex: number, _taskGroupLength: number, isAboveParallel: boolean, isBelowParallel: boolean, reGroupTaskFunction: (groupModificationType: GroupModificationType, groupIndex: number, taskIndex: number) => void, onReplaceTask: (groupIndex: number, taskIndex: number) => void) => NodeMenuItem[];
 export declare function getMenuItem(id: string | undefined, label: string | undefined, onClick: () => void, isDisabled?: boolean): NodeMenuItem;
+export declare const getDivider: () => NodeMenuItem;
 export interface TransformedMenuItem {
     key: string;
     title?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"StageNodeTaskUtilities.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeTaskUtilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvE,eAAO,MAAM,mBAAmB,GAC9B,iBAAiB,OAAO,EACxB,YAAY,MAAM,EAClB,aAAa,MAAM,EACnB,WAAW,MAAM,EACjB,kBAAkB,MAAM,EACxB,iBAAiB,OAAO,EACxB,iBAAiB,OAAO,EACxB,qBAAqB,CACnB,qBAAqB,EAAE,qBAAqB,EAC5C,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,KACd,IAAI,KACR,YAAY,EAiFd,CAAC;AAEF,wBAAgB,WAAW,CACzB,EAAE,EAAE,MAAM,YAAO,EACjB,KAAK,EAAE,MAAM,YAAU,EACvB,OAAO,EAAE,MAAM,IAAI,EACnB,UAAU,UAAQ,GACjB,YAAY,CAEd;AAQD,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,WAAW,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAMD,eAAO,MAAM,kBAAkB,GAC7B,WAAW,YAAY,EAAE,GAAG,SAAS,EACrC,aAAa,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,KAC1C,mBAAmB,EAwBrB,CAAC"}
+{"version":3,"file":"StageNodeTaskUtilities.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeTaskUtilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvE,eAAO,MAAM,mBAAmB,GAC9B,iBAAiB,OAAO,EACxB,YAAY,MAAM,EAClB,aAAa,MAAM,EACnB,WAAW,MAAM,EACjB,kBAAkB,MAAM,EACxB,iBAAiB,OAAO,EACxB,iBAAiB,OAAO,EACxB,qBAAqB,CACnB,qBAAqB,EAAE,qBAAqB,EAC5C,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,KACd,IAAI,EACT,eAAe,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,KAC7D,YAAY,EAsFd,CAAC;AAEF,wBAAgB,WAAW,CACzB,EAAE,EAAE,MAAM,YAAO,EACjB,KAAK,EAAE,MAAM,YAAU,EACvB,OAAO,EAAE,MAAM,IAAI,EACnB,UAAU,UAAQ,GACjB,YAAY,CAEd;AAED,eAAO,MAAM,UAAU,QAAO,YAI7B,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,WAAW,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAMD,eAAO,MAAM,kBAAkB,GAC7B,WAAW,YAAY,EAAE,GAAG,SAAS,EACrC,aAAa,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,KAC1C,mBAAmB,EAwBrB,CAAC"}

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

@@ -1,8 +1,9 @@
 import { GroupModificationType } from "../../utils/GroupModificationUtils.js";
-const getContextMenuItems = (isParallelGroup, groupIndex, tasksLength, taskIndex, _taskGroupLength, isAboveParallel, isBelowParallel, reGroupTaskFunction)=>{
+const getContextMenuItems = (isParallelGroup, groupIndex, tasksLength, taskIndex, _taskGroupLength, isAboveParallel, isBelowParallel, reGroupTaskFunction, onReplaceTask)=>{
     const CONTEXT_MENU_ITEMS = {
-        MOVE_UP: getMenuItem('move-up', 'Move Up', ()=>reGroupTaskFunction(GroupModificationType.TASK_GROUP_UP, groupIndex, taskIndex)),
-        MOVE_DOWN: getMenuItem('move-down', 'Move Down', ()=>reGroupTaskFunction(GroupModificationType.TASK_GROUP_DOWN, groupIndex, taskIndex)),
+        REPLACE_TASK: getMenuItem('replace-task', 'Replace task', ()=>onReplaceTask(groupIndex, taskIndex)),
+        MOVE_UP: getMenuItem('move-up', 'Move up', ()=>reGroupTaskFunction(GroupModificationType.TASK_GROUP_UP, groupIndex, taskIndex)),
+        MOVE_DOWN: getMenuItem('move-down', 'Move down', ()=>reGroupTaskFunction(GroupModificationType.TASK_GROUP_DOWN, groupIndex, taskIndex)),
         UNGROUP_ALL: getMenuItem('ungroup', 'Ungroup parallel tasks', ()=>reGroupTaskFunction(GroupModificationType.UNGROUP_ALL_TASKS, groupIndex, taskIndex)),
         SPLIT_TASK: getMenuItem('split', 'Remove from parallel group', ()=>reGroupTaskFunction(GroupModificationType.SPLIT_GROUP, groupIndex, taskIndex)),
         REMOVE_GROUP: getMenuItem('remove-group', 'Remove group from stage', ()=>reGroupTaskFunction(GroupModificationType.REMOVE_GROUP, groupIndex, taskIndex)),
@@ -14,6 +15,7 @@ const getContextMenuItems = (isParallelGroup, groupIndex, tasksLength, taskIndex
         DIVIDER: getDivider()
     };
     const items = [];
+    items.push(CONTEXT_MENU_ITEMS.REPLACE_TASK, CONTEXT_MENU_ITEMS.DIVIDER);
     if (groupIndex > 0) items.push(CONTEXT_MENU_ITEMS.MOVE_UP);
     if (groupIndex < tasksLength - 1) items.push(CONTEXT_MENU_ITEMS.MOVE_DOWN);
     if (items.length) items.push(CONTEXT_MENU_ITEMS.DIVIDER);
@@ -56,4 +58,4 @@ const transformMenuItems = (menuItems, onItemClick)=>{
         };
     });
 };
-export { getContextMenuItems, getMenuItem, transformMenuItems };
+export { getContextMenuItems, getDivider, getMenuItem, transformMenuItems };

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

@@ -1,14 +1,5 @@
 "use strict";
 var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
@@ -37,52 +28,29 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const apollo_core_namespaceObject = require("@uipath/apollo-core");
-var apollo_core_default = /*#__PURE__*/ __webpack_require__.n(apollo_core_namespaceObject);
 const index_cjs_namespaceObject = require("../../../material/index.cjs");
 const external_react_namespaceObject = require("react");
 const external_StageNodeTaskUtilities_cjs_namespaceObject = require("./StageNodeTaskUtilities.cjs");
-const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuOpen, taskRef }, ref)=>{
+const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange })=>{
     const [isMenuOpen, setIsMenuOpen] = (0, external_react_namespaceObject.useState)(false);
-    const [anchorElement, setAnchorElement] = (0, external_react_namespaceObject.useState)(null);
     const menuAnchorRef = (0, external_react_namespaceObject.useRef)(null);
     const handleMenuClose = (0, external_react_namespaceObject.useCallback)(()=>{
         setIsMenuOpen(false);
-        setAnchorElement(null);
         onMenuOpenChange?.(false);
     }, [
         onMenuOpenChange
     ]);
-    const openMenu = (0, external_react_namespaceObject.useCallback)((anchor)=>{
-        setAnchorElement(anchor);
-        setIsMenuOpen(true);
-        onMenuOpen?.();
-        onMenuOpenChange?.(true);
-    }, [
-        onMenuOpen,
-        onMenuOpenChange
-    ]);
     const handleMenuClick = (0, external_react_namespaceObject.useCallback)((e)=>{
         e.stopPropagation();
         e.preventDefault();
-        if (isMenuOpen) handleMenuClose();
-        else openMenu(menuAnchorRef.current);
-    }, [
-        isMenuOpen,
-        handleMenuClose,
-        openMenu
-    ]);
-    const handleContextMenu = (0, external_react_namespaceObject.useCallback)((e)=>{
-        e.stopPropagation();
-        e.preventDefault();
-        const anchor = taskRef?.current || e.currentTarget;
-        openMenu(anchor);
+        setIsMenuOpen((open)=>{
+            const newState = !open;
+            onMenuOpenChange?.(newState);
+            return newState;
+        });
     }, [
-        taskRef,
-        openMenu
+        onMenuOpenChange
     ]);
-    (0, external_react_namespaceObject.useImperativeHandle)(ref, ()=>({
-            handleContextMenu
-        }));
     const handleMenuMouseDown = (0, external_react_namespaceObject.useCallback)((e)=>{
         e.stopPropagation();
     }, []);
@@ -119,7 +87,7 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApMenu, {
                 isOpen: isMenuOpen,
                 menuItems: transformedMenuItems,
-                anchorEl: anchorElement,
+                anchorEl: menuAnchorRef.current,
                 onClose: handleMenuClose,
                 anchorOrigin: {
                     vertical: 'bottom',
@@ -135,8 +103,8 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
                         className: 'task-menu-paper',
                         sx: {
                             '&.task-menu-paper .MuiList-padding': {
-                                paddingTop: apollo_core_default().Padding.PadL,
-                                paddingBottom: apollo_core_default().Padding.PadL
+                                paddingTop: apollo_core_namespaceObject.Padding.PadL,
+                                paddingBottom: apollo_core_namespaceObject.Padding.PadL
                             }
                         }
                     }
@@ -145,7 +113,7 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
         ]
     });
 };
-const TaskMenu = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(/*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(TaskMenuComponent));
+const TaskMenu = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(TaskMenuComponent);
 exports.TaskMenu = __webpack_exports__.TaskMenu;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "TaskMenu"

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

@@ -1,14 +1,9 @@
 import type { NodeMenuItem } from '../NodeContextMenu';
-export interface TaskMenuHandle {
-    handleContextMenu: (e: React.MouseEvent<HTMLElement>) => void;
-}
 interface TaskMenuProps {
     taskId: string;
     contextMenuItems: NodeMenuItem[];
     onMenuOpenChange?: (isOpen: boolean) => void;
-    onMenuOpen?: () => void;
-    taskRef?: React.RefObject<HTMLElement | null>;
 }
-export declare const TaskMenu: import("react").NamedExoticComponent<TaskMenuProps & import("react").RefAttributes<TaskMenuHandle>>;
+export declare const TaskMenu: import("react").MemoExoticComponent<({ taskId, contextMenuItems, onMenuOpenChange }: TaskMenuProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
 //# sourceMappingURL=TaskMenu.d.ts.map

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":"AAWA,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvE,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,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC/C;AAqHD,eAAO,MAAM,QAAQ,qGAAsC,CAAC"}
+{"version":3,"file":"TaskMenu.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/TaskMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvE,UAAU,aAAa;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAwFD,eAAO,MAAM,QAAQ,uFAtFsD,aAAa,6CAsFzC,CAAC"}

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

@@ -1,50 +1,28 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import apollo_core, { Spacing } from "@uipath/apollo-core";
+import { Padding, Spacing } from "@uipath/apollo-core";
 import { ApIcon, ApIconButton, ApMenu } from "../../../material/index.js";
-import { forwardRef, memo, useCallback, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { memo, useCallback, useMemo, useRef, useState } from "react";
 import { transformMenuItems } from "./StageNodeTaskUtilities.js";
-const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuOpen, taskRef }, ref)=>{
+const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange })=>{
     const [isMenuOpen, setIsMenuOpen] = useState(false);
-    const [anchorElement, setAnchorElement] = useState(null);
     const menuAnchorRef = useRef(null);
     const handleMenuClose = useCallback(()=>{
         setIsMenuOpen(false);
-        setAnchorElement(null);
         onMenuOpenChange?.(false);
     }, [
         onMenuOpenChange
     ]);
-    const openMenu = useCallback((anchor)=>{
-        setAnchorElement(anchor);
-        setIsMenuOpen(true);
-        onMenuOpen?.();
-        onMenuOpenChange?.(true);
-    }, [
-        onMenuOpen,
-        onMenuOpenChange
-    ]);
     const handleMenuClick = useCallback((e)=>{
         e.stopPropagation();
         e.preventDefault();
-        if (isMenuOpen) handleMenuClose();
-        else openMenu(menuAnchorRef.current);
-    }, [
-        isMenuOpen,
-        handleMenuClose,
-        openMenu
-    ]);
-    const handleContextMenu = useCallback((e)=>{
-        e.stopPropagation();
-        e.preventDefault();
-        const anchor = taskRef?.current || e.currentTarget;
-        openMenu(anchor);
+        setIsMenuOpen((open)=>{
+            const newState = !open;
+            onMenuOpenChange?.(newState);
+            return newState;
+        });
     }, [
-        taskRef,
-        openMenu
+        onMenuOpenChange
     ]);
-    useImperativeHandle(ref, ()=>({
-            handleContextMenu
-        }));
     const handleMenuMouseDown = useCallback((e)=>{
         e.stopPropagation();
     }, []);
@@ -81,7 +59,7 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
             /*#__PURE__*/ jsx(ApMenu, {
                 isOpen: isMenuOpen,
                 menuItems: transformedMenuItems,
-                anchorEl: anchorElement,
+                anchorEl: menuAnchorRef.current,
                 onClose: handleMenuClose,
                 anchorOrigin: {
                     vertical: 'bottom',
@@ -97,8 +75,8 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
                         className: 'task-menu-paper',
                         sx: {
                             '&.task-menu-paper .MuiList-padding': {
-                                paddingTop: apollo_core.Padding.PadL,
-                                paddingBottom: apollo_core.Padding.PadL
+                                paddingTop: Padding.PadL,
+                                paddingBottom: Padding.PadL
                             }
                         }
                     }
@@ -107,5 +85,5 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
         ]
     });
 };
-const TaskMenu = /*#__PURE__*/ memo(/*#__PURE__*/ forwardRef(TaskMenuComponent));
+const TaskMenu = /*#__PURE__*/ memo(TaskMenuComponent);
 export { TaskMenu };

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

@@ -24,20 +24,34 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    StageEdge: ()=>external_StageEdge_cjs_namespaceObject.StageEdge,
     StageNode: ()=>external_StageNode_cjs_namespaceObject.StageNode,
-    StageConnectionEdge: ()=>external_StageConnectionEdge_cjs_namespaceObject.StageConnectionEdge
+    getMenuItem: ()=>external_StageNodeTaskUtilities_cjs_namespaceObject.getMenuItem,
+    StageConnectionEdge: ()=>external_StageConnectionEdge_cjs_namespaceObject.StageConnectionEdge,
+    transformMenuItems: ()=>external_StageNodeTaskUtilities_cjs_namespaceObject.transformMenuItems,
+    TaskMenu: ()=>external_TaskMenu_cjs_namespaceObject.TaskMenu,
+    getContextMenuItems: ()=>external_StageNodeTaskUtilities_cjs_namespaceObject.getContextMenuItems,
+    StageEdge: ()=>external_StageEdge_cjs_namespaceObject.StageEdge
 });
 const external_StageConnectionEdge_cjs_namespaceObject = require("./StageConnectionEdge.cjs");
 const external_StageEdge_cjs_namespaceObject = require("./StageEdge.cjs");
 const external_StageNode_cjs_namespaceObject = require("./StageNode.cjs");
+const external_StageNodeTaskUtilities_cjs_namespaceObject = require("./StageNodeTaskUtilities.cjs");
+const external_TaskMenu_cjs_namespaceObject = require("./TaskMenu.cjs");
 exports.StageConnectionEdge = __webpack_exports__.StageConnectionEdge;
 exports.StageEdge = __webpack_exports__.StageEdge;
 exports.StageNode = __webpack_exports__.StageNode;
+exports.TaskMenu = __webpack_exports__.TaskMenu;
+exports.getContextMenuItems = __webpack_exports__.getContextMenuItems;
+exports.getMenuItem = __webpack_exports__.getMenuItem;
+exports.transformMenuItems = __webpack_exports__.transformMenuItems;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "StageConnectionEdge",
     "StageEdge",
-    "StageNode"
+    "StageNode",
+    "TaskMenu",
+    "getContextMenuItems",
+    "getMenuItem",
+    "transformMenuItems"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {
     value: true

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

@@ -1,5 +1,8 @@
 export { StageConnectionEdge } from './StageConnectionEdge';
 export { StageEdge } from './StageEdge';
 export { StageNode } from './StageNode';
-export type { StageNodeProps, StageStatus, StageTaskItem, StageTaskStatus, } from './StageNode.types';
+export type { StageNodeProps, StageStatus, StageTaskExecution, StageTaskItem, StageTaskStatus, } from './StageNode.types';
+export type { TransformedMenuItem } from './StageNodeTaskUtilities';
+export { getContextMenuItems, getMenuItem, transformMenuItems } from './StageNodeTaskUtilities';
+export { TaskMenu } from './TaskMenu';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,cAAc,EACd,WAAW,EACX,aAAa,EACb,eAAe,GAChB,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,eAAe,GAChB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAChG,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

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

@@ -1,4 +1,6 @@
 import { StageConnectionEdge } from "./StageConnectionEdge.js";
 import { StageEdge } from "./StageEdge.js";
 import { StageNode } from "./StageNode.js";
-export { StageConnectionEdge, StageEdge, StageNode };
+import { getContextMenuItems, getMenuItem, transformMenuItems } from "./StageNodeTaskUtilities.js";
+import { TaskMenu } from "./TaskMenu.js";
+export { StageConnectionEdge, StageEdge, StageNode, TaskMenu, getContextMenuItems, getMenuItem, transformMenuItems };

package/dist/canvas/components/TaskNode/PlaceholderTaskNode.cjs

@@ -0,0 +1,51 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    PlaceholderTaskNode: ()=>PlaceholderTaskNode
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_core_namespaceObject = require("@uipath/apollo-core");
+const PlaceholderTaskNode = ({ data })=>{
+    const width = data.isParallel ? 'var(--stage-task-width-parallel, 246px)' : 'var(--stage-task-width, 272px)';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        style: {
+            width,
+            height: 36,
+            border: '2px dashed var(--uix-canvas-border-de-emp)',
+            borderRadius: apollo_core_namespaceObject.Spacing.SpacingXs,
+            backgroundColor: 'transparent',
+            boxSizing: 'border-box'
+        },
+        "data-testid": "placeholder-task-node"
+    });
+};
+exports.PlaceholderTaskNode = __webpack_exports__.PlaceholderTaskNode;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "PlaceholderTaskNode"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/TaskNode/PlaceholderTaskNode.d.ts

@@ -0,0 +1,8 @@
+import type { NodeProps } from '@xyflow/react';
+export interface PlaceholderTaskNodeProps extends NodeProps {
+    data: {
+        isParallel?: boolean;
+    };
+}
+export declare const PlaceholderTaskNode: ({ data }: PlaceholderTaskNodeProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PlaceholderTaskNode.d.ts.map

package/dist/canvas/components/TaskNode/PlaceholderTaskNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaceholderTaskNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/TaskNode/PlaceholderTaskNode.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,IAAI,EAAE;QACJ,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;CACH;AAED,eAAO,MAAM,mBAAmB,GAAI,UAAU,wBAAwB,4CAkBrE,CAAC"}

package/dist/canvas/components/TaskNode/PlaceholderTaskNode.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { Spacing } from "@uipath/apollo-core";
+const PlaceholderTaskNode = ({ data })=>{
+    const width = data.isParallel ? 'var(--stage-task-width-parallel, 246px)' : 'var(--stage-task-width, 272px)';
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            width,
+            height: 36,
+            border: '2px dashed var(--uix-canvas-border-de-emp)',
+            borderRadius: Spacing.SpacingXs,
+            backgroundColor: 'transparent',
+            boxSizing: 'border-box'
+        },
+        "data-testid": "placeholder-task-node"
+    });
+};
+export { PlaceholderTaskNode };