@uipath/apollo-react 4.24.4 → 4.25.1

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":"AAgBA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAoMrE,eAAO,MAAM,eAAe,wGAnLzB;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,6CA6KwD,CAAC"}
+{"version":3,"file":"StageNodeHeader.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeHeader.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAgB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAsJnF,eAAO,MAAM,eAAe,wGAxHzB;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,6CAkHwD,CAAC"}

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

@@ -1,15 +1,27 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Icon, Padding, Spacing } from "@uipath/apollo-core";
-import { Column, Row } from "../../layouts/index.js";
-import { Button, cn } from "@uipath/apollo-wind";
-import { memo, useCallback, useEffect, useRef, useState } from "react";
+import { Row } from "../../layouts/index.js";
+import { Button } from "@uipath/apollo-wind";
+import { memo } from "react";
 import { EntryConditionIcon, ExitConditionIcon, ReturnToOriginIcon } from "../../icons/index.js";
 import { CanvasIcon } from "../../utils/icon-registry.js";
 import { CanvasTooltip } from "../CanvasTooltip.js";
 import { ExecutionStatusIcon } from "../ExecutionStatusIcon/index.js";
 import { getExecutionStatusColor } from "../ExecutionStatusIcon/ExecutionStatusIcon.js";
-import { StageChip, StageHeader, StageHeaderChipsRow, StageTitleContainer, StageTitleInput } from "./StageNode.styles.js";
+import { StageChip, StageHeader } from "./StageNode.styles.js";
 import { StageHeaderChipType } from "./StageNode.types.js";
+import { StageTitleInput } from "./StageTitleInput.js";
+import { useStageNodeLabels } from "./useStageNodeLabels.js";
+const SLA_ICON_CONFIG = {
+    warning: {
+        icon: 'triangle-alert',
+        iconColor: 'var(--canvas-warning-icon)'
+    },
+    error: {
+        icon: 'circle-alert',
+        iconColor: 'var(--canvas-error-icon)'
+    }
+};
 const CHIP_ICONS = {
     [StageHeaderChipType.Entry]: /*#__PURE__*/ jsx(EntryConditionIcon, {
         w: Icon.IconXs,
@@ -33,183 +45,127 @@ const CHIP_ICONS = {
     })
 };
 const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTaskAddClick })=>{
-    const { id, stageDetails, execution, addTaskLabel = 'Add task', onTaskAdd, onAddTaskFromToolbox, onStageTitleChange, loadingTaskIds } = props;
+    const labels = useStageNodeLabels();
+    const { id, stageDetails, execution, onTaskAdd, onAddTaskFromToolbox, onStageTitleChange, loadingTaskIds } = props;
     const isAddTaskDisabled = (loadingTaskIds?.size ?? 0) > 0;
     const icon = stageDetails?.icon;
     const statusLabel = execution?.stageStatus?.label;
     const stageDuration = execution?.stageStatus?.duration;
-    const isStageTitleEditable = !!onStageTitleChange && !isReadOnly;
-    const [isStageTitleEditing, setIsStageTitleEditing] = useState(false);
-    const stageTitleRef = useRef(null);
-    const [label, setLabel] = useState(props.stageDetails.label);
-    useEffect(()=>{
-        setLabel(props.stageDetails.label);
-    }, [
-        props.stageDetails.label
-    ]);
-    const handleStageTitleChange = useCallback((e)=>{
-        setIsStageTitleEditing(true);
-        setLabel(e.target.value);
-    }, []);
-    const handleStageTitleClickToSave = useCallback((e)=>{
-        if (isStageTitleEditing && !stageTitleRef.current?.contains(e.target)) {
-            setIsStageTitleEditing(false);
-            if (onStageTitleChange) {
-                if ('' === label.trim()) setLabel('Untitled Stage');
-                onStageTitleChange(label);
-            }
-        }
-    }, [
-        isStageTitleEditing,
-        onStageTitleChange,
-        label
-    ]);
-    useEffect(()=>{
-        if (isStageTitleEditing) document.addEventListener('click', handleStageTitleClickToSave);
-        return ()=>{
-            document.removeEventListener('click', handleStageTitleClickToSave);
-        };
-    }, [
-        handleStageTitleClickToSave,
-        isStageTitleEditing
-    ]);
-    const handleStageTitleBlurToSave = useCallback(()=>{
-        if (isStageTitleEditing) {
-            setIsStageTitleEditing(false);
-            if (onStageTitleChange) {
-                if ('' === label.trim()) setLabel('Untitled Stage');
-                onStageTitleChange(label);
-            }
-        }
-    }, [
-        isStageTitleEditing,
-        onStageTitleChange,
-        label
-    ]);
-    const handleStageTitleKeyDown = useCallback((e)=>{
-        if ('Enter' === e.key) {
-            setIsStageTitleEditing(false);
-            if (onStageTitleChange) onStageTitleChange(label);
-        }
-        if ('Escape' !== e.key) e.stopPropagation();
-    }, [
-        onStageTitleChange,
-        label
-    ]);
+    const slaText = execution?.stageStatus?.slaText;
+    const slaIcon = execution?.stageStatus?.slaIcon;
+    const slaIndicator = slaIcon ? SLA_ICON_CONFIG[slaIcon] : void 0;
     return /*#__PURE__*/ jsxs(StageHeader, {
         isException: isException,
         "data-testid": `stage-header-${id}`,
         children: [
-            /*#__PURE__*/ jsxs(Row, {
-                gap: Spacing.SpacingMicro,
-                align: "center",
-                flex: 1,
-                minW: 0,
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex items-start justify-between gap-1",
                 children: [
-                    icon,
-                    /*#__PURE__*/ jsxs(Column, {
-                        py: 2,
+                    /*#__PURE__*/ jsxs(Row, {
+                        gap: Spacing.SpacingMicro,
+                        align: "center",
                         flex: 1,
                         minW: 0,
                         children: [
-                            /*#__PURE__*/ jsx("span", {
-                                className: cn('text-sm', !isStageTitleEditing && 'font-bold'),
-                                children: /*#__PURE__*/ jsx(CanvasTooltip, {
-                                    content: label,
-                                    placement: "top",
-                                    delay: true,
-                                    children: /*#__PURE__*/ jsx(StageTitleContainer, {
-                                        isEditing: isStageTitleEditing,
-                                        children: /*#__PURE__*/ jsx(StageTitleInput, {
-                                            name: "Stage Title",
-                                            isStageTitleEditable: isStageTitleEditable,
-                                            value: label,
-                                            ref: stageTitleRef,
-                                            isEditing: isStageTitleEditing,
-                                            ...onStageTitleChange && {
-                                                onFocus: ()=>setIsStageTitleEditing(true),
-                                                onInput: handleStageTitleChange,
-                                                onKeyDown: handleStageTitleKeyDown,
-                                                onBlur: handleStageTitleBlurToSave
-                                            },
-                                            readOnly: !isStageTitleEditable
-                                        })
+                            icon,
+                            /*#__PURE__*/ jsx(StageTitleInput, {
+                                stageId: id,
+                                label: stageDetails.label,
+                                onChange: isReadOnly ? void 0 : onStageTitleChange,
+                                className: "flex-1 min-w-0"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(Row, {
+                        gap: Spacing.SpacingMicro,
+                        align: "start",
+                        py: Padding.PadS,
+                        children: [
+                            status && /*#__PURE__*/ jsx(CanvasTooltip, {
+                                content: statusLabel,
+                                placement: "top",
+                                children: /*#__PURE__*/ jsx(Button, {
+                                    variant: "ghost",
+                                    size: "icon",
+                                    className: "h-6 w-6",
+                                    "aria-label": statusLabel,
+                                    children: 'NotExecuted' === status ? /*#__PURE__*/ jsx(CanvasIcon, {
+                                        icon: "hourglass",
+                                        size: 20,
+                                        color: getExecutionStatusColor('NotExecuted')
+                                    }) : /*#__PURE__*/ jsx(ExecutionStatusIcon, {
+                                        status: status,
+                                        size: 20
                                     })
                                 })
                             }),
-                            stageDuration && /*#__PURE__*/ jsx("span", {
-                                className: "text-xs text-foreground-muted",
-                                children: stageDuration
-                            }),
-                            stageDetails.headerChips && stageDetails.headerChips.length > 0 && /*#__PURE__*/ jsx(StageHeaderChipsRow, {
-                                children: stageDetails.headerChips.map((chip)=>{
-                                    const button = /*#__PURE__*/ jsxs(StageChip, {
-                                        type: "button",
-                                        "aria-label": 'string' == typeof chip.tooltip ? chip.tooltip : chip.type,
-                                        onClick: (e)=>{
-                                            e.stopPropagation();
-                                            chip.onClick?.();
-                                        },
-                                        children: [
-                                            CHIP_ICONS[chip.type],
-                                            void 0 !== chip.count && /*#__PURE__*/ jsx("span", {
-                                                className: "text-xs",
-                                                children: chip.count
-                                            })
-                                        ]
-                                    }, chip.type);
-                                    if (chip.tooltip) return /*#__PURE__*/ jsx(CanvasTooltip, {
-                                        placement: "bottom",
-                                        content: chip.tooltip,
-                                        children: button
-                                    }, chip.type);
-                                    return button;
+                            (onTaskAdd || onAddTaskFromToolbox) && !isReadOnly && /*#__PURE__*/ jsx(CanvasTooltip, {
+                                content: labels.addTask,
+                                placement: "top",
+                                children: /*#__PURE__*/ jsx(Button, {
+                                    variant: "ghost",
+                                    size: "icon",
+                                    className: "h-6 w-6",
+                                    onClick: handleTaskAddClick,
+                                    "aria-label": labels.addTask,
+                                    disabled: isAddTaskDisabled,
+                                    children: /*#__PURE__*/ jsx(CanvasIcon, {
+                                        icon: "plus",
+                                        size: 20
+                                    })
                                 })
                             })
                         ]
                     })
                 ]
             }),
-            /*#__PURE__*/ jsxs(Row, {
-                gap: Spacing.SpacingMicro,
-                align: "start",
-                py: Padding.PadS,
+            (slaText || stageDetails.headerChips && stageDetails.headerChips.length > 0) && /*#__PURE__*/ jsxs("div", {
+                className: "mt-1 flex flex-wrap items-center justify-between gap-2",
                 children: [
-                    status && /*#__PURE__*/ jsx(CanvasTooltip, {
-                        content: statusLabel,
-                        placement: "top",
-                        children: /*#__PURE__*/ jsx(Button, {
-                            variant: "ghost",
-                            size: "icon",
-                            className: "h-6 w-6",
-                            "aria-label": statusLabel,
-                            children: 'NotExecuted' === status ? /*#__PURE__*/ jsx(CanvasIcon, {
-                                icon: "hourglass",
-                                size: 20,
-                                color: getExecutionStatusColor('NotExecuted')
-                            }) : /*#__PURE__*/ jsx(ExecutionStatusIcon, {
-                                status: status,
-                                size: 20
-                            })
-                        })
+                    slaText && /*#__PURE__*/ jsxs("span", {
+                        className: "inline-flex items-center gap-1 text-xs text-foreground-muted",
+                        "data-testid": `stage-sla-${id}`,
+                        "data-sla-icon": slaIcon,
+                        children: [
+                            slaIndicator && /*#__PURE__*/ jsx(CanvasIcon, {
+                                icon: slaIndicator.icon,
+                                size: 16,
+                                color: slaIndicator.iconColor
+                            }),
+                            slaText
+                        ]
                     }),
-                    (onTaskAdd || onAddTaskFromToolbox) && !isReadOnly && /*#__PURE__*/ jsx(CanvasTooltip, {
-                        content: addTaskLabel,
-                        placement: "top",
-                        children: /*#__PURE__*/ jsx(Button, {
-                            variant: "ghost",
-                            size: "icon",
-                            className: "h-6 w-6",
-                            onClick: handleTaskAddClick,
-                            "aria-label": addTaskLabel,
-                            disabled: isAddTaskDisabled,
-                            children: /*#__PURE__*/ jsx(CanvasIcon, {
-                                icon: "plus",
-                                size: 20
-                            })
+                    stageDetails.headerChips && stageDetails.headerChips.length > 0 && /*#__PURE__*/ jsx("div", {
+                        className: "flex flex-wrap items-center gap-1",
+                        children: stageDetails.headerChips.map((chip)=>{
+                            const button = /*#__PURE__*/ jsxs(StageChip, {
+                                type: "button",
+                                "aria-label": 'string' == typeof chip.tooltip ? chip.tooltip : chip.type,
+                                onClick: (e)=>{
+                                    e.stopPropagation();
+                                    chip.onClick?.();
+                                },
+                                children: [
+                                    CHIP_ICONS[chip.type],
+                                    void 0 !== chip.count && /*#__PURE__*/ jsx("span", {
+                                        className: "text-xs",
+                                        children: chip.count
+                                    })
+                                ]
+                            }, chip.type);
+                            if (chip.tooltip) return /*#__PURE__*/ jsx(CanvasTooltip, {
+                                placement: "bottom",
+                                content: chip.tooltip,
+                                children: button
+                            }, chip.type);
+                            return button;
                         })
                     })
                 ]
+            }),
+            stageDuration && /*#__PURE__*/ jsx("span", {
+                className: "mt-1 text-xs text-foreground-muted",
+                children: stageDuration
             })
         ]
     });

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

@@ -38,8 +38,10 @@ const useStageTaskDragHandler_cjs_namespaceObject = require("./hooks/useStageTas
 const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
 const external_StageNodeTaskUtilities_cjs_namespaceObject = require("./StageNodeTaskUtilities.cjs");
 const external_StageTaskDragOverlay_cjs_namespaceObject = require("./StageTaskDragOverlay.cjs");
+const external_useStageNodeLabels_cjs_namespaceObject = require("./useStageNodeLabels.cjs");
 const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequentialTasks, allTasks, isReadOnly, selectedTaskId, taskWidthStyle, hasContextMenu, handleTaskClick, handleReorderSequentialTasks, generateReplaceTaskMenuItemForTask })=>{
     const { execution, onTaskGroupModification, onTaskReorder, hideParallelOptions, loadingTaskIds } = props;
+    const labels = (0, external_useStageNodeLabels_cjs_namespaceObject.useStageNodeLabels)();
     const sequentialTaskIds = (0, external_react_namespaceObject.useMemo)(()=>sequentialTasks.map(({ task })=>task.id), [
         sequentialTasks
     ]);
@@ -88,7 +90,8 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
                 isAboveParallel: (sequentialTaskGroups[groupIndex - 1]?.length ?? 0) > 1,
                 isBelowParallel: (sequentialTaskGroups[groupIndex + 1]?.length ?? 0) > 1,
                 reGroupTaskFunction: handleTaskRegroup,
-                hideParallelOptions
+                hideParallelOptions,
+                labels: labels.contextMenu
             });
             return [
                 ...items,
@@ -102,7 +105,8 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
         hideParallelOptions,
         handleTaskRegroup,
         generateReplaceTaskMenuItemForTask,
-        allTasks
+        allTasks,
+        labels.contextMenu
     ]);
     const sensors = (0, core_namespaceObject.useSensors)((0, core_namespaceObject.useSensor)(core_namespaceObject.PointerSensor, {
         activationConstraint: {
@@ -138,7 +142,7 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
                                         isParallel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageParallelLabel, {
                                             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                                 className: "text-xs",
-                                                children: "Parallel"
+                                                children: labels.parallel
                                             })
                                         }),
                                         taskGroup.map((task, taskIndex)=>{

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;AASvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIvF,eAAO,MAAM,6BAA6B,GAAI,4MAY3C;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,cAAc,EAAE,OAAO,CAAC;IACxB,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,mDAiLA,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;AASvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAKvF,eAAO,MAAM,6BAA6B,GAAI,4MAY3C;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,cAAc,EAAE,OAAO,CAAC;IACxB,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,mDAoLA,CAAC"}

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

@@ -10,8 +10,10 @@ import { useStageTaskDragHandler } from "./hooks/useStageTaskDragHandler.js";
 import { StageParallelBracket, StageParallelLabel, StageTaskGroupContainer, StageTaskList } from "./StageNode.styles.js";
 import { getContextMenuItems, getDivider } from "./StageNodeTaskUtilities.js";
 import { StageTaskDragOverlay } from "./StageTaskDragOverlay.js";
+import { useStageNodeLabels } from "./useStageNodeLabels.js";
 const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequentialTasks, allTasks, isReadOnly, selectedTaskId, taskWidthStyle, hasContextMenu, handleTaskClick, handleReorderSequentialTasks, generateReplaceTaskMenuItemForTask })=>{
     const { execution, onTaskGroupModification, onTaskReorder, hideParallelOptions, loadingTaskIds } = props;
+    const labels = useStageNodeLabels();
     const sequentialTaskIds = useMemo(()=>sequentialTasks.map(({ task })=>task.id), [
         sequentialTasks
     ]);
@@ -60,7 +62,8 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
                 isAboveParallel: (sequentialTaskGroups[groupIndex - 1]?.length ?? 0) > 1,
                 isBelowParallel: (sequentialTaskGroups[groupIndex + 1]?.length ?? 0) > 1,
                 reGroupTaskFunction: handleTaskRegroup,
-                hideParallelOptions
+                hideParallelOptions,
+                labels: labels.contextMenu
             });
             return [
                 ...items,
@@ -74,7 +77,8 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
         hideParallelOptions,
         handleTaskRegroup,
         generateReplaceTaskMenuItemForTask,
-        allTasks
+        allTasks,
+        labels.contextMenu
     ]);
     const sensors = useSensors(useSensor(PointerSensor, {
         activationConstraint: {
@@ -110,7 +114,7 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
                                         isParallel && /*#__PURE__*/ jsx(StageParallelLabel, {
                                             children: /*#__PURE__*/ jsx("span", {
                                                 className: "text-xs",
-                                                children: "Parallel"
+                                                children: labels.parallel
                                             })
                                         }),
                                         taskGroup.map((task, taskIndex)=>{

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

@@ -30,18 +30,18 @@ __webpack_require__.d(__webpack_exports__, {
     getContextMenuItems: ()=>getContextMenuItems
 });
 const GroupModificationUtils_cjs_namespaceObject = require("../../utils/GroupModificationUtils.cjs");
-const getContextMenuItems = ({ isParallelGroup, groupIndex, tasksLength, groupIndexInAllTasks, taskIndexInAllTasks, isAboveParallel, isBelowParallel, reGroupTaskFunction, hideParallelOptions = false })=>{
+const getContextMenuItems = ({ isParallelGroup, groupIndex, tasksLength, groupIndexInAllTasks, taskIndexInAllTasks, isAboveParallel, isBelowParallel, reGroupTaskFunction, hideParallelOptions = false, labels })=>{
     const CONTEXT_MENU_ITEMS = {
-        MOVE_UP: getMenuItem('move-up', 'Move up', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.TASK_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),
-        MOVE_DOWN: getMenuItem('move-down', 'Move down', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.TASK_GROUP_DOWN, groupIndexInAllTasks, taskIndexInAllTasks)),
-        UNGROUP_ALL: getMenuItem('ungroup', 'Ungroup parallel tasks', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.UNGROUP_ALL_TASKS, groupIndexInAllTasks, taskIndexInAllTasks)),
-        SPLIT_TASK: getMenuItem('split', 'Remove from parallel group', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.SPLIT_GROUP, groupIndexInAllTasks, taskIndexInAllTasks)),
-        REMOVE_GROUP: getMenuItem('remove-group', 'Remove group from stage', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.REMOVE_GROUP, groupIndexInAllTasks, taskIndexInAllTasks)),
-        REMOVE_TASK: getMenuItem('remove-task', 'Delete task', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.REMOVE_TASK, groupIndexInAllTasks, taskIndexInAllTasks)),
-        CREATE_PARALLEL_GROUP_ABOVE: getMenuItem('group-with-up', 'Create parallel group with task above', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.MERGE_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),
-        CREATE_PARALLEL_GROUP_BELOW: getMenuItem('group-with-down', 'Create parallel group with task below', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.MERGE_GROUP_DOWN, groupIndexInAllTasks, taskIndexInAllTasks)),
-        ADD_TO_PARALLEL_GROUP_ABOVE: getMenuItem('add-to-group-with-up', 'Add task to parallel group above', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.MERGE_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),
-        ADD_TO_PARALLEL_GROUP_BELOW: getMenuItem('add-to-group-with-down', 'Add task to parallel group below', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.MERGE_GROUP_DOWN, groupIndexInAllTasks, taskIndexInAllTasks)),
+        MOVE_UP: getMenuItem('move-up', labels.moveUp, ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.TASK_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),
+        MOVE_DOWN: getMenuItem('move-down', labels.moveDown, ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.TASK_GROUP_DOWN, groupIndexInAllTasks, taskIndexInAllTasks)),
+        UNGROUP_ALL: getMenuItem('ungroup', labels.ungroupParallelTasks, ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.UNGROUP_ALL_TASKS, groupIndexInAllTasks, taskIndexInAllTasks)),
+        SPLIT_TASK: getMenuItem('split', labels.removeFromParallelGroup, ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.SPLIT_GROUP, groupIndexInAllTasks, taskIndexInAllTasks)),
+        REMOVE_GROUP: getMenuItem('remove-group', labels.removeGroupFromStage, ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.REMOVE_GROUP, groupIndexInAllTasks, taskIndexInAllTasks)),
+        REMOVE_TASK: getMenuItem('remove-task', labels.deleteTask, ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.REMOVE_TASK, groupIndexInAllTasks, taskIndexInAllTasks)),
+        CREATE_PARALLEL_GROUP_ABOVE: getMenuItem('group-with-up', labels.createParallelGroupWithTaskAbove, ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.MERGE_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),
+        CREATE_PARALLEL_GROUP_BELOW: getMenuItem('group-with-down', labels.createParallelGroupWithTaskBelow, ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.MERGE_GROUP_DOWN, groupIndexInAllTasks, taskIndexInAllTasks)),
+        ADD_TO_PARALLEL_GROUP_ABOVE: getMenuItem('add-to-group-with-up', labels.addTaskToParallelGroupAbove, ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.MERGE_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),
+        ADD_TO_PARALLEL_GROUP_BELOW: getMenuItem('add-to-group-with-down', labels.addTaskToParallelGroupBelow, ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.MERGE_GROUP_DOWN, groupIndexInAllTasks, taskIndexInAllTasks)),
         DIVIDER: getDivider()
     };
     const items = [];

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

@@ -1,7 +1,19 @@
 import type { ReactNode } from 'react';
 import { GroupModificationType } from '../../utils/GroupModificationUtils';
 import type { NodeMenuAction, NodeMenuItem } from '../NodeContextMenu';
-export declare const getContextMenuItems: ({ isParallelGroup, groupIndex, tasksLength, groupIndexInAllTasks, taskIndexInAllTasks, isAboveParallel, isBelowParallel, reGroupTaskFunction, hideParallelOptions, }: {
+export interface StageContextMenuLabels {
+    moveUp: string;
+    moveDown: string;
+    ungroupParallelTasks: string;
+    removeFromParallelGroup: string;
+    removeGroupFromStage: string;
+    deleteTask: string;
+    createParallelGroupWithTaskAbove: string;
+    createParallelGroupWithTaskBelow: string;
+    addTaskToParallelGroupAbove: string;
+    addTaskToParallelGroupBelow: string;
+}
+export declare const getContextMenuItems: ({ isParallelGroup, groupIndex, tasksLength, groupIndexInAllTasks, taskIndexInAllTasks, isAboveParallel, isBelowParallel, reGroupTaskFunction, hideParallelOptions, labels, }: {
     isParallelGroup: boolean;
     groupIndex: number;
     tasksLength: number;
@@ -11,6 +23,7 @@ export declare const getContextMenuItems: ({ isParallelGroup, groupIndex, tasksL
     isBelowParallel: boolean;
     reGroupTaskFunction: (groupModificationType: GroupModificationType, groupIndex: number, taskIndex: number) => void;
     hideParallelOptions?: boolean;
+    labels: StageContextMenuLabels;
 }) => NodeMenuItem[];
 export declare function getMenuItem(id: string | undefined, label: string | undefined, onClick: () => void, isDisabled?: boolean): NodeMenuItem;
 export declare const getDivider: () => NodeMenuItem;

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,GAAI,sKAUjC;IACD,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,mBAAmB,EAAE,CACnB,qBAAqB,EAAE,qBAAqB,EAC5C,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,KACd,IAAI,CAAC;IACV,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,KAAG,YAAY,EA+Hf,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"}
+{"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;AAEvE,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,gCAAgC,EAAE,MAAM,CAAC;IACzC,gCAAgC,EAAE,MAAM,CAAC;IACzC,2BAA2B,EAAE,MAAM,CAAC;IACpC,2BAA2B,EAAE,MAAM,CAAC;CACrC;AAED,eAAO,MAAM,mBAAmB,GAAI,8KAWjC;IACD,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,mBAAmB,EAAE,CACnB,qBAAqB,EAAE,qBAAqB,EAC5C,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,KACd,IAAI,CAAC;IACV,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,MAAM,EAAE,sBAAsB,CAAC;CAChC,KAAG,YAAY,EA+Hf,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,16 +1,16 @@
 import { GroupModificationType } from "../../utils/GroupModificationUtils.js";
-const getContextMenuItems = ({ isParallelGroup, groupIndex, tasksLength, groupIndexInAllTasks, taskIndexInAllTasks, isAboveParallel, isBelowParallel, reGroupTaskFunction, hideParallelOptions = false })=>{
+const getContextMenuItems = ({ isParallelGroup, groupIndex, tasksLength, groupIndexInAllTasks, taskIndexInAllTasks, isAboveParallel, isBelowParallel, reGroupTaskFunction, hideParallelOptions = false, labels })=>{
     const CONTEXT_MENU_ITEMS = {
-        MOVE_UP: getMenuItem('move-up', 'Move up', ()=>reGroupTaskFunction(GroupModificationType.TASK_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),
-        MOVE_DOWN: getMenuItem('move-down', 'Move down', ()=>reGroupTaskFunction(GroupModificationType.TASK_GROUP_DOWN, groupIndexInAllTasks, taskIndexInAllTasks)),
-        UNGROUP_ALL: getMenuItem('ungroup', 'Ungroup parallel tasks', ()=>reGroupTaskFunction(GroupModificationType.UNGROUP_ALL_TASKS, groupIndexInAllTasks, taskIndexInAllTasks)),
-        SPLIT_TASK: getMenuItem('split', 'Remove from parallel group', ()=>reGroupTaskFunction(GroupModificationType.SPLIT_GROUP, groupIndexInAllTasks, taskIndexInAllTasks)),
-        REMOVE_GROUP: getMenuItem('remove-group', 'Remove group from stage', ()=>reGroupTaskFunction(GroupModificationType.REMOVE_GROUP, groupIndexInAllTasks, taskIndexInAllTasks)),
-        REMOVE_TASK: getMenuItem('remove-task', 'Delete task', ()=>reGroupTaskFunction(GroupModificationType.REMOVE_TASK, groupIndexInAllTasks, taskIndexInAllTasks)),
-        CREATE_PARALLEL_GROUP_ABOVE: getMenuItem('group-with-up', 'Create parallel group with task above', ()=>reGroupTaskFunction(GroupModificationType.MERGE_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),
-        CREATE_PARALLEL_GROUP_BELOW: getMenuItem('group-with-down', 'Create parallel group with task below', ()=>reGroupTaskFunction(GroupModificationType.MERGE_GROUP_DOWN, groupIndexInAllTasks, taskIndexInAllTasks)),
-        ADD_TO_PARALLEL_GROUP_ABOVE: getMenuItem('add-to-group-with-up', 'Add task to parallel group above', ()=>reGroupTaskFunction(GroupModificationType.MERGE_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),
-        ADD_TO_PARALLEL_GROUP_BELOW: getMenuItem('add-to-group-with-down', 'Add task to parallel group below', ()=>reGroupTaskFunction(GroupModificationType.MERGE_GROUP_DOWN, groupIndexInAllTasks, taskIndexInAllTasks)),
+        MOVE_UP: getMenuItem('move-up', labels.moveUp, ()=>reGroupTaskFunction(GroupModificationType.TASK_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),
+        MOVE_DOWN: getMenuItem('move-down', labels.moveDown, ()=>reGroupTaskFunction(GroupModificationType.TASK_GROUP_DOWN, groupIndexInAllTasks, taskIndexInAllTasks)),
+        UNGROUP_ALL: getMenuItem('ungroup', labels.ungroupParallelTasks, ()=>reGroupTaskFunction(GroupModificationType.UNGROUP_ALL_TASKS, groupIndexInAllTasks, taskIndexInAllTasks)),
+        SPLIT_TASK: getMenuItem('split', labels.removeFromParallelGroup, ()=>reGroupTaskFunction(GroupModificationType.SPLIT_GROUP, groupIndexInAllTasks, taskIndexInAllTasks)),
+        REMOVE_GROUP: getMenuItem('remove-group', labels.removeGroupFromStage, ()=>reGroupTaskFunction(GroupModificationType.REMOVE_GROUP, groupIndexInAllTasks, taskIndexInAllTasks)),
+        REMOVE_TASK: getMenuItem('remove-task', labels.deleteTask, ()=>reGroupTaskFunction(GroupModificationType.REMOVE_TASK, groupIndexInAllTasks, taskIndexInAllTasks)),
+        CREATE_PARALLEL_GROUP_ABOVE: getMenuItem('group-with-up', labels.createParallelGroupWithTaskAbove, ()=>reGroupTaskFunction(GroupModificationType.MERGE_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),
+        CREATE_PARALLEL_GROUP_BELOW: getMenuItem('group-with-down', labels.createParallelGroupWithTaskBelow, ()=>reGroupTaskFunction(GroupModificationType.MERGE_GROUP_DOWN, groupIndexInAllTasks, taskIndexInAllTasks)),
+        ADD_TO_PARALLEL_GROUP_ABOVE: getMenuItem('add-to-group-with-up', labels.addTaskToParallelGroupAbove, ()=>reGroupTaskFunction(GroupModificationType.MERGE_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),
+        ADD_TO_PARALLEL_GROUP_BELOW: getMenuItem('add-to-group-with-down', labels.addTaskToParallelGroupBelow, ()=>reGroupTaskFunction(GroupModificationType.MERGE_GROUP_DOWN, groupIndexInAllTasks, taskIndexInAllTasks)),
         DIVIDER: getDivider()
     };
     const items = [];