@uipath/apollo-react 4.12.1-pr556.9394355 → 4.12.2
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/AddNodePanel/AddNodeManager.cjs +7 -26
- package/dist/canvas/components/AddNodePanel/AddNodeManager.d.ts.map +1 -1
- package/dist/canvas/components/AddNodePanel/AddNodeManager.js +7 -26
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.cjs +2 -2
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.d.ts +1 -8
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.d.ts.map +1 -1
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.js +2 -2
- package/dist/canvas/components/AgentCanvas/agent-flow.manifest.d.ts +0 -1
- package/dist/canvas/components/AgentCanvas/agent-flow.manifest.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.cjs +3 -8
- package/dist/canvas/components/BaseNode/BaseNode.d.ts +1 -2
- package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.js +3 -5
- package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs +34 -115
- package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts +2 -4
- package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/ButtonHandle.js +36 -117
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.cjs +1 -48
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts +0 -4
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.js +1 -36
- package/dist/canvas/components/ButtonHandle/SmartHandle.cjs +1 -1
- package/dist/canvas/components/ButtonHandle/SmartHandle.js +1 -1
- package/dist/canvas/components/Edges/SequenceEdge.cjs +2 -3
- package/dist/canvas/components/Edges/SequenceEdge.d.ts +2 -11
- package/dist/canvas/components/Edges/SequenceEdge.d.ts.map +1 -1
- package/dist/canvas/components/Edges/SequenceEdge.js +3 -4
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.cjs +10 -20
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.d.ts +0 -2
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.d.ts.map +1 -1
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.js +11 -21
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.cjs +8 -5
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.d.ts.map +1 -1
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.js +8 -5
- package/dist/canvas/components/StageNode/DraggableTask.cjs +3 -2
- package/dist/canvas/components/StageNode/DraggableTask.js +3 -2
- package/dist/canvas/components/StageNode/DraggableTask.types.d.ts +1 -1
- package/dist/canvas/components/StageNode/DraggableTask.types.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.cjs +11 -25
- package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.d.ts +5 -5
- package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.js +11 -25
- package/dist/canvas/components/StageNode/StageNodeAllTaskGroups.cjs +50 -7
- package/dist/canvas/components/StageNode/StageNodeAllTaskGroups.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeAllTaskGroups.js +50 -7
- package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.cjs +11 -25
- package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.d.ts +5 -5
- package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.js +11 -25
- package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.cjs +27 -20
- package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.d.ts +6 -5
- package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.js +28 -21
- package/dist/canvas/components/StageNode/StageNodeTaskUtilities.cjs +11 -11
- package/dist/canvas/components/StageNode/StageNodeTaskUtilities.d.ts +11 -1
- package/dist/canvas/components/StageNode/StageNodeTaskUtilities.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeTaskUtilities.js +11 -11
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.cjs +18 -20
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts +1 -2
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts.map +1 -1
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.js +19 -21
- package/dist/canvas/components/index.cjs +20 -27
- package/dist/canvas/components/index.d.ts +0 -1
- package/dist/canvas/components/index.d.ts.map +1 -1
- package/dist/canvas/components/index.js +0 -1
- package/dist/canvas/core/NodeTypeRegistry.cjs +23 -41
- package/dist/canvas/core/NodeTypeRegistry.d.ts +4 -8
- package/dist/canvas/core/NodeTypeRegistry.d.ts.map +1 -1
- package/dist/canvas/core/NodeTypeRegistry.js +23 -41
- package/dist/canvas/core/useNodeTypeRegistry.cjs +3 -4
- package/dist/canvas/core/useNodeTypeRegistry.d.ts +1 -1
- package/dist/canvas/core/useNodeTypeRegistry.d.ts.map +1 -1
- package/dist/canvas/core/useNodeTypeRegistry.js +3 -4
- package/dist/canvas/hooks/useAddNodeOnConnectEnd.cjs +3 -4
- package/dist/canvas/hooks/useAddNodeOnConnectEnd.d.ts.map +1 -1
- package/dist/canvas/hooks/useAddNodeOnConnectEnd.js +3 -4
- package/dist/canvas/hooks/usePreviewNode.cjs +2 -4
- package/dist/canvas/hooks/usePreviewNode.d.ts.map +1 -1
- package/dist/canvas/hooks/usePreviewNode.js +2 -4
- package/dist/canvas/schema/node-definition/handle.cjs +2 -10
- package/dist/canvas/schema/node-definition/handle.d.ts +0 -9
- package/dist/canvas/schema/node-definition/handle.d.ts.map +1 -1
- package/dist/canvas/schema/node-definition/handle.js +1 -6
- package/dist/canvas/schema/node-definition/index.cjs +1 -4
- package/dist/canvas/schema/node-definition/index.d.ts +3 -3
- package/dist/canvas/schema/node-definition/index.d.ts.map +1 -1
- package/dist/canvas/schema/node-definition/index.js +2 -2
- package/dist/canvas/schema/node-definition/node-manifest.d.ts +0 -4
- package/dist/canvas/schema/node-definition/node-manifest.d.ts.map +1 -1
- package/dist/canvas/storybook-utils/manifests/index.d.ts +0 -1
- package/dist/canvas/storybook-utils/manifests/index.d.ts.map +1 -1
- package/dist/canvas/storybook-utils/manifests/node-definitions.d.ts.map +1 -1
- package/dist/canvas/styles/tailwind.canvas.css +1 -1
- package/dist/canvas/utils/createPreviewNode.cjs +13 -29
- package/dist/canvas/utils/createPreviewNode.d.ts +1 -5
- package/dist/canvas/utils/createPreviewNode.d.ts.map +1 -1
- package/dist/canvas/utils/createPreviewNode.js +13 -23
- package/dist/canvas/utils/index.cjs +26 -33
- package/dist/canvas/utils/index.d.ts +1 -2
- package/dist/canvas/utils/index.d.ts.map +1 -1
- package/dist/canvas/utils/index.js +1 -2
- package/package.json +1 -1
- package/dist/canvas/components/LoopNode/LoopCanvasNode.cjs +0 -80
- package/dist/canvas/components/LoopNode/LoopCanvasNode.d.ts +0 -6
- package/dist/canvas/components/LoopNode/LoopCanvasNode.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopCanvasNode.js +0 -46
- package/dist/canvas/components/LoopNode/LoopNode.cjs +0 -440
- package/dist/canvas/components/LoopNode/LoopNode.constants.cjs +0 -77
- package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts +0 -12
- package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.constants.js +0 -13
- package/dist/canvas/components/LoopNode/LoopNode.d.ts +0 -5
- package/dist/canvas/components/LoopNode/LoopNode.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.helpers.cjs +0 -110
- package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts +0 -19
- package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.helpers.js +0 -70
- package/dist/canvas/components/LoopNode/LoopNode.js +0 -406
- package/dist/canvas/components/LoopNode/LoopNode.types.cjs +0 -18
- package/dist/canvas/components/LoopNode/LoopNode.types.d.ts +0 -16
- package/dist/canvas/components/LoopNode/LoopNode.types.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.types.js +0 -0
- package/dist/canvas/components/LoopNode/LoopNodePreview.cjs +0 -81
- package/dist/canvas/components/LoopNode/LoopNodePreview.d.ts +0 -8
- package/dist/canvas/components/LoopNode/LoopNodePreview.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNodePreview.js +0 -44
- package/dist/canvas/components/LoopNode/index.cjs +0 -72
- package/dist/canvas/components/LoopNode/index.d.ts +0 -4
- package/dist/canvas/components/LoopNode/index.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/index.js +0 -3
- package/dist/canvas/utils/createPreviewGraph.cjs +0 -94
- package/dist/canvas/utils/createPreviewGraph.d.ts +0 -24
- package/dist/canvas/utils/createPreviewGraph.d.ts.map +0 -1
- package/dist/canvas/utils/createPreviewGraph.js +0 -51
|
@@ -38,8 +38,8 @@ const useStageTaskDragHandler_cjs_namespaceObject = require("./hooks/useStageTas
|
|
|
38
38
|
const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
|
|
39
39
|
const external_StageNodeTaskUtilities_cjs_namespaceObject = require("./StageNodeTaskUtilities.cjs");
|
|
40
40
|
const external_StageTaskDragOverlay_cjs_namespaceObject = require("./StageTaskDragOverlay.cjs");
|
|
41
|
-
const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequentialTasks, isReadOnly, selectedTaskId, taskWidthStyle,
|
|
42
|
-
const { execution,
|
|
41
|
+
const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequentialTasks, allTasks, isReadOnly, selectedTaskId, taskWidthStyle, hasContextMenu, handleTaskClick, handleReorderSequentialTasks, generateReplaceTaskMenuItemForTask })=>{
|
|
42
|
+
const { execution, onTaskGroupModification, onTaskReorder, hideParallelOptions, loadingTaskIds } = props;
|
|
43
43
|
const sequentialTaskIds = (0, external_react_namespaceObject.useMemo)(()=>sequentialTasks.map(({ task })=>task.id), [
|
|
44
44
|
sequentialTasks
|
|
45
45
|
]);
|
|
@@ -62,25 +62,34 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
|
|
|
62
62
|
onTaskGroupModification,
|
|
63
63
|
sequentialTaskGroups
|
|
64
64
|
]);
|
|
65
|
-
const buildContextMenuItems = (0, external_react_namespaceObject.useCallback)((groupIndex,
|
|
65
|
+
const buildContextMenuItems = (0, external_react_namespaceObject.useCallback)((groupIndex, _, taskId)=>{
|
|
66
66
|
const taskGroup = sequentialTaskGroups[groupIndex] ?? [];
|
|
67
67
|
const isParallel = taskGroup.length > 1;
|
|
68
68
|
const items = [];
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
isParallel,
|
|
73
|
-
groupIndex,
|
|
74
|
-
taskIndex
|
|
75
|
-
};
|
|
76
|
-
const taskId = taskGroup[taskIndex]?.id;
|
|
77
|
-
if (taskId) onTaskClick?.(taskId);
|
|
78
|
-
setIsReplacingTask(true);
|
|
79
|
-
}));
|
|
69
|
+
const replaceTaskMenuItem = generateReplaceTaskMenuItemForTask(taskId, isParallel);
|
|
70
|
+
if (replaceTaskMenuItem) {
|
|
71
|
+
items.push(replaceTaskMenuItem);
|
|
80
72
|
items.push((0, external_StageNodeTaskUtilities_cjs_namespaceObject.getDivider)());
|
|
81
73
|
}
|
|
82
|
-
|
|
83
|
-
|
|
74
|
+
let groupIndexInAllTasks;
|
|
75
|
+
let taskIndexInAllTasks;
|
|
76
|
+
for (const [allTasksGroupIndex, group] of allTasks.entries())for (const [allTasksTaskIndex, task] of group.entries())if (task.id === taskId) {
|
|
77
|
+
groupIndexInAllTasks = allTasksGroupIndex;
|
|
78
|
+
taskIndexInAllTasks = allTasksTaskIndex;
|
|
79
|
+
break;
|
|
80
|
+
}
|
|
81
|
+
if (onTaskGroupModification && void 0 !== groupIndexInAllTasks && void 0 !== taskIndexInAllTasks) {
|
|
82
|
+
const reGroupOptions = (0, external_StageNodeTaskUtilities_cjs_namespaceObject.getContextMenuItems)({
|
|
83
|
+
isParallelGroup: isParallel,
|
|
84
|
+
groupIndex,
|
|
85
|
+
tasksLength: sequentialTaskGroups.length,
|
|
86
|
+
groupIndexInAllTasks,
|
|
87
|
+
taskIndexInAllTasks,
|
|
88
|
+
isAboveParallel: (sequentialTaskGroups[groupIndex - 1]?.length ?? 0) > 1,
|
|
89
|
+
isBelowParallel: (sequentialTaskGroups[groupIndex + 1]?.length ?? 0) > 1,
|
|
90
|
+
reGroupTaskFunction: handleTaskRegroup,
|
|
91
|
+
hideParallelOptions
|
|
92
|
+
});
|
|
84
93
|
return [
|
|
85
94
|
...items,
|
|
86
95
|
...reGroupOptions
|
|
@@ -88,14 +97,12 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
|
|
|
88
97
|
}
|
|
89
98
|
return items;
|
|
90
99
|
}, [
|
|
91
|
-
onReplaceTaskFromToolbox,
|
|
92
|
-
onTaskClick,
|
|
93
100
|
onTaskGroupModification,
|
|
94
101
|
sequentialTaskGroups,
|
|
95
102
|
hideParallelOptions,
|
|
96
103
|
handleTaskRegroup,
|
|
97
|
-
|
|
98
|
-
|
|
104
|
+
generateReplaceTaskMenuItemForTask,
|
|
105
|
+
allTasks
|
|
99
106
|
]);
|
|
100
107
|
const sensors = (0, core_namespaceObject.useSensors)((0, core_namespaceObject.useSensor)(core_namespaceObject.PointerSensor, {
|
|
101
108
|
activationConstraint: {
|
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import { CSSProperties
|
|
2
|
-
import type {
|
|
3
|
-
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import type { NodeMenuItem } from '../NodeContextMenu';
|
|
3
|
+
import type { StageNodeProps, StageTaskGroup, StageTaskItem } from './StageNode.types';
|
|
4
|
+
export declare const StageNodeSequentialTaskGroups: ({ props, sequentialTaskGroups, sequentialTasks, allTasks, isReadOnly, selectedTaskId, taskWidthStyle, hasContextMenu, handleTaskClick, handleReorderSequentialTasks, generateReplaceTaskMenuItemForTask, }: {
|
|
4
5
|
props: StageNodeProps;
|
|
5
6
|
sequentialTaskGroups: StageTaskItem[][];
|
|
6
7
|
sequentialTasks: StageTaskGroup[];
|
|
8
|
+
allTasks: StageTaskItem[][];
|
|
7
9
|
isReadOnly: boolean;
|
|
8
10
|
selectedTaskId?: string;
|
|
9
11
|
taskWidthStyle?: CSSProperties;
|
|
10
|
-
taskStateReference: RefObject<TaskStateReference>;
|
|
11
12
|
hasContextMenu: boolean;
|
|
12
13
|
handleTaskClick: (e: React.MouseEvent, taskElementId: string) => void;
|
|
13
|
-
setIsReplacingTask: (isReplacingTask: boolean) => void;
|
|
14
14
|
handleReorderSequentialTasks: (newTasks: StageTaskItem[][]) => void;
|
|
15
|
+
generateReplaceTaskMenuItemForTask: (taskId: string, isParallel: boolean) => NodeMenuItem | undefined;
|
|
15
16
|
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
16
17
|
//# sourceMappingURL=StageNodeSequentialTaskGroups.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StageNodeSequentialTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeSequentialTaskGroups.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"StageNodeSequentialTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeSequentialTaskGroups.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,aAAa,EAAwB,MAAM,OAAO,CAAC;AAM5D,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"}
|
|
@@ -8,10 +8,10 @@ import { GroupModificationType, moveGroupDown, moveGroupUp } from "../../utils/G
|
|
|
8
8
|
import { DraggableTask } from "./DraggableTask.js";
|
|
9
9
|
import { useStageTaskDragHandler } from "./hooks/useStageTaskDragHandler.js";
|
|
10
10
|
import { StageParallelBracket, StageParallelLabel, StageTaskGroupContainer, StageTaskList } from "./StageNode.styles.js";
|
|
11
|
-
import { getContextMenuItems, getDivider
|
|
11
|
+
import { getContextMenuItems, getDivider } from "./StageNodeTaskUtilities.js";
|
|
12
12
|
import { StageTaskDragOverlay } from "./StageTaskDragOverlay.js";
|
|
13
|
-
const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequentialTasks, isReadOnly, selectedTaskId, taskWidthStyle,
|
|
14
|
-
const { execution,
|
|
13
|
+
const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequentialTasks, allTasks, isReadOnly, selectedTaskId, taskWidthStyle, hasContextMenu, handleTaskClick, handleReorderSequentialTasks, generateReplaceTaskMenuItemForTask })=>{
|
|
14
|
+
const { execution, onTaskGroupModification, onTaskReorder, hideParallelOptions, loadingTaskIds } = props;
|
|
15
15
|
const sequentialTaskIds = useMemo(()=>sequentialTasks.map(({ task })=>task.id), [
|
|
16
16
|
sequentialTasks
|
|
17
17
|
]);
|
|
@@ -34,25 +34,34 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
|
|
|
34
34
|
onTaskGroupModification,
|
|
35
35
|
sequentialTaskGroups
|
|
36
36
|
]);
|
|
37
|
-
const buildContextMenuItems = useCallback((groupIndex,
|
|
37
|
+
const buildContextMenuItems = useCallback((groupIndex, _, taskId)=>{
|
|
38
38
|
const taskGroup = sequentialTaskGroups[groupIndex] ?? [];
|
|
39
39
|
const isParallel = taskGroup.length > 1;
|
|
40
40
|
const items = [];
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
isParallel,
|
|
45
|
-
groupIndex,
|
|
46
|
-
taskIndex
|
|
47
|
-
};
|
|
48
|
-
const taskId = taskGroup[taskIndex]?.id;
|
|
49
|
-
if (taskId) onTaskClick?.(taskId);
|
|
50
|
-
setIsReplacingTask(true);
|
|
51
|
-
}));
|
|
41
|
+
const replaceTaskMenuItem = generateReplaceTaskMenuItemForTask(taskId, isParallel);
|
|
42
|
+
if (replaceTaskMenuItem) {
|
|
43
|
+
items.push(replaceTaskMenuItem);
|
|
52
44
|
items.push(getDivider());
|
|
53
45
|
}
|
|
54
|
-
|
|
55
|
-
|
|
46
|
+
let groupIndexInAllTasks;
|
|
47
|
+
let taskIndexInAllTasks;
|
|
48
|
+
for (const [allTasksGroupIndex, group] of allTasks.entries())for (const [allTasksTaskIndex, task] of group.entries())if (task.id === taskId) {
|
|
49
|
+
groupIndexInAllTasks = allTasksGroupIndex;
|
|
50
|
+
taskIndexInAllTasks = allTasksTaskIndex;
|
|
51
|
+
break;
|
|
52
|
+
}
|
|
53
|
+
if (onTaskGroupModification && void 0 !== groupIndexInAllTasks && void 0 !== taskIndexInAllTasks) {
|
|
54
|
+
const reGroupOptions = getContextMenuItems({
|
|
55
|
+
isParallelGroup: isParallel,
|
|
56
|
+
groupIndex,
|
|
57
|
+
tasksLength: sequentialTaskGroups.length,
|
|
58
|
+
groupIndexInAllTasks,
|
|
59
|
+
taskIndexInAllTasks,
|
|
60
|
+
isAboveParallel: (sequentialTaskGroups[groupIndex - 1]?.length ?? 0) > 1,
|
|
61
|
+
isBelowParallel: (sequentialTaskGroups[groupIndex + 1]?.length ?? 0) > 1,
|
|
62
|
+
reGroupTaskFunction: handleTaskRegroup,
|
|
63
|
+
hideParallelOptions
|
|
64
|
+
});
|
|
56
65
|
return [
|
|
57
66
|
...items,
|
|
58
67
|
...reGroupOptions
|
|
@@ -60,14 +69,12 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
|
|
|
60
69
|
}
|
|
61
70
|
return items;
|
|
62
71
|
}, [
|
|
63
|
-
onReplaceTaskFromToolbox,
|
|
64
|
-
onTaskClick,
|
|
65
72
|
onTaskGroupModification,
|
|
66
73
|
sequentialTaskGroups,
|
|
67
74
|
hideParallelOptions,
|
|
68
75
|
handleTaskRegroup,
|
|
69
|
-
|
|
70
|
-
|
|
76
|
+
generateReplaceTaskMenuItemForTask,
|
|
77
|
+
allTasks
|
|
71
78
|
]);
|
|
72
79
|
const sensors = useSensors(useSensor(PointerSensor, {
|
|
73
80
|
activationConstraint: {
|
|
@@ -30,18 +30,18 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
30
30
|
getContextMenuItems: ()=>getContextMenuItems
|
|
31
31
|
});
|
|
32
32
|
const GroupModificationUtils_cjs_namespaceObject = require("../../utils/GroupModificationUtils.cjs");
|
|
33
|
-
const getContextMenuItems = (isParallelGroup, groupIndex, tasksLength,
|
|
33
|
+
const getContextMenuItems = ({ isParallelGroup, groupIndex, tasksLength, groupIndexInAllTasks, taskIndexInAllTasks, isAboveParallel, isBelowParallel, reGroupTaskFunction, hideParallelOptions = false })=>{
|
|
34
34
|
const CONTEXT_MENU_ITEMS = {
|
|
35
|
-
MOVE_UP: getMenuItem('move-up', 'Move up', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.TASK_GROUP_UP,
|
|
36
|
-
MOVE_DOWN: getMenuItem('move-down', 'Move down', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.TASK_GROUP_DOWN,
|
|
37
|
-
UNGROUP_ALL: getMenuItem('ungroup', 'Ungroup parallel tasks', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.UNGROUP_ALL_TASKS,
|
|
38
|
-
SPLIT_TASK: getMenuItem('split', 'Remove from parallel group', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.SPLIT_GROUP,
|
|
39
|
-
REMOVE_GROUP: getMenuItem('remove-group', 'Remove group from stage', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.REMOVE_GROUP,
|
|
40
|
-
REMOVE_TASK: getMenuItem('remove-task', 'Delete task', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.REMOVE_TASK,
|
|
41
|
-
CREATE_PARALLEL_GROUP_ABOVE: getMenuItem('group-with-up', 'Create parallel group with task above', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.MERGE_GROUP_UP,
|
|
42
|
-
CREATE_PARALLEL_GROUP_BELOW: getMenuItem('group-with-down', 'Create parallel group with task below', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.MERGE_GROUP_DOWN,
|
|
43
|
-
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,
|
|
44
|
-
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,
|
|
35
|
+
MOVE_UP: getMenuItem('move-up', 'Move up', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.TASK_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
36
|
+
MOVE_DOWN: getMenuItem('move-down', 'Move down', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.TASK_GROUP_DOWN, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
37
|
+
UNGROUP_ALL: getMenuItem('ungroup', 'Ungroup parallel tasks', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.UNGROUP_ALL_TASKS, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
38
|
+
SPLIT_TASK: getMenuItem('split', 'Remove from parallel group', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.SPLIT_GROUP, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
39
|
+
REMOVE_GROUP: getMenuItem('remove-group', 'Remove group from stage', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.REMOVE_GROUP, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
40
|
+
REMOVE_TASK: getMenuItem('remove-task', 'Delete task', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.REMOVE_TASK, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
41
|
+
CREATE_PARALLEL_GROUP_ABOVE: getMenuItem('group-with-up', 'Create parallel group with task above', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.MERGE_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
42
|
+
CREATE_PARALLEL_GROUP_BELOW: getMenuItem('group-with-down', 'Create parallel group with task below', ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.MERGE_GROUP_DOWN, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
43
|
+
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)),
|
|
44
|
+
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)),
|
|
45
45
|
DIVIDER: getDivider()
|
|
46
46
|
};
|
|
47
47
|
const items = [];
|
|
@@ -1,7 +1,17 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
2
|
import { GroupModificationType } from '../../utils/GroupModificationUtils';
|
|
3
3
|
import type { NodeMenuAction, NodeMenuItem } from '../NodeContextMenu';
|
|
4
|
-
export declare const getContextMenuItems: (isParallelGroup
|
|
4
|
+
export declare const getContextMenuItems: ({ isParallelGroup, groupIndex, tasksLength, groupIndexInAllTasks, taskIndexInAllTasks, isAboveParallel, isBelowParallel, reGroupTaskFunction, hideParallelOptions, }: {
|
|
5
|
+
isParallelGroup: boolean;
|
|
6
|
+
groupIndex: number;
|
|
7
|
+
tasksLength: number;
|
|
8
|
+
groupIndexInAllTasks: number;
|
|
9
|
+
taskIndexInAllTasks: number;
|
|
10
|
+
isAboveParallel: boolean;
|
|
11
|
+
isBelowParallel: boolean;
|
|
12
|
+
reGroupTaskFunction: (groupModificationType: GroupModificationType, groupIndex: number, taskIndex: number) => void;
|
|
13
|
+
hideParallelOptions?: boolean;
|
|
14
|
+
}) => NodeMenuItem[];
|
|
5
15
|
export declare function getMenuItem(id: string | undefined, label: string | undefined, onClick: () => void, isDisabled?: boolean): NodeMenuItem;
|
|
6
16
|
export declare const getDivider: () => NodeMenuItem;
|
|
7
17
|
export interface TransformedMenuItem {
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { GroupModificationType } from "../../utils/GroupModificationUtils.js";
|
|
2
|
-
const getContextMenuItems = (isParallelGroup, groupIndex, tasksLength,
|
|
2
|
+
const getContextMenuItems = ({ isParallelGroup, groupIndex, tasksLength, groupIndexInAllTasks, taskIndexInAllTasks, isAboveParallel, isBelowParallel, reGroupTaskFunction, hideParallelOptions = false })=>{
|
|
3
3
|
const CONTEXT_MENU_ITEMS = {
|
|
4
|
-
MOVE_UP: getMenuItem('move-up', 'Move up', ()=>reGroupTaskFunction(GroupModificationType.TASK_GROUP_UP,
|
|
5
|
-
MOVE_DOWN: getMenuItem('move-down', 'Move down', ()=>reGroupTaskFunction(GroupModificationType.TASK_GROUP_DOWN,
|
|
6
|
-
UNGROUP_ALL: getMenuItem('ungroup', 'Ungroup parallel tasks', ()=>reGroupTaskFunction(GroupModificationType.UNGROUP_ALL_TASKS,
|
|
7
|
-
SPLIT_TASK: getMenuItem('split', 'Remove from parallel group', ()=>reGroupTaskFunction(GroupModificationType.SPLIT_GROUP,
|
|
8
|
-
REMOVE_GROUP: getMenuItem('remove-group', 'Remove group from stage', ()=>reGroupTaskFunction(GroupModificationType.REMOVE_GROUP,
|
|
9
|
-
REMOVE_TASK: getMenuItem('remove-task', 'Delete task', ()=>reGroupTaskFunction(GroupModificationType.REMOVE_TASK,
|
|
10
|
-
CREATE_PARALLEL_GROUP_ABOVE: getMenuItem('group-with-up', 'Create parallel group with task above', ()=>reGroupTaskFunction(GroupModificationType.MERGE_GROUP_UP,
|
|
11
|
-
CREATE_PARALLEL_GROUP_BELOW: getMenuItem('group-with-down', 'Create parallel group with task below', ()=>reGroupTaskFunction(GroupModificationType.MERGE_GROUP_DOWN,
|
|
12
|
-
ADD_TO_PARALLEL_GROUP_ABOVE: getMenuItem('add-to-group-with-up', 'Add task to parallel group above', ()=>reGroupTaskFunction(GroupModificationType.MERGE_GROUP_UP,
|
|
13
|
-
ADD_TO_PARALLEL_GROUP_BELOW: getMenuItem('add-to-group-with-down', 'Add task to parallel group below', ()=>reGroupTaskFunction(GroupModificationType.MERGE_GROUP_DOWN,
|
|
4
|
+
MOVE_UP: getMenuItem('move-up', 'Move up', ()=>reGroupTaskFunction(GroupModificationType.TASK_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
5
|
+
MOVE_DOWN: getMenuItem('move-down', 'Move down', ()=>reGroupTaskFunction(GroupModificationType.TASK_GROUP_DOWN, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
6
|
+
UNGROUP_ALL: getMenuItem('ungroup', 'Ungroup parallel tasks', ()=>reGroupTaskFunction(GroupModificationType.UNGROUP_ALL_TASKS, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
7
|
+
SPLIT_TASK: getMenuItem('split', 'Remove from parallel group', ()=>reGroupTaskFunction(GroupModificationType.SPLIT_GROUP, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
8
|
+
REMOVE_GROUP: getMenuItem('remove-group', 'Remove group from stage', ()=>reGroupTaskFunction(GroupModificationType.REMOVE_GROUP, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
9
|
+
REMOVE_TASK: getMenuItem('remove-task', 'Delete task', ()=>reGroupTaskFunction(GroupModificationType.REMOVE_TASK, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
10
|
+
CREATE_PARALLEL_GROUP_ABOVE: getMenuItem('group-with-up', 'Create parallel group with task above', ()=>reGroupTaskFunction(GroupModificationType.MERGE_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
11
|
+
CREATE_PARALLEL_GROUP_BELOW: getMenuItem('group-with-down', 'Create parallel group with task below', ()=>reGroupTaskFunction(GroupModificationType.MERGE_GROUP_DOWN, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
12
|
+
ADD_TO_PARALLEL_GROUP_ABOVE: getMenuItem('add-to-group-with-up', 'Add task to parallel group above', ()=>reGroupTaskFunction(GroupModificationType.MERGE_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
13
|
+
ADD_TO_PARALLEL_GROUP_BELOW: getMenuItem('add-to-group-with-down', 'Add task to parallel group below', ()=>reGroupTaskFunction(GroupModificationType.MERGE_GROUP_DOWN, groupIndexInAllTasks, taskIndexInAllTasks)),
|
|
14
14
|
DIVIDER: getDivider()
|
|
15
15
|
};
|
|
16
16
|
const items = [];
|
|
@@ -29,11 +29,10 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
29
29
|
const react_cjs_namespaceObject = require("../../../xyflow/react.cjs");
|
|
30
30
|
const external_react_namespaceObject = require("react");
|
|
31
31
|
const external_constants_cjs_namespaceObject = require("../../../constants.cjs");
|
|
32
|
-
const createPreviewGraph_cjs_namespaceObject = require("../../../utils/createPreviewGraph.cjs");
|
|
33
32
|
const createPreviewNode_cjs_namespaceObject = require("../../../utils/createPreviewNode.cjs");
|
|
34
33
|
const BaseCanvasModeProvider_cjs_namespaceObject = require("../../BaseCanvas/BaseCanvasModeProvider.cjs");
|
|
35
34
|
const external_useEdgeToolbarPositioning_cjs_namespaceObject = require("./useEdgeToolbarPositioning.cjs");
|
|
36
|
-
function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes
|
|
35
|
+
function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes }) {
|
|
37
36
|
const reactFlow = (0, react_cjs_namespaceObject.useReactFlow)();
|
|
38
37
|
const { mode } = (0, BaseCanvasModeProvider_cjs_namespaceObject.useBaseCanvasMode)();
|
|
39
38
|
const isDesignMode = 'design' === mode;
|
|
@@ -44,34 +43,34 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
|
|
|
44
43
|
targetPosition
|
|
45
44
|
});
|
|
46
45
|
const handleAddNodeOnEdge = (0, external_react_namespaceObject.useCallback)((position)=>{
|
|
47
|
-
const previewEdgeData = parentId ? {
|
|
48
|
-
parentId
|
|
49
|
-
} : void 0;
|
|
50
46
|
const originalEdge = {
|
|
51
47
|
id: edgeId,
|
|
52
48
|
source,
|
|
53
49
|
sourceHandle: sourceHandleId,
|
|
54
50
|
target,
|
|
55
51
|
targetHandle: targetHandleId,
|
|
56
|
-
type: 'default'
|
|
57
|
-
data: previewEdgeData
|
|
52
|
+
type: 'default'
|
|
58
53
|
};
|
|
59
54
|
const preview = (0, createPreviewNode_cjs_namespaceObject.createPreviewNode)(source, sourceHandleId || 'output', reactFlow, position, {
|
|
60
55
|
originalEdge
|
|
61
56
|
}, 'source', void 0, sourcePosition, ignoredNodeTypes);
|
|
62
57
|
if (!preview) return;
|
|
63
|
-
const
|
|
64
|
-
|
|
58
|
+
const secondEdge = {
|
|
59
|
+
id: `${external_constants_cjs_namespaceObject.PREVIEW_NODE_ID}-${target}`,
|
|
60
|
+
source: external_constants_cjs_namespaceObject.PREVIEW_NODE_ID,
|
|
61
|
+
sourceHandle: 'output',
|
|
65
62
|
target,
|
|
66
|
-
targetHandleId,
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
63
|
+
targetHandle: targetHandleId,
|
|
64
|
+
type: 'default'
|
|
65
|
+
};
|
|
66
|
+
(0, createPreviewNode_cjs_namespaceObject.applyPreviewToReactFlow)(preview, reactFlow);
|
|
67
|
+
reactFlow.setEdges((edges)=>[
|
|
68
|
+
...edges.filter((e)=>e.id !== edgeId).map((e)=>({
|
|
69
|
+
...e,
|
|
70
|
+
selected: false
|
|
71
|
+
})),
|
|
72
|
+
secondEdge
|
|
73
|
+
]);
|
|
75
74
|
}, [
|
|
76
75
|
sourcePosition,
|
|
77
76
|
source,
|
|
@@ -80,8 +79,7 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
|
|
|
80
79
|
target,
|
|
81
80
|
targetHandleId,
|
|
82
81
|
edgeId,
|
|
83
|
-
ignoredNodeTypes
|
|
84
|
-
parentId
|
|
82
|
+
ignoredNodeTypes
|
|
85
83
|
]);
|
|
86
84
|
const config = (0, external_react_namespaceObject.useMemo)(()=>({
|
|
87
85
|
actions: [
|
|
@@ -11,7 +11,6 @@ export interface UseEdgeToolbarStateProps {
|
|
|
11
11
|
sourcePosition: Position;
|
|
12
12
|
targetPosition: Position;
|
|
13
13
|
ignoredNodeTypes?: string[];
|
|
14
|
-
parentId?: string;
|
|
15
14
|
}
|
|
16
15
|
export interface EdgeToolbarState {
|
|
17
16
|
showToolbar: boolean;
|
|
@@ -19,5 +18,5 @@ export interface EdgeToolbarState {
|
|
|
19
18
|
config: EdgeToolbarConfig;
|
|
20
19
|
handleMouseMoveOnPath?: (event: React.MouseEvent) => void;
|
|
21
20
|
}
|
|
22
|
-
export declare function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes,
|
|
21
|
+
export declare function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes, }: UseEdgeToolbarStateProps): EdgeToolbarState;
|
|
23
22
|
//# sourceMappingURL=useEdgeToolbarState.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEdgeToolbarState.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,QAAQ,EAAgB,MAAM,0CAA0C,CAAC;
|
|
1
|
+
{"version":3,"file":"useEdgeToolbarState.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,QAAQ,EAAgB,MAAM,0CAA0C,CAAC;AAKlG,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAGtF,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9D,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC;IACzB,cAAc,EAAE,QAAQ,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,uBAAuB,GAAG,IAAI,CAAC;IACnD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,cAAc,EACd,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,GACjB,EAAE,wBAAwB,GAAG,gBAAgB,CAoG7C"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { useReactFlow } from "../../../xyflow/react.js";
|
|
2
2
|
import { useCallback, useMemo } from "react";
|
|
3
3
|
import { PREVIEW_NODE_ID } from "../../../constants.js";
|
|
4
|
-
import {
|
|
5
|
-
import { applyPreviewGraphToReactFlow, createPreviewNode } from "../../../utils/createPreviewNode.js";
|
|
4
|
+
import { applyPreviewToReactFlow, createPreviewNode } from "../../../utils/createPreviewNode.js";
|
|
6
5
|
import { useBaseCanvasMode } from "../../BaseCanvas/BaseCanvasModeProvider.js";
|
|
7
6
|
import { useEdgeToolbarPositioning } from "./useEdgeToolbarPositioning.js";
|
|
8
|
-
function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes
|
|
7
|
+
function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes }) {
|
|
9
8
|
const reactFlow = useReactFlow();
|
|
10
9
|
const { mode } = useBaseCanvasMode();
|
|
11
10
|
const isDesignMode = 'design' === mode;
|
|
@@ -16,34 +15,34 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
|
|
|
16
15
|
targetPosition
|
|
17
16
|
});
|
|
18
17
|
const handleAddNodeOnEdge = useCallback((position)=>{
|
|
19
|
-
const previewEdgeData = parentId ? {
|
|
20
|
-
parentId
|
|
21
|
-
} : void 0;
|
|
22
18
|
const originalEdge = {
|
|
23
19
|
id: edgeId,
|
|
24
20
|
source,
|
|
25
21
|
sourceHandle: sourceHandleId,
|
|
26
22
|
target,
|
|
27
23
|
targetHandle: targetHandleId,
|
|
28
|
-
type: 'default'
|
|
29
|
-
data: previewEdgeData
|
|
24
|
+
type: 'default'
|
|
30
25
|
};
|
|
31
26
|
const preview = createPreviewNode(source, sourceHandleId || 'output', reactFlow, position, {
|
|
32
27
|
originalEdge
|
|
33
28
|
}, 'source', void 0, sourcePosition, ignoredNodeTypes);
|
|
34
29
|
if (!preview) return;
|
|
35
|
-
const
|
|
36
|
-
|
|
30
|
+
const secondEdge = {
|
|
31
|
+
id: `${PREVIEW_NODE_ID}-${target}`,
|
|
32
|
+
source: PREVIEW_NODE_ID,
|
|
33
|
+
sourceHandle: 'output',
|
|
37
34
|
target,
|
|
38
|
-
targetHandleId,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
35
|
+
targetHandle: targetHandleId,
|
|
36
|
+
type: 'default'
|
|
37
|
+
};
|
|
38
|
+
applyPreviewToReactFlow(preview, reactFlow);
|
|
39
|
+
reactFlow.setEdges((edges)=>[
|
|
40
|
+
...edges.filter((e)=>e.id !== edgeId).map((e)=>({
|
|
41
|
+
...e,
|
|
42
|
+
selected: false
|
|
43
|
+
})),
|
|
44
|
+
secondEdge
|
|
45
|
+
]);
|
|
47
46
|
}, [
|
|
48
47
|
sourcePosition,
|
|
49
48
|
source,
|
|
@@ -52,8 +51,7 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
|
|
|
52
51
|
target,
|
|
53
52
|
targetHandleId,
|
|
54
53
|
edgeId,
|
|
55
|
-
ignoredNodeTypes
|
|
56
|
-
parentId
|
|
54
|
+
ignoredNodeTypes
|
|
57
55
|
]);
|
|
58
56
|
const config = useMemo(()=>({
|
|
59
57
|
actions: [
|
|
@@ -36,9 +36,6 @@ var __webpack_modules__ = {
|
|
|
36
36
|
"./HierarchicalCanvas" (module) {
|
|
37
37
|
module.exports = require("./HierarchicalCanvas/index.cjs");
|
|
38
38
|
},
|
|
39
|
-
"./LoopNode?4ffc" (module) {
|
|
40
|
-
module.exports = require("./LoopNode/index.cjs");
|
|
41
|
-
},
|
|
42
39
|
"./MiniCanvasNavigator?564d" (module) {
|
|
43
40
|
module.exports = require("./MiniCanvasNavigator/index.cjs");
|
|
44
41
|
},
|
|
@@ -161,49 +158,45 @@ var __webpack_exports__ = {};
|
|
|
161
158
|
var __rspack_reexport = {};
|
|
162
159
|
for(const __rspack_import_key in _HierarchicalCanvas__rspack_import_11)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_HierarchicalCanvas__rspack_import_11[__rspack_import_key];
|
|
163
160
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
164
|
-
var
|
|
165
|
-
var __rspack_reexport = {};
|
|
166
|
-
for(const __rspack_import_key in _LoopNode__rspack_import_12)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_LoopNode__rspack_import_12[__rspack_import_key];
|
|
167
|
-
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
168
|
-
var _MiniCanvasNavigator__rspack_import_13 = __webpack_require__("./MiniCanvasNavigator?564d");
|
|
161
|
+
var _MiniCanvasNavigator__rspack_import_12 = __webpack_require__("./MiniCanvasNavigator?564d");
|
|
169
162
|
var __rspack_reexport = {};
|
|
170
|
-
for(const __rspack_import_key in
|
|
163
|
+
for(const __rspack_import_key in _MiniCanvasNavigator__rspack_import_12)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_MiniCanvasNavigator__rspack_import_12[__rspack_import_key];
|
|
171
164
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
172
|
-
var
|
|
165
|
+
var _NodeContextMenu__rspack_import_13 = __webpack_require__("./NodeContextMenu");
|
|
173
166
|
var __rspack_reexport = {};
|
|
174
|
-
for(const __rspack_import_key in
|
|
167
|
+
for(const __rspack_import_key in _NodeContextMenu__rspack_import_13)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeContextMenu__rspack_import_13[__rspack_import_key];
|
|
175
168
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
176
|
-
var
|
|
169
|
+
var _NodeInspector__rspack_import_14 = __webpack_require__("./NodeInspector");
|
|
177
170
|
var __rspack_reexport = {};
|
|
178
|
-
for(const __rspack_import_key in
|
|
171
|
+
for(const __rspack_import_key in _NodeInspector__rspack_import_14)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeInspector__rspack_import_14[__rspack_import_key];
|
|
179
172
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
180
|
-
var
|
|
173
|
+
var _NodePropertiesPanel__rspack_import_15 = __webpack_require__("./NodePropertiesPanel?a3e8");
|
|
181
174
|
var __rspack_reexport = {};
|
|
182
|
-
for(const __rspack_import_key in
|
|
175
|
+
for(const __rspack_import_key in _NodePropertiesPanel__rspack_import_15)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertiesPanel__rspack_import_15[__rspack_import_key];
|
|
183
176
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
184
|
-
var
|
|
177
|
+
var _StageNode__rspack_import_16 = __webpack_require__("./StageNode");
|
|
185
178
|
var __rspack_reexport = {};
|
|
186
|
-
for(const __rspack_import_key in
|
|
179
|
+
for(const __rspack_import_key in _StageNode__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StageNode__rspack_import_16[__rspack_import_key];
|
|
187
180
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
188
|
-
var
|
|
181
|
+
var _StickyNoteNode__rspack_import_17 = __webpack_require__("./StickyNoteNode?d2a3");
|
|
189
182
|
var __rspack_reexport = {};
|
|
190
|
-
for(const __rspack_import_key in
|
|
183
|
+
for(const __rspack_import_key in _StickyNoteNode__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StickyNoteNode__rspack_import_17[__rspack_import_key];
|
|
191
184
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
192
|
-
var
|
|
185
|
+
var _TaskIcon__rspack_import_18 = __webpack_require__("./TaskIcon");
|
|
193
186
|
var __rspack_reexport = {};
|
|
194
|
-
for(const __rspack_import_key in
|
|
187
|
+
for(const __rspack_import_key in _TaskIcon__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TaskIcon__rspack_import_18[__rspack_import_key];
|
|
195
188
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
196
|
-
var
|
|
189
|
+
var _Toolbar__rspack_import_19 = __webpack_require__("./Toolbar");
|
|
197
190
|
var __rspack_reexport = {};
|
|
198
|
-
for(const __rspack_import_key in
|
|
191
|
+
for(const __rspack_import_key in _Toolbar__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbar__rspack_import_19[__rspack_import_key];
|
|
199
192
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
200
|
-
var
|
|
193
|
+
var _Toolbox__rspack_import_20 = __webpack_require__("./Toolbox?2740");
|
|
201
194
|
var __rspack_reexport = {};
|
|
202
|
-
for(const __rspack_import_key in
|
|
195
|
+
for(const __rspack_import_key in _Toolbox__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbox__rspack_import_20[__rspack_import_key];
|
|
203
196
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
204
|
-
var
|
|
197
|
+
var _TriggerNode__rspack_import_21 = __webpack_require__("./TriggerNode");
|
|
205
198
|
var __rspack_reexport = {};
|
|
206
|
-
for(const __rspack_import_key in
|
|
199
|
+
for(const __rspack_import_key in _TriggerNode__rspack_import_21)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TriggerNode__rspack_import_21[__rspack_import_key];
|
|
207
200
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
208
201
|
})();
|
|
209
202
|
for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
@@ -10,7 +10,6 @@ export * from './ExecutionStatusIcon';
|
|
|
10
10
|
export * from './FloatingCanvasPanel';
|
|
11
11
|
export * from './GroupNode';
|
|
12
12
|
export * from './HierarchicalCanvas';
|
|
13
|
-
export * from './LoopNode';
|
|
14
13
|
export * from './MiniCanvasNavigator';
|
|
15
14
|
export * from './NodeContextMenu';
|
|
16
15
|
export * from './NodeInspector';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
|
|
@@ -10,7 +10,6 @@ export * from "./ExecutionStatusIcon/index.js";
|
|
|
10
10
|
export * from "./FloatingCanvasPanel/index.js";
|
|
11
11
|
export * from "./GroupNode/index.js";
|
|
12
12
|
export * from "./HierarchicalCanvas/index.js";
|
|
13
|
-
export * from "./LoopNode/index.js";
|
|
14
13
|
export * from "./MiniCanvasNavigator/index.js";
|
|
15
14
|
export * from "./NodeContextMenu/index.js";
|
|
16
15
|
export * from "./NodeInspector.js";
|