@uipath/apollo-react 4.44.0 → 4.44.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/canvas/components/FloatingCanvasPanel/useFloatingPosition.cjs +1 -1
- package/dist/canvas/components/FloatingCanvasPanel/useFloatingPosition.d.ts.map +1 -1
- package/dist/canvas/components/FloatingCanvasPanel/useFloatingPosition.js +1 -1
- package/dist/canvas/components/StageNode/AdhocTask.cjs +1 -1
- package/dist/canvas/components/StageNode/AdhocTask.d.ts +1 -1
- package/dist/canvas/components/StageNode/AdhocTask.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/AdhocTask.js +1 -1
- package/dist/canvas/components/StageNode/DraggableTask.cjs +4 -13
- package/dist/canvas/components/StageNode/DraggableTask.d.ts +1 -1
- package/dist/canvas/components/StageNode/DraggableTask.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/DraggableTask.js +4 -13
- package/dist/canvas/components/StageNode/DraggableTask.types.d.ts +1 -3
- package/dist/canvas/components/StageNode/DraggableTask.types.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/EventDrivenTask.cjs +1 -1
- package/dist/canvas/components/StageNode/EventDrivenTask.d.ts +1 -1
- package/dist/canvas/components/StageNode/EventDrivenTask.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/EventDrivenTask.js +1 -1
- package/dist/canvas/components/StageNode/StageEdge.cjs +4 -1
- package/dist/canvas/components/StageNode/StageEdge.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageEdge.js +5 -2
- package/dist/canvas/components/StageNode/StageNode.cjs +7 -9
- package/dist/canvas/components/StageNode/StageNode.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNode.js +7 -9
- package/dist/canvas/components/StageNode/StageNode.stories.utils.cjs +15 -13
- package/dist/canvas/components/StageNode/StageNode.stories.utils.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNode.stories.utils.js +15 -13
- package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.cjs +1 -3
- package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.js +1 -3
- package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.cjs +1 -3
- package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.js +1 -3
- package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.cjs +6 -8
- package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.js +6 -8
- package/dist/canvas/components/StageNode/StageTaskDragOverlay.cjs +1 -1
- package/dist/canvas/components/StageNode/StageTaskDragOverlay.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageTaskDragOverlay.js +1 -1
- package/dist/canvas/components/StageNode/TaskMenu.cjs +4 -3
- package/dist/canvas/components/StageNode/TaskMenu.d.ts +3 -2
- package/dist/canvas/components/StageNode/TaskMenu.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/TaskMenu.js +4 -3
- package/package.json +1 -1
|
@@ -32,7 +32,7 @@ const external_react_namespaceObject = require("react");
|
|
|
32
32
|
const VIEWPORT_PADDING = 8;
|
|
33
33
|
function useFloatingPosition({ open = true, nodeId, anchorRect, placement = 'right-start', offset: offsetValue = 20, fallbackPlacement = 'none' }) {
|
|
34
34
|
const referenceRef = (0, external_react_namespaceObject.useRef)(null);
|
|
35
|
-
const internalNode = (0, react_cjs_namespaceObject.useInternalNode)(nodeId
|
|
35
|
+
const internalNode = (0, react_cjs_namespaceObject.useInternalNode)(open && nodeId ? nodeId : '');
|
|
36
36
|
const [availableHeight, setAvailableHeight] = (0, external_react_namespaceObject.useState)(null);
|
|
37
37
|
const computedAnchor = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
38
38
|
if (anchorRect) return anchorRect;
|
|
@@ -1 +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,
|
|
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,CAsExD"}
|
|
@@ -4,7 +4,7 @@ import { useEffect, useMemo, useRef, useState } from "react";
|
|
|
4
4
|
const VIEWPORT_PADDING = 8;
|
|
5
5
|
function useFloatingPosition({ open = true, nodeId, anchorRect, placement = 'right-start', offset: offsetValue = 20, fallbackPlacement = 'none' }) {
|
|
6
6
|
const referenceRef = useRef(null);
|
|
7
|
-
const internalNode = useInternalNode(nodeId
|
|
7
|
+
const internalNode = useInternalNode(open && nodeId ? nodeId : '');
|
|
8
8
|
const [availableHeight, setAvailableHeight] = useState(null);
|
|
9
9
|
const computedAnchor = useMemo(()=>{
|
|
10
10
|
if (anchorRect) return anchorRect;
|
|
@@ -61,7 +61,7 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
|
|
|
61
61
|
}),
|
|
62
62
|
getContextMenuItems && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskMenu_cjs_namespaceObject.TaskMenu, {
|
|
63
63
|
ref: menuRef,
|
|
64
|
-
|
|
64
|
+
task: task,
|
|
65
65
|
getContextMenuItems: getContextMenuItems,
|
|
66
66
|
disabled: isTaskLoading
|
|
67
67
|
})
|
|
@@ -4,7 +4,7 @@ interface AdhocTaskItemProps {
|
|
|
4
4
|
task: StageTaskItem;
|
|
5
5
|
taskExecution?: StageTaskExecution;
|
|
6
6
|
isSelected: boolean;
|
|
7
|
-
getContextMenuItems?: () => NodeMenuItem[];
|
|
7
|
+
getContextMenuItems?: (task: StageTaskItem) => NodeMenuItem[];
|
|
8
8
|
onTaskClick: (e: React.MouseEvent, taskId: string) => void;
|
|
9
9
|
onTaskPlay?: (taskId: string) => Promise<void>;
|
|
10
10
|
isTaskLoading?: boolean;
|
|
@@ -1 +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;
|
|
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;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"}
|
|
@@ -33,7 +33,7 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
|
|
|
33
33
|
}),
|
|
34
34
|
getContextMenuItems && /*#__PURE__*/ jsx(TaskMenu, {
|
|
35
35
|
ref: menuRef,
|
|
36
|
-
|
|
36
|
+
task: task,
|
|
37
37
|
getContextMenuItems: getContextMenuItems,
|
|
38
38
|
disabled: isTaskLoading
|
|
39
39
|
})
|
|
@@ -34,8 +34,7 @@ const external_react_namespaceObject = require("react");
|
|
|
34
34
|
const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
|
|
35
35
|
const external_TaskContent_cjs_namespaceObject = require("./TaskContent.cjs");
|
|
36
36
|
const external_TaskMenu_cjs_namespaceObject = require("./TaskMenu.cjs");
|
|
37
|
-
const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel,
|
|
38
|
-
const zoom = (0, react_cjs_namespaceObject.useStore)((s)=>s.transform[2]);
|
|
37
|
+
const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading })=>{
|
|
39
38
|
const taskRef = (0, external_react_namespaceObject.useRef)(null);
|
|
40
39
|
const menuRef = (0, external_react_namespaceObject.useRef)(null);
|
|
41
40
|
const handleClick = (0, external_react_namespaceObject.useCallback)((e)=>{
|
|
@@ -47,19 +46,11 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
|
|
|
47
46
|
const handleContextMenu = (0, external_react_namespaceObject.useCallback)((e)=>{
|
|
48
47
|
menuRef.current?.handleContextMenu(e);
|
|
49
48
|
}, []);
|
|
50
|
-
const handleGetContextMenuItems = (0, external_react_namespaceObject.useCallback)(()=>{
|
|
51
|
-
if (!getContextMenuItems) return [];
|
|
52
|
-
return getContextMenuItems(groupIndex, taskIndex, task.id);
|
|
53
|
-
}, [
|
|
54
|
-
getContextMenuItems,
|
|
55
|
-
groupIndex,
|
|
56
|
-
taskIndex,
|
|
57
|
-
task.id
|
|
58
|
-
]);
|
|
59
49
|
const { attributes, listeners, setNodeRef, transition, transform, isDragging } = (0, sortable_namespaceObject.useSortable)({
|
|
60
50
|
id: task.id,
|
|
61
51
|
disabled: isDragDisabled
|
|
62
52
|
});
|
|
53
|
+
const zoom = (0, react_cjs_namespaceObject.useStore)((s)=>transform ? s.transform[2] : 1);
|
|
63
54
|
const style = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
64
55
|
const scaledTransform = transform ? {
|
|
65
56
|
...transform,
|
|
@@ -112,8 +103,8 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
|
|
|
112
103
|
}),
|
|
113
104
|
getContextMenuItems && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskMenu_cjs_namespaceObject.TaskMenu, {
|
|
114
105
|
ref: menuRef,
|
|
115
|
-
|
|
116
|
-
getContextMenuItems:
|
|
106
|
+
task: task,
|
|
107
|
+
getContextMenuItems: getContextMenuItems,
|
|
117
108
|
disabled: isTaskLoading
|
|
118
109
|
})
|
|
119
110
|
]
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { DraggableTaskProps } from './DraggableTask.types';
|
|
2
|
-
export declare const DraggableTask: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, isParallel,
|
|
2
|
+
export declare const DraggableTask: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading, }: DraggableTaskProps) => import("react/jsx-runtime").JSX.Element>;
|
|
3
3
|
//# sourceMappingURL=DraggableTask.d.ts.map
|
|
@@ -1 +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;
|
|
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;AAuHhE,eAAO,MAAM,aAAa,0KAlGvB,kBAAkB,6CAkGoC,CAAC"}
|
|
@@ -6,8 +6,7 @@ import { memo, useCallback, useMemo, useRef } from "react";
|
|
|
6
6
|
import { INDENTATION_WIDTH, StageTask, StageTaskDragPlaceholder, StageTaskDragPlaceholderWrapper, StageTaskWrapper } from "./StageNode.styles.js";
|
|
7
7
|
import { TaskContent } from "./TaskContent.js";
|
|
8
8
|
import { TaskMenu } from "./TaskMenu.js";
|
|
9
|
-
const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel,
|
|
10
|
-
const zoom = useStore((s)=>s.transform[2]);
|
|
9
|
+
const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading })=>{
|
|
11
10
|
const taskRef = useRef(null);
|
|
12
11
|
const menuRef = useRef(null);
|
|
13
12
|
const handleClick = useCallback((e)=>{
|
|
@@ -19,19 +18,11 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
|
|
|
19
18
|
const handleContextMenu = useCallback((e)=>{
|
|
20
19
|
menuRef.current?.handleContextMenu(e);
|
|
21
20
|
}, []);
|
|
22
|
-
const handleGetContextMenuItems = useCallback(()=>{
|
|
23
|
-
if (!getContextMenuItems) return [];
|
|
24
|
-
return getContextMenuItems(groupIndex, taskIndex, task.id);
|
|
25
|
-
}, [
|
|
26
|
-
getContextMenuItems,
|
|
27
|
-
groupIndex,
|
|
28
|
-
taskIndex,
|
|
29
|
-
task.id
|
|
30
|
-
]);
|
|
31
21
|
const { attributes, listeners, setNodeRef, transition, transform, isDragging } = useSortable({
|
|
32
22
|
id: task.id,
|
|
33
23
|
disabled: isDragDisabled
|
|
34
24
|
});
|
|
25
|
+
const zoom = useStore((s)=>transform ? s.transform[2] : 1);
|
|
35
26
|
const style = useMemo(()=>{
|
|
36
27
|
const scaledTransform = transform ? {
|
|
37
28
|
...transform,
|
|
@@ -84,8 +75,8 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
|
|
|
84
75
|
}),
|
|
85
76
|
getContextMenuItems && /*#__PURE__*/ jsx(TaskMenu, {
|
|
86
77
|
ref: menuRef,
|
|
87
|
-
|
|
88
|
-
getContextMenuItems:
|
|
78
|
+
task: task,
|
|
79
|
+
getContextMenuItems: getContextMenuItems,
|
|
89
80
|
disabled: isTaskLoading
|
|
90
81
|
})
|
|
91
82
|
]
|
|
@@ -5,9 +5,7 @@ export interface DraggableTaskProps {
|
|
|
5
5
|
taskExecution?: StageTaskExecution;
|
|
6
6
|
isSelected: boolean;
|
|
7
7
|
isParallel: boolean;
|
|
8
|
-
|
|
9
|
-
taskIndex: number;
|
|
10
|
-
getContextMenuItems?: (groupIndex: number, taskIndex: number, taskId: string) => NodeMenuItem[];
|
|
8
|
+
getContextMenuItems?: (task: StageTaskItem) => NodeMenuItem[];
|
|
11
9
|
onTaskClick: (e: React.MouseEvent, taskId: string) => void;
|
|
12
10
|
onTaskPlay?: (taskId: string) => Promise<void>;
|
|
13
11
|
isDragDisabled?: boolean;
|
|
@@ -1 +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;
|
|
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;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"}
|
|
@@ -60,7 +60,7 @@ const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getCont
|
|
|
60
60
|
}),
|
|
61
61
|
getContextMenuItems && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskMenu_cjs_namespaceObject.TaskMenu, {
|
|
62
62
|
ref: menuRef,
|
|
63
|
-
|
|
63
|
+
task: task,
|
|
64
64
|
getContextMenuItems: getContextMenuItems,
|
|
65
65
|
disabled: isTaskLoading
|
|
66
66
|
})
|
|
@@ -4,7 +4,7 @@ interface EventDrivenTaskItemProps {
|
|
|
4
4
|
task: StageTaskItem;
|
|
5
5
|
taskExecution?: StageTaskExecution;
|
|
6
6
|
isSelected: boolean;
|
|
7
|
-
getContextMenuItems?: () => NodeMenuItem[];
|
|
7
|
+
getContextMenuItems?: (task: StageTaskItem) => NodeMenuItem[];
|
|
8
8
|
onTaskClick: (e: React.MouseEvent, taskId: string) => void;
|
|
9
9
|
isTaskLoading?: boolean;
|
|
10
10
|
}
|
|
@@ -1 +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;
|
|
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;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"}
|
|
@@ -32,7 +32,7 @@ const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getCont
|
|
|
32
32
|
}),
|
|
33
33
|
getContextMenuItems && /*#__PURE__*/ jsx(TaskMenu, {
|
|
34
34
|
ref: menuRef,
|
|
35
|
-
|
|
35
|
+
task: task,
|
|
36
36
|
getContextMenuItems: getContextMenuItems,
|
|
37
37
|
disabled: isTaskLoading
|
|
38
38
|
})
|
|
@@ -84,7 +84,10 @@ function StageEdgeInner({ geometry, sourcePosition, targetPosition, selected, st
|
|
|
84
84
|
targetPosition,
|
|
85
85
|
borderRadius: 40
|
|
86
86
|
});
|
|
87
|
-
const { endX, endY, angle } = getArrowFromBezier(pathData, arrowSize)
|
|
87
|
+
const { endX, endY, angle } = (0, external_react_namespaceObject.useMemo)(()=>getArrowFromBezier(pathData, arrowSize), [
|
|
88
|
+
pathData,
|
|
89
|
+
arrowSize
|
|
90
|
+
]);
|
|
88
91
|
const arrowLineLength = arrowSize;
|
|
89
92
|
const strokeColor = selected ? 'var(--canvas-selection-indicator)' : stroke;
|
|
90
93
|
const strokeWidthValue = selected ? strokeWidth + 1 : strokeWidth;
|
|
@@ -1 +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;
|
|
1
|
+
{"version":3,"file":"StageEdge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageEdge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,0CAA0C,CAAC;AAQ1F,eAAO,MAAM,cAAc;;;yGAgB1B,CAAC;AAEF,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAkIF,iBAAS,kBAAkB,CAAC,EAC1B,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,cAAc,EACd,QAAQ,EACR,KAAK,EACL,MAAM,EACN,WAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,EAAE,KAAK,2CA0BP;AAED,eAAO,MAAM,SAAS,gEAA2B,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import styled from "@emotion/styled";
|
|
3
3
|
import { EdgeLabelRenderer, getSmoothStepPath, useStore } from "../../xyflow/react.js";
|
|
4
|
-
import { memo } from "react";
|
|
4
|
+
import { memo, useMemo } from "react";
|
|
5
5
|
const StageEdgeLabel = styled.div`
|
|
6
6
|
position: absolute;
|
|
7
7
|
color: var(--canvas-foreground);
|
|
@@ -45,7 +45,10 @@ function StageEdgeInner({ geometry, sourcePosition, targetPosition, selected, st
|
|
|
45
45
|
targetPosition,
|
|
46
46
|
borderRadius: 40
|
|
47
47
|
});
|
|
48
|
-
const { endX, endY, angle } = getArrowFromBezier(pathData, arrowSize)
|
|
48
|
+
const { endX, endY, angle } = useMemo(()=>getArrowFromBezier(pathData, arrowSize), [
|
|
49
|
+
pathData,
|
|
50
|
+
arrowSize
|
|
51
|
+
]);
|
|
49
52
|
const arrowLineLength = arrowSize;
|
|
50
53
|
const strokeColor = selected ? 'var(--canvas-selection-indicator)' : stroke;
|
|
51
54
|
const strokeWidthValue = selected ? strokeWidth + 1 : strokeWidth;
|
|
@@ -120,6 +120,8 @@ const StageNodeInner = (props)=>{
|
|
|
120
120
|
setSelectedNodeId,
|
|
121
121
|
id
|
|
122
122
|
]);
|
|
123
|
+
const handleAddTaskToolboxClose = (0, external_react_namespaceObject.useCallback)(()=>setIsAddingTask(false), []);
|
|
124
|
+
const handleReplaceTaskToolboxClose = (0, external_react_namespaceObject.useCallback)(()=>setIsReplacingTask(false), []);
|
|
123
125
|
const handleReplaceTaskToolboxItemSelected = (0, external_react_namespaceObject.useCallback)((item)=>{
|
|
124
126
|
onReplaceTaskFromToolbox?.(item, taskStateReference.current.groupIndex, taskStateReference.current.taskIndex);
|
|
125
127
|
setIsReplacingTask(false);
|
|
@@ -134,9 +136,7 @@ const StageNodeInner = (props)=>{
|
|
|
134
136
|
]);
|
|
135
137
|
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
136
138
|
"data-testid": `stage-${id}`,
|
|
137
|
-
|
|
138
|
-
position: 'relative'
|
|
139
|
-
},
|
|
139
|
+
className: "relative",
|
|
140
140
|
onClick: handleStageClick,
|
|
141
141
|
onMouseEnter: handleMouseEnter,
|
|
142
142
|
onMouseLeave: handleMouseLeave,
|
|
@@ -165,26 +165,24 @@ const StageNodeInner = (props)=>{
|
|
|
165
165
|
})
|
|
166
166
|
]
|
|
167
167
|
}),
|
|
168
|
-
onAddTaskFromToolbox && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.FloatingCanvasPanel, {
|
|
169
|
-
open: isAddingTask,
|
|
168
|
+
onAddTaskFromToolbox && isAddingTask && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.FloatingCanvasPanel, {
|
|
170
169
|
nodeId: id,
|
|
171
170
|
offset: 15,
|
|
172
171
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Toolbox_index_cjs_namespaceObject.Toolbox, {
|
|
173
172
|
title: labels.addTask,
|
|
174
173
|
initialItems: taskOptions,
|
|
175
|
-
onClose:
|
|
174
|
+
onClose: handleAddTaskToolboxClose,
|
|
176
175
|
onItemSelect: handleAddTaskToolboxItemSelected,
|
|
177
176
|
onSearch: onTaskToolboxSearch
|
|
178
177
|
})
|
|
179
178
|
}),
|
|
180
|
-
onReplaceTaskFromToolbox && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.FloatingCanvasPanel, {
|
|
181
|
-
open: isReplacingTask,
|
|
179
|
+
onReplaceTaskFromToolbox && isReplacingTask && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.FloatingCanvasPanel, {
|
|
182
180
|
nodeId: id,
|
|
183
181
|
offset: 15,
|
|
184
182
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Toolbox_index_cjs_namespaceObject.Toolbox, {
|
|
185
183
|
title: labels.replaceTask,
|
|
186
184
|
initialItems: taskOptions,
|
|
187
|
-
onClose:
|
|
185
|
+
onClose: handleReplaceTaskToolboxClose,
|
|
188
186
|
onItemSelect: handleReplaceTaskToolboxItemSelected,
|
|
189
187
|
onSearch: onTaskToolboxSearch
|
|
190
188
|
})
|
|
@@ -1 +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;
|
|
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;AAsM5E,eAAO,MAAM,SAAS,8CAhMS,cAAc,6CAgMmC,CAAC"}
|
|
@@ -92,6 +92,8 @@ const StageNodeInner = (props)=>{
|
|
|
92
92
|
setSelectedNodeId,
|
|
93
93
|
id
|
|
94
94
|
]);
|
|
95
|
+
const handleAddTaskToolboxClose = useCallback(()=>setIsAddingTask(false), []);
|
|
96
|
+
const handleReplaceTaskToolboxClose = useCallback(()=>setIsReplacingTask(false), []);
|
|
95
97
|
const handleReplaceTaskToolboxItemSelected = useCallback((item)=>{
|
|
96
98
|
onReplaceTaskFromToolbox?.(item, taskStateReference.current.groupIndex, taskStateReference.current.taskIndex);
|
|
97
99
|
setIsReplacingTask(false);
|
|
@@ -106,9 +108,7 @@ const StageNodeInner = (props)=>{
|
|
|
106
108
|
]);
|
|
107
109
|
return /*#__PURE__*/ jsxs("div", {
|
|
108
110
|
"data-testid": `stage-${id}`,
|
|
109
|
-
|
|
110
|
-
position: 'relative'
|
|
111
|
-
},
|
|
111
|
+
className: "relative",
|
|
112
112
|
onClick: handleStageClick,
|
|
113
113
|
onMouseEnter: handleMouseEnter,
|
|
114
114
|
onMouseLeave: handleMouseLeave,
|
|
@@ -137,26 +137,24 @@ const StageNodeInner = (props)=>{
|
|
|
137
137
|
})
|
|
138
138
|
]
|
|
139
139
|
}),
|
|
140
|
-
onAddTaskFromToolbox && /*#__PURE__*/ jsx(FloatingCanvasPanel, {
|
|
141
|
-
open: isAddingTask,
|
|
140
|
+
onAddTaskFromToolbox && isAddingTask && /*#__PURE__*/ jsx(FloatingCanvasPanel, {
|
|
142
141
|
nodeId: id,
|
|
143
142
|
offset: 15,
|
|
144
143
|
children: /*#__PURE__*/ jsx(Toolbox, {
|
|
145
144
|
title: labels.addTask,
|
|
146
145
|
initialItems: taskOptions,
|
|
147
|
-
onClose:
|
|
146
|
+
onClose: handleAddTaskToolboxClose,
|
|
148
147
|
onItemSelect: handleAddTaskToolboxItemSelected,
|
|
149
148
|
onSearch: onTaskToolboxSearch
|
|
150
149
|
})
|
|
151
150
|
}),
|
|
152
|
-
onReplaceTaskFromToolbox && /*#__PURE__*/ jsx(FloatingCanvasPanel, {
|
|
153
|
-
open: isReplacingTask,
|
|
151
|
+
onReplaceTaskFromToolbox && isReplacingTask && /*#__PURE__*/ jsx(FloatingCanvasPanel, {
|
|
154
152
|
nodeId: id,
|
|
155
153
|
offset: 15,
|
|
156
154
|
children: /*#__PURE__*/ jsx(Toolbox, {
|
|
157
155
|
title: labels.replaceTask,
|
|
158
156
|
initialItems: taskOptions,
|
|
159
|
-
onClose:
|
|
157
|
+
onClose: handleReplaceTaskToolboxClose,
|
|
160
158
|
onItemSelect: handleReplaceTaskToolboxItemSelected,
|
|
161
159
|
onSearch: onTaskToolboxSearch
|
|
162
160
|
})
|
|
@@ -28,26 +28,28 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
28
28
|
});
|
|
29
29
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
30
|
const external_react_namespaceObject = require("react");
|
|
31
|
+
const nodePropsEqual_cjs_namespaceObject = require("../../utils/nodePropsEqual.cjs");
|
|
31
32
|
const external_StageNode_cjs_namespaceObject = require("./StageNode.cjs");
|
|
33
|
+
const MENU_ITEMS = [
|
|
34
|
+
{
|
|
35
|
+
id: 'menu-item-1',
|
|
36
|
+
label: 'Menu Item 1',
|
|
37
|
+
onClick: ()=>alert('Menu Item 1 clicked')
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
id: 'menu-item-2',
|
|
41
|
+
label: 'Menu Item 2',
|
|
42
|
+
onClick: ()=>alert('Menu Item 2 clicked')
|
|
43
|
+
}
|
|
44
|
+
];
|
|
32
45
|
const StageNodeWrapper = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ id, selected, dragging, width, data })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_cjs_namespaceObject.StageNode, {
|
|
33
46
|
id: id,
|
|
34
47
|
selected: selected,
|
|
35
48
|
dragging: dragging,
|
|
36
49
|
width: width,
|
|
37
50
|
...data,
|
|
38
|
-
menuItems:
|
|
39
|
-
|
|
40
|
-
id: 'menu-item-1',
|
|
41
|
-
label: 'Menu Item 1',
|
|
42
|
-
onClick: ()=>alert('Menu Item 1 clicked')
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
id: 'menu-item-2',
|
|
46
|
-
label: 'Menu Item 2',
|
|
47
|
-
onClick: ()=>alert('Menu Item 2 clicked')
|
|
48
|
-
}
|
|
49
|
-
]
|
|
50
|
-
}));
|
|
51
|
+
menuItems: MENU_ITEMS
|
|
52
|
+
}), nodePropsEqual_cjs_namespaceObject.areNodePropsEqualIgnoringPosition);
|
|
51
53
|
exports.StageNodeWrapper = __webpack_exports__.StageNodeWrapper;
|
|
52
54
|
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
53
55
|
"StageNodeWrapper"
|
|
@@ -1 +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;
|
|
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;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"}
|
|
@@ -1,23 +1,25 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { memo } from "react";
|
|
3
|
+
import { areNodePropsEqualIgnoringPosition } from "../../utils/nodePropsEqual.js";
|
|
3
4
|
import { StageNode } from "./StageNode.js";
|
|
5
|
+
const MENU_ITEMS = [
|
|
6
|
+
{
|
|
7
|
+
id: 'menu-item-1',
|
|
8
|
+
label: 'Menu Item 1',
|
|
9
|
+
onClick: ()=>alert('Menu Item 1 clicked')
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
id: 'menu-item-2',
|
|
13
|
+
label: 'Menu Item 2',
|
|
14
|
+
onClick: ()=>alert('Menu Item 2 clicked')
|
|
15
|
+
}
|
|
16
|
+
];
|
|
4
17
|
const StageNodeWrapper = /*#__PURE__*/ memo(({ id, selected, dragging, width, data })=>/*#__PURE__*/ jsx(StageNode, {
|
|
5
18
|
id: id,
|
|
6
19
|
selected: selected,
|
|
7
20
|
dragging: dragging,
|
|
8
21
|
width: width,
|
|
9
22
|
...data,
|
|
10
|
-
menuItems:
|
|
11
|
-
|
|
12
|
-
id: 'menu-item-1',
|
|
13
|
-
label: 'Menu Item 1',
|
|
14
|
-
onClick: ()=>alert('Menu Item 1 clicked')
|
|
15
|
-
},
|
|
16
|
-
{
|
|
17
|
-
id: 'menu-item-2',
|
|
18
|
-
label: 'Menu Item 2',
|
|
19
|
-
onClick: ()=>alert('Menu Item 2 clicked')
|
|
20
|
-
}
|
|
21
|
-
]
|
|
22
|
-
}));
|
|
23
|
+
menuItems: MENU_ITEMS
|
|
24
|
+
}), areNodePropsEqualIgnoringPosition);
|
|
23
25
|
export { StageNodeWrapper };
|
|
@@ -81,9 +81,7 @@ const StageNodeAdhocTaskGroupsInner = ({ props, adhocTasks, isReadOnly, selected
|
|
|
81
81
|
onTaskClick: handleTaskClick,
|
|
82
82
|
onTaskPlay: onTaskPlay,
|
|
83
83
|
isTaskLoading: loadingTaskIds?.has(task.id),
|
|
84
|
-
|
|
85
|
-
getContextMenuItems: ()=>getAdhocContextMenuItems(task)
|
|
86
|
-
}
|
|
84
|
+
getContextMenuItems: hasMenu ? getAdhocContextMenuItems : void 0
|
|
87
85
|
}, task.id);
|
|
88
86
|
})
|
|
89
87
|
})
|
|
@@ -1 +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;
|
|
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;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"}
|
|
@@ -53,9 +53,7 @@ const StageNodeAdhocTaskGroupsInner = ({ props, adhocTasks, isReadOnly, selected
|
|
|
53
53
|
onTaskClick: handleTaskClick,
|
|
54
54
|
onTaskPlay: onTaskPlay,
|
|
55
55
|
isTaskLoading: loadingTaskIds?.has(task.id),
|
|
56
|
-
|
|
57
|
-
getContextMenuItems: ()=>getAdhocContextMenuItems(task)
|
|
58
|
-
}
|
|
56
|
+
getContextMenuItems: hasMenu ? getAdhocContextMenuItems : void 0
|
|
59
57
|
}, task.id);
|
|
60
58
|
})
|
|
61
59
|
})
|
|
@@ -80,9 +80,7 @@ const StageNodeEventDrivenTaskGroupsInner = ({ props, eventDrivenTasks, isReadOn
|
|
|
80
80
|
isSelected: selectedTaskId === task.id,
|
|
81
81
|
onTaskClick: handleTaskClick,
|
|
82
82
|
isTaskLoading: loadingTaskIds?.has(task.id),
|
|
83
|
-
|
|
84
|
-
getContextMenuItems: ()=>getEventDrivenContextMenuItems(task)
|
|
85
|
-
}
|
|
83
|
+
getContextMenuItems: hasMenu ? getEventDrivenContextMenuItems : void 0
|
|
86
84
|
}, task.id);
|
|
87
85
|
})
|
|
88
86
|
})
|
|
@@ -1 +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;
|
|
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;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"}
|
|
@@ -52,9 +52,7 @@ const StageNodeEventDrivenTaskGroupsInner = ({ props, eventDrivenTasks, isReadOn
|
|
|
52
52
|
isSelected: selectedTaskId === task.id,
|
|
53
53
|
onTaskClick: handleTaskClick,
|
|
54
54
|
isTaskLoading: loadingTaskIds?.has(task.id),
|
|
55
|
-
|
|
56
|
-
getContextMenuItems: ()=>getEventDrivenContextMenuItems(task)
|
|
57
|
-
}
|
|
55
|
+
getContextMenuItems: hasMenu ? getEventDrivenContextMenuItems : void 0
|
|
58
56
|
}, task.id);
|
|
59
57
|
})
|
|
60
58
|
})
|
|
@@ -65,8 +65,10 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
|
|
|
65
65
|
onTaskGroupModification,
|
|
66
66
|
sequentialTaskGroups
|
|
67
67
|
]);
|
|
68
|
-
const buildContextMenuItems = (0, external_react_namespaceObject.useCallback)((
|
|
69
|
-
const
|
|
68
|
+
const buildContextMenuItems = (0, external_react_namespaceObject.useCallback)((task)=>{
|
|
69
|
+
const groupIndex = sequentialTaskGroups.findIndex((group)=>group.some((t)=>t.id === task.id));
|
|
70
|
+
const taskGroup = sequentialTaskGroups[groupIndex];
|
|
71
|
+
if (!taskGroup) return [];
|
|
70
72
|
const isParallel = taskGroup.length > 1;
|
|
71
73
|
const items = [];
|
|
72
74
|
const replaceTaskMenuItem = generateReplaceTaskMenuItemForTask(task.id, isParallel);
|
|
@@ -159,7 +161,7 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
|
|
|
159
161
|
children: labels.parallel
|
|
160
162
|
})
|
|
161
163
|
}),
|
|
162
|
-
taskGroup.map((task
|
|
164
|
+
taskGroup.map((task)=>{
|
|
163
165
|
const taskExecution = execution?.taskStatus?.[task.id];
|
|
164
166
|
const customItems = isReadOnly || hasBuiltInTaskActions ? [] : getTaskContextMenuItems?.({
|
|
165
167
|
task,
|
|
@@ -172,15 +174,11 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
|
|
|
172
174
|
taskExecution: taskExecution,
|
|
173
175
|
isSelected: selectedTaskId === task.id,
|
|
174
176
|
isParallel: isParallel,
|
|
175
|
-
groupIndex: groupIndex,
|
|
176
|
-
taskIndex: taskIndex,
|
|
177
177
|
onTaskClick: handleTaskClick,
|
|
178
178
|
projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
|
|
179
179
|
isDragDisabled: !onTaskReorder || isReadOnly,
|
|
180
180
|
isTaskLoading: loadingTaskIds?.has(task.id),
|
|
181
|
-
|
|
182
|
-
getContextMenuItems: ()=>buildContextMenuItems(groupIndex, task)
|
|
183
|
-
}
|
|
181
|
+
getContextMenuItems: hasMenu ? buildContextMenuItems : void 0
|
|
184
182
|
}, task.id);
|
|
185
183
|
})
|
|
186
184
|
]
|
|
@@ -1 +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,
|
|
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,mDAkNA,CAAC"}
|
|
@@ -37,8 +37,10 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
|
|
|
37
37
|
onTaskGroupModification,
|
|
38
38
|
sequentialTaskGroups
|
|
39
39
|
]);
|
|
40
|
-
const buildContextMenuItems = useCallback((
|
|
41
|
-
const
|
|
40
|
+
const buildContextMenuItems = useCallback((task)=>{
|
|
41
|
+
const groupIndex = sequentialTaskGroups.findIndex((group)=>group.some((t)=>t.id === task.id));
|
|
42
|
+
const taskGroup = sequentialTaskGroups[groupIndex];
|
|
43
|
+
if (!taskGroup) return [];
|
|
42
44
|
const isParallel = taskGroup.length > 1;
|
|
43
45
|
const items = [];
|
|
44
46
|
const replaceTaskMenuItem = generateReplaceTaskMenuItemForTask(task.id, isParallel);
|
|
@@ -131,7 +133,7 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
|
|
|
131
133
|
children: labels.parallel
|
|
132
134
|
})
|
|
133
135
|
}),
|
|
134
|
-
taskGroup.map((task
|
|
136
|
+
taskGroup.map((task)=>{
|
|
135
137
|
const taskExecution = execution?.taskStatus?.[task.id];
|
|
136
138
|
const customItems = isReadOnly || hasBuiltInTaskActions ? [] : getTaskContextMenuItems?.({
|
|
137
139
|
task,
|
|
@@ -144,15 +146,11 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
|
|
|
144
146
|
taskExecution: taskExecution,
|
|
145
147
|
isSelected: selectedTaskId === task.id,
|
|
146
148
|
isParallel: isParallel,
|
|
147
|
-
groupIndex: groupIndex,
|
|
148
|
-
taskIndex: taskIndex,
|
|
149
149
|
onTaskClick: handleTaskClick,
|
|
150
150
|
projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
|
|
151
151
|
isDragDisabled: !onTaskReorder || isReadOnly,
|
|
152
152
|
isTaskLoading: loadingTaskIds?.has(task.id),
|
|
153
|
-
|
|
154
|
-
getContextMenuItems: ()=>buildContextMenuItems(groupIndex, task)
|
|
155
|
-
}
|
|
153
|
+
getContextMenuItems: hasMenu ? buildContextMenuItems : void 0
|
|
156
154
|
}, task.id);
|
|
157
155
|
})
|
|
158
156
|
]
|
|
@@ -34,7 +34,7 @@ const external_react_dom_namespaceObject = require("react-dom");
|
|
|
34
34
|
const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
|
|
35
35
|
const external_TaskContent_cjs_namespaceObject = require("./TaskContent.cjs");
|
|
36
36
|
const StageTaskDragOverlay = ({ activeTask, isActiveTaskParallel, taskWidthStyle })=>{
|
|
37
|
-
const zoom = (0, react_cjs_namespaceObject.useStore)((state)=>state.transform[2]);
|
|
37
|
+
const zoom = (0, react_cjs_namespaceObject.useStore)((state)=>activeTask ? state.transform[2] : 1);
|
|
38
38
|
const dragOverlayStyle = (0, external_react_namespaceObject.useMemo)(()=>({
|
|
39
39
|
transform: `scale(${zoom})`,
|
|
40
40
|
transformOrigin: 'top left'
|
|
@@ -1 +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,
|
|
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,uCA8B3B,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { createPortal } from "react-dom";
|
|
|
6
6
|
import { StageTask } from "./StageNode.styles.js";
|
|
7
7
|
import { TaskContent } from "./TaskContent.js";
|
|
8
8
|
const StageTaskDragOverlay = ({ activeTask, isActiveTaskParallel, taskWidthStyle })=>{
|
|
9
|
-
const zoom = useStore((state)=>state.transform[2]);
|
|
9
|
+
const zoom = useStore((state)=>activeTask ? state.transform[2] : 1);
|
|
10
10
|
const dragOverlayStyle = useMemo(()=>({
|
|
11
11
|
transform: `scale(${zoom})`,
|
|
12
12
|
transformOrigin: 'top left'
|
|
@@ -29,15 +29,16 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
29
29
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
30
|
const external_react_namespaceObject = require("react");
|
|
31
31
|
const CanvasDropdownMenu_cjs_namespaceObject = require("../shared/CanvasDropdownMenu.cjs");
|
|
32
|
-
const TaskMenuComponent = ({
|
|
32
|
+
const TaskMenuComponent = ({ task, getContextMenuItems, disabled }, ref)=>{
|
|
33
33
|
const [isOpen, setIsOpen] = (0, external_react_namespaceObject.useState)(false);
|
|
34
34
|
const [menuItems, setMenuItems] = (0, external_react_namespaceObject.useState)([]);
|
|
35
35
|
const handleOpenChange = (0, external_react_namespaceObject.useCallback)((open)=>{
|
|
36
36
|
if (disabled && open) return;
|
|
37
|
-
if (open) setMenuItems(getContextMenuItems());
|
|
37
|
+
if (open) setMenuItems(getContextMenuItems(task));
|
|
38
38
|
setIsOpen(open);
|
|
39
39
|
}, [
|
|
40
40
|
getContextMenuItems,
|
|
41
|
+
task,
|
|
41
42
|
disabled
|
|
42
43
|
]);
|
|
43
44
|
const handleMenuItemClick = (0, external_react_namespaceObject.useCallback)((item)=>{
|
|
@@ -61,7 +62,7 @@ const TaskMenuComponent = ({ taskId, getContextMenuItems, disabled }, ref)=>{
|
|
|
61
62
|
onOpenChange: handleOpenChange,
|
|
62
63
|
menuItems: menuItems,
|
|
63
64
|
onItemClick: handleMenuItemClick,
|
|
64
|
-
triggerTestId: `stage-task-menu-${
|
|
65
|
+
triggerTestId: `stage-task-menu-${task.id}`,
|
|
65
66
|
triggerAriaLabel: "Task actions",
|
|
66
67
|
contentClassName: "w-[300px]",
|
|
67
68
|
disabled: disabled
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import type { NodeMenuItem } from '../NodeContextMenu';
|
|
2
|
+
import type { StageTaskItem } from './StageNode.types';
|
|
2
3
|
export interface TaskMenuHandle {
|
|
3
4
|
handleContextMenu: (e: React.MouseEvent<HTMLElement>) => void;
|
|
4
5
|
}
|
|
5
6
|
interface TaskMenuProps {
|
|
6
|
-
|
|
7
|
-
getContextMenuItems: () => NodeMenuItem[];
|
|
7
|
+
task: StageTaskItem;
|
|
8
|
+
getContextMenuItems: (task: StageTaskItem) => NodeMenuItem[];
|
|
8
9
|
disabled?: boolean;
|
|
9
10
|
}
|
|
10
11
|
export declare const TaskMenu: import("react").NamedExoticComponent<TaskMenuProps & import("react").RefAttributes<TaskMenuHandle>>;
|
|
@@ -1 +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;
|
|
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;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"}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef, memo, useCallback, useImperativeHandle, useState } from "react";
|
|
3
3
|
import { CanvasDropdownMenu } from "../shared/CanvasDropdownMenu.js";
|
|
4
|
-
const TaskMenuComponent = ({
|
|
4
|
+
const TaskMenuComponent = ({ task, getContextMenuItems, disabled }, ref)=>{
|
|
5
5
|
const [isOpen, setIsOpen] = useState(false);
|
|
6
6
|
const [menuItems, setMenuItems] = useState([]);
|
|
7
7
|
const handleOpenChange = useCallback((open)=>{
|
|
8
8
|
if (disabled && open) return;
|
|
9
|
-
if (open) setMenuItems(getContextMenuItems());
|
|
9
|
+
if (open) setMenuItems(getContextMenuItems(task));
|
|
10
10
|
setIsOpen(open);
|
|
11
11
|
}, [
|
|
12
12
|
getContextMenuItems,
|
|
13
|
+
task,
|
|
13
14
|
disabled
|
|
14
15
|
]);
|
|
15
16
|
const handleMenuItemClick = useCallback((item)=>{
|
|
@@ -33,7 +34,7 @@ const TaskMenuComponent = ({ taskId, getContextMenuItems, disabled }, ref)=>{
|
|
|
33
34
|
onOpenChange: handleOpenChange,
|
|
34
35
|
menuItems: menuItems,
|
|
35
36
|
onItemClick: handleMenuItemClick,
|
|
36
|
-
triggerTestId: `stage-task-menu-${
|
|
37
|
+
triggerTestId: `stage-task-menu-${task.id}`,
|
|
37
38
|
triggerAriaLabel: "Task actions",
|
|
38
39
|
contentClassName: "w-[300px]",
|
|
39
40
|
disabled: disabled
|