@uipath/apollo-react 4.12.1-pr556.9394355 → 4.12.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/canvas/components/AddNodePanel/AddNodeManager.cjs +7 -26
- package/dist/canvas/components/AddNodePanel/AddNodeManager.d.ts.map +1 -1
- package/dist/canvas/components/AddNodePanel/AddNodeManager.js +7 -26
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.cjs +2 -2
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.d.ts +1 -8
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.d.ts.map +1 -1
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.js +2 -2
- package/dist/canvas/components/AgentCanvas/agent-flow.manifest.d.ts +0 -1
- package/dist/canvas/components/AgentCanvas/agent-flow.manifest.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.cjs +3 -8
- package/dist/canvas/components/BaseNode/BaseNode.d.ts +1 -2
- package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.js +3 -5
- package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs +34 -115
- package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts +2 -4
- package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/ButtonHandle.js +36 -117
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.cjs +1 -48
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts +0 -4
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.js +1 -36
- package/dist/canvas/components/ButtonHandle/SmartHandle.cjs +1 -1
- package/dist/canvas/components/ButtonHandle/SmartHandle.js +1 -1
- package/dist/canvas/components/Edges/SequenceEdge.cjs +2 -3
- package/dist/canvas/components/Edges/SequenceEdge.d.ts +2 -11
- package/dist/canvas/components/Edges/SequenceEdge.d.ts.map +1 -1
- package/dist/canvas/components/Edges/SequenceEdge.js +3 -4
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.cjs +10 -20
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.d.ts +0 -2
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.d.ts.map +1 -1
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.js +11 -21
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.cjs +8 -5
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.d.ts.map +1 -1
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.js +8 -5
- package/dist/canvas/components/StageNode/DraggableTask.cjs +3 -2
- package/dist/canvas/components/StageNode/DraggableTask.js +3 -2
- package/dist/canvas/components/StageNode/DraggableTask.types.d.ts +1 -1
- package/dist/canvas/components/StageNode/DraggableTask.types.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.cjs +11 -25
- package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.d.ts +5 -5
- package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.js +11 -25
- package/dist/canvas/components/StageNode/StageNodeAllTaskGroups.cjs +50 -7
- package/dist/canvas/components/StageNode/StageNodeAllTaskGroups.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeAllTaskGroups.js +50 -7
- package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.cjs +11 -25
- package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.d.ts +5 -5
- package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.js +11 -25
- package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.cjs +27 -20
- package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.d.ts +6 -5
- package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.js +28 -21
- package/dist/canvas/components/StageNode/StageNodeTaskUtilities.cjs +11 -11
- package/dist/canvas/components/StageNode/StageNodeTaskUtilities.d.ts +11 -1
- package/dist/canvas/components/StageNode/StageNodeTaskUtilities.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeTaskUtilities.js +11 -11
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.cjs +18 -20
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts +1 -2
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts.map +1 -1
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.js +19 -21
- package/dist/canvas/components/index.cjs +20 -27
- package/dist/canvas/components/index.d.ts +0 -1
- package/dist/canvas/components/index.d.ts.map +1 -1
- package/dist/canvas/components/index.js +0 -1
- package/dist/canvas/core/NodeTypeRegistry.cjs +23 -41
- package/dist/canvas/core/NodeTypeRegistry.d.ts +4 -8
- package/dist/canvas/core/NodeTypeRegistry.d.ts.map +1 -1
- package/dist/canvas/core/NodeTypeRegistry.js +23 -41
- package/dist/canvas/core/useNodeTypeRegistry.cjs +3 -4
- package/dist/canvas/core/useNodeTypeRegistry.d.ts +1 -1
- package/dist/canvas/core/useNodeTypeRegistry.d.ts.map +1 -1
- package/dist/canvas/core/useNodeTypeRegistry.js +3 -4
- package/dist/canvas/hooks/useAddNodeOnConnectEnd.cjs +3 -4
- package/dist/canvas/hooks/useAddNodeOnConnectEnd.d.ts.map +1 -1
- package/dist/canvas/hooks/useAddNodeOnConnectEnd.js +3 -4
- package/dist/canvas/hooks/usePreviewNode.cjs +2 -4
- package/dist/canvas/hooks/usePreviewNode.d.ts.map +1 -1
- package/dist/canvas/hooks/usePreviewNode.js +2 -4
- package/dist/canvas/schema/node-definition/handle.cjs +2 -10
- package/dist/canvas/schema/node-definition/handle.d.ts +0 -9
- package/dist/canvas/schema/node-definition/handle.d.ts.map +1 -1
- package/dist/canvas/schema/node-definition/handle.js +1 -6
- package/dist/canvas/schema/node-definition/index.cjs +1 -4
- package/dist/canvas/schema/node-definition/index.d.ts +3 -3
- package/dist/canvas/schema/node-definition/index.d.ts.map +1 -1
- package/dist/canvas/schema/node-definition/index.js +2 -2
- package/dist/canvas/schema/node-definition/node-manifest.d.ts +0 -4
- package/dist/canvas/schema/node-definition/node-manifest.d.ts.map +1 -1
- package/dist/canvas/storybook-utils/manifests/index.d.ts +0 -1
- package/dist/canvas/storybook-utils/manifests/index.d.ts.map +1 -1
- package/dist/canvas/storybook-utils/manifests/node-definitions.d.ts.map +1 -1
- package/dist/canvas/styles/tailwind.canvas.css +1 -1
- package/dist/canvas/utils/createPreviewNode.cjs +13 -29
- package/dist/canvas/utils/createPreviewNode.d.ts +1 -5
- package/dist/canvas/utils/createPreviewNode.d.ts.map +1 -1
- package/dist/canvas/utils/createPreviewNode.js +13 -23
- package/dist/canvas/utils/index.cjs +26 -33
- package/dist/canvas/utils/index.d.ts +1 -2
- package/dist/canvas/utils/index.d.ts.map +1 -1
- package/dist/canvas/utils/index.js +1 -2
- package/package.json +1 -1
- package/dist/canvas/components/LoopNode/LoopCanvasNode.cjs +0 -80
- package/dist/canvas/components/LoopNode/LoopCanvasNode.d.ts +0 -6
- package/dist/canvas/components/LoopNode/LoopCanvasNode.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopCanvasNode.js +0 -46
- package/dist/canvas/components/LoopNode/LoopNode.cjs +0 -440
- package/dist/canvas/components/LoopNode/LoopNode.constants.cjs +0 -77
- package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts +0 -12
- package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.constants.js +0 -13
- package/dist/canvas/components/LoopNode/LoopNode.d.ts +0 -5
- package/dist/canvas/components/LoopNode/LoopNode.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.helpers.cjs +0 -110
- package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts +0 -19
- package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.helpers.js +0 -70
- package/dist/canvas/components/LoopNode/LoopNode.js +0 -406
- package/dist/canvas/components/LoopNode/LoopNode.types.cjs +0 -18
- package/dist/canvas/components/LoopNode/LoopNode.types.d.ts +0 -16
- package/dist/canvas/components/LoopNode/LoopNode.types.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.types.js +0 -0
- package/dist/canvas/components/LoopNode/LoopNodePreview.cjs +0 -81
- package/dist/canvas/components/LoopNode/LoopNodePreview.d.ts +0 -8
- package/dist/canvas/components/LoopNode/LoopNodePreview.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNodePreview.js +0 -44
- package/dist/canvas/components/LoopNode/index.cjs +0 -72
- package/dist/canvas/components/LoopNode/index.d.ts +0 -4
- package/dist/canvas/components/LoopNode/index.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/index.js +0 -3
- package/dist/canvas/utils/createPreviewGraph.cjs +0 -94
- package/dist/canvas/utils/createPreviewGraph.d.ts +0 -24
- package/dist/canvas/utils/createPreviewGraph.d.ts.map +0 -1
- package/dist/canvas/utils/createPreviewGraph.js +0 -51
|
@@ -24,15 +24,12 @@ var __webpack_require__ = {};
|
|
|
24
24
|
var __webpack_exports__ = {};
|
|
25
25
|
__webpack_require__.r(__webpack_exports__);
|
|
26
26
|
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
applyPreviewGraphToReactFlow: ()=>applyPreviewGraphToReactFlow,
|
|
28
|
-
removePreviewFromReactFlow: ()=>removePreviewFromReactFlow,
|
|
29
27
|
applyPreviewToReactFlow: ()=>applyPreviewToReactFlow,
|
|
30
|
-
|
|
28
|
+
removePreviewFromReactFlow: ()=>removePreviewFromReactFlow,
|
|
31
29
|
createPreviewNode: ()=>createPreviewNode
|
|
32
30
|
});
|
|
33
31
|
const react_cjs_namespaceObject = require("../xyflow/react.cjs");
|
|
34
32
|
const external_constants_cjs_namespaceObject = require("../constants.cjs");
|
|
35
|
-
const external_createPreviewGraph_cjs_namespaceObject = require("./createPreviewGraph.cjs");
|
|
36
33
|
const external_NodeUtils_cjs_namespaceObject = require("./NodeUtils.cjs");
|
|
37
34
|
function getOppositePosition(position) {
|
|
38
35
|
switch(position){
|
|
@@ -77,12 +74,6 @@ function calculatePositionFromDrop(dropPosition, handlePosition, previewNodeSize
|
|
|
77
74
|
};
|
|
78
75
|
}
|
|
79
76
|
}
|
|
80
|
-
function calculateCenteredPosition(centerPosition, previewNodeSize) {
|
|
81
|
-
return {
|
|
82
|
-
x: centerPosition.x - previewNodeSize.width / 2,
|
|
83
|
-
y: centerPosition.y - previewNodeSize.height / 2
|
|
84
|
-
};
|
|
85
|
-
}
|
|
86
77
|
function computeSpreadOffset(handle, size) {
|
|
87
78
|
const index = handle?.index ?? null;
|
|
88
79
|
const count = handle?.count ?? 1;
|
|
@@ -148,7 +139,7 @@ function calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, exis
|
|
|
148
139
|
function createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, position, data, sourceHandleType = 'source', previewNodeSize = {
|
|
149
140
|
width: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE,
|
|
150
141
|
height: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE
|
|
151
|
-
}, handlePosition = react_cjs_namespaceObject.Position.Right, ignoredNodeTypes = []
|
|
142
|
+
}, handlePosition = react_cjs_namespaceObject.Position.Right, ignoredNodeTypes = []) {
|
|
152
143
|
const sourceNode = reactFlowInstance.getNode(sourceNodeId);
|
|
153
144
|
if (!sourceNode) {
|
|
154
145
|
console.warn(`Source node ${sourceNodeId} not found`);
|
|
@@ -158,7 +149,7 @@ function createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, posi
|
|
|
158
149
|
const existingNodes = reactFlowInstance.getNodes().filter((n)=>n.id !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID);
|
|
159
150
|
const internalNode = void 0 === position ? reactFlowInstance.getInternalNode(sourceNodeId) : void 0;
|
|
160
151
|
const handle = internalNode ? (0, external_NodeUtils_cjs_namespaceObject.resolveHandleContext)(internalNode, sourceHandleId, handlePosition) : void 0;
|
|
161
|
-
const nodePosition = position ?
|
|
152
|
+
const nodePosition = position ? calculatePositionFromDrop(position, handlePosition, previewNodeSize) : calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, existingNodes, void 0, ignoredNodeTypes, handle);
|
|
162
153
|
const handleFacingSource = getOppositePosition(handlePosition);
|
|
163
154
|
const finalData = {
|
|
164
155
|
...data ?? {}
|
|
@@ -188,14 +179,19 @@ function createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, posi
|
|
|
188
179
|
id: external_constants_cjs_namespaceObject.PREVIEW_EDGE_ID,
|
|
189
180
|
...previewSourceAndTargetData,
|
|
190
181
|
type: 'default',
|
|
191
|
-
style:
|
|
182
|
+
style: {
|
|
183
|
+
strokeDasharray: '5,5',
|
|
184
|
+
opacity: 0.8,
|
|
185
|
+
stroke: 'var(--canvas-selection-indicator)',
|
|
186
|
+
strokeWidth: 2
|
|
187
|
+
}
|
|
192
188
|
};
|
|
193
189
|
return {
|
|
194
190
|
node: previewNode,
|
|
195
191
|
edge: previewEdge
|
|
196
192
|
};
|
|
197
193
|
}
|
|
198
|
-
function
|
|
194
|
+
function applyPreviewToReactFlow(preview, reactFlowInstance) {
|
|
199
195
|
setTimeout(()=>{
|
|
200
196
|
reactFlowInstance.setNodes((nodes)=>[
|
|
201
197
|
...nodes.filter((n)=>n.id !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID).map((n)=>({
|
|
@@ -205,33 +201,21 @@ function applyPreviewGraphToReactFlow(preview, reactFlowInstance) {
|
|
|
205
201
|
preview.node
|
|
206
202
|
]);
|
|
207
203
|
reactFlowInstance.setEdges((edges)=>[
|
|
208
|
-
...edges.filter((
|
|
209
|
-
|
|
204
|
+
...edges.filter((e)=>e.id !== external_constants_cjs_namespaceObject.PREVIEW_EDGE_ID),
|
|
205
|
+
preview.edge
|
|
210
206
|
]);
|
|
211
207
|
}, 0);
|
|
212
208
|
}
|
|
213
|
-
function applyPreviewToReactFlow(preview, reactFlowInstance) {
|
|
214
|
-
applyPreviewGraphToReactFlow({
|
|
215
|
-
node: preview.node,
|
|
216
|
-
edges: [
|
|
217
|
-
preview.edge
|
|
218
|
-
]
|
|
219
|
-
}, reactFlowInstance);
|
|
220
|
-
}
|
|
221
209
|
function removePreviewFromReactFlow(reactFlowInstance) {
|
|
222
210
|
reactFlowInstance.setNodes((nodes)=>nodes.filter((n)=>n.id !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID));
|
|
223
|
-
reactFlowInstance.setEdges((edges)=>edges.filter((
|
|
211
|
+
reactFlowInstance.setEdges((edges)=>edges.filter((e)=>e.id !== external_constants_cjs_namespaceObject.PREVIEW_EDGE_ID));
|
|
224
212
|
}
|
|
225
|
-
exports.applyPreviewGraphToReactFlow = __webpack_exports__.applyPreviewGraphToReactFlow;
|
|
226
213
|
exports.applyPreviewToReactFlow = __webpack_exports__.applyPreviewToReactFlow;
|
|
227
214
|
exports.createPreviewNode = __webpack_exports__.createPreviewNode;
|
|
228
|
-
exports.getOppositePosition = __webpack_exports__.getOppositePosition;
|
|
229
215
|
exports.removePreviewFromReactFlow = __webpack_exports__.removePreviewFromReactFlow;
|
|
230
216
|
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
231
|
-
"applyPreviewGraphToReactFlow",
|
|
232
217
|
"applyPreviewToReactFlow",
|
|
233
218
|
"createPreviewNode",
|
|
234
|
-
"getOppositePosition",
|
|
235
219
|
"removePreviewFromReactFlow"
|
|
236
220
|
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
237
221
|
Object.defineProperty(exports, '__esModule', {
|
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
import { type Edge, type Node, Position, type ReactFlowInstance } from '../xyflow/react.ts';
|
|
2
|
-
import { type PreviewGraph } from './createPreviewGraph';
|
|
3
|
-
export type PreviewNodePositionMode = 'drop' | 'center';
|
|
4
|
-
export declare function getOppositePosition(position: Position): Position;
|
|
5
2
|
export declare function createPreviewNode(sourceNodeId: string, sourceHandleId: string, reactFlowInstance: ReactFlowInstance, position?: {
|
|
6
3
|
x: number;
|
|
7
4
|
y: number;
|
|
8
5
|
}, data?: Record<string, any>, sourceHandleType?: 'source' | 'target', previewNodeSize?: {
|
|
9
6
|
width: number;
|
|
10
7
|
height: number;
|
|
11
|
-
}, handlePosition?: Position, ignoredNodeTypes?: string[]
|
|
8
|
+
}, handlePosition?: Position, ignoredNodeTypes?: string[]): {
|
|
12
9
|
node: Node;
|
|
13
10
|
edge: Edge;
|
|
14
11
|
} | null;
|
|
15
|
-
export declare function applyPreviewGraphToReactFlow(preview: PreviewGraph, reactFlowInstance: ReactFlowInstance): void;
|
|
16
12
|
export declare function applyPreviewToReactFlow(preview: {
|
|
17
13
|
node: Node;
|
|
18
14
|
edge: Edge;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createPreviewNode.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/createPreviewNode.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,iBAAiB,EACvB,MAAM,0CAA0C,CAAC;
|
|
1
|
+
{"version":3,"file":"createPreviewNode.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/createPreviewNode.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,iBAAiB,EACvB,MAAM,0CAA0C,CAAC;AAiMlD,wBAAgB,iBAAiB,CAC/B,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,MAAM,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,CAAC,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACnC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,gBAAgB,GAAE,QAAQ,GAAG,QAAmB,EAChD,eAAe,GAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAG/C,EACD,cAAc,GAAE,QAAyB,EACzC,gBAAgB,GAAE,MAAM,EAAO,GAC9B;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,GAAG,IAAI,CA2FnC;AAMD,wBAAgB,uBAAuB,CACrC,OAAO,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,EACnC,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,CAcN;AAKD,wBAAgB,0BAA0B,CAAC,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAGrF"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { Position } from "../xyflow/react.js";
|
|
2
2
|
import { DEFAULT_NODE_SIZE, GRID_SPACING, PREVIEW_EDGE_ID, PREVIEW_NODE_ID } from "../constants.js";
|
|
3
|
-
import { PREVIEW_EDGE_STYLE } from "./createPreviewGraph.js";
|
|
4
3
|
import { getAbsolutePosition, getNonOverlappingPositionForDirection, resolveHandleContext } from "./NodeUtils.js";
|
|
5
4
|
function getOppositePosition(position) {
|
|
6
5
|
switch(position){
|
|
@@ -45,12 +44,6 @@ function calculatePositionFromDrop(dropPosition, handlePosition, previewNodeSize
|
|
|
45
44
|
};
|
|
46
45
|
}
|
|
47
46
|
}
|
|
48
|
-
function calculateCenteredPosition(centerPosition, previewNodeSize) {
|
|
49
|
-
return {
|
|
50
|
-
x: centerPosition.x - previewNodeSize.width / 2,
|
|
51
|
-
y: centerPosition.y - previewNodeSize.height / 2
|
|
52
|
-
};
|
|
53
|
-
}
|
|
54
47
|
function computeSpreadOffset(handle, size) {
|
|
55
48
|
const index = handle?.index ?? null;
|
|
56
49
|
const count = handle?.count ?? 1;
|
|
@@ -116,7 +109,7 @@ function calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, exis
|
|
|
116
109
|
function createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, position, data, sourceHandleType = 'source', previewNodeSize = {
|
|
117
110
|
width: DEFAULT_NODE_SIZE,
|
|
118
111
|
height: DEFAULT_NODE_SIZE
|
|
119
|
-
}, handlePosition = Position.Right, ignoredNodeTypes = []
|
|
112
|
+
}, handlePosition = Position.Right, ignoredNodeTypes = []) {
|
|
120
113
|
const sourceNode = reactFlowInstance.getNode(sourceNodeId);
|
|
121
114
|
if (!sourceNode) {
|
|
122
115
|
console.warn(`Source node ${sourceNodeId} not found`);
|
|
@@ -126,7 +119,7 @@ function createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, posi
|
|
|
126
119
|
const existingNodes = reactFlowInstance.getNodes().filter((n)=>n.id !== PREVIEW_NODE_ID);
|
|
127
120
|
const internalNode = void 0 === position ? reactFlowInstance.getInternalNode(sourceNodeId) : void 0;
|
|
128
121
|
const handle = internalNode ? resolveHandleContext(internalNode, sourceHandleId, handlePosition) : void 0;
|
|
129
|
-
const nodePosition = position ?
|
|
122
|
+
const nodePosition = position ? calculatePositionFromDrop(position, handlePosition, previewNodeSize) : calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, existingNodes, void 0, ignoredNodeTypes, handle);
|
|
130
123
|
const handleFacingSource = getOppositePosition(handlePosition);
|
|
131
124
|
const finalData = {
|
|
132
125
|
...data ?? {}
|
|
@@ -156,14 +149,19 @@ function createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, posi
|
|
|
156
149
|
id: PREVIEW_EDGE_ID,
|
|
157
150
|
...previewSourceAndTargetData,
|
|
158
151
|
type: 'default',
|
|
159
|
-
style:
|
|
152
|
+
style: {
|
|
153
|
+
strokeDasharray: '5,5',
|
|
154
|
+
opacity: 0.8,
|
|
155
|
+
stroke: 'var(--canvas-selection-indicator)',
|
|
156
|
+
strokeWidth: 2
|
|
157
|
+
}
|
|
160
158
|
};
|
|
161
159
|
return {
|
|
162
160
|
node: previewNode,
|
|
163
161
|
edge: previewEdge
|
|
164
162
|
};
|
|
165
163
|
}
|
|
166
|
-
function
|
|
164
|
+
function applyPreviewToReactFlow(preview, reactFlowInstance) {
|
|
167
165
|
setTimeout(()=>{
|
|
168
166
|
reactFlowInstance.setNodes((nodes)=>[
|
|
169
167
|
...nodes.filter((n)=>n.id !== PREVIEW_NODE_ID).map((n)=>({
|
|
@@ -173,21 +171,13 @@ function applyPreviewGraphToReactFlow(preview, reactFlowInstance) {
|
|
|
173
171
|
preview.node
|
|
174
172
|
]);
|
|
175
173
|
reactFlowInstance.setEdges((edges)=>[
|
|
176
|
-
...edges.filter((
|
|
177
|
-
|
|
174
|
+
...edges.filter((e)=>e.id !== PREVIEW_EDGE_ID),
|
|
175
|
+
preview.edge
|
|
178
176
|
]);
|
|
179
177
|
}, 0);
|
|
180
178
|
}
|
|
181
|
-
function applyPreviewToReactFlow(preview, reactFlowInstance) {
|
|
182
|
-
applyPreviewGraphToReactFlow({
|
|
183
|
-
node: preview.node,
|
|
184
|
-
edges: [
|
|
185
|
-
preview.edge
|
|
186
|
-
]
|
|
187
|
-
}, reactFlowInstance);
|
|
188
|
-
}
|
|
189
179
|
function removePreviewFromReactFlow(reactFlowInstance) {
|
|
190
180
|
reactFlowInstance.setNodes((nodes)=>nodes.filter((n)=>n.id !== PREVIEW_NODE_ID));
|
|
191
|
-
reactFlowInstance.setEdges((edges)=>edges.filter((
|
|
181
|
+
reactFlowInstance.setEdges((edges)=>edges.filter((e)=>e.id !== PREVIEW_EDGE_ID));
|
|
192
182
|
}
|
|
193
|
-
export {
|
|
183
|
+
export { applyPreviewToReactFlow, createPreviewNode, removePreviewFromReactFlow };
|
|
@@ -36,9 +36,6 @@ var __webpack_modules__ = {
|
|
|
36
36
|
"./constraint-validator" (module) {
|
|
37
37
|
module.exports = require("./constraint-validator.cjs");
|
|
38
38
|
},
|
|
39
|
-
"./createPreviewGraph" (module) {
|
|
40
|
-
module.exports = require("./createPreviewGraph.cjs");
|
|
41
|
-
},
|
|
42
39
|
"./createPreviewNode" (module) {
|
|
43
40
|
module.exports = require("./createPreviewNode.cjs");
|
|
44
41
|
},
|
|
@@ -117,65 +114,61 @@ var __webpack_exports__ = {};
|
|
|
117
114
|
var __rspack_reexport = {};
|
|
118
115
|
for(const __rspack_import_key in _CssUtil__rspack_import_3)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CssUtil__rspack_import_3[__rspack_import_key];
|
|
119
116
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
120
|
-
var
|
|
117
|
+
var _collapse__rspack_import_4 = __webpack_require__("./collapse");
|
|
121
118
|
var __rspack_reexport = {};
|
|
122
|
-
for(const __rspack_import_key in
|
|
119
|
+
for(const __rspack_import_key in _collapse__rspack_import_4)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_collapse__rspack_import_4[__rspack_import_key];
|
|
123
120
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
124
|
-
var
|
|
121
|
+
var _coded_agents_d3_layout__rspack_import_5 = __webpack_require__("./coded-agents/d3-layout");
|
|
125
122
|
var __rspack_reexport = {};
|
|
126
|
-
for(const __rspack_import_key in
|
|
123
|
+
for(const __rspack_import_key in _coded_agents_d3_layout__rspack_import_5)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_coded_agents_d3_layout__rspack_import_5[__rspack_import_key];
|
|
127
124
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
128
|
-
var
|
|
125
|
+
var _coded_agents_mermaid_parser__rspack_import_6 = __webpack_require__("./coded-agents/mermaid-parser");
|
|
129
126
|
var __rspack_reexport = {};
|
|
130
|
-
for(const __rspack_import_key in
|
|
127
|
+
for(const __rspack_import_key in _coded_agents_mermaid_parser__rspack_import_6)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_coded_agents_mermaid_parser__rspack_import_6[__rspack_import_key];
|
|
131
128
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
132
129
|
var _constraint_validator__rspack_import_7 = __webpack_require__("./constraint-validator");
|
|
133
130
|
var __rspack_reexport = {};
|
|
134
131
|
for(const __rspack_import_key in _constraint_validator__rspack_import_7)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_constraint_validator__rspack_import_7[__rspack_import_key];
|
|
135
132
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
136
|
-
var
|
|
137
|
-
var __rspack_reexport = {};
|
|
138
|
-
for(const __rspack_import_key in _createPreviewGraph__rspack_import_8)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_createPreviewGraph__rspack_import_8[__rspack_import_key];
|
|
139
|
-
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
140
|
-
var _createPreviewNode__rspack_import_9 = __webpack_require__("./createPreviewNode");
|
|
133
|
+
var _createPreviewNode__rspack_import_8 = __webpack_require__("./createPreviewNode");
|
|
141
134
|
var __rspack_reexport = {};
|
|
142
|
-
for(const __rspack_import_key in
|
|
135
|
+
for(const __rspack_import_key in _createPreviewNode__rspack_import_8)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_createPreviewNode__rspack_import_8[__rspack_import_key];
|
|
143
136
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
144
|
-
var
|
|
137
|
+
var _export_canvas__rspack_import_9 = __webpack_require__("./export-canvas");
|
|
145
138
|
var __rspack_reexport = {};
|
|
146
|
-
for(const __rspack_import_key in
|
|
139
|
+
for(const __rspack_import_key in _export_canvas__rspack_import_9)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_export_canvas__rspack_import_9[__rspack_import_key];
|
|
147
140
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
148
|
-
var
|
|
141
|
+
var _GroupModificationUtils__rspack_import_10 = __webpack_require__("./GroupModificationUtils");
|
|
149
142
|
var __rspack_reexport = {};
|
|
150
|
-
for(const __rspack_import_key in
|
|
143
|
+
for(const __rspack_import_key in _GroupModificationUtils__rspack_import_10)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_GroupModificationUtils__rspack_import_10[__rspack_import_key];
|
|
151
144
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
152
|
-
var
|
|
145
|
+
var _icon_registry__rspack_import_11 = __webpack_require__("./icon-registry");
|
|
153
146
|
var __rspack_reexport = {};
|
|
154
|
-
for(const __rspack_import_key in
|
|
147
|
+
for(const __rspack_import_key in _icon_registry__rspack_import_11)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_icon_registry__rspack_import_11[__rspack_import_key];
|
|
155
148
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
156
|
-
var
|
|
149
|
+
var _manifest_resolver__rspack_import_12 = __webpack_require__("./manifest-resolver");
|
|
157
150
|
var __rspack_reexport = {};
|
|
158
|
-
for(const __rspack_import_key in
|
|
151
|
+
for(const __rspack_import_key in _manifest_resolver__rspack_import_12)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_manifest_resolver__rspack_import_12[__rspack_import_key];
|
|
159
152
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
160
|
-
var
|
|
153
|
+
var _NodeUtils__rspack_import_13 = __webpack_require__("./NodeUtils");
|
|
161
154
|
var __rspack_reexport = {};
|
|
162
|
-
for(const __rspack_import_key in
|
|
155
|
+
for(const __rspack_import_key in _NodeUtils__rspack_import_13)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeUtils__rspack_import_13[__rspack_import_key];
|
|
163
156
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
164
|
-
var
|
|
157
|
+
var _props_helpers__rspack_import_14 = __webpack_require__("./props-helpers");
|
|
165
158
|
var __rspack_reexport = {};
|
|
166
|
-
for(const __rspack_import_key in
|
|
159
|
+
for(const __rspack_import_key in _props_helpers__rspack_import_14)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_props_helpers__rspack_import_14[__rspack_import_key];
|
|
167
160
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
168
|
-
var
|
|
161
|
+
var _resource_operations__rspack_import_15 = __webpack_require__("./resource-operations");
|
|
169
162
|
var __rspack_reexport = {};
|
|
170
|
-
for(const __rspack_import_key in
|
|
163
|
+
for(const __rspack_import_key in _resource_operations__rspack_import_15)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_resource_operations__rspack_import_15[__rspack_import_key];
|
|
171
164
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
172
|
-
var
|
|
165
|
+
var _Storage__rspack_import_16 = __webpack_require__("./Storage");
|
|
173
166
|
var __rspack_reexport = {};
|
|
174
|
-
for(const __rspack_import_key in
|
|
167
|
+
for(const __rspack_import_key in _Storage__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Storage__rspack_import_16[__rspack_import_key];
|
|
175
168
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
176
|
-
var
|
|
169
|
+
var _StyleUtil__rspack_import_17 = __webpack_require__("./StyleUtil");
|
|
177
170
|
var __rspack_reexport = {};
|
|
178
|
-
for(const __rspack_import_key in
|
|
171
|
+
for(const __rspack_import_key in _StyleUtil__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StyleUtil__rspack_import_17[__rspack_import_key];
|
|
179
172
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
180
173
|
})();
|
|
181
174
|
for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
@@ -2,11 +2,10 @@ export * from './ArrayUtil';
|
|
|
2
2
|
export * from './auto-layout';
|
|
3
3
|
export * from './CanvasEventBus';
|
|
4
4
|
export * from './CssUtil';
|
|
5
|
+
export * from './collapse';
|
|
5
6
|
export * from './coded-agents/d3-layout';
|
|
6
7
|
export * from './coded-agents/mermaid-parser';
|
|
7
|
-
export * from './collapse';
|
|
8
8
|
export * from './constraint-validator';
|
|
9
|
-
export * from './createPreviewGraph';
|
|
10
9
|
export * from './createPreviewNode';
|
|
11
10
|
export * from './export-canvas';
|
|
12
11
|
export * from './GroupModificationUtils';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
|
|
@@ -2,11 +2,10 @@ export * from "./ArrayUtil.js";
|
|
|
2
2
|
export * from "./auto-layout.js";
|
|
3
3
|
export * from "./CanvasEventBus.js";
|
|
4
4
|
export * from "./CssUtil.js";
|
|
5
|
+
export * from "./collapse.js";
|
|
5
6
|
export * from "./coded-agents/d3-layout.js";
|
|
6
7
|
export * from "./coded-agents/mermaid-parser.js";
|
|
7
|
-
export * from "./collapse.js";
|
|
8
8
|
export * from "./constraint-validator.js";
|
|
9
|
-
export * from "./createPreviewGraph.js";
|
|
10
9
|
export * from "./createPreviewNode.js";
|
|
11
10
|
export * from "./export-canvas.js";
|
|
12
11
|
export * from "./GroupModificationUtils.js";
|
package/package.json
CHANGED
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_require__ = {};
|
|
3
|
-
(()=>{
|
|
4
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: definition[key]
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
})();
|
|
11
|
-
(()=>{
|
|
12
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
-
})();
|
|
14
|
-
(()=>{
|
|
15
|
-
__webpack_require__.r = (exports1)=>{
|
|
16
|
-
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
-
value: 'Module'
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
-
value: true
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
})();
|
|
24
|
-
var __webpack_exports__ = {};
|
|
25
|
-
__webpack_require__.r(__webpack_exports__);
|
|
26
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
LoopCanvasNode: ()=>LoopCanvasNode
|
|
28
|
-
});
|
|
29
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
-
const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
|
|
31
|
-
const external_react_namespaceObject = require("react");
|
|
32
|
-
const canvasStore_cjs_namespaceObject = require("../../stores/canvasStore.cjs");
|
|
33
|
-
const createPreviewNode_cjs_namespaceObject = require("../../utils/createPreviewNode.cjs");
|
|
34
|
-
const NodeUtils_cjs_namespaceObject = require("../../utils/NodeUtils.cjs");
|
|
35
|
-
const external_LoopNode_cjs_namespaceObject = require("./LoopNode.cjs");
|
|
36
|
-
const external_LoopNodePreview_cjs_namespaceObject = require("./LoopNodePreview.cjs");
|
|
37
|
-
function LoopCanvasNodeComponent(props) {
|
|
38
|
-
const reactFlow = (0, react_cjs_namespaceObject.useReactFlow)();
|
|
39
|
-
const currentCanvas = (0, canvasStore_cjs_namespaceObject.useCanvasStore)(canvasStore_cjs_namespaceObject.selectCurrentCanvas);
|
|
40
|
-
const updateNodes = (0, canvasStore_cjs_namespaceObject.useCanvasStore)(canvasStore_cjs_namespaceObject.selectUpdateNodes);
|
|
41
|
-
const handleAddChild = (0, external_react_namespaceObject.useCallback)(({ position })=>{
|
|
42
|
-
const preview = (0, external_LoopNodePreview_cjs_namespaceObject.createCenteredLoopPreview)(props.id, reactFlow, position);
|
|
43
|
-
if (preview) (0, createPreviewNode_cjs_namespaceObject.applyPreviewGraphToReactFlow)(preview, reactFlow);
|
|
44
|
-
}, [
|
|
45
|
-
props.id,
|
|
46
|
-
reactFlow
|
|
47
|
-
]);
|
|
48
|
-
const handleResize = (0, external_react_namespaceObject.useCallback)(({ width, height })=>{
|
|
49
|
-
if (!currentCanvas) return;
|
|
50
|
-
const nextWidth = (0, NodeUtils_cjs_namespaceObject.snapToGrid)(width);
|
|
51
|
-
const nextHeight = (0, NodeUtils_cjs_namespaceObject.snapToGrid)(height);
|
|
52
|
-
updateNodes(currentCanvas.nodes.map((node)=>node.id !== props.id ? node : {
|
|
53
|
-
...node,
|
|
54
|
-
width: nextWidth,
|
|
55
|
-
height: nextHeight,
|
|
56
|
-
style: {
|
|
57
|
-
...node.style ?? {},
|
|
58
|
-
width: nextWidth,
|
|
59
|
-
height: nextHeight
|
|
60
|
-
}
|
|
61
|
-
}));
|
|
62
|
-
}, [
|
|
63
|
-
currentCanvas,
|
|
64
|
-
props.id,
|
|
65
|
-
updateNodes
|
|
66
|
-
]);
|
|
67
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_LoopNode_cjs_namespaceObject.LoopNode, {
|
|
68
|
-
...props,
|
|
69
|
-
onAddChild: handleAddChild,
|
|
70
|
-
onResize: handleResize
|
|
71
|
-
});
|
|
72
|
-
}
|
|
73
|
-
const LoopCanvasNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(LoopCanvasNodeComponent);
|
|
74
|
-
exports.LoopCanvasNode = __webpack_exports__.LoopCanvasNode;
|
|
75
|
-
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
76
|
-
"LoopCanvasNode"
|
|
77
|
-
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
78
|
-
Object.defineProperty(exports, '__esModule', {
|
|
79
|
-
value: true
|
|
80
|
-
});
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { Node, NodeProps } from '../../xyflow/react.ts';
|
|
2
|
-
import type { LoopNodeData } from './LoopNode.types';
|
|
3
|
-
declare function LoopCanvasNodeComponent(props: NodeProps<Node<LoopNodeData>>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
export declare const LoopCanvasNode: import("react").MemoExoticComponent<typeof LoopCanvasNodeComponent>;
|
|
5
|
-
export {};
|
|
6
|
-
//# sourceMappingURL=LoopCanvasNode.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LoopCanvasNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopCanvasNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAOhF,OAAO,KAAK,EAAE,YAAY,EAAiB,MAAM,kBAAkB,CAAC;AAGpE,iBAAS,uBAAuB,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,2CA2CpE;AAED,eAAO,MAAM,cAAc,qEAAgC,CAAC"}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useReactFlow } from "../../xyflow/react.js";
|
|
3
|
-
import { memo, useCallback } from "react";
|
|
4
|
-
import { selectCurrentCanvas, selectUpdateNodes, useCanvasStore } from "../../stores/canvasStore.js";
|
|
5
|
-
import { applyPreviewGraphToReactFlow } from "../../utils/createPreviewNode.js";
|
|
6
|
-
import { snapToGrid } from "../../utils/NodeUtils.js";
|
|
7
|
-
import { LoopNode } from "./LoopNode.js";
|
|
8
|
-
import { createCenteredLoopPreview } from "./LoopNodePreview.js";
|
|
9
|
-
function LoopCanvasNodeComponent(props) {
|
|
10
|
-
const reactFlow = useReactFlow();
|
|
11
|
-
const currentCanvas = useCanvasStore(selectCurrentCanvas);
|
|
12
|
-
const updateNodes = useCanvasStore(selectUpdateNodes);
|
|
13
|
-
const handleAddChild = useCallback(({ position })=>{
|
|
14
|
-
const preview = createCenteredLoopPreview(props.id, reactFlow, position);
|
|
15
|
-
if (preview) applyPreviewGraphToReactFlow(preview, reactFlow);
|
|
16
|
-
}, [
|
|
17
|
-
props.id,
|
|
18
|
-
reactFlow
|
|
19
|
-
]);
|
|
20
|
-
const handleResize = useCallback(({ width, height })=>{
|
|
21
|
-
if (!currentCanvas) return;
|
|
22
|
-
const nextWidth = snapToGrid(width);
|
|
23
|
-
const nextHeight = snapToGrid(height);
|
|
24
|
-
updateNodes(currentCanvas.nodes.map((node)=>node.id !== props.id ? node : {
|
|
25
|
-
...node,
|
|
26
|
-
width: nextWidth,
|
|
27
|
-
height: nextHeight,
|
|
28
|
-
style: {
|
|
29
|
-
...node.style ?? {},
|
|
30
|
-
width: nextWidth,
|
|
31
|
-
height: nextHeight
|
|
32
|
-
}
|
|
33
|
-
}));
|
|
34
|
-
}, [
|
|
35
|
-
currentCanvas,
|
|
36
|
-
props.id,
|
|
37
|
-
updateNodes
|
|
38
|
-
]);
|
|
39
|
-
return /*#__PURE__*/ jsx(LoopNode, {
|
|
40
|
-
...props,
|
|
41
|
-
onAddChild: handleAddChild,
|
|
42
|
-
onResize: handleResize
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
const LoopCanvasNode = /*#__PURE__*/ memo(LoopCanvasNodeComponent);
|
|
46
|
-
export { LoopCanvasNode };
|