@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.
Files changed (134) hide show
  1. package/dist/canvas/components/AddNodePanel/AddNodeManager.cjs +7 -26
  2. package/dist/canvas/components/AddNodePanel/AddNodeManager.d.ts.map +1 -1
  3. package/dist/canvas/components/AddNodePanel/AddNodeManager.js +7 -26
  4. package/dist/canvas/components/AddNodePanel/createAddNodePreview.cjs +2 -2
  5. package/dist/canvas/components/AddNodePanel/createAddNodePreview.d.ts +1 -8
  6. package/dist/canvas/components/AddNodePanel/createAddNodePreview.d.ts.map +1 -1
  7. package/dist/canvas/components/AddNodePanel/createAddNodePreview.js +2 -2
  8. package/dist/canvas/components/AgentCanvas/agent-flow.manifest.d.ts +0 -1
  9. package/dist/canvas/components/AgentCanvas/agent-flow.manifest.d.ts.map +1 -1
  10. package/dist/canvas/components/BaseNode/BaseNode.cjs +3 -8
  11. package/dist/canvas/components/BaseNode/BaseNode.d.ts +1 -2
  12. package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
  13. package/dist/canvas/components/BaseNode/BaseNode.js +3 -5
  14. package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs +34 -115
  15. package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts +2 -4
  16. package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts.map +1 -1
  17. package/dist/canvas/components/ButtonHandle/ButtonHandle.js +36 -117
  18. package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.cjs +1 -48
  19. package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts +0 -4
  20. package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts.map +1 -1
  21. package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.js +1 -36
  22. package/dist/canvas/components/ButtonHandle/SmartHandle.cjs +1 -1
  23. package/dist/canvas/components/ButtonHandle/SmartHandle.js +1 -1
  24. package/dist/canvas/components/Edges/SequenceEdge.cjs +2 -3
  25. package/dist/canvas/components/Edges/SequenceEdge.d.ts +2 -11
  26. package/dist/canvas/components/Edges/SequenceEdge.d.ts.map +1 -1
  27. package/dist/canvas/components/Edges/SequenceEdge.js +3 -4
  28. package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.cjs +10 -20
  29. package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.d.ts +0 -2
  30. package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.d.ts.map +1 -1
  31. package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.js +11 -21
  32. package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.cjs +8 -5
  33. package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.d.ts.map +1 -1
  34. package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.js +8 -5
  35. package/dist/canvas/components/StageNode/DraggableTask.cjs +3 -2
  36. package/dist/canvas/components/StageNode/DraggableTask.js +3 -2
  37. package/dist/canvas/components/StageNode/DraggableTask.types.d.ts +1 -1
  38. package/dist/canvas/components/StageNode/DraggableTask.types.d.ts.map +1 -1
  39. package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.cjs +11 -25
  40. package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.d.ts +5 -5
  41. package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.d.ts.map +1 -1
  42. package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.js +11 -25
  43. package/dist/canvas/components/StageNode/StageNodeAllTaskGroups.cjs +50 -7
  44. package/dist/canvas/components/StageNode/StageNodeAllTaskGroups.d.ts.map +1 -1
  45. package/dist/canvas/components/StageNode/StageNodeAllTaskGroups.js +50 -7
  46. package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.cjs +11 -25
  47. package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.d.ts +5 -5
  48. package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.d.ts.map +1 -1
  49. package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.js +11 -25
  50. package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.cjs +27 -20
  51. package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.d.ts +6 -5
  52. package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.d.ts.map +1 -1
  53. package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.js +28 -21
  54. package/dist/canvas/components/StageNode/StageNodeTaskUtilities.cjs +11 -11
  55. package/dist/canvas/components/StageNode/StageNodeTaskUtilities.d.ts +11 -1
  56. package/dist/canvas/components/StageNode/StageNodeTaskUtilities.d.ts.map +1 -1
  57. package/dist/canvas/components/StageNode/StageNodeTaskUtilities.js +11 -11
  58. package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.cjs +18 -20
  59. package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts +1 -2
  60. package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts.map +1 -1
  61. package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.js +19 -21
  62. package/dist/canvas/components/index.cjs +20 -27
  63. package/dist/canvas/components/index.d.ts +0 -1
  64. package/dist/canvas/components/index.d.ts.map +1 -1
  65. package/dist/canvas/components/index.js +0 -1
  66. package/dist/canvas/core/NodeTypeRegistry.cjs +23 -41
  67. package/dist/canvas/core/NodeTypeRegistry.d.ts +4 -8
  68. package/dist/canvas/core/NodeTypeRegistry.d.ts.map +1 -1
  69. package/dist/canvas/core/NodeTypeRegistry.js +23 -41
  70. package/dist/canvas/core/useNodeTypeRegistry.cjs +3 -4
  71. package/dist/canvas/core/useNodeTypeRegistry.d.ts +1 -1
  72. package/dist/canvas/core/useNodeTypeRegistry.d.ts.map +1 -1
  73. package/dist/canvas/core/useNodeTypeRegistry.js +3 -4
  74. package/dist/canvas/hooks/useAddNodeOnConnectEnd.cjs +3 -4
  75. package/dist/canvas/hooks/useAddNodeOnConnectEnd.d.ts.map +1 -1
  76. package/dist/canvas/hooks/useAddNodeOnConnectEnd.js +3 -4
  77. package/dist/canvas/hooks/usePreviewNode.cjs +2 -4
  78. package/dist/canvas/hooks/usePreviewNode.d.ts.map +1 -1
  79. package/dist/canvas/hooks/usePreviewNode.js +2 -4
  80. package/dist/canvas/schema/node-definition/handle.cjs +2 -10
  81. package/dist/canvas/schema/node-definition/handle.d.ts +0 -9
  82. package/dist/canvas/schema/node-definition/handle.d.ts.map +1 -1
  83. package/dist/canvas/schema/node-definition/handle.js +1 -6
  84. package/dist/canvas/schema/node-definition/index.cjs +1 -4
  85. package/dist/canvas/schema/node-definition/index.d.ts +3 -3
  86. package/dist/canvas/schema/node-definition/index.d.ts.map +1 -1
  87. package/dist/canvas/schema/node-definition/index.js +2 -2
  88. package/dist/canvas/schema/node-definition/node-manifest.d.ts +0 -4
  89. package/dist/canvas/schema/node-definition/node-manifest.d.ts.map +1 -1
  90. package/dist/canvas/storybook-utils/manifests/index.d.ts +0 -1
  91. package/dist/canvas/storybook-utils/manifests/index.d.ts.map +1 -1
  92. package/dist/canvas/storybook-utils/manifests/node-definitions.d.ts.map +1 -1
  93. package/dist/canvas/styles/tailwind.canvas.css +1 -1
  94. package/dist/canvas/utils/createPreviewNode.cjs +13 -29
  95. package/dist/canvas/utils/createPreviewNode.d.ts +1 -5
  96. package/dist/canvas/utils/createPreviewNode.d.ts.map +1 -1
  97. package/dist/canvas/utils/createPreviewNode.js +13 -23
  98. package/dist/canvas/utils/index.cjs +26 -33
  99. package/dist/canvas/utils/index.d.ts +1 -2
  100. package/dist/canvas/utils/index.d.ts.map +1 -1
  101. package/dist/canvas/utils/index.js +1 -2
  102. package/package.json +1 -1
  103. package/dist/canvas/components/LoopNode/LoopCanvasNode.cjs +0 -80
  104. package/dist/canvas/components/LoopNode/LoopCanvasNode.d.ts +0 -6
  105. package/dist/canvas/components/LoopNode/LoopCanvasNode.d.ts.map +0 -1
  106. package/dist/canvas/components/LoopNode/LoopCanvasNode.js +0 -46
  107. package/dist/canvas/components/LoopNode/LoopNode.cjs +0 -440
  108. package/dist/canvas/components/LoopNode/LoopNode.constants.cjs +0 -77
  109. package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts +0 -12
  110. package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts.map +0 -1
  111. package/dist/canvas/components/LoopNode/LoopNode.constants.js +0 -13
  112. package/dist/canvas/components/LoopNode/LoopNode.d.ts +0 -5
  113. package/dist/canvas/components/LoopNode/LoopNode.d.ts.map +0 -1
  114. package/dist/canvas/components/LoopNode/LoopNode.helpers.cjs +0 -110
  115. package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts +0 -19
  116. package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts.map +0 -1
  117. package/dist/canvas/components/LoopNode/LoopNode.helpers.js +0 -70
  118. package/dist/canvas/components/LoopNode/LoopNode.js +0 -406
  119. package/dist/canvas/components/LoopNode/LoopNode.types.cjs +0 -18
  120. package/dist/canvas/components/LoopNode/LoopNode.types.d.ts +0 -16
  121. package/dist/canvas/components/LoopNode/LoopNode.types.d.ts.map +0 -1
  122. package/dist/canvas/components/LoopNode/LoopNode.types.js +0 -0
  123. package/dist/canvas/components/LoopNode/LoopNodePreview.cjs +0 -81
  124. package/dist/canvas/components/LoopNode/LoopNodePreview.d.ts +0 -8
  125. package/dist/canvas/components/LoopNode/LoopNodePreview.d.ts.map +0 -1
  126. package/dist/canvas/components/LoopNode/LoopNodePreview.js +0 -44
  127. package/dist/canvas/components/LoopNode/index.cjs +0 -72
  128. package/dist/canvas/components/LoopNode/index.d.ts +0 -4
  129. package/dist/canvas/components/LoopNode/index.d.ts.map +0 -1
  130. package/dist/canvas/components/LoopNode/index.js +0 -3
  131. package/dist/canvas/utils/createPreviewGraph.cjs +0 -94
  132. package/dist/canvas/utils/createPreviewGraph.d.ts +0 -24
  133. package/dist/canvas/utils/createPreviewGraph.d.ts.map +0 -1
  134. 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
- getOppositePosition: ()=>getOppositePosition,
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 = [], positionMode = 'drop') {
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 ? 'center' === positionMode ? calculateCenteredPosition(position, previewNodeSize) : calculatePositionFromDrop(position, handlePosition, previewNodeSize) : calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, existingNodes, void 0, ignoredNodeTypes, handle);
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: external_createPreviewGraph_cjs_namespaceObject.PREVIEW_EDGE_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 applyPreviewGraphToReactFlow(preview, reactFlowInstance) {
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((edge)=>edge.source !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID && edge.target !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID && !preview.removedEdgeIds?.includes(edge.id)),
209
- ...preview.edges
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((edge)=>edge.source !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID && edge.target !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID));
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[], positionMode?: PreviewNodePositionMode): {
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;AAElD,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAQ7E,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAMxD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,GAAG,QAAQ,CAahE;AAiLD,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,EAC/B,YAAY,GAAE,uBAAgC,GAC7C;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,GAAG,IAAI,CAwFnC;AAOD,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,YAAY,EACrB,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,CAmBN;AAKD,wBAAgB,uBAAuB,CACrC,OAAO,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,EACnC,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,CAQN;AAKD,wBAAgB,0BAA0B,CAAC,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAKrF"}
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 = [], positionMode = 'drop') {
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 ? 'center' === positionMode ? calculateCenteredPosition(position, previewNodeSize) : calculatePositionFromDrop(position, handlePosition, previewNodeSize) : calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, existingNodes, void 0, ignoredNodeTypes, handle);
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: PREVIEW_EDGE_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 applyPreviewGraphToReactFlow(preview, reactFlowInstance) {
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((edge)=>edge.source !== PREVIEW_NODE_ID && edge.target !== PREVIEW_NODE_ID && !preview.removedEdgeIds?.includes(edge.id)),
177
- ...preview.edges
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((edge)=>edge.source !== PREVIEW_NODE_ID && edge.target !== PREVIEW_NODE_ID));
181
+ reactFlowInstance.setEdges((edges)=>edges.filter((e)=>e.id !== PREVIEW_EDGE_ID));
192
182
  }
193
- export { applyPreviewGraphToReactFlow, applyPreviewToReactFlow, createPreviewNode, getOppositePosition, removePreviewFromReactFlow };
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 _coded_agents_d3_layout__rspack_import_4 = __webpack_require__("./coded-agents/d3-layout");
117
+ var _collapse__rspack_import_4 = __webpack_require__("./collapse");
121
118
  var __rspack_reexport = {};
122
- for(const __rspack_import_key in _coded_agents_d3_layout__rspack_import_4)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_coded_agents_d3_layout__rspack_import_4[__rspack_import_key];
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 _coded_agents_mermaid_parser__rspack_import_5 = __webpack_require__("./coded-agents/mermaid-parser");
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 _coded_agents_mermaid_parser__rspack_import_5)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_coded_agents_mermaid_parser__rspack_import_5[__rspack_import_key];
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 _collapse__rspack_import_6 = __webpack_require__("./collapse");
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 _collapse__rspack_import_6)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_collapse__rspack_import_6[__rspack_import_key];
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 _createPreviewGraph__rspack_import_8 = __webpack_require__("./createPreviewGraph");
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 _createPreviewNode__rspack_import_9)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_createPreviewNode__rspack_import_9[__rspack_import_key];
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 _export_canvas__rspack_import_10 = __webpack_require__("./export-canvas");
137
+ var _export_canvas__rspack_import_9 = __webpack_require__("./export-canvas");
145
138
  var __rspack_reexport = {};
146
- for(const __rspack_import_key in _export_canvas__rspack_import_10)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_export_canvas__rspack_import_10[__rspack_import_key];
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 _GroupModificationUtils__rspack_import_11 = __webpack_require__("./GroupModificationUtils");
141
+ var _GroupModificationUtils__rspack_import_10 = __webpack_require__("./GroupModificationUtils");
149
142
  var __rspack_reexport = {};
150
- for(const __rspack_import_key in _GroupModificationUtils__rspack_import_11)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_GroupModificationUtils__rspack_import_11[__rspack_import_key];
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 _icon_registry__rspack_import_12 = __webpack_require__("./icon-registry");
145
+ var _icon_registry__rspack_import_11 = __webpack_require__("./icon-registry");
153
146
  var __rspack_reexport = {};
154
- for(const __rspack_import_key in _icon_registry__rspack_import_12)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_icon_registry__rspack_import_12[__rspack_import_key];
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 _manifest_resolver__rspack_import_13 = __webpack_require__("./manifest-resolver");
149
+ var _manifest_resolver__rspack_import_12 = __webpack_require__("./manifest-resolver");
157
150
  var __rspack_reexport = {};
158
- for(const __rspack_import_key in _manifest_resolver__rspack_import_13)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_manifest_resolver__rspack_import_13[__rspack_import_key];
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 _NodeUtils__rspack_import_14 = __webpack_require__("./NodeUtils");
153
+ var _NodeUtils__rspack_import_13 = __webpack_require__("./NodeUtils");
161
154
  var __rspack_reexport = {};
162
- for(const __rspack_import_key in _NodeUtils__rspack_import_14)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeUtils__rspack_import_14[__rspack_import_key];
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 _props_helpers__rspack_import_15 = __webpack_require__("./props-helpers");
157
+ var _props_helpers__rspack_import_14 = __webpack_require__("./props-helpers");
165
158
  var __rspack_reexport = {};
166
- for(const __rspack_import_key in _props_helpers__rspack_import_15)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_props_helpers__rspack_import_15[__rspack_import_key];
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 _resource_operations__rspack_import_16 = __webpack_require__("./resource-operations");
161
+ var _resource_operations__rspack_import_15 = __webpack_require__("./resource-operations");
169
162
  var __rspack_reexport = {};
170
- for(const __rspack_import_key in _resource_operations__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_resource_operations__rspack_import_16[__rspack_import_key];
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 _Storage__rspack_import_17 = __webpack_require__("./Storage");
165
+ var _Storage__rspack_import_16 = __webpack_require__("./Storage");
173
166
  var __rspack_reexport = {};
174
- for(const __rspack_import_key in _Storage__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Storage__rspack_import_17[__rspack_import_key];
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 _StyleUtil__rspack_import_18 = __webpack_require__("./StyleUtil");
169
+ var _StyleUtil__rspack_import_17 = __webpack_require__("./StyleUtil");
177
170
  var __rspack_reexport = {};
178
- for(const __rspack_import_key in _StyleUtil__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StyleUtil__rspack_import_18[__rspack_import_key];
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,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,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"}
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,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "4.12.1-pr556.9394355",
3
+ "version": "4.12.2",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",
@@ -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 };