@uipath/apollo-react 3.29.2 → 3.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/canvas/components/AgentCanvas/nodes/AgentNode.cjs +42 -25
  2. package/dist/canvas/components/AgentCanvas/nodes/AgentNode.d.ts.map +1 -1
  3. package/dist/canvas/components/AgentCanvas/nodes/AgentNode.js +42 -25
  4. package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.cjs +52 -32
  5. package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.d.ts.map +1 -1
  6. package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.js +52 -32
  7. package/dist/canvas/components/BaseNode/BaseNode.cjs +3 -1
  8. package/dist/canvas/components/BaseNode/BaseNode.d.ts +3 -2
  9. package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
  10. package/dist/canvas/components/BaseNode/BaseNode.js +3 -1
  11. package/dist/canvas/components/BaseNode/BaseNode.types.d.ts +0 -28
  12. package/dist/canvas/components/BaseNode/BaseNode.types.d.ts.map +1 -1
  13. package/dist/canvas/components/BaseNode/BaseNodeConfigContext.cjs +45 -0
  14. package/dist/canvas/components/BaseNode/BaseNodeConfigContext.d.ts +31 -0
  15. package/dist/canvas/components/BaseNode/BaseNodeConfigContext.d.ts.map +1 -0
  16. package/dist/canvas/components/BaseNode/BaseNodeConfigContext.js +8 -0
  17. package/dist/canvas/components/BaseNode/index.cjs +12 -3
  18. package/dist/canvas/components/BaseNode/index.d.ts +1 -0
  19. package/dist/canvas/components/BaseNode/index.d.ts.map +1 -1
  20. package/dist/canvas/components/BaseNode/index.js +1 -0
  21. package/dist/canvas/components/CodedAgent/CodedAgentFlow.cjs +112 -82
  22. package/dist/canvas/components/CodedAgent/CodedAgentFlow.d.ts.map +1 -1
  23. package/dist/canvas/components/CodedAgent/CodedAgentFlow.js +112 -82
  24. package/dist/canvas/components/CollapseConfig/CollapseConfig.stories.cjs +24 -15
  25. package/dist/canvas/components/CollapseConfig/CollapseConfig.stories.d.ts.map +1 -1
  26. package/dist/canvas/components/CollapseConfig/CollapseConfig.stories.js +24 -15
  27. package/package.json +2 -2
package/dist/canvas/components/BaseNode/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export * from './BaseNode';
2
2
  export * from './BaseNode.types';
3
+ export * from './BaseNodeConfigContext';
3
4
  export * from './useNodeCollapse';
4
5
  //# sourceMappingURL=index.d.ts.map
package/dist/canvas/components/BaseNode/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}
package/dist/canvas/components/BaseNode/index.js CHANGED
@@ -1,3 +1,4 @@
1
1
  export * from "./BaseNode.js";
2
2
  export * from "./BaseNode.types.js";
3
+ export * from "./BaseNodeConfigContext.js";
3
4
  export * from "./useNodeCollapse.js";
package/dist/canvas/components/CodedAgent/CodedAgentFlow.cjs CHANGED
@@ -49,6 +49,7 @@ const d3_layout_cjs_namespaceObject = require("../../utils/coded-agents/d3-layou
49
49
  const mermaid_parser_cjs_namespaceObject = require("../../utils/coded-agents/mermaid-parser.cjs");
50
50
  const external_BaseCanvas_index_cjs_namespaceObject = require("../BaseCanvas/index.cjs");
51
51
  const BaseNode_cjs_namespaceObject = require("../BaseNode/BaseNode.cjs");
52
+ const BaseNodeConfigContext_cjs_namespaceObject = require("../BaseNode/BaseNodeConfigContext.cjs");
52
53
  const external_CanvasPositionControls_cjs_namespaceObject = require("../CanvasPositionControls.cjs");
53
54
  const NodeRegistryProvider_cjs_namespaceObject = require("../../core/NodeRegistryProvider.cjs");
54
55
  const external_coded_agent_manifest_cjs_namespaceObject = require("./coded-agent.manifest.cjs");
@@ -155,39 +156,48 @@ const createCodedAgentNodeWrapper = (translations = external_types_cjs_namespace
155
156
  nodeData.hasSuccess,
156
157
  nodeData.hasRunning
157
158
  ]);
158
- const handleConfigurations = [
159
- {
160
- position: react_cjs_namespaceObject.Position.Left,
161
- handles: leftTargetHandle,
162
- visible: true
163
- },
164
- {
165
- position: react_cjs_namespaceObject.Position.Right,
166
- handles: rightSourceHandle,
167
- visible: true
168
- }
169
- ];
170
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
171
- ...nodeProps,
172
- type: "uipath.coded.agent",
173
- id: id,
174
- selected: selected,
175
- data: {
176
- ...nodeData,
177
- display: {
178
- label: nodeData.label,
179
- subLabel: translations.codedAgentStep,
180
- shape: 'rectangle'
159
+ const handleConfigurations = (0, external_react_namespaceObject.useMemo)(()=>[
160
+ {
161
+ position: react_cjs_namespaceObject.Position.Left,
162
+ handles: leftTargetHandle,
163
+ visible: true
181
164
  },
165
+ {
166
+ position: react_cjs_namespaceObject.Position.Right,
167
+ handles: rightSourceHandle,
168
+ visible: true
169
+ }
170
+ ], []);
171
+ const baseNodeConfig = (0, external_react_namespaceObject.useMemo)(()=>({
182
172
  executionStatusOverride: executionStatus,
183
173
  handleConfigurations,
184
174
  adornments: {
185
175
  topRight: statusAdornment
176
+ },
177
+ iconComponent: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.CodedAgentIcon, {
178
+ w: 40,
179
+ h: 40
180
+ })
181
+ }), [
182
+ executionStatus,
183
+ handleConfigurations,
184
+ statusAdornment
185
+ ]);
186
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeConfigContext_cjs_namespaceObject.BaseNodeOverrideConfigProvider, {
187
+ value: baseNodeConfig,
188
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
189
+ ...nodeProps,
190
+ type: "uipath.coded.agent",
191
+ id: id,
192
+ selected: selected,
193
+ data: {
194
+ ...nodeData,
195
+ display: {
196
+ label: nodeData.label,
197
+ subLabel: translations.codedAgentStep,
198
+ shape: 'rectangle'
199
+ }
186
200
  }
187
- },
188
- iconComponent: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.CodedAgentIcon, {
189
- w: 40,
190
- h: 40
191
201
  })
192
202
  });
193
203
  });
@@ -244,41 +254,51 @@ const CodedResourceNodeElement = /*#__PURE__*/ (0, external_react_namespaceObjec
244
254
  nodeData.hasSuccess,
245
255
  nodeData.hasRunning
246
256
  ]);
247
- const handleConfigurations = [
248
- {
249
- position: react_cjs_namespaceObject.Position.Left,
250
- handles: leftTargetHandle,
251
- visible: true
252
- },
253
- {
254
- position: react_cjs_namespaceObject.Position.Right,
255
- handles: rightSourceHandle,
256
- visible: true
257
- }
258
- ];
257
+ const handleConfigurations = (0, external_react_namespaceObject.useMemo)(()=>[
258
+ {
259
+ position: react_cjs_namespaceObject.Position.Left,
260
+ handles: leftTargetHandle,
261
+ visible: true
262
+ },
263
+ {
264
+ position: react_cjs_namespaceObject.Position.Right,
265
+ handles: rightSourceHandle,
266
+ visible: true
267
+ }
268
+ ], []);
269
+ const baseNodeConfig = (0, external_react_namespaceObject.useMemo)(()=>({
270
+ executionStatusOverride: executionStatus,
271
+ handleConfigurations,
272
+ adornments: {
273
+ topRight: statusAdornment
274
+ },
275
+ iconComponent: resourceIcon
276
+ }), [
277
+ executionStatus,
278
+ handleConfigurations,
279
+ statusAdornment,
280
+ resourceIcon
281
+ ]);
259
282
  return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
260
283
  style: {
261
284
  position: 'relative'
262
285
  },
263
286
  children: [
264
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
265
- ...nodeProps,
266
- type: "uipath.coded.resource",
267
- id: id,
268
- selected: selected,
269
- data: {
270
- ...nodeData,
271
- display: {
272
- label: void 0,
273
- shape: 'circle'
274
- },
275
- executionStatusOverride: executionStatus,
276
- handleConfigurations,
277
- adornments: {
278
- topRight: statusAdornment
287
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeConfigContext_cjs_namespaceObject.BaseNodeOverrideConfigProvider, {
288
+ value: baseNodeConfig,
289
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
290
+ ...nodeProps,
291
+ type: "uipath.coded.resource",
292
+ id: id,
293
+ selected: selected,
294
+ data: {
295
+ ...nodeData,
296
+ display: {
297
+ label: void 0,
298
+ shape: 'circle'
299
+ }
279
300
  }
280
- },
281
- iconComponent: resourceIcon
301
+ })
282
302
  }),
283
303
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TextContainer, {
284
304
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
@@ -308,24 +328,29 @@ const CodedFlowNodeElement = /*#__PURE__*/ (0, external_react_namespaceObject.me
308
328
  }
309
329
  ];
310
330
  const nodeType = isStart ? 'uipath.coded.flow.start' : 'uipath.coded.flow.end';
331
+ const config = {
332
+ handleConfigurations: handleConfigs
333
+ };
311
334
  return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
312
335
  style: {
313
336
  position: 'relative'
314
337
  },
315
338
  children: [
316
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
317
- ...nodeProps,
318
- type: nodeType,
319
- id: id,
320
- selected: selected,
321
- data: {
322
- ...nodeData,
323
- display: {
324
- label: void 0,
325
- shape: 'square'
326
- },
327
- handleConfigurations: handleConfigs
328
- }
339
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeConfigContext_cjs_namespaceObject.BaseNodeOverrideConfigProvider, {
340
+ value: config,
341
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
342
+ ...nodeProps,
343
+ type: nodeType,
344
+ id: id,
345
+ selected: selected,
346
+ data: {
347
+ ...nodeData,
348
+ display: {
349
+ label: void 0,
350
+ shape: 'square'
351
+ }
352
+ }
353
+ })
329
354
  }),
330
355
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TextContainer, {
331
356
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
@@ -349,20 +374,25 @@ const CodedFlowNodeElement = /*#__PURE__*/ (0, external_react_namespaceObject.me
349
374
  visible: true
350
375
  }
351
376
  ];
352
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
353
- ...nodeProps,
354
- type: "uipath.coded.flow.node",
355
- id: id,
356
- selected: selected,
357
- data: {
358
- ...nodeData,
359
- display: {
360
- label: nodeData.label,
361
- shape: 'rectangle'
362
- },
363
- handleConfigurations: handleConfigs
364
- },
377
+ const config = {
378
+ handleConfigurations: handleConfigs,
365
379
  iconComponent: null
380
+ };
381
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeConfigContext_cjs_namespaceObject.BaseNodeOverrideConfigProvider, {
382
+ value: config,
383
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
384
+ ...nodeProps,
385
+ type: "uipath.coded.flow.node",
386
+ id: id,
387
+ selected: selected,
388
+ data: {
389
+ ...nodeData,
390
+ display: {
391
+ label: nodeData.label,
392
+ shape: 'rectangle'
393
+ }
394
+ }
395
+ })
366
396
  });
367
397
  });
368
398
  const edgeTypes = {
package/dist/canvas/components/CodedAgent/CodedAgentFlow.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CodedAgentFlow.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CodedAgent/CodedAgentFlow.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,EAEZ,KAAK,YAAY,EAMlB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAElF,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAE7F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AA6SnD,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,qBAAqB,CAAC,EAAE,0BAA0B,CAAC;IACnD,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAC5B;AAqKD,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,KAAG,YAQ3D,CAAC"}
1
+ {"version":3,"file":"CodedAgentFlow.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CodedAgent/CodedAgentFlow.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,EAEZ,KAAK,YAAY,EAMlB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAElF,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAE7F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AA2UnD,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,qBAAqB,CAAC,EAAE,0BAA0B,CAAC;IACnD,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAC5B;AAqKD,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,KAAG,YAQ3D,CAAC"}
package/dist/canvas/components/CodedAgent/CodedAgentFlow.js CHANGED
@@ -11,6 +11,7 @@ import { d3HierarchyLayout } from "../../utils/coded-agents/d3-layout.js";
11
11
  import { mermaidToReactFlow } from "../../utils/coded-agents/mermaid-parser.js";
12
12
  import { BaseCanvas } from "../BaseCanvas/index.js";
13
13
  import { BaseNode } from "../BaseNode/BaseNode.js";
14
+ import { BaseNodeOverrideConfigProvider } from "../BaseNode/BaseNodeConfigContext.js";
14
15
  import { CanvasPositionControls } from "../CanvasPositionControls.js";
15
16
  import { NodeRegistryProvider } from "../../core/NodeRegistryProvider.js";
16
17
  import { codedAgentManifest } from "./coded-agent.manifest.js";
@@ -117,39 +118,48 @@ const createCodedAgentNodeWrapper = (translations = DefaultCodedAgentNodeTransla
117
118
  nodeData.hasSuccess,
118
119
  nodeData.hasRunning
119
120
  ]);
120
- const handleConfigurations = [
121
- {
122
- position: Position.Left,
123
- handles: leftTargetHandle,
124
- visible: true
125
- },
126
- {
127
- position: Position.Right,
128
- handles: rightSourceHandle,
129
- visible: true
130
- }
131
- ];
132
- return /*#__PURE__*/ jsx(BaseNode, {
133
- ...nodeProps,
134
- type: "uipath.coded.agent",
135
- id: id,
136
- selected: selected,
137
- data: {
138
- ...nodeData,
139
- display: {
140
- label: nodeData.label,
141
- subLabel: translations.codedAgentStep,
142
- shape: 'rectangle'
121
+ const handleConfigurations = useMemo(()=>[
122
+ {
123
+ position: Position.Left,
124
+ handles: leftTargetHandle,
125
+ visible: true
143
126
  },
127
+ {
128
+ position: Position.Right,
129
+ handles: rightSourceHandle,
130
+ visible: true
131
+ }
132
+ ], []);
133
+ const baseNodeConfig = useMemo(()=>({
144
134
  executionStatusOverride: executionStatus,
145
135
  handleConfigurations,
146
136
  adornments: {
147
137
  topRight: statusAdornment
138
+ },
139
+ iconComponent: /*#__PURE__*/ jsx(CodedAgentIcon, {
140
+ w: 40,
141
+ h: 40
142
+ })
143
+ }), [
144
+ executionStatus,
145
+ handleConfigurations,
146
+ statusAdornment
147
+ ]);
148
+ return /*#__PURE__*/ jsx(BaseNodeOverrideConfigProvider, {
149
+ value: baseNodeConfig,
150
+ children: /*#__PURE__*/ jsx(BaseNode, {
151
+ ...nodeProps,
152
+ type: "uipath.coded.agent",
153
+ id: id,
154
+ selected: selected,
155
+ data: {
156
+ ...nodeData,
157
+ display: {
158
+ label: nodeData.label,
159
+ subLabel: translations.codedAgentStep,
160
+ shape: 'rectangle'
161
+ }
148
162
  }
149
- },
150
- iconComponent: /*#__PURE__*/ jsx(CodedAgentIcon, {
151
- w: 40,
152
- h: 40
153
163
  })
154
164
  });
155
165
  });
@@ -206,41 +216,51 @@ const CodedResourceNodeElement = /*#__PURE__*/ memo(({ data, selected, id, ...no
206
216
  nodeData.hasSuccess,
207
217
  nodeData.hasRunning
208
218
  ]);
209
- const handleConfigurations = [
210
- {
211
- position: Position.Left,
212
- handles: leftTargetHandle,
213
- visible: true
214
- },
215
- {
216
- position: Position.Right,
217
- handles: rightSourceHandle,
218
- visible: true
219
- }
220
- ];
219
+ const handleConfigurations = useMemo(()=>[
220
+ {
221
+ position: Position.Left,
222
+ handles: leftTargetHandle,
223
+ visible: true
224
+ },
225
+ {
226
+ position: Position.Right,
227
+ handles: rightSourceHandle,
228
+ visible: true
229
+ }
230
+ ], []);
231
+ const baseNodeConfig = useMemo(()=>({
232
+ executionStatusOverride: executionStatus,
233
+ handleConfigurations,
234
+ adornments: {
235
+ topRight: statusAdornment
236
+ },
237
+ iconComponent: resourceIcon
238
+ }), [
239
+ executionStatus,
240
+ handleConfigurations,
241
+ statusAdornment,
242
+ resourceIcon
243
+ ]);
221
244
  return /*#__PURE__*/ jsxs("div", {
222
245
  style: {
223
246
  position: 'relative'
224
247
  },
225
248
  children: [
226
- /*#__PURE__*/ jsx(BaseNode, {
227
- ...nodeProps,
228
- type: "uipath.coded.resource",
229
- id: id,
230
- selected: selected,
231
- data: {
232
- ...nodeData,
233
- display: {
234
- label: void 0,
235
- shape: 'circle'
236
- },
237
- executionStatusOverride: executionStatus,
238
- handleConfigurations,
239
- adornments: {
240
- topRight: statusAdornment
249
+ /*#__PURE__*/ jsx(BaseNodeOverrideConfigProvider, {
250
+ value: baseNodeConfig,
251
+ children: /*#__PURE__*/ jsx(BaseNode, {
252
+ ...nodeProps,
253
+ type: "uipath.coded.resource",
254
+ id: id,
255
+ selected: selected,
256
+ data: {
257
+ ...nodeData,
258
+ display: {
259
+ label: void 0,
260
+ shape: 'circle'
261
+ }
241
262
  }
242
- },
243
- iconComponent: resourceIcon
263
+ })
244
264
  }),
245
265
  /*#__PURE__*/ jsx(TextContainer, {
246
266
  children: /*#__PURE__*/ jsx(ApTypography, {
@@ -270,24 +290,29 @@ const CodedFlowNodeElement = /*#__PURE__*/ memo(({ data, selected, id, ...nodePr
270
290
  }
271
291
  ];
272
292
  const nodeType = isStart ? 'uipath.coded.flow.start' : 'uipath.coded.flow.end';
293
+ const config = {
294
+ handleConfigurations: handleConfigs
295
+ };
273
296
  return /*#__PURE__*/ jsxs("div", {
274
297
  style: {
275
298
  position: 'relative'
276
299
  },
277
300
  children: [
278
- /*#__PURE__*/ jsx(BaseNode, {
279
- ...nodeProps,
280
- type: nodeType,
281
- id: id,
282
- selected: selected,
283
- data: {
284
- ...nodeData,
285
- display: {
286
- label: void 0,
287
- shape: 'square'
288
- },
289
- handleConfigurations: handleConfigs
290
- }
301
+ /*#__PURE__*/ jsx(BaseNodeOverrideConfigProvider, {
302
+ value: config,
303
+ children: /*#__PURE__*/ jsx(BaseNode, {
304
+ ...nodeProps,
305
+ type: nodeType,
306
+ id: id,
307
+ selected: selected,
308
+ data: {
309
+ ...nodeData,
310
+ display: {
311
+ label: void 0,
312
+ shape: 'square'
313
+ }
314
+ }
315
+ })
291
316
  }),
292
317
  /*#__PURE__*/ jsx(TextContainer, {
293
318
  children: /*#__PURE__*/ jsx(ApTypography, {
@@ -311,20 +336,25 @@ const CodedFlowNodeElement = /*#__PURE__*/ memo(({ data, selected, id, ...nodePr
311
336
  visible: true
312
337
  }
313
338
  ];
314
- return /*#__PURE__*/ jsx(BaseNode, {
315
- ...nodeProps,
316
- type: "uipath.coded.flow.node",
317
- id: id,
318
- selected: selected,
319
- data: {
320
- ...nodeData,
321
- display: {
322
- label: nodeData.label,
323
- shape: 'rectangle'
324
- },
325
- handleConfigurations: handleConfigs
326
- },
339
+ const config = {
340
+ handleConfigurations: handleConfigs,
327
341
  iconComponent: null
342
+ };
343
+ return /*#__PURE__*/ jsx(BaseNodeOverrideConfigProvider, {
344
+ value: config,
345
+ children: /*#__PURE__*/ jsx(BaseNode, {
346
+ ...nodeProps,
347
+ type: "uipath.coded.flow.node",
348
+ id: id,
349
+ selected: selected,
350
+ data: {
351
+ ...nodeData,
352
+ display: {
353
+ label: nodeData.label,
354
+ shape: 'rectangle'
355
+ }
356
+ }
357
+ })
328
358
  });
329
359
  });
330
360
  const edgeTypes = {
package/dist/canvas/components/CollapseConfig/CollapseConfig.stories.cjs CHANGED
@@ -35,6 +35,7 @@ const external_storybook_utils_index_cjs_namespaceObject = require("../../storyb
35
35
  const external_types_cjs_namespaceObject = require("../../types.cjs");
36
36
  const external_BaseCanvas_index_cjs_namespaceObject = require("../BaseCanvas/index.cjs");
37
37
  const BaseNode_cjs_namespaceObject = require("../BaseNode/BaseNode.cjs");
38
+ const BaseNodeConfigContext_cjs_namespaceObject = require("../BaseNode/BaseNodeConfigContext.cjs");
38
39
  const external_CanvasPositionControls_cjs_namespaceObject = require("../CanvasPositionControls.cjs");
39
40
  const NodeRegistryProvider_cjs_namespaceObject = require("../../core/NodeRegistryProvider.cjs");
40
41
  const agent_flow_manifest_cjs_namespaceObject = require("../AgentCanvas/agent-flow.manifest.cjs");
@@ -226,22 +227,30 @@ function CollapsibleAgentNode(props) {
226
227
  ], [
227
228
  collapsed
228
229
  ]);
229
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
230
- ...nodeProps,
231
- type: "uipath.agent.collapsible",
232
- id: id,
233
- selected: selected,
234
- data: {
235
- ...data,
236
- parameters: data?.parameters ?? {},
237
- display: {
238
- label,
239
- shape: collapsed ? 'square' : agentManifest?.display.shape ?? 'rectangle',
240
- iconBackground: agentManifest?.display.iconBackground
230
+ const baseNodeConfig = (0, external_react_namespaceObject.useMemo)(()=>({
231
+ handleConfigurations,
232
+ toolbarConfig
233
+ }), [
234
+ handleConfigurations,
235
+ toolbarConfig
236
+ ]);
237
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeConfigContext_cjs_namespaceObject.BaseNodeOverrideConfigProvider, {
238
+ value: baseNodeConfig,
239
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
240
+ ...nodeProps,
241
+ type: "uipath.agent.collapsible",
242
+ id: id,
243
+ selected: selected,
244
+ data: {
245
+ ...data,
246
+ parameters: data?.parameters ?? {},
247
+ display: {
248
+ label,
249
+ shape: collapsed ? 'square' : agentManifest?.display.shape ?? 'rectangle',
250
+ iconBackground: agentManifest?.display.iconBackground
251
+ }
241
252
  }
242
- },
243
- handleConfigurations: handleConfigurations,
244
- toolbarConfig: toolbarConfig
253
+ })
245
254
  });
246
255
  }
247
256
  function DefaultStory() {
package/dist/canvas/components/CollapseConfig/CollapseConfig.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CollapseConfig.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CollapseConfig/CollapseConfig.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA2D5D,QAAA,MAAM,IAAI,EAAE,IAsBX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAuYnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
1
+ {"version":3,"file":"CollapseConfig.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CollapseConfig/CollapseConfig.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA+D5D,QAAA,MAAM,IAAI,EAAE,IAsBX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+YnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
package/dist/canvas/components/CollapseConfig/CollapseConfig.stories.js CHANGED
@@ -6,6 +6,7 @@ import { StoryInfoPanel, allNodeManifests, useCanvasStory } from "../../storyboo
6
6
  import { DefaultCanvasTranslations } from "../../types.js";
7
7
  import { BaseCanvas } from "../BaseCanvas/index.js";
8
8
  import { BaseNode } from "../BaseNode/BaseNode.js";
9
+ import { BaseNodeOverrideConfigProvider } from "../BaseNode/BaseNodeConfigContext.js";
9
10
  import { CanvasPositionControls } from "../CanvasPositionControls.js";
10
11
  import { NodeRegistryProvider } from "../../core/NodeRegistryProvider.js";
11
12
  import { contextResourceManifest, escalationResourceManifest, memoryResourceManifest, toolResourceManifest } from "../AgentCanvas/agent-flow.manifest.js";
@@ -197,22 +198,30 @@ function CollapsibleAgentNode(props) {
197
198
  ], [
198
199
  collapsed
199
200
  ]);
200
- return /*#__PURE__*/ jsx(BaseNode, {
201
- ...nodeProps,
202
- type: "uipath.agent.collapsible",
203
- id: id,
204
- selected: selected,
205
- data: {
206
- ...data,
207
- parameters: data?.parameters ?? {},
208
- display: {
209
- label,
210
- shape: collapsed ? 'square' : agentManifest?.display.shape ?? 'rectangle',
211
- iconBackground: agentManifest?.display.iconBackground
201
+ const baseNodeConfig = useMemo(()=>({
202
+ handleConfigurations,
203
+ toolbarConfig
204
+ }), [
205
+ handleConfigurations,
206
+ toolbarConfig
207
+ ]);
208
+ return /*#__PURE__*/ jsx(BaseNodeOverrideConfigProvider, {
209
+ value: baseNodeConfig,
210
+ children: /*#__PURE__*/ jsx(BaseNode, {
211
+ ...nodeProps,
212
+ type: "uipath.agent.collapsible",
213
+ id: id,
214
+ selected: selected,
215
+ data: {
216
+ ...data,
217
+ parameters: data?.parameters ?? {},
218
+ display: {
219
+ label,
220
+ shape: collapsed ? 'square' : agentManifest?.display.shape ?? 'rectangle',
221
+ iconBackground: agentManifest?.display.iconBackground
222
+ }
212
223
  }
213
- },
214
- handleConfigurations: handleConfigurations,
215
- toolbarConfig: toolbarConfig
224
+ })
216
225
  });
217
226
  }
218
227
  function DefaultStory() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "3.29.2",
3
+ "version": "3.30.0",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",
@@ -199,7 +199,7 @@
199
199
  "zod": "^4.3.5",
200
200
  "zustand": "^5.0.9",
201
201
  "@uipath/apollo-core": "5.7.0",
202
- "@uipath/apollo-wind": "0.8.1"
202
+ "@uipath/apollo-wind": "0.9.0"
203
203
  },
204
204
  "devDependencies": {
205
205
  "@lingui/cli": "^5.6.1",