@uipath/apollo-react 4.15.0-pr605.6f11404 → 4.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/canvas/components/AddNodePanel/AddNodeManager.cjs +11 -116
- package/dist/canvas/components/AddNodePanel/AddNodeManager.d.ts.map +1 -1
- package/dist/canvas/components/AddNodePanel/AddNodeManager.js +12 -117
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.cjs +4 -28
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.d.ts +1 -2
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.d.ts.map +1 -1
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.js +4 -28
- 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 +4 -8
- package/dist/canvas/components/Edges/SequenceEdge.js +4 -8
- 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/HierarchicalCanvasWithControls.cjs +2 -9
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.d.ts.map +1 -1
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.js +3 -10
- 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/StageNode/StageNodeHeader.cjs +3 -1
- package/dist/canvas/components/StageNode/StageNodeHeader.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeHeader.js +3 -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 +24 -41
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts.map +1 -1
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.js +26 -43
- 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 +27 -56
- 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 +28 -57
- 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/NodeUtils.cjs +9 -25
- package/dist/canvas/utils/NodeUtils.d.ts +0 -7
- package/dist/canvas/utils/NodeUtils.d.ts.map +1 -1
- package/dist/canvas/utils/NodeUtils.js +6 -13
- 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 +12 -59
- 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 +12 -50
- package/dist/canvas/utils/index.cjs +26 -47
- package/dist/canvas/utils/index.d.ts +1 -4
- package/dist/canvas/utils/index.d.ts.map +1 -1
- package/dist/canvas/utils/index.js +1 -4
- 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 -93
- package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts +0 -16
- package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.constants.js +0 -17
- 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 -185
- package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts +0 -58
- package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.helpers.js +0 -124
- package/dist/canvas/components/LoopNode/LoopNode.js +0 -400
- package/dist/canvas/components/LoopNode/LoopNode.sequence.cjs +0 -433
- package/dist/canvas/components/LoopNode/LoopNode.sequence.d.ts +0 -57
- package/dist/canvas/components/LoopNode/LoopNode.sequence.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.sequence.js +0 -387
- 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 -60
- 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 -26
- 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/container-sizing.cjs +0 -169
- package/dist/canvas/utils/container-sizing.d.ts +0 -23
- package/dist/canvas/utils/container-sizing.d.ts.map +0 -1
- package/dist/canvas/utils/container-sizing.js +0 -132
- package/dist/canvas/utils/createPreviewGraph.cjs +0 -126
- package/dist/canvas/utils/createPreviewGraph.d.ts +0 -37
- package/dist/canvas/utils/createPreviewGraph.d.ts.map +0 -1
- package/dist/canvas/utils/createPreviewGraph.js +0 -83
- package/dist/canvas/utils/preview-connection-handles.cjs +0 -55
- package/dist/canvas/utils/preview-connection-handles.d.ts +0 -14
- package/dist/canvas/utils/preview-connection-handles.d.ts.map +0 -1
- package/dist/canvas/utils/preview-connection-handles.js +0 -15
|
@@ -33,86 +33,8 @@ const external_constants_cjs_namespaceObject = require("../../constants.cjs");
|
|
|
33
33
|
const index_cjs_namespaceObject = require("../../core/index.cjs");
|
|
34
34
|
const usePreviewNode_cjs_namespaceObject = require("../../hooks/usePreviewNode.cjs");
|
|
35
35
|
const external_utils_index_cjs_namespaceObject = require("../../utils/index.cjs");
|
|
36
|
-
const collapse_cjs_namespaceObject = require("../../utils/collapse.cjs");
|
|
37
|
-
const container_sizing_cjs_namespaceObject = require("../../utils/container-sizing.cjs");
|
|
38
|
-
const manifest_resolver_cjs_namespaceObject = require("../../utils/manifest-resolver.cjs");
|
|
39
36
|
const external_FloatingCanvasPanel_index_cjs_namespaceObject = require("../FloatingCanvasPanel/index.cjs");
|
|
40
|
-
const LoopNode_helpers_cjs_namespaceObject = require("../LoopNode/LoopNode.helpers.cjs");
|
|
41
|
-
const LoopNode_sequence_cjs_namespaceObject = require("../LoopNode/LoopNode.sequence.cjs");
|
|
42
37
|
const external_AddNodePanel_cjs_namespaceObject = require("./AddNodePanel.cjs");
|
|
43
|
-
function getManifestForNode(registry, node) {
|
|
44
|
-
return node.type ? registry?.getManifest(node.type, (0, manifest_resolver_cjs_namespaceObject.getNodeTypeVersion)(node.data)) : void 0;
|
|
45
|
-
}
|
|
46
|
-
function getManifestAwareNodeDimensions(registry, node) {
|
|
47
|
-
const manifest = getManifestForNode(registry, node);
|
|
48
|
-
const fallbackDimensions = (0, collapse_cjs_namespaceObject.getExpandedSize)(manifest?.display.shape, manifest);
|
|
49
|
-
return (0, container_sizing_cjs_namespaceObject.getNodeDimensions)(node, fallbackDimensions);
|
|
50
|
-
}
|
|
51
|
-
function getContainerFitGeometry(registry, node) {
|
|
52
|
-
const manifest = getManifestForNode(registry, node);
|
|
53
|
-
return (0, LoopNode_helpers_cjs_namespaceObject.isLoopContainerManifest)(manifest) ? (0, LoopNode_helpers_cjs_namespaceObject.getLoopContainerFitGeometry)() : null;
|
|
54
|
-
}
|
|
55
|
-
function centerNodeOnPreview(previewNode, nodeDimensions) {
|
|
56
|
-
const previewDimensions = (0, container_sizing_cjs_namespaceObject.getNodeDimensions)(previewNode);
|
|
57
|
-
return {
|
|
58
|
-
x: previewNode.position.x + (previewDimensions.width - nodeDimensions.width) / 2,
|
|
59
|
-
y: previewNode.position.y + (previewDimensions.height - nodeDimensions.height) / 2
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
function centerNodeVerticallyOnPreview(previewNode, nodeDimensions) {
|
|
63
|
-
const previewDimensions = (0, container_sizing_cjs_namespaceObject.getNodeDimensions)(previewNode);
|
|
64
|
-
return {
|
|
65
|
-
x: previewNode.position.x,
|
|
66
|
-
y: previewNode.position.y + (previewDimensions.height - nodeDimensions.height) / 2
|
|
67
|
-
};
|
|
68
|
-
}
|
|
69
|
-
function resolveSiblingCollisions(nodes, insertedNode, options) {
|
|
70
|
-
const siblingNodes = nodes.filter((node)=>node.parentId === insertedNode.parentId);
|
|
71
|
-
const resolvedSiblings = (0, external_utils_index_cjs_namespaceObject.resolveCollisions)(siblingNodes, options);
|
|
72
|
-
const resolvedSiblingsById = new Map(resolvedSiblings.map((node)=>[
|
|
73
|
-
node.id,
|
|
74
|
-
node
|
|
75
|
-
]));
|
|
76
|
-
return nodes.map((node)=>resolvedSiblingsById.get(node.id) ?? node);
|
|
77
|
-
}
|
|
78
|
-
function resolveNodePlacement(nodes, insertedNode, registry, ignoredNodeTypes, edges, loopSequencePlacement) {
|
|
79
|
-
const getNodeSize = (node)=>getManifestAwareNodeDimensions(registry, node);
|
|
80
|
-
if (!insertedNode.parentId) {
|
|
81
|
-
const resolvedNodes = resolveSiblingCollisions(nodes, insertedNode, {
|
|
82
|
-
ignoredNodeTypes,
|
|
83
|
-
getNodeSize
|
|
84
|
-
});
|
|
85
|
-
return {
|
|
86
|
-
nodes: resolvedNodes,
|
|
87
|
-
insertedNode: resolvedNodes.find((node)=>node.id === insertedNode.id) ?? insertedNode
|
|
88
|
-
};
|
|
89
|
-
}
|
|
90
|
-
const loopSequenceNodes = loopSequencePlacement ? (0, LoopNode_sequence_cjs_namespaceObject.resolveLoopSequenceMaterializedNodes)({
|
|
91
|
-
nodes,
|
|
92
|
-
edges,
|
|
93
|
-
insertedNode,
|
|
94
|
-
placement: loopSequencePlacement,
|
|
95
|
-
getNodeSize
|
|
96
|
-
}) : null;
|
|
97
|
-
let resolvedNodes = loopSequenceNodes;
|
|
98
|
-
if (!resolvedNodes) resolvedNodes = resolveSiblingCollisions(nodes, insertedNode, {
|
|
99
|
-
ignoredNodeTypes,
|
|
100
|
-
getNodeSize
|
|
101
|
-
});
|
|
102
|
-
const fittedNodes = (0, container_sizing_cjs_namespaceObject.ensureContainersFitChildren)(resolvedNodes, {
|
|
103
|
-
containerIds: [
|
|
104
|
-
insertedNode.parentId
|
|
105
|
-
],
|
|
106
|
-
getContainerFitGeometry: (node)=>getContainerFitGeometry(registry, node),
|
|
107
|
-
getNodeDimensions: getNodeSize,
|
|
108
|
-
ignoredNodeTypes,
|
|
109
|
-
includeAncestors: true
|
|
110
|
-
});
|
|
111
|
-
return {
|
|
112
|
-
nodes: fittedNodes,
|
|
113
|
-
insertedNode: fittedNodes.find((node)=>node.id === insertedNode.id) ?? insertedNode
|
|
114
|
-
};
|
|
115
|
-
}
|
|
116
38
|
const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData, onBeforeNodeAdded, onNodeAdded, ignoredNodeTypes })=>{
|
|
117
39
|
const reactFlowInstance = (0, react_cjs_namespaceObject.useReactFlow)();
|
|
118
40
|
const registry = (0, index_cjs_namespaceObject.useOptionalNodeTypeRegistry)();
|
|
@@ -148,49 +70,28 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
|
|
|
148
70
|
const handleNodeSelect = (0, external_react_namespaceObject.useCallback)((nodeItem)=>{
|
|
149
71
|
const currentPreviewNode = reactFlowInstance.getNode(external_constants_cjs_namespaceObject.PREVIEW_NODE_ID);
|
|
150
72
|
if (!currentPreviewNode || !previewNodeConnectionInfo || 0 === previewNodeConnectionInfo.length) return;
|
|
151
|
-
const loopSequenceResolverOptions = (0, LoopNode_sequence_cjs_namespaceObject.createLoopSequenceResolverOptions)(registry);
|
|
152
|
-
const loopSequencePlacement = (0, LoopNode_sequence_cjs_namespaceObject.getLoopSequencePlacementFromPreviewGraph)(currentPreviewNode, previewNodeConnectionInfo, {
|
|
153
|
-
isLoopContainerId: (containerId)=>{
|
|
154
|
-
const containerNode = reactFlowInstance.getNode(containerId);
|
|
155
|
-
return containerNode ? loopSequenceResolverOptions.isLoopContainerNode?.(containerNode) ?? false : false;
|
|
156
|
-
}
|
|
157
|
-
});
|
|
158
73
|
const newNodeId = `${nodeItem.data.type}-${Date.now()}`;
|
|
159
74
|
const baseNodeData = createNodeData ? createNodeData(nodeItem) : {
|
|
160
75
|
label: nodeItem.name,
|
|
161
76
|
subLabel: nodeItem.description
|
|
162
77
|
};
|
|
163
|
-
const nodeData = {
|
|
78
|
+
const nodeData = currentPreviewNode.data?.useSmartHandles ? {
|
|
164
79
|
...baseNodeData,
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
} : {},
|
|
168
|
-
...currentPreviewNode.data?.useSmartHandles ? {
|
|
169
|
-
useSmartHandles: true
|
|
170
|
-
} : {}
|
|
171
|
-
};
|
|
80
|
+
useSmartHandles: true
|
|
81
|
+
} : baseNodeData;
|
|
172
82
|
const newNode = {
|
|
173
83
|
id: newNodeId,
|
|
174
84
|
type: nodeItem.data.type,
|
|
175
85
|
position: currentPreviewNode.position,
|
|
176
|
-
parentId: currentPreviewNode.parentId,
|
|
177
|
-
extent: currentPreviewNode.extent,
|
|
178
86
|
selected: true,
|
|
179
87
|
data: nodeData
|
|
180
88
|
};
|
|
181
|
-
const newNodeManifest = registry?.getManifest(nodeItem.data.type
|
|
182
|
-
const newNodeDimensions = getManifestAwareNodeDimensions(registry, newNode);
|
|
183
|
-
if (currentPreviewNode.parentId) newNode.position = centerNodeOnPreview(currentPreviewNode, newNodeDimensions);
|
|
184
|
-
else if ((0, LoopNode_helpers_cjs_namespaceObject.isLoopContainerManifest)(newNodeManifest)) newNode.position = centerNodeVerticallyOnPreview(currentPreviewNode, newNodeDimensions);
|
|
89
|
+
const newNodeManifest = registry?.getManifest(nodeItem.data.type);
|
|
185
90
|
const newEdges = [];
|
|
186
91
|
const previewEdgeIds = [];
|
|
187
92
|
for (const connectionInfoItem of previewNodeConnectionInfo){
|
|
188
|
-
const
|
|
189
|
-
|
|
190
|
-
connection: connectionInfoItem,
|
|
191
|
-
connections: previewNodeConnectionInfo,
|
|
192
|
-
getDefaultHandle: (handleType)=>registry?.getDefaultHandle(newNodeManifest.nodeType, handleType, nodeItem.data.version)
|
|
193
|
-
}) : void 0;
|
|
93
|
+
const newNodeHandleType = connectionInfoItem.addNewNodeAsSource ? 'source' : 'target';
|
|
94
|
+
const newNodeDefaultHandle = newNodeManifest ? registry?.getDefaultHandle(newNodeManifest.nodeType, newNodeHandleType) : void 0;
|
|
194
95
|
const newNodeHandleId = newNodeDefaultHandle?.id;
|
|
195
96
|
const edgeSourceTargetData = connectionInfoItem.addNewNodeAsSource ? {
|
|
196
97
|
source: newNode.id,
|
|
@@ -215,7 +116,6 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
|
|
|
215
116
|
newNode,
|
|
216
117
|
newEdges
|
|
217
118
|
};
|
|
218
|
-
let resolvedFinalNode = finalNode;
|
|
219
119
|
reactFlowInstance.setNodes((nodes)=>{
|
|
220
120
|
const newNodes = [
|
|
221
121
|
...nodes.filter((n)=>n.id !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID).map((n)=>({
|
|
@@ -224,9 +124,9 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
|
|
|
224
124
|
})),
|
|
225
125
|
finalNode
|
|
226
126
|
];
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
127
|
+
return (0, external_utils_index_cjs_namespaceObject.resolveCollisions)(newNodes, {
|
|
128
|
+
ignoredNodeTypes
|
|
129
|
+
});
|
|
230
130
|
});
|
|
231
131
|
reactFlowInstance.setEdges((edges)=>[
|
|
232
132
|
...edges.filter((e)=>!previewEdgeIds.includes(e.id)),
|
|
@@ -234,12 +134,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
|
|
|
234
134
|
]);
|
|
235
135
|
const [firstConnection] = previewNodeConnectionInfo;
|
|
236
136
|
if (firstConnection) {
|
|
237
|
-
const firstEdgeSourceHandle = firstConnection.addNewNodeAsSource ? newNodeManifest && (
|
|
238
|
-
manifest: newNodeManifest,
|
|
239
|
-
connection: firstConnection,
|
|
240
|
-
connections: previewNodeConnectionInfo,
|
|
241
|
-
getDefaultHandle: (handleType)=>registry?.getDefaultHandle(newNodeManifest.nodeType, handleType, nodeItem.data.version)
|
|
242
|
-
})?.id : firstConnection.existingHandleId;
|
|
137
|
+
const firstEdgeSourceHandle = firstConnection.addNewNodeAsSource ? newNodeManifest && registry?.getDefaultHandle(newNodeManifest.nodeType, 'source')?.id : firstConnection.existingHandleId;
|
|
243
138
|
const firstEdgeData = firstConnection.addNewNodeAsSource ? {
|
|
244
139
|
source: finalNode.id,
|
|
245
140
|
sourceHandle: firstEdgeSourceHandle ?? 'output'
|
|
@@ -247,7 +142,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
|
|
|
247
142
|
source: firstConnection.existingNodeId,
|
|
248
143
|
sourceHandle: firstConnection.existingHandleId
|
|
249
144
|
};
|
|
250
|
-
onNodeAdded?.(firstEdgeData.source, firstEdgeData.sourceHandle,
|
|
145
|
+
onNodeAdded?.(firstEdgeData.source, firstEdgeData.sourceHandle, finalNode);
|
|
251
146
|
}
|
|
252
147
|
restoreEdgesRef.current = null;
|
|
253
148
|
handleClose();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddNodeManager.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodeManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AddNodeManager.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodeManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAKlC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC;IAI7E,YAAY,CAAC,EAAE,OAAO,CAAC;IAIvB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAK7F,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,KAAK,YAAY,CAAC;IAOtE,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK;QAAE,OAAO,EAAE,IAAI,CAAC;QAAC,QAAQ,EAAE,IAAI,EAAE,CAAA;KAAE,CAAC;IAK7F,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAMpF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AASD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqMxD,CAAC"}
|
|
@@ -4,87 +4,9 @@ import { useCallback, useEffect, useRef } from "react";
|
|
|
4
4
|
import { FLOATING_CANVAS_PANEL_OFFSET, PREVIEW_NODE_ID } from "../../constants.js";
|
|
5
5
|
import { useOptionalNodeTypeRegistry } from "../../core/index.js";
|
|
6
6
|
import { usePreviewNode } from "../../hooks/usePreviewNode.js";
|
|
7
|
-
import {
|
|
8
|
-
import { getExpandedSize } from "../../utils/collapse.js";
|
|
9
|
-
import { ensureContainersFitChildren, getNodeDimensions } from "../../utils/container-sizing.js";
|
|
10
|
-
import { getNodeTypeVersion } from "../../utils/manifest-resolver.js";
|
|
7
|
+
import { resolveCollisions } from "../../utils/index.js";
|
|
11
8
|
import { FloatingCanvasPanel } from "../FloatingCanvasPanel/index.js";
|
|
12
|
-
import { getLoopContainerFitGeometry, isLoopContainerManifest } from "../LoopNode/LoopNode.helpers.js";
|
|
13
|
-
import { createLoopSequenceResolverOptions, getLoopSequencePlacementFromPreviewGraph, resolveLoopSequenceMaterializedNodes } from "../LoopNode/LoopNode.sequence.js";
|
|
14
9
|
import { AddNodePanel } from "./AddNodePanel.js";
|
|
15
|
-
function getManifestForNode(registry, node) {
|
|
16
|
-
return node.type ? registry?.getManifest(node.type, getNodeTypeVersion(node.data)) : void 0;
|
|
17
|
-
}
|
|
18
|
-
function getManifestAwareNodeDimensions(registry, node) {
|
|
19
|
-
const manifest = getManifestForNode(registry, node);
|
|
20
|
-
const fallbackDimensions = getExpandedSize(manifest?.display.shape, manifest);
|
|
21
|
-
return getNodeDimensions(node, fallbackDimensions);
|
|
22
|
-
}
|
|
23
|
-
function getContainerFitGeometry(registry, node) {
|
|
24
|
-
const manifest = getManifestForNode(registry, node);
|
|
25
|
-
return isLoopContainerManifest(manifest) ? getLoopContainerFitGeometry() : null;
|
|
26
|
-
}
|
|
27
|
-
function centerNodeOnPreview(previewNode, nodeDimensions) {
|
|
28
|
-
const previewDimensions = getNodeDimensions(previewNode);
|
|
29
|
-
return {
|
|
30
|
-
x: previewNode.position.x + (previewDimensions.width - nodeDimensions.width) / 2,
|
|
31
|
-
y: previewNode.position.y + (previewDimensions.height - nodeDimensions.height) / 2
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
function centerNodeVerticallyOnPreview(previewNode, nodeDimensions) {
|
|
35
|
-
const previewDimensions = getNodeDimensions(previewNode);
|
|
36
|
-
return {
|
|
37
|
-
x: previewNode.position.x,
|
|
38
|
-
y: previewNode.position.y + (previewDimensions.height - nodeDimensions.height) / 2
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
function resolveSiblingCollisions(nodes, insertedNode, options) {
|
|
42
|
-
const siblingNodes = nodes.filter((node)=>node.parentId === insertedNode.parentId);
|
|
43
|
-
const resolvedSiblings = resolveCollisions(siblingNodes, options);
|
|
44
|
-
const resolvedSiblingsById = new Map(resolvedSiblings.map((node)=>[
|
|
45
|
-
node.id,
|
|
46
|
-
node
|
|
47
|
-
]));
|
|
48
|
-
return nodes.map((node)=>resolvedSiblingsById.get(node.id) ?? node);
|
|
49
|
-
}
|
|
50
|
-
function resolveNodePlacement(nodes, insertedNode, registry, ignoredNodeTypes, edges, loopSequencePlacement) {
|
|
51
|
-
const getNodeSize = (node)=>getManifestAwareNodeDimensions(registry, node);
|
|
52
|
-
if (!insertedNode.parentId) {
|
|
53
|
-
const resolvedNodes = resolveSiblingCollisions(nodes, insertedNode, {
|
|
54
|
-
ignoredNodeTypes,
|
|
55
|
-
getNodeSize
|
|
56
|
-
});
|
|
57
|
-
return {
|
|
58
|
-
nodes: resolvedNodes,
|
|
59
|
-
insertedNode: resolvedNodes.find((node)=>node.id === insertedNode.id) ?? insertedNode
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
const loopSequenceNodes = loopSequencePlacement ? resolveLoopSequenceMaterializedNodes({
|
|
63
|
-
nodes,
|
|
64
|
-
edges,
|
|
65
|
-
insertedNode,
|
|
66
|
-
placement: loopSequencePlacement,
|
|
67
|
-
getNodeSize
|
|
68
|
-
}) : null;
|
|
69
|
-
let resolvedNodes = loopSequenceNodes;
|
|
70
|
-
if (!resolvedNodes) resolvedNodes = resolveSiblingCollisions(nodes, insertedNode, {
|
|
71
|
-
ignoredNodeTypes,
|
|
72
|
-
getNodeSize
|
|
73
|
-
});
|
|
74
|
-
const fittedNodes = ensureContainersFitChildren(resolvedNodes, {
|
|
75
|
-
containerIds: [
|
|
76
|
-
insertedNode.parentId
|
|
77
|
-
],
|
|
78
|
-
getContainerFitGeometry: (node)=>getContainerFitGeometry(registry, node),
|
|
79
|
-
getNodeDimensions: getNodeSize,
|
|
80
|
-
ignoredNodeTypes,
|
|
81
|
-
includeAncestors: true
|
|
82
|
-
});
|
|
83
|
-
return {
|
|
84
|
-
nodes: fittedNodes,
|
|
85
|
-
insertedNode: fittedNodes.find((node)=>node.id === insertedNode.id) ?? insertedNode
|
|
86
|
-
};
|
|
87
|
-
}
|
|
88
10
|
const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData, onBeforeNodeAdded, onNodeAdded, ignoredNodeTypes })=>{
|
|
89
11
|
const reactFlowInstance = useReactFlow();
|
|
90
12
|
const registry = useOptionalNodeTypeRegistry();
|
|
@@ -120,49 +42,28 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
|
|
|
120
42
|
const handleNodeSelect = useCallback((nodeItem)=>{
|
|
121
43
|
const currentPreviewNode = reactFlowInstance.getNode(PREVIEW_NODE_ID);
|
|
122
44
|
if (!currentPreviewNode || !previewNodeConnectionInfo || 0 === previewNodeConnectionInfo.length) return;
|
|
123
|
-
const loopSequenceResolverOptions = createLoopSequenceResolverOptions(registry);
|
|
124
|
-
const loopSequencePlacement = getLoopSequencePlacementFromPreviewGraph(currentPreviewNode, previewNodeConnectionInfo, {
|
|
125
|
-
isLoopContainerId: (containerId)=>{
|
|
126
|
-
const containerNode = reactFlowInstance.getNode(containerId);
|
|
127
|
-
return containerNode ? loopSequenceResolverOptions.isLoopContainerNode?.(containerNode) ?? false : false;
|
|
128
|
-
}
|
|
129
|
-
});
|
|
130
45
|
const newNodeId = `${nodeItem.data.type}-${Date.now()}`;
|
|
131
46
|
const baseNodeData = createNodeData ? createNodeData(nodeItem) : {
|
|
132
47
|
label: nodeItem.name,
|
|
133
48
|
subLabel: nodeItem.description
|
|
134
49
|
};
|
|
135
|
-
const nodeData = {
|
|
50
|
+
const nodeData = currentPreviewNode.data?.useSmartHandles ? {
|
|
136
51
|
...baseNodeData,
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
} : {},
|
|
140
|
-
...currentPreviewNode.data?.useSmartHandles ? {
|
|
141
|
-
useSmartHandles: true
|
|
142
|
-
} : {}
|
|
143
|
-
};
|
|
52
|
+
useSmartHandles: true
|
|
53
|
+
} : baseNodeData;
|
|
144
54
|
const newNode = {
|
|
145
55
|
id: newNodeId,
|
|
146
56
|
type: nodeItem.data.type,
|
|
147
57
|
position: currentPreviewNode.position,
|
|
148
|
-
parentId: currentPreviewNode.parentId,
|
|
149
|
-
extent: currentPreviewNode.extent,
|
|
150
58
|
selected: true,
|
|
151
59
|
data: nodeData
|
|
152
60
|
};
|
|
153
|
-
const newNodeManifest = registry?.getManifest(nodeItem.data.type
|
|
154
|
-
const newNodeDimensions = getManifestAwareNodeDimensions(registry, newNode);
|
|
155
|
-
if (currentPreviewNode.parentId) newNode.position = centerNodeOnPreview(currentPreviewNode, newNodeDimensions);
|
|
156
|
-
else if (isLoopContainerManifest(newNodeManifest)) newNode.position = centerNodeVerticallyOnPreview(currentPreviewNode, newNodeDimensions);
|
|
61
|
+
const newNodeManifest = registry?.getManifest(nodeItem.data.type);
|
|
157
62
|
const newEdges = [];
|
|
158
63
|
const previewEdgeIds = [];
|
|
159
64
|
for (const connectionInfoItem of previewNodeConnectionInfo){
|
|
160
|
-
const
|
|
161
|
-
|
|
162
|
-
connection: connectionInfoItem,
|
|
163
|
-
connections: previewNodeConnectionInfo,
|
|
164
|
-
getDefaultHandle: (handleType)=>registry?.getDefaultHandle(newNodeManifest.nodeType, handleType, nodeItem.data.version)
|
|
165
|
-
}) : void 0;
|
|
65
|
+
const newNodeHandleType = connectionInfoItem.addNewNodeAsSource ? 'source' : 'target';
|
|
66
|
+
const newNodeDefaultHandle = newNodeManifest ? registry?.getDefaultHandle(newNodeManifest.nodeType, newNodeHandleType) : void 0;
|
|
166
67
|
const newNodeHandleId = newNodeDefaultHandle?.id;
|
|
167
68
|
const edgeSourceTargetData = connectionInfoItem.addNewNodeAsSource ? {
|
|
168
69
|
source: newNode.id,
|
|
@@ -187,7 +88,6 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
|
|
|
187
88
|
newNode,
|
|
188
89
|
newEdges
|
|
189
90
|
};
|
|
190
|
-
let resolvedFinalNode = finalNode;
|
|
191
91
|
reactFlowInstance.setNodes((nodes)=>{
|
|
192
92
|
const newNodes = [
|
|
193
93
|
...nodes.filter((n)=>n.id !== PREVIEW_NODE_ID).map((n)=>({
|
|
@@ -196,9 +96,9 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
|
|
|
196
96
|
})),
|
|
197
97
|
finalNode
|
|
198
98
|
];
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
99
|
+
return resolveCollisions(newNodes, {
|
|
100
|
+
ignoredNodeTypes
|
|
101
|
+
});
|
|
202
102
|
});
|
|
203
103
|
reactFlowInstance.setEdges((edges)=>[
|
|
204
104
|
...edges.filter((e)=>!previewEdgeIds.includes(e.id)),
|
|
@@ -206,12 +106,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
|
|
|
206
106
|
]);
|
|
207
107
|
const [firstConnection] = previewNodeConnectionInfo;
|
|
208
108
|
if (firstConnection) {
|
|
209
|
-
const firstEdgeSourceHandle = firstConnection.addNewNodeAsSource ? newNodeManifest &&
|
|
210
|
-
manifest: newNodeManifest,
|
|
211
|
-
connection: firstConnection,
|
|
212
|
-
connections: previewNodeConnectionInfo,
|
|
213
|
-
getDefaultHandle: (handleType)=>registry?.getDefaultHandle(newNodeManifest.nodeType, handleType, nodeItem.data.version)
|
|
214
|
-
})?.id : firstConnection.existingHandleId;
|
|
109
|
+
const firstEdgeSourceHandle = firstConnection.addNewNodeAsSource ? newNodeManifest && registry?.getDefaultHandle(newNodeManifest.nodeType, 'source')?.id : firstConnection.existingHandleId;
|
|
215
110
|
const firstEdgeData = firstConnection.addNewNodeAsSource ? {
|
|
216
111
|
source: finalNode.id,
|
|
217
112
|
sourceHandle: firstEdgeSourceHandle ?? 'output'
|
|
@@ -219,7 +114,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
|
|
|
219
114
|
source: firstConnection.existingNodeId,
|
|
220
115
|
sourceHandle: firstConnection.existingHandleId
|
|
221
116
|
};
|
|
222
|
-
onNodeAdded?.(firstEdgeData.source, firstEdgeData.sourceHandle,
|
|
117
|
+
onNodeAdded?.(firstEdgeData.source, firstEdgeData.sourceHandle, finalNode);
|
|
223
118
|
}
|
|
224
119
|
restoreEdgesRef.current = null;
|
|
225
120
|
handleClose();
|
|
@@ -27,34 +27,10 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
27
27
|
createAddNodePreview: ()=>createAddNodePreview
|
|
28
28
|
});
|
|
29
29
|
const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
|
|
30
|
-
const
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
if (
|
|
34
|
-
const loopPreview = (0, LoopNode_sequence_cjs_namespaceObject.resolveLoopAddNodePreview)({
|
|
35
|
-
sourceNodeId,
|
|
36
|
-
sourceHandleId,
|
|
37
|
-
reactFlowInstance,
|
|
38
|
-
resolverOptions
|
|
39
|
-
});
|
|
40
|
-
if ('create-preview' === loopPreview.action) return void (0, createPreviewGraph_cjs_namespaceObject.showPreviewGraph)({
|
|
41
|
-
sourceNodeId,
|
|
42
|
-
sourceHandleId,
|
|
43
|
-
reactFlowInstance,
|
|
44
|
-
sourceHandleType,
|
|
45
|
-
handlePosition,
|
|
46
|
-
ignoredNodeTypes,
|
|
47
|
-
...loopPreview.previewGraphOptions
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
(0, createPreviewGraph_cjs_namespaceObject.showPreviewGraph)({
|
|
51
|
-
sourceNodeId,
|
|
52
|
-
sourceHandleId,
|
|
53
|
-
reactFlowInstance,
|
|
54
|
-
sourceHandleType,
|
|
55
|
-
handlePosition,
|
|
56
|
-
ignoredNodeTypes
|
|
57
|
-
});
|
|
30
|
+
const createPreviewNode_cjs_namespaceObject = require("../../utils/createPreviewNode.cjs");
|
|
31
|
+
function createAddNodePreview(sourceNodeId, sourceHandleId, reactFlowInstance, handlePosition = react_cjs_namespaceObject.Position.Right, sourceHandleType = 'source', ignoredNodeTypes = []) {
|
|
32
|
+
const preview = (0, createPreviewNode_cjs_namespaceObject.createPreviewNode)(sourceNodeId, sourceHandleId, reactFlowInstance, void 0, void 0, sourceHandleType, void 0, handlePosition, ignoredNodeTypes);
|
|
33
|
+
if (preview) (0, createPreviewNode_cjs_namespaceObject.applyPreviewToReactFlow)(preview, reactFlowInstance);
|
|
58
34
|
}
|
|
59
35
|
exports.createAddNodePreview = __webpack_exports__.createAddNodePreview;
|
|
60
36
|
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { Position, type ReactFlowInstance } from '../../xyflow/react.ts';
|
|
2
|
-
|
|
3
|
-
export declare function createAddNodePreview(sourceNodeId: string, sourceHandleId: string, reactFlowInstance: ReactFlowInstance, handlePosition?: Position, sourceHandleType?: 'source' | 'target', ignoredNodeTypes?: string[], resolverOptions?: LoopSequenceResolverOptions): void;
|
|
2
|
+
export declare function createAddNodePreview(sourceNodeId: string, sourceHandleId: string, reactFlowInstance: ReactFlowInstance, handlePosition?: Position, sourceHandleType?: 'source' | 'target', ignoredNodeTypes?: string[]): void;
|
|
4
3
|
//# sourceMappingURL=createAddNodePreview.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAddNodePreview.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/createAddNodePreview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;
|
|
1
|
+
{"version":3,"file":"createAddNodePreview.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/createAddNodePreview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAa5F,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,MAAM,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,GAAE,QAAyB,EACzC,gBAAgB,GAAE,QAAQ,GAAG,QAAmB,EAChD,gBAAgB,GAAE,MAAM,EAAO,GAC9B,IAAI,CAiBN"}
|
|
@@ -1,31 +1,7 @@
|
|
|
1
1
|
import { Position } from "../../xyflow/react.js";
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
if (
|
|
6
|
-
const loopPreview = resolveLoopAddNodePreview({
|
|
7
|
-
sourceNodeId,
|
|
8
|
-
sourceHandleId,
|
|
9
|
-
reactFlowInstance,
|
|
10
|
-
resolverOptions
|
|
11
|
-
});
|
|
12
|
-
if ('create-preview' === loopPreview.action) return void showPreviewGraph({
|
|
13
|
-
sourceNodeId,
|
|
14
|
-
sourceHandleId,
|
|
15
|
-
reactFlowInstance,
|
|
16
|
-
sourceHandleType,
|
|
17
|
-
handlePosition,
|
|
18
|
-
ignoredNodeTypes,
|
|
19
|
-
...loopPreview.previewGraphOptions
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
showPreviewGraph({
|
|
23
|
-
sourceNodeId,
|
|
24
|
-
sourceHandleId,
|
|
25
|
-
reactFlowInstance,
|
|
26
|
-
sourceHandleType,
|
|
27
|
-
handlePosition,
|
|
28
|
-
ignoredNodeTypes
|
|
29
|
-
});
|
|
2
|
+
import { applyPreviewToReactFlow, createPreviewNode } from "../../utils/createPreviewNode.js";
|
|
3
|
+
function createAddNodePreview(sourceNodeId, sourceHandleId, reactFlowInstance, handlePosition = Position.Right, sourceHandleType = 'source', ignoredNodeTypes = []) {
|
|
4
|
+
const preview = createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, void 0, void 0, sourceHandleType, void 0, handlePosition, ignoredNodeTypes);
|
|
5
|
+
if (preview) applyPreviewToReactFlow(preview, reactFlowInstance);
|
|
30
6
|
}
|
|
31
7
|
export { createAddNodePreview };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"agent-flow.manifest.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AgentCanvas/agent-flow.manifest.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAMnF,eAAO,MAAM,mBAAmB,EAAE,gBAAgB,EAmBjD,CAAC;AAMF,eAAO,MAAM,2BAA2B,EAAE,YAsDzC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,YAqDrC,CAAC;AAMF,eAAO,MAAM,uBAAuB,EAAE,YAwBrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,YAwBlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,YAwBjC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,YAwBxC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,YAwBpC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,YAwBjC,CAAC;AAMF,eAAO,MAAM,iBAAiB
|
|
1
|
+
{"version":3,"file":"agent-flow.manifest.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AgentCanvas/agent-flow.manifest.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAMnF,eAAO,MAAM,mBAAmB,EAAE,gBAAgB,EAmBjD,CAAC;AAMF,eAAO,MAAM,2BAA2B,EAAE,YAsDzC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,YAqDrC,CAAC;AAMF,eAAO,MAAM,uBAAuB,EAAE,YAwBrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,YAwBlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,YAwBjC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,YAwBxC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,YAwBpC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,YAwBjC,CAAC;AAMF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa7B,CAAC"}
|
|
@@ -24,7 +24,6 @@ var __webpack_require__ = {};
|
|
|
24
24
|
var __webpack_exports__ = {};
|
|
25
25
|
__webpack_require__.r(__webpack_exports__);
|
|
26
26
|
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
selectIsConnecting: ()=>selectIsConnecting,
|
|
28
27
|
BaseNode: ()=>BaseNode
|
|
29
28
|
});
|
|
30
29
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
@@ -70,8 +69,7 @@ const getContainerHeight = (height, hasFooter, footerVariant)=>{
|
|
|
70
69
|
return height || external_constants_cjs_namespaceObject.NODE_HEIGHT_DEFAULT;
|
|
71
70
|
};
|
|
72
71
|
const BaseNodeComponent = (props)=>{
|
|
73
|
-
const { type, data, selected, id, dragging, width, height
|
|
74
|
-
const nodeVersion = (0, manifest_resolver_cjs_namespaceObject.getNodeTypeVersion)(data);
|
|
72
|
+
const { type, data, selected, id, dragging, width, height } = props;
|
|
75
73
|
const { onHandleAction: onHandleActionProp, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = (0, external_BaseNodeConfigContext_cjs_namespaceObject.useBaseNodeOverrideConfig)();
|
|
76
74
|
const updateNodeInternals = (0, react_cjs_namespaceObject.useUpdateNodeInternals)();
|
|
77
75
|
const { updateNodeData, updateNode } = (0, react_cjs_namespaceObject.useReactFlow)();
|
|
@@ -89,10 +87,9 @@ const BaseNodeComponent = (props)=>{
|
|
|
89
87
|
const isConnecting = (0, react_cjs_namespaceObject.useStore)(selectIsConnecting);
|
|
90
88
|
const { multipleNodesSelected } = (0, SelectionStateContext_cjs_namespaceObject.useSelectionState)();
|
|
91
89
|
const { isDarkMode } = (0, CanvasThemeContext_cjs_namespaceObject.useCanvasTheme)();
|
|
92
|
-
const manifest = (0, external_react_namespaceObject.useMemo)(()=>nodeTypeRegistry.getManifest(type
|
|
90
|
+
const manifest = (0, external_react_namespaceObject.useMemo)(()=>nodeTypeRegistry.getManifest(type), [
|
|
93
91
|
type,
|
|
94
|
-
nodeTypeRegistry
|
|
95
|
-
nodeVersion
|
|
92
|
+
nodeTypeRegistry
|
|
96
93
|
]);
|
|
97
94
|
const statusContext = (0, external_react_namespaceObject.useMemo)(()=>({
|
|
98
95
|
nodeId: id,
|
|
@@ -343,8 +340,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
343
340
|
showNotches,
|
|
344
341
|
nodeWidth: width,
|
|
345
342
|
nodeHeight: height,
|
|
346
|
-
shouldShowAddButtonFn
|
|
347
|
-
portalActions: !!parentId
|
|
343
|
+
shouldShowAddButtonFn
|
|
348
344
|
});
|
|
349
345
|
const smartHandleElements = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
350
346
|
if (!useSmartHandles) return null;
|
|
@@ -489,10 +485,8 @@ const BaseNodeComponent = (props)=>{
|
|
|
489
485
|
};
|
|
490
486
|
const BaseNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(BaseNodeComponent);
|
|
491
487
|
exports.BaseNode = __webpack_exports__.BaseNode;
|
|
492
|
-
exports.selectIsConnecting = __webpack_exports__.selectIsConnecting;
|
|
493
488
|
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
494
|
-
"BaseNode"
|
|
495
|
-
"selectIsConnecting"
|
|
489
|
+
"BaseNode"
|
|
496
490
|
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
497
491
|
Object.defineProperty(exports, '__esModule', {
|
|
498
492
|
value: true
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import type { Node, NodeProps
|
|
1
|
+
import type { Node, NodeProps } from '../../xyflow/react.ts';
|
|
2
2
|
import type { BaseNodeData } from './BaseNode.types';
|
|
3
|
-
export declare const selectIsConnecting: (state: ReactFlowState) => boolean;
|
|
4
3
|
export declare const BaseNode: import("react").MemoExoticComponent<(props: NodeProps<Node<BaseNodeData>>) => import("react/jsx-runtime").JSX.Element>;
|
|
5
4
|
//# sourceMappingURL=BaseNode.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAkB,MAAM,0CAA0C,CAAC;AAsChG,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AA+nB1B,eAAO,MAAM,QAAQ,8CAllBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAklBhB,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { useNodeTypeRegistry } from "../../core/index.js";
|
|
|
6
6
|
import { useElementValidationStatus, useNodeExecutionState } from "../../hooks/index.js";
|
|
7
7
|
import { resolveAdornments } from "../../utils/adornment-resolver.js";
|
|
8
8
|
import { getIcon } from "../../utils/icon-registry.js";
|
|
9
|
-
import {
|
|
9
|
+
import { resolveDisplay, resolveHandles } from "../../utils/manifest-resolver.js";
|
|
10
10
|
import { resolveToolbar } from "../../utils/toolbar-resolver.js";
|
|
11
11
|
import { useBaseCanvasMode } from "../BaseCanvas/BaseCanvasModeProvider.js";
|
|
12
12
|
import { useCanvasTheme } from "../BaseCanvas/CanvasThemeContext.js";
|
|
@@ -41,8 +41,7 @@ const getContainerHeight = (height, hasFooter, footerVariant)=>{
|
|
|
41
41
|
return height || NODE_HEIGHT_DEFAULT;
|
|
42
42
|
};
|
|
43
43
|
const BaseNodeComponent = (props)=>{
|
|
44
|
-
const { type, data, selected, id, dragging, width, height
|
|
45
|
-
const nodeVersion = getNodeTypeVersion(data);
|
|
44
|
+
const { type, data, selected, id, dragging, width, height } = props;
|
|
46
45
|
const { onHandleAction: onHandleActionProp, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = useBaseNodeOverrideConfig();
|
|
47
46
|
const updateNodeInternals = useUpdateNodeInternals();
|
|
48
47
|
const { updateNodeData, updateNode } = useReactFlow();
|
|
@@ -60,10 +59,9 @@ const BaseNodeComponent = (props)=>{
|
|
|
60
59
|
const isConnecting = useStore(selectIsConnecting);
|
|
61
60
|
const { multipleNodesSelected } = useSelectionState();
|
|
62
61
|
const { isDarkMode } = useCanvasTheme();
|
|
63
|
-
const manifest = useMemo(()=>nodeTypeRegistry.getManifest(type
|
|
62
|
+
const manifest = useMemo(()=>nodeTypeRegistry.getManifest(type), [
|
|
64
63
|
type,
|
|
65
|
-
nodeTypeRegistry
|
|
66
|
-
nodeVersion
|
|
64
|
+
nodeTypeRegistry
|
|
67
65
|
]);
|
|
68
66
|
const statusContext = useMemo(()=>({
|
|
69
67
|
nodeId: id,
|
|
@@ -314,8 +312,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
314
312
|
showNotches,
|
|
315
313
|
nodeWidth: width,
|
|
316
314
|
nodeHeight: height,
|
|
317
|
-
shouldShowAddButtonFn
|
|
318
|
-
portalActions: !!parentId
|
|
315
|
+
shouldShowAddButtonFn
|
|
319
316
|
});
|
|
320
317
|
const smartHandleElements = useMemo(()=>{
|
|
321
318
|
if (!useSmartHandles) return null;
|
|
@@ -459,4 +456,4 @@ const BaseNodeComponent = (props)=>{
|
|
|
459
456
|
return nodeContent;
|
|
460
457
|
};
|
|
461
458
|
const BaseNode = /*#__PURE__*/ memo(BaseNodeComponent);
|
|
462
|
-
export { BaseNode
|
|
459
|
+
export { BaseNode };
|
|
@@ -3,9 +3,6 @@ import type { ExecutionState } from '../../types/execution';
|
|
|
3
3
|
import type { ValidationState } from '../../types/validation';
|
|
4
4
|
export type FooterVariant = 'none' | 'button' | 'single' | 'double';
|
|
5
5
|
export interface BaseNodeData extends Record<string, unknown> {
|
|
6
|
-
nodeType?: string;
|
|
7
|
-
typeVersion?: string;
|
|
8
|
-
parameters?: Record<string, unknown>;
|
|
9
6
|
display?: {
|
|
10
7
|
label?: string;
|
|
11
8
|
subLabel?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEpE,MAAM,WAAW,YAAa,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3D,
|
|
1
|
+
{"version":3,"file":"BaseNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEpE,MAAM,WAAW,YAAa,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3D,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAOF,eAAe,CAAC,EAAE,OAAO,CAAC;IAM1B,WAAW,CAAC,EAAE,OAAO,CAAC;IAOtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
|