@uipath/apollo-react 4.14.1-pr556.aa710a0 → 4.15.0
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/createAddNodePreview.cjs +3 -9
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.d.ts.map +1 -1
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.js +3 -9
- 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 +5 -11
- 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 +6 -9
- package/dist/canvas/components/BaseNode/BaseNode.types.d.ts +0 -3
- package/dist/canvas/components/BaseNode/BaseNode.types.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs +13 -222
- package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts +5 -10
- package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/ButtonHandle.js +14 -223
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.cjs +2 -10
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts +0 -2
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.js +3 -5
- package/dist/canvas/components/ButtonHandle/HandleButton.cjs +2 -17
- package/dist/canvas/components/ButtonHandle/HandleButton.d.ts +1 -10
- package/dist/canvas/components/ButtonHandle/HandleButton.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/HandleButton.js +2 -17
- package/dist/canvas/components/ButtonHandle/useButtonHandles.cjs +2 -4
- package/dist/canvas/components/ButtonHandle/useButtonHandles.d.ts +1 -2
- package/dist/canvas/components/ButtonHandle/useButtonHandles.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/useButtonHandles.js +2 -4
- package/dist/canvas/components/Edges/SequenceEdge.cjs +14 -16
- package/dist/canvas/components/Edges/SequenceEdge.d.ts.map +1 -1
- package/dist/canvas/components/Edges/SequenceEdge.js +14 -16
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.cjs +25 -34
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.d.ts +2 -8
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.d.ts.map +1 -1
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.js +27 -36
- package/dist/canvas/components/HierarchicalCanvas/index.d.ts +1 -1
- package/dist/canvas/components/HierarchicalCanvas/index.d.ts.map +1 -1
- package/dist/canvas/components/Toolbar/EdgeToolbar/EdgeToolbar.cjs +1 -1
- package/dist/canvas/components/Toolbar/EdgeToolbar/EdgeToolbar.js +1 -1
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.cjs +23 -25
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts.map +1 -1
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.js +25 -27
- package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.cjs +3 -10
- package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.d.ts +1 -1
- package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.d.ts.map +1 -1
- package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.js +3 -10
- package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.types.d.ts +0 -1
- package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.types.d.ts.map +1 -1
- 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/constants.cjs +0 -4
- package/dist/canvas/constants.d.ts +0 -1
- package/dist/canvas/constants.d.ts.map +1 -1
- package/dist/canvas/constants.js +1 -2
- package/dist/canvas/core/NodeTypeRegistry.cjs +26 -50
- package/dist/canvas/core/NodeTypeRegistry.d.ts +5 -10
- package/dist/canvas/core/NodeTypeRegistry.d.ts.map +1 -1
- package/dist/canvas/core/NodeTypeRegistry.js +26 -50
- package/dist/canvas/core/useNodeTypeRegistry.cjs +3 -13
- package/dist/canvas/core/useNodeTypeRegistry.d.ts +1 -2
- package/dist/canvas/core/useNodeTypeRegistry.d.ts.map +1 -1
- package/dist/canvas/core/useNodeTypeRegistry.js +4 -11
- package/dist/canvas/hooks/useAddNodeOnConnectEnd.cjs +23 -22
- package/dist/canvas/hooks/useAddNodeOnConnectEnd.d.ts.map +1 -1
- package/dist/canvas/hooks/useAddNodeOnConnectEnd.js +24 -23
- package/dist/canvas/hooks/usePreviewNode.cjs +3 -7
- package/dist/canvas/hooks/usePreviewNode.d.ts.map +1 -1
- package/dist/canvas/hooks/usePreviewNode.js +3 -7
- 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/hooks/useCanvasStory.d.ts +0 -6
- package/dist/canvas/storybook-utils/hooks/useCanvasStory.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/storybook-utils/mocks/nodes.d.ts +1 -1
- package/dist/canvas/storybook-utils/mocks/nodes.d.ts.map +1 -1
- package/dist/canvas/styles/reactflow-reset.css +2 -2
- package/dist/canvas/styles/tailwind.canvas.css +1 -1
- package/dist/canvas/utils/collapse.cjs +6 -13
- package/dist/canvas/utils/collapse.d.ts +2 -2
- package/dist/canvas/utils/collapse.d.ts.map +1 -1
- package/dist/canvas/utils/collapse.js +2 -9
- package/dist/canvas/utils/createPreviewNode.cjs +11 -30
- package/dist/canvas/utils/createPreviewNode.d.ts +2 -10
- package/dist/canvas/utils/createPreviewNode.d.ts.map +1 -1
- package/dist/canvas/utils/createPreviewNode.js +11 -21
- 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/dist/canvas/utils/manifest-resolver.cjs +0 -8
- package/dist/canvas/utils/manifest-resolver.d.ts +0 -1
- package/dist/canvas/utils/manifest-resolver.d.ts.map +1 -1
- package/dist/canvas/utils/manifest-resolver.js +1 -6
- package/package.json +1 -1
- package/dist/canvas/components/LoopNode/LoopCanvasNode.cjs +0 -86
- 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 -52
- package/dist/canvas/components/LoopNode/LoopNode.cjs +0 -434
- package/dist/canvas/components/LoopNode/LoopNode.constants.cjs +0 -81
- package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts +0 -13
- package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.constants.js +0 -14
- 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 -144
- package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts +0 -29
- package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.helpers.js +0 -98
- package/dist/canvas/components/LoopNode/LoopNode.js +0 -400
- package/dist/canvas/components/LoopNode/LoopNode.types.cjs +0 -18
- package/dist/canvas/components/LoopNode/LoopNode.types.d.ts +0 -22
- 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 -61
- package/dist/canvas/components/LoopNode/LoopNodePreview.d.ts +0 -9
- package/dist/canvas/components/LoopNode/LoopNodePreview.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNodePreview.js +0 -27
- package/dist/canvas/components/LoopNode/index.cjs +0 -79
- package/dist/canvas/components/LoopNode/index.d.ts +0 -5
- package/dist/canvas/components/LoopNode/index.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/index.js +0 -4
- package/dist/canvas/components/NodeViewportOverlay.cjs +0 -63
- package/dist/canvas/components/NodeViewportOverlay.d.ts +0 -22
- package/dist/canvas/components/NodeViewportOverlay.d.ts.map +0 -1
- package/dist/canvas/components/NodeViewportOverlay.js +0 -29
- package/dist/canvas/utils/createPreviewGraph.cjs +0 -126
- package/dist/canvas/utils/createPreviewGraph.d.ts +0 -36
- package/dist/canvas/utils/createPreviewGraph.d.ts.map +0 -1
- package/dist/canvas/utils/createPreviewGraph.js +0 -83
|
@@ -1,22 +1,17 @@
|
|
|
1
1
|
import { useReactFlow } from "../../../xyflow/react.js";
|
|
2
2
|
import { useCallback, useMemo } from "react";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { isPreviewEdge } from "../../../utils/createPreviewNode.js";
|
|
3
|
+
import { PREVIEW_NODE_ID } from "../../../constants.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
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;
|
|
12
|
-
const
|
|
13
|
-
id: edgeId,
|
|
14
|
-
source,
|
|
15
|
-
target
|
|
16
|
-
});
|
|
11
|
+
const isPreviewEdge = source === PREVIEW_NODE_ID || target === PREVIEW_NODE_ID;
|
|
17
12
|
const { positionData, handleMouseMoveOnPath } = useEdgeToolbarPositioning({
|
|
18
13
|
pathElementRef,
|
|
19
|
-
isEnabled: isHovered && isDesignMode && !
|
|
14
|
+
isEnabled: isHovered && isDesignMode && !isPreviewEdge,
|
|
20
15
|
targetPosition
|
|
21
16
|
});
|
|
22
17
|
const handleAddNodeOnEdge = useCallback((position)=>{
|
|
@@ -28,23 +23,26 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
|
|
|
28
23
|
targetHandle: targetHandleId,
|
|
29
24
|
type: 'default'
|
|
30
25
|
};
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
edgeId
|
|
46
|
-
|
|
47
|
-
|
|
26
|
+
const preview = createPreviewNode(source, sourceHandleId || 'output', reactFlow, position, {
|
|
27
|
+
originalEdge
|
|
28
|
+
}, 'source', void 0, sourcePosition, ignoredNodeTypes);
|
|
29
|
+
if (!preview) return;
|
|
30
|
+
const secondEdge = {
|
|
31
|
+
id: `${PREVIEW_NODE_ID}-${target}`,
|
|
32
|
+
source: PREVIEW_NODE_ID,
|
|
33
|
+
sourceHandle: 'output',
|
|
34
|
+
target,
|
|
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
|
+
]);
|
|
48
46
|
}, [
|
|
49
47
|
sourcePosition,
|
|
50
48
|
source,
|
|
@@ -70,7 +68,7 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
|
|
|
70
68
|
}), [
|
|
71
69
|
handleAddNodeOnEdge
|
|
72
70
|
]);
|
|
73
|
-
const showToolbar = isHovered && isDesignMode && null !== positionData && !
|
|
71
|
+
const showToolbar = isHovered && isDesignMode && null !== positionData && !isPreviewEdge;
|
|
74
72
|
return {
|
|
75
73
|
showToolbar,
|
|
76
74
|
toolbarPositioning: positionData,
|
|
@@ -32,7 +32,6 @@ const react_namespaceObject = require("motion/react");
|
|
|
32
32
|
const external_react_namespaceObject = require("react");
|
|
33
33
|
const icon_registry_cjs_namespaceObject = require("../../../utils/icon-registry.cjs");
|
|
34
34
|
const external_CanvasTooltip_cjs_namespaceObject = require("../../CanvasTooltip.cjs");
|
|
35
|
-
const external_NodeViewportOverlay_cjs_namespaceObject = require("../../NodeViewportOverlay.cjs");
|
|
36
35
|
const index_cjs_namespaceObject = require("../shared/index.cjs");
|
|
37
36
|
const external_NodeToolbar_utils_cjs_namespaceObject = require("./NodeToolbar.utils.cjs");
|
|
38
37
|
const external_useToolbarState_cjs_namespaceObject = require("./useToolbarState.cjs");
|
|
@@ -59,11 +58,11 @@ const CONTAINER_DIRECTION_CLASS = {
|
|
|
59
58
|
const SEPARATOR_BASE_CLASS = 'flex-[0_0_auto] bg-(--canvas-background-overlay) self-center';
|
|
60
59
|
const SEPARATOR_VERTICAL_CLASS = 'w-px h-5';
|
|
61
60
|
const SEPARATOR_HORIZONTAL_CLASS = 'w-full h-px';
|
|
62
|
-
const DROPDOWN_MENU_CLASS = "absolute top-[-2px] left-[calc(100%+4px)] min-w-[180px] bg-(--canvas-background-raised) border border-(--canvas-background-overlay) rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.08),0_2px_4px_rgba(0,0,0,0.04)] p-1 pointer-events-auto";
|
|
61
|
+
const DROPDOWN_MENU_CLASS = "absolute top-[-2px] left-[calc(100%+4px)] min-w-[180px] bg-(--canvas-background-raised) border border-(--canvas-background-overlay) rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.08),0_2px_4px_rgba(0,0,0,0.04)] p-1 z-[1000] pointer-events-auto";
|
|
63
62
|
const DROPDOWN_ITEM_BASE_CLASS = "flex items-center gap-3 w-full py-2 px-3 bg-transparent border-none rounded-[4px] text-sm text-(--canvas-foreground) text-left [transition:background_0.15s_ease] enabled:hover:bg-(--canvas-background-hover) future:enabled:hover:bg-(--canvas-background-overlay) [&>svg]:shrink-0 [&>svg]:text-(--canvas-foreground)";
|
|
64
63
|
const DROPDOWN_ITEM_DISABLED_CLASS = 'cursor-not-allowed opacity-40 pointer-events-none';
|
|
65
64
|
const DROPDOWN_ITEM_ENABLED_CLASS = 'cursor-pointer opacity-100';
|
|
66
|
-
const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar
|
|
65
|
+
const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar })=>{
|
|
67
66
|
const { isDropdownOpen, setIsDropdownOpen, dropdownRef, buttonRef, actionsToDisplay, displayState, shouldShowOverflow, overflowActionsToDisplay, separatorOrientation, toggleDropdown } = (0, external_useToolbarState_cjs_namespaceObject.useToolbarState)({
|
|
68
67
|
config,
|
|
69
68
|
expanded,
|
|
@@ -118,7 +117,7 @@ const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar,
|
|
|
118
117
|
displayState
|
|
119
118
|
]);
|
|
120
119
|
if (0 === config.actions.length && (!config.overflowActions || 0 === config.overflowActions.length)) return null;
|
|
121
|
-
|
|
120
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.AnimatePresence, {
|
|
122
121
|
children: 'hidden' !== displayState && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
123
122
|
className: positionerClassName,
|
|
124
123
|
style: offsetStyle,
|
|
@@ -234,12 +233,6 @@ const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar,
|
|
|
234
233
|
})
|
|
235
234
|
})
|
|
236
235
|
});
|
|
237
|
-
if (portalToNodeOverlay) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_NodeViewportOverlay_cjs_namespaceObject.NodeViewportOverlay, {
|
|
238
|
-
nodeId: nodeId,
|
|
239
|
-
layer: "nodeToolbar",
|
|
240
|
-
children: toolbarContent
|
|
241
|
-
});
|
|
242
|
-
return toolbarContent;
|
|
243
236
|
};
|
|
244
237
|
const NodeToolbar = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(NodeToolbarComponent);
|
|
245
238
|
exports.NodeToolbar = __webpack_exports__.NodeToolbar;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { NodeToolbarProps } from './NodeToolbar.types';
|
|
2
|
-
export declare const NodeToolbar: import("react").MemoExoticComponent<({ nodeId, config, expanded, hidden, offsetToolbar,
|
|
2
|
+
export declare const NodeToolbar: import("react").MemoExoticComponent<({ nodeId, config, expanded, hidden, offsetToolbar, }: NodeToolbarProps) => import("react/jsx-runtime").JSX.Element | null>;
|
|
3
3
|
//# sourceMappingURL=NodeToolbar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodeToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/NodeToolbar/NodeToolbar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NodeToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/NodeToolbar/NodeToolbar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AA8O5D,eAAO,MAAM,WAAW,6FAhLrB,gBAAgB,oDAgLkC,CAAC"}
|
|
@@ -4,7 +4,6 @@ import { AnimatePresence, motion } from "motion/react";
|
|
|
4
4
|
import { memo, useMemo } from "react";
|
|
5
5
|
import { CanvasIcon } from "../../../utils/icon-registry.js";
|
|
6
6
|
import { CanvasTooltip } from "../../CanvasTooltip.js";
|
|
7
|
-
import { NodeViewportOverlay } from "../../NodeViewportOverlay.js";
|
|
8
7
|
import { ToolbarButton, ToolbarIconButton } from "../shared/index.js";
|
|
9
8
|
import { isSeparator } from "./NodeToolbar.utils.js";
|
|
10
9
|
import { useToolbarState } from "./useToolbarState.js";
|
|
@@ -31,11 +30,11 @@ const CONTAINER_DIRECTION_CLASS = {
|
|
|
31
30
|
const SEPARATOR_BASE_CLASS = 'flex-[0_0_auto] bg-(--canvas-background-overlay) self-center';
|
|
32
31
|
const SEPARATOR_VERTICAL_CLASS = 'w-px h-5';
|
|
33
32
|
const SEPARATOR_HORIZONTAL_CLASS = 'w-full h-px';
|
|
34
|
-
const DROPDOWN_MENU_CLASS = "absolute top-[-2px] left-[calc(100%+4px)] min-w-[180px] bg-(--canvas-background-raised) border border-(--canvas-background-overlay) rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.08),0_2px_4px_rgba(0,0,0,0.04)] p-1 pointer-events-auto";
|
|
33
|
+
const DROPDOWN_MENU_CLASS = "absolute top-[-2px] left-[calc(100%+4px)] min-w-[180px] bg-(--canvas-background-raised) border border-(--canvas-background-overlay) rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.08),0_2px_4px_rgba(0,0,0,0.04)] p-1 z-[1000] pointer-events-auto";
|
|
35
34
|
const DROPDOWN_ITEM_BASE_CLASS = "flex items-center gap-3 w-full py-2 px-3 bg-transparent border-none rounded-[4px] text-sm text-(--canvas-foreground) text-left [transition:background_0.15s_ease] enabled:hover:bg-(--canvas-background-hover) future:enabled:hover:bg-(--canvas-background-overlay) [&>svg]:shrink-0 [&>svg]:text-(--canvas-foreground)";
|
|
36
35
|
const DROPDOWN_ITEM_DISABLED_CLASS = 'cursor-not-allowed opacity-40 pointer-events-none';
|
|
37
36
|
const DROPDOWN_ITEM_ENABLED_CLASS = 'cursor-pointer opacity-100';
|
|
38
|
-
const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar
|
|
37
|
+
const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar })=>{
|
|
39
38
|
const { isDropdownOpen, setIsDropdownOpen, dropdownRef, buttonRef, actionsToDisplay, displayState, shouldShowOverflow, overflowActionsToDisplay, separatorOrientation, toggleDropdown } = useToolbarState({
|
|
40
39
|
config,
|
|
41
40
|
expanded,
|
|
@@ -90,7 +89,7 @@ const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar,
|
|
|
90
89
|
displayState
|
|
91
90
|
]);
|
|
92
91
|
if (0 === config.actions.length && (!config.overflowActions || 0 === config.overflowActions.length)) return null;
|
|
93
|
-
|
|
92
|
+
return /*#__PURE__*/ jsx(AnimatePresence, {
|
|
94
93
|
children: 'hidden' !== displayState && /*#__PURE__*/ jsx("div", {
|
|
95
94
|
className: positionerClassName,
|
|
96
95
|
style: offsetStyle,
|
|
@@ -206,12 +205,6 @@ const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar,
|
|
|
206
205
|
})
|
|
207
206
|
})
|
|
208
207
|
});
|
|
209
|
-
if (portalToNodeOverlay) return /*#__PURE__*/ jsx(NodeViewportOverlay, {
|
|
210
|
-
nodeId: nodeId,
|
|
211
|
-
layer: "nodeToolbar",
|
|
212
|
-
children: toolbarContent
|
|
213
|
-
});
|
|
214
|
-
return toolbarContent;
|
|
215
208
|
};
|
|
216
209
|
const NodeToolbar = /*#__PURE__*/ memo(NodeToolbarComponent);
|
|
217
210
|
export { NodeToolbar };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodeToolbar.types.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/NodeToolbar/NodeToolbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,aAAa,EAAE,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,aAAa,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NodeToolbar.types.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/NodeToolbar/NodeToolbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,aAAa,EAAE,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
|
|
@@ -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";
|
|
@@ -27,7 +27,6 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
27
27
|
CANVAS_COMPACT_BREAKPOINT: ()=>CANVAS_COMPACT_BREAKPOINT,
|
|
28
28
|
DEFAULT_NODE_SIZE: ()=>DEFAULT_NODE_SIZE,
|
|
29
29
|
DEFAULT_RECTANGLE_NODE_WIDTH: ()=>DEFAULT_RECTANGLE_NODE_WIDTH,
|
|
30
|
-
DEFAULT_SOURCE_HANDLE_ID: ()=>DEFAULT_SOURCE_HANDLE_ID,
|
|
31
30
|
FLOATING_CANVAS_PANEL_OFFSET: ()=>FLOATING_CANVAS_PANEL_OFFSET,
|
|
32
31
|
GRID_SPACING: ()=>GRID_SPACING,
|
|
33
32
|
NODE_BADGE_INSET_CIRCLE: ()=>NODE_BADGE_INSET_CIRCLE,
|
|
@@ -55,7 +54,6 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
55
54
|
});
|
|
56
55
|
const PREVIEW_NODE_ID = 'preview-node-id';
|
|
57
56
|
const PREVIEW_EDGE_ID = 'preview-edge-id';
|
|
58
|
-
const DEFAULT_SOURCE_HANDLE_ID = 'output';
|
|
59
57
|
const DEFAULT_NODE_SIZE = 96;
|
|
60
58
|
const GRID_SPACING = 16;
|
|
61
59
|
const CANVAS_COMPACT_BREAKPOINT = 600;
|
|
@@ -84,7 +82,6 @@ const NODE_BADGE_INSET_CIRCLE = 12;
|
|
|
84
82
|
exports.CANVAS_COMPACT_BREAKPOINT = __webpack_exports__.CANVAS_COMPACT_BREAKPOINT;
|
|
85
83
|
exports.DEFAULT_NODE_SIZE = __webpack_exports__.DEFAULT_NODE_SIZE;
|
|
86
84
|
exports.DEFAULT_RECTANGLE_NODE_WIDTH = __webpack_exports__.DEFAULT_RECTANGLE_NODE_WIDTH;
|
|
87
|
-
exports.DEFAULT_SOURCE_HANDLE_ID = __webpack_exports__.DEFAULT_SOURCE_HANDLE_ID;
|
|
88
85
|
exports.FLOATING_CANVAS_PANEL_OFFSET = __webpack_exports__.FLOATING_CANVAS_PANEL_OFFSET;
|
|
89
86
|
exports.GRID_SPACING = __webpack_exports__.GRID_SPACING;
|
|
90
87
|
exports.NODE_BADGE_INSET_CIRCLE = __webpack_exports__.NODE_BADGE_INSET_CIRCLE;
|
|
@@ -113,7 +110,6 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
|
113
110
|
"CANVAS_COMPACT_BREAKPOINT",
|
|
114
111
|
"DEFAULT_NODE_SIZE",
|
|
115
112
|
"DEFAULT_RECTANGLE_NODE_WIDTH",
|
|
116
|
-
"DEFAULT_SOURCE_HANDLE_ID",
|
|
117
113
|
"FLOATING_CANVAS_PANEL_OFFSET",
|
|
118
114
|
"GRID_SPACING",
|
|
119
115
|
"NODE_BADGE_INSET_CIRCLE",
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export declare const PREVIEW_NODE_ID = "preview-node-id";
|
|
2
2
|
export declare const PREVIEW_EDGE_ID = "preview-edge-id";
|
|
3
|
-
export declare const DEFAULT_SOURCE_HANDLE_ID = "output";
|
|
4
3
|
export declare const DEFAULT_NODE_SIZE = 96;
|
|
5
4
|
export declare const GRID_SPACING = 16;
|
|
6
5
|
export declare const CANVAS_COMPACT_BREAKPOINT = 600;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/canvas/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/canvas/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,YAAY,KAAK,CAAC;AAG/B,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAG7C,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,WAAW,KAAK,CAAC;AAU9B,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAG/C,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAGhD,eAAO,MAAM,mBAAmB,QAAmB,CAAC;AACpD,eAAO,MAAM,yBAAyB,QAAmB,CAAC;AAC1D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAC3D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAO3D,eAAO,MAAM,2BAA2B,QAAyB,CAAC;AAClE,eAAO,MAAM,sBAAsB,QAAyB,CAAC;AAC7D,eAAO,MAAM,qBAAqB,QAAyB,CAAC;AAC5D,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAC9D,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAGlC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAGvC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,oCAAoC,MAAM,CAAC;AAGxD,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,uBAAuB,IAAI,CAAC;AACzC,eAAO,MAAM,uBAAuB,KAAK,CAAC"}
|
package/dist/canvas/constants.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
const PREVIEW_NODE_ID = 'preview-node-id';
|
|
2
2
|
const PREVIEW_EDGE_ID = 'preview-edge-id';
|
|
3
|
-
const DEFAULT_SOURCE_HANDLE_ID = 'output';
|
|
4
3
|
const DEFAULT_NODE_SIZE = 96;
|
|
5
4
|
const GRID_SPACING = 16;
|
|
6
5
|
const CANVAS_COMPACT_BREAKPOINT = 600;
|
|
@@ -26,4 +25,4 @@ const NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES = -40;
|
|
|
26
25
|
const NODE_BADGE_SIZE = 20;
|
|
27
26
|
const NODE_BADGE_INSET_SQUARE = 6;
|
|
28
27
|
const NODE_BADGE_INSET_CIRCLE = 12;
|
|
29
|
-
export { CANVAS_COMPACT_BREAKPOINT, DEFAULT_NODE_SIZE, DEFAULT_RECTANGLE_NODE_WIDTH,
|
|
28
|
+
export { CANVAS_COMPACT_BREAKPOINT, DEFAULT_NODE_SIZE, DEFAULT_RECTANGLE_NODE_WIDTH, FLOATING_CANVAS_PANEL_OFFSET, GRID_SPACING, NODE_BADGE_INSET_CIRCLE, NODE_BADGE_INSET_SQUARE, NODE_BADGE_SIZE, NODE_BORDER_SIZE, NODE_CONTAINER_RADIUS_RATIO, NODE_ERROR_ICON_SIZE, NODE_HEIGHT_DEFAULT, NODE_HEIGHT_FOOTER_BUTTON, NODE_HEIGHT_FOOTER_DOUBLE, NODE_HEIGHT_FOOTER_SINGLE, NODE_INNER_ICON_RATIO, NODE_INNER_RADIUS_RATIO, NODE_INNER_SHAPE_RATIO, NODE_TEXT_BOTTOM_OFFSET, NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES, PREVIEW_EDGE_ID, PREVIEW_NODE_ID, TOOLBOX_GAP, TOOLBOX_HEIGHT, TOOLBOX_PADDING_X, TOOLBOX_PADDING_Y, TOOLBOX_WIDTH };
|
|
@@ -32,32 +32,12 @@ const external_CategoryTreeAdapter_cjs_namespaceObject = require("./CategoryTree
|
|
|
32
32
|
class NodeTypeRegistry {
|
|
33
33
|
categoryById = new Map();
|
|
34
34
|
nodeByType = new Map();
|
|
35
|
-
|
|
36
|
-
nodeHandlesByTypeVersion = new Map();
|
|
35
|
+
nodeHandles = new Map();
|
|
37
36
|
categoriesByParent = new Map();
|
|
38
37
|
nodesByCategory = new Map();
|
|
39
38
|
categoryAncestors = new Map();
|
|
40
39
|
categoryDescendants = new Map();
|
|
41
40
|
categoryTree = null;
|
|
42
|
-
getNodeHandles(manifest) {
|
|
43
|
-
if (!manifest) return {};
|
|
44
|
-
const manifestKey = this.getTypeVersionKey(manifest.nodeType, manifest.version);
|
|
45
|
-
const cachedHandles = this.nodeHandlesByTypeVersion.get(manifestKey);
|
|
46
|
-
if (cachedHandles) return cachedHandles;
|
|
47
|
-
return this.computeNodeHandles(manifest);
|
|
48
|
-
}
|
|
49
|
-
computeNodeHandles(manifest) {
|
|
50
|
-
const handlesByType = {};
|
|
51
|
-
for (const group of manifest.handleConfiguration)for (const handle of group.handles){
|
|
52
|
-
const handles = handlesByType[handle.type] ?? [];
|
|
53
|
-
handles.push(handle);
|
|
54
|
-
handlesByType[handle.type] = handles;
|
|
55
|
-
}
|
|
56
|
-
return handlesByType;
|
|
57
|
-
}
|
|
58
|
-
getTypeVersionKey(nodeType, version) {
|
|
59
|
-
return `${nodeType}:${version}`;
|
|
60
|
-
}
|
|
61
41
|
registerNodeManifests(nodes) {
|
|
62
42
|
const categoryMap = new Map();
|
|
63
43
|
for (const node of nodes){
|
|
@@ -79,16 +59,18 @@ class NodeTypeRegistry {
|
|
|
79
59
|
c.id,
|
|
80
60
|
c
|
|
81
61
|
]));
|
|
82
|
-
this.nodeByType = new Map()
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
62
|
+
this.nodeByType = new Map(nodeManifests.map((n)=>[
|
|
63
|
+
n.nodeType,
|
|
64
|
+
n
|
|
65
|
+
]));
|
|
66
|
+
this.nodeHandles = new Map(nodeManifests.map((n)=>[
|
|
67
|
+
n.nodeType,
|
|
68
|
+
n.handleConfiguration.flatMap((hc)=>hc.handles).reduce((acc, handle)=>{
|
|
69
|
+
if (!acc[handle.type]) acc[handle.type] = [];
|
|
70
|
+
acc[handle.type]?.push(handle);
|
|
71
|
+
return acc;
|
|
72
|
+
}, {})
|
|
73
|
+
]));
|
|
92
74
|
this.categoriesByParent = new Map();
|
|
93
75
|
for (const cat of categoryManifests){
|
|
94
76
|
const siblings = this.categoriesByParent.get(cat.parentId) ?? [];
|
|
@@ -122,22 +104,18 @@ class NodeTypeRegistry {
|
|
|
122
104
|
this.categoryDescendants.set(cat.id, descendants);
|
|
123
105
|
}
|
|
124
106
|
this.nodesByCategory = new Map();
|
|
125
|
-
for (const node of
|
|
107
|
+
for (const node of nodeManifests){
|
|
126
108
|
const categoryKey = node.category ?? void 0;
|
|
127
109
|
const nodes = this.nodesByCategory.get(categoryKey) ?? [];
|
|
128
110
|
nodes.push(node);
|
|
129
111
|
this.nodesByCategory.set(categoryKey, nodes);
|
|
130
112
|
}
|
|
131
|
-
this.categoryTree = new external_CategoryTree_cjs_namespaceObject.CategoryTree(categoryManifests,
|
|
113
|
+
this.categoryTree = new external_CategoryTree_cjs_namespaceObject.CategoryTree(categoryManifests, nodeManifests);
|
|
132
114
|
}
|
|
133
|
-
getManifest(nodeType
|
|
134
|
-
|
|
135
|
-
return this.nodeByTypeVersion.get(this.getTypeVersionKey(nodeType, version));
|
|
115
|
+
getManifest(nodeType) {
|
|
116
|
+
return this.nodeByType.get(nodeType);
|
|
136
117
|
}
|
|
137
118
|
getAllManifests() {
|
|
138
|
-
return Array.from(this.nodeByTypeVersion.values());
|
|
139
|
-
}
|
|
140
|
-
getDefaultManifests() {
|
|
141
119
|
return Array.from(this.nodeByType.values());
|
|
142
120
|
}
|
|
143
121
|
getAllCategories() {
|
|
@@ -146,19 +124,18 @@ class NodeTypeRegistry {
|
|
|
146
124
|
getAllNodeTypes() {
|
|
147
125
|
return Array.from(this.nodeByType.keys());
|
|
148
126
|
}
|
|
149
|
-
getHandlesByNodeType(nodeType
|
|
150
|
-
|
|
151
|
-
return this.getNodeHandles(manifest);
|
|
127
|
+
getHandlesByNodeType(nodeType) {
|
|
128
|
+
return this.nodeHandles.get(nodeType) ?? {};
|
|
152
129
|
}
|
|
153
|
-
getDefaultHandle(nodeType, handleType
|
|
154
|
-
const handles = this.
|
|
130
|
+
getDefaultHandle(nodeType, handleType) {
|
|
131
|
+
const handles = this.nodeHandles.get(nodeType)?.[handleType];
|
|
155
132
|
return handles?.find((h)=>h.isDefaultForType) ?? handles?.[0];
|
|
156
133
|
}
|
|
157
|
-
createDefaultData(nodeType, label
|
|
158
|
-
const manifest = this.getManifest(nodeType
|
|
134
|
+
createDefaultData(nodeType, label) {
|
|
135
|
+
const manifest = this.getManifest(nodeType);
|
|
159
136
|
if (!manifest) return {
|
|
160
137
|
nodeType,
|
|
161
|
-
|
|
138
|
+
version: '1.0.0',
|
|
162
139
|
display: {
|
|
163
140
|
label: label || nodeType
|
|
164
141
|
}
|
|
@@ -174,7 +151,7 @@ class NodeTypeRegistry {
|
|
|
174
151
|
};
|
|
175
152
|
return {
|
|
176
153
|
nodeType,
|
|
177
|
-
|
|
154
|
+
version: manifest.version,
|
|
178
155
|
parameters: manifest.defaultProperties ?? {},
|
|
179
156
|
display: display
|
|
180
157
|
};
|
|
@@ -184,9 +161,8 @@ class NodeTypeRegistry {
|
|
|
184
161
|
}
|
|
185
162
|
clear() {
|
|
186
163
|
this.nodesByCategory.clear();
|
|
164
|
+
this.nodeHandles.clear();
|
|
187
165
|
this.nodeByType.clear();
|
|
188
|
-
this.nodeByTypeVersion.clear();
|
|
189
|
-
this.nodeHandlesByTypeVersion.clear();
|
|
190
166
|
this.categoryById.clear();
|
|
191
167
|
this.categoryAncestors.clear();
|
|
192
168
|
this.categoryDescendants.clear();
|
|
@@ -9,26 +9,21 @@ interface NodeHandles {
|
|
|
9
9
|
export declare class NodeTypeRegistry {
|
|
10
10
|
private categoryById;
|
|
11
11
|
private nodeByType;
|
|
12
|
-
private
|
|
13
|
-
private nodeHandlesByTypeVersion;
|
|
12
|
+
private nodeHandles;
|
|
14
13
|
private categoriesByParent;
|
|
15
14
|
private nodesByCategory;
|
|
16
15
|
private categoryAncestors;
|
|
17
16
|
private categoryDescendants;
|
|
18
17
|
private categoryTree;
|
|
19
|
-
private getNodeHandles;
|
|
20
|
-
private computeNodeHandles;
|
|
21
|
-
private getTypeVersionKey;
|
|
22
18
|
registerNodeManifests(nodes: NodeManifest[]): void;
|
|
23
19
|
registerManifest(nodeManifests: NodeManifest[], categoryManifests: CategoryManifest[]): void;
|
|
24
|
-
getManifest(nodeType: string
|
|
20
|
+
getManifest(nodeType: string): NodeManifest | undefined;
|
|
25
21
|
getAllManifests(): NodeManifest[];
|
|
26
|
-
getDefaultManifests(): NodeManifest[];
|
|
27
22
|
getAllCategories(): string[];
|
|
28
23
|
getAllNodeTypes(): string[];
|
|
29
|
-
getHandlesByNodeType(nodeType: string
|
|
30
|
-
getDefaultHandle(nodeType: string, handleType: 'source' | 'target'
|
|
31
|
-
createDefaultData(nodeType: string, label?: string
|
|
24
|
+
getHandlesByNodeType(nodeType: string): NodeHandles;
|
|
25
|
+
getDefaultHandle(nodeType: string, handleType: 'source' | 'target'): HandleManifest | undefined;
|
|
26
|
+
createDefaultData(nodeType: string, label?: string): BaseNodeData;
|
|
32
27
|
getCategoryTree(): CategoryTree | null;
|
|
33
28
|
clear(): void;
|
|
34
29
|
isValidCategoryForConnection(categoryId: string, previewNodeConnectionInfo: PreviewNodeConnectionInfo[] | null | undefined): boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodeTypeRegistry.d.ts","sourceRoot":"","sources":["../../../src/canvas/core/NodeTypeRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAMhG,OAAO,EAAE,YAAY,EAA4B,MAAM,gBAAgB,CAAC;AAGxE,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;CAC3B;AAMD,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,YAAY,CAAuC;IAC3D,OAAO,CAAC,UAAU,CAAmC;IACrD,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"NodeTypeRegistry.d.ts","sourceRoot":"","sources":["../../../src/canvas/core/NodeTypeRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAMhG,OAAO,EAAE,YAAY,EAA4B,MAAM,gBAAgB,CAAC;AAGxE,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;CAC3B;AAMD,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,YAAY,CAAuC;IAC3D,OAAO,CAAC,UAAU,CAAmC;IACrD,OAAO,CAAC,WAAW,CAAkC;IACrD,OAAO,CAAC,kBAAkB,CAAqD;IAC/E,OAAO,CAAC,eAAe,CAAiD;IACxE,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,mBAAmB,CAA+B;IAC1D,OAAO,CAAC,YAAY,CAA6B;IAUjD,qBAAqB,CAAC,KAAK,EAAE,YAAY,EAAE;IA8B3C,gBAAgB,CAAC,aAAa,EAAE,YAAY,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE;IA0ErF,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS;IAQvD,eAAe,IAAI,YAAY,EAAE;IAQjC,gBAAgB,IAAI,MAAM,EAAE;IAQ5B,eAAe,IAAI,MAAM,EAAE;IAO3B,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW;IAOnD,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,cAAc,GAAG,SAAS;IAW/F,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY;IAqCjE,eAAe,IAAI,YAAY,GAAG,IAAI;IAOtC,KAAK,IAAI,IAAI;IAwBb,4BAA4B,CAC1B,UAAU,EAAE,MAAM,EAClB,yBAAyB,EAAE,yBAAyB,EAAE,GAAG,IAAI,GAAG,SAAS,GACxE,OAAO;IA6CV,wBAAwB,CACtB,QAAQ,EAAE,MAAM,EAChB,yBAAyB,EAAE,yBAAyB,EAAE,GAAG,IAAI,GAAG,SAAS;IAgE3E,OAAO,CAAC,yBAAyB;IAqCjC,cAAc,CAAC,OAAO,EAAE;QACtB,WAAW,CAAC,EAAE,yBAAyB,EAAE,GAAG,IAAI,CAAC;QACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC7B,GAAG,QAAQ,EAAE;CAyCf"}
|