@uipath/apollo-react 4.61.0 → 4.61.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/canvas/components/BaseNode/BaseNode.cjs +23 -42
  2. package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
  3. package/dist/canvas/components/BaseNode/BaseNode.js +23 -42
  4. package/dist/canvas/components/BaseNode/BaseNodeConfigContext.d.ts.map +1 -1
  5. package/dist/canvas/stores/animatedViewportManager.cjs +4 -4
  6. package/dist/canvas/stores/animatedViewportManager.d.ts.map +1 -1
  7. package/dist/canvas/stores/animatedViewportManager.js +4 -4
  8. package/package.json +1 -1
package/dist/canvas/components/BaseNode/BaseNode.cjs CHANGED
@@ -57,7 +57,7 @@ const getContainerWidth = (shape, width)=>{
57
57
  if (width && width !== external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE && width !== external_constants_cjs_namespaceObject.DEFAULT_RECTANGLE_NODE_WIDTH) return width;
58
58
  return defaultWidth;
59
59
  };
60
- const getContainerHeight = (height, hasFooter, footerVariant)=>{
60
+ const getIntrinsicHeight = (hasFooter, footerVariant)=>{
61
61
  if (hasFooter) switch(footerVariant){
62
62
  case 'button':
63
63
  return external_constants_cjs_namespaceObject.NODE_HEIGHT_FOOTER_BUTTON;
@@ -65,22 +65,17 @@ const getContainerHeight = (height, hasFooter, footerVariant)=>{
65
65
  return external_constants_cjs_namespaceObject.NODE_HEIGHT_FOOTER_SINGLE;
66
66
  case 'double':
67
67
  return external_constants_cjs_namespaceObject.NODE_HEIGHT_FOOTER_DOUBLE;
68
- default:
69
- return 'auto';
70
68
  }
71
- return height || external_constants_cjs_namespaceObject.NODE_HEIGHT_DEFAULT;
69
+ return external_constants_cjs_namespaceObject.NODE_HEIGHT_DEFAULT;
72
70
  };
73
71
  const BaseNodeComponent = (props)=>{
74
- const { type, data, selected, id, dragging, width, height, parentId } = props;
72
+ const { type, data, selected, id, dragging, width, parentId } = props;
75
73
  const { onHandleAction: onHandleActionProp, onHandleMouseEnter: onHandleMouseEnterProp, onHandleMouseLeave: onHandleMouseLeaveProp, onActionNeeded, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = (0, external_BaseNodeConfigContext_cjs_namespaceObject.useBaseNodeOverrideConfig)();
76
74
  const updateNodeInternals = (0, react_cjs_namespaceObject.useUpdateNodeInternals)();
77
- const { updateNodeData, updateNode } = (0, react_cjs_namespaceObject.useReactFlow)();
75
+ const { updateNodeData, updateNode, getNode } = (0, react_cjs_namespaceObject.useReactFlow)();
78
76
  const containerRef = (0, external_react_namespaceObject.useRef)(null);
79
77
  const [isHovered, setIsHovered] = (0, external_react_namespaceObject.useState)(false);
80
78
  const [isFocused, setIsFocused] = (0, external_react_namespaceObject.useState)(false);
81
- const syncedHeightRef = (0, external_react_namespaceObject.useRef)(void 0);
82
- const baseHeightRef = (0, external_react_namespaceObject.useRef)(external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE);
83
- if (height && height !== syncedHeightRef.current) baseHeightRef.current = height;
84
79
  const executionState = (0, external_hooks_index_cjs_namespaceObject.useNodeExecutionState)(id);
85
80
  const validationState = (0, external_hooks_index_cjs_namespaceObject.useElementValidationStatus)(id);
86
81
  const nodeTypeRegistry = (0, index_cjs_namespaceObject.useNodeTypeRegistry)();
@@ -191,36 +186,23 @@ const BaseNodeComponent = (props)=>{
191
186
  const leftHandles = handleConfigurations.filter((config)=>config.position === react_cjs_namespaceObject.Position.Left && false !== config.visible).reduce((count, config)=>count + config.handles.filter((h)=>false !== h.visible).length, 0);
192
187
  const rightHandles = handleConfigurations.filter((config)=>config.position === react_cjs_namespaceObject.Position.Right && false !== config.visible).reduce((count, config)=>count + config.handles.filter((h)=>false !== h.visible).length, 0);
193
188
  const leftRightHandles = Math.max(leftHandles, rightHandles);
194
- const minNodeHeight = (2 * leftRightHandles + 2) * external_constants_cjs_namespaceObject.GRID_SPACING;
195
- return Math.max(baseHeightRef.current, minNodeHeight);
189
+ const handleFloor = (2 * leftRightHandles + 2) * external_constants_cjs_namespaceObject.GRID_SPACING;
190
+ return Math.max(getIntrinsicHeight(!!footerComponent, footerVariant), handleFloor);
196
191
  }, [
197
192
  handleConfigurations,
198
- height
193
+ footerComponent,
194
+ footerVariant
199
195
  ]);
200
196
  (0, external_react_namespaceObject.useEffect)(()=>{
197
+ if (getNode(id)?.height !== computedHeight) updateNode(id, {
198
+ height: computedHeight
199
+ });
201
200
  updateNodeInternals(id);
202
201
  }, [
203
202
  handleConfigurations,
204
- id,
205
- updateNodeInternals
206
- ]);
207
- (0, external_react_namespaceObject.useEffect)(()=>{
208
- if (void 0 !== computedHeight && computedHeight !== height) {
209
- syncedHeightRef.current = computedHeight;
210
- const frameId = requestAnimationFrame(()=>{
211
- updateNode(id, {
212
- height: computedHeight
213
- });
214
- updateNodeInternals(id);
215
- });
216
- return ()=>{
217
- cancelAnimationFrame(frameId);
218
- };
219
- }
220
- }, [
221
203
  computedHeight,
222
- height,
223
204
  id,
205
+ getNode,
224
206
  updateNode,
225
207
  updateNodeInternals
226
208
  ]);
@@ -232,7 +214,6 @@ const BaseNodeComponent = (props)=>{
232
214
  const displayIconBackground = isDarkMode ? display.iconBackgroundDark ?? display.iconBackground : display.iconBackground;
233
215
  const displayLabelTooltip = labelTooltip;
234
216
  const displayLabelBackgroundColor = labelBackgroundColor;
235
- const displayFooterVariant = footerVariant;
236
217
  const displaySubLabel = (0, external_react_namespaceObject.useMemo)(()=>{
237
218
  if (void 0 !== subLabelComponent) return subLabelComponent;
238
219
  return display.subLabel;
@@ -243,9 +224,9 @@ const BaseNodeComponent = (props)=>{
243
224
  const displayFooter = footerComponent;
244
225
  const hasFooter = !!displayFooter;
245
226
  const containerWidth = getContainerWidth(displayShape, width);
246
- const containerHeight = getContainerHeight(height, hasFooter, displayFooterVariant);
227
+ const containerHeight = computedHeight;
247
228
  const nodeVars = (0, external_react_namespaceObject.useMemo)(()=>{
248
- const numH = 'number' == typeof containerHeight ? containerHeight : external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE;
229
+ const numH = containerHeight;
249
230
  const getRadius = (basis, ratio)=>'circle' === displayShape ? '50%' : hasFooter ? `${external_constants_cjs_namespaceObject.GRID_SPACING}px` : `${basis * ratio}px`;
250
231
  const radiusBasis = Math.min(containerWidth, numH);
251
232
  const nodeRadius = getRadius(radiusBasis, external_constants_cjs_namespaceObject.NODE_CONTAINER_RADIUS_RATIO);
@@ -259,7 +240,7 @@ const BaseNodeComponent = (props)=>{
259
240
  const innerH = keepSquare ? innerBasis - gap : effectiveH - gap;
260
241
  return {
261
242
  '--node-w': `${containerWidth}px`,
262
- '--node-h': 'number' == typeof containerHeight ? `${containerHeight}px` : 'auto',
243
+ '--node-h': `${containerHeight}px`,
263
244
  '--node-radius': nodeRadius,
264
245
  '--node-gap': `${(gap - 2 * external_constants_cjs_namespaceObject.NODE_BORDER_SIZE) / 2}px`,
265
246
  '--inner-w': `${innerW}px`,
@@ -391,8 +372,8 @@ const BaseNodeComponent = (props)=>{
391
372
  hovered: isHovered,
392
373
  showAddButton: 'design' === mode && !multipleNodesSelected && !isConnecting && !dragging,
393
374
  showNotches,
394
- nodeWidth: width,
395
- nodeHeight: height,
375
+ nodeWidth: containerWidth,
376
+ nodeHeight: computedHeight,
396
377
  shouldShowAddButtonFn,
397
378
  portalActions: !!parentId
398
379
  });
@@ -413,8 +394,8 @@ const BaseNodeComponent = (props)=>{
413
394
  id: handle.id,
414
395
  defaultPosition: defaultPosition,
415
396
  handleType: handleVisualType,
416
- nodeWidth: width,
417
- nodeHeight: height,
397
+ nodeWidth: containerWidth,
398
+ nodeHeight: computedHeight,
418
399
  label: handle.label,
419
400
  showButton: shouldShowButton,
420
401
  selected: selected,
@@ -429,8 +410,8 @@ const BaseNodeComponent = (props)=>{
429
410
  useSmartHandles,
430
411
  handleConfigurations,
431
412
  shouldShowHandles,
432
- width,
433
- height,
413
+ containerWidth,
414
+ computedHeight,
434
415
  mode,
435
416
  selected,
436
417
  showNotches,
@@ -560,8 +541,8 @@ const BaseNodeComponent = (props)=>{
560
541
  ]
561
542
  });
562
543
  if (useSmartHandles) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SmartHandle_cjs_namespaceObject.SmartHandleProvider, {
563
- nodeWidth: width,
564
- nodeHeight: height,
544
+ nodeWidth: containerWidth,
545
+ nodeHeight: computedHeight,
565
546
  children: nodeContent
566
547
  });
567
548
  return nodeContent;
package/dist/canvas/components/BaseNode/BaseNode.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AA4ChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AA0sB1B,eAAO,MAAM,QAAQ,8CApqBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAoqBmB,CAAC"}
1
+ {"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AA4ChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAkrB1B,eAAO,MAAM,QAAQ,8CAhpBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAgpBmB,CAAC"}
package/dist/canvas/components/BaseNode/BaseNode.js CHANGED
@@ -29,7 +29,7 @@ const getContainerWidth = (shape, width)=>{
29
29
  if (width && width !== DEFAULT_NODE_SIZE && width !== DEFAULT_RECTANGLE_NODE_WIDTH) return width;
30
30
  return defaultWidth;
31
31
  };
32
- const getContainerHeight = (height, hasFooter, footerVariant)=>{
32
+ const getIntrinsicHeight = (hasFooter, footerVariant)=>{
33
33
  if (hasFooter) switch(footerVariant){
34
34
  case 'button':
35
35
  return NODE_HEIGHT_FOOTER_BUTTON;
@@ -37,22 +37,17 @@ const getContainerHeight = (height, hasFooter, footerVariant)=>{
37
37
  return NODE_HEIGHT_FOOTER_SINGLE;
38
38
  case 'double':
39
39
  return NODE_HEIGHT_FOOTER_DOUBLE;
40
- default:
41
- return 'auto';
42
40
  }
43
- return height || NODE_HEIGHT_DEFAULT;
41
+ return NODE_HEIGHT_DEFAULT;
44
42
  };
45
43
  const BaseNodeComponent = (props)=>{
46
- const { type, data, selected, id, dragging, width, height, parentId } = props;
44
+ const { type, data, selected, id, dragging, width, parentId } = props;
47
45
  const { onHandleAction: onHandleActionProp, onHandleMouseEnter: onHandleMouseEnterProp, onHandleMouseLeave: onHandleMouseLeaveProp, onActionNeeded, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = useBaseNodeOverrideConfig();
48
46
  const updateNodeInternals = useUpdateNodeInternals();
49
- const { updateNodeData, updateNode } = useReactFlow();
47
+ const { updateNodeData, updateNode, getNode } = useReactFlow();
50
48
  const containerRef = useRef(null);
51
49
  const [isHovered, setIsHovered] = useState(false);
52
50
  const [isFocused, setIsFocused] = useState(false);
53
- const syncedHeightRef = useRef(void 0);
54
- const baseHeightRef = useRef(DEFAULT_NODE_SIZE);
55
- if (height && height !== syncedHeightRef.current) baseHeightRef.current = height;
56
51
  const executionState = useNodeExecutionState(id);
57
52
  const validationState = useElementValidationStatus(id);
58
53
  const nodeTypeRegistry = useNodeTypeRegistry();
@@ -163,36 +158,23 @@ const BaseNodeComponent = (props)=>{
163
158
  const leftHandles = handleConfigurations.filter((config)=>config.position === Position.Left && false !== config.visible).reduce((count, config)=>count + config.handles.filter((h)=>false !== h.visible).length, 0);
164
159
  const rightHandles = handleConfigurations.filter((config)=>config.position === Position.Right && false !== config.visible).reduce((count, config)=>count + config.handles.filter((h)=>false !== h.visible).length, 0);
165
160
  const leftRightHandles = Math.max(leftHandles, rightHandles);
166
- const minNodeHeight = (2 * leftRightHandles + 2) * GRID_SPACING;
167
- return Math.max(baseHeightRef.current, minNodeHeight);
161
+ const handleFloor = (2 * leftRightHandles + 2) * GRID_SPACING;
162
+ return Math.max(getIntrinsicHeight(!!footerComponent, footerVariant), handleFloor);
168
163
  }, [
169
164
  handleConfigurations,
170
- height
165
+ footerComponent,
166
+ footerVariant
171
167
  ]);
172
168
  useEffect(()=>{
169
+ if (getNode(id)?.height !== computedHeight) updateNode(id, {
170
+ height: computedHeight
171
+ });
173
172
  updateNodeInternals(id);
174
173
  }, [
175
174
  handleConfigurations,
176
- id,
177
- updateNodeInternals
178
- ]);
179
- useEffect(()=>{
180
- if (void 0 !== computedHeight && computedHeight !== height) {
181
- syncedHeightRef.current = computedHeight;
182
- const frameId = requestAnimationFrame(()=>{
183
- updateNode(id, {
184
- height: computedHeight
185
- });
186
- updateNodeInternals(id);
187
- });
188
- return ()=>{
189
- cancelAnimationFrame(frameId);
190
- };
191
- }
192
- }, [
193
175
  computedHeight,
194
- height,
195
176
  id,
177
+ getNode,
196
178
  updateNode,
197
179
  updateNodeInternals
198
180
  ]);
@@ -204,7 +186,6 @@ const BaseNodeComponent = (props)=>{
204
186
  const displayIconBackground = isDarkMode ? display.iconBackgroundDark ?? display.iconBackground : display.iconBackground;
205
187
  const displayLabelTooltip = labelTooltip;
206
188
  const displayLabelBackgroundColor = labelBackgroundColor;
207
- const displayFooterVariant = footerVariant;
208
189
  const displaySubLabel = useMemo(()=>{
209
190
  if (void 0 !== subLabelComponent) return subLabelComponent;
210
191
  return display.subLabel;
@@ -215,9 +196,9 @@ const BaseNodeComponent = (props)=>{
215
196
  const displayFooter = footerComponent;
216
197
  const hasFooter = !!displayFooter;
217
198
  const containerWidth = getContainerWidth(displayShape, width);
218
- const containerHeight = getContainerHeight(height, hasFooter, displayFooterVariant);
199
+ const containerHeight = computedHeight;
219
200
  const nodeVars = useMemo(()=>{
220
- const numH = 'number' == typeof containerHeight ? containerHeight : DEFAULT_NODE_SIZE;
201
+ const numH = containerHeight;
221
202
  const getRadius = (basis, ratio)=>'circle' === displayShape ? '50%' : hasFooter ? `${GRID_SPACING}px` : `${basis * ratio}px`;
222
203
  const radiusBasis = Math.min(containerWidth, numH);
223
204
  const nodeRadius = getRadius(radiusBasis, NODE_CONTAINER_RADIUS_RATIO);
@@ -231,7 +212,7 @@ const BaseNodeComponent = (props)=>{
231
212
  const innerH = keepSquare ? innerBasis - gap : effectiveH - gap;
232
213
  return {
233
214
  '--node-w': `${containerWidth}px`,
234
- '--node-h': 'number' == typeof containerHeight ? `${containerHeight}px` : 'auto',
215
+ '--node-h': `${containerHeight}px`,
235
216
  '--node-radius': nodeRadius,
236
217
  '--node-gap': `${(gap - 2 * NODE_BORDER_SIZE) / 2}px`,
237
218
  '--inner-w': `${innerW}px`,
@@ -363,8 +344,8 @@ const BaseNodeComponent = (props)=>{
363
344
  hovered: isHovered,
364
345
  showAddButton: 'design' === mode && !multipleNodesSelected && !isConnecting && !dragging,
365
346
  showNotches,
366
- nodeWidth: width,
367
- nodeHeight: height,
347
+ nodeWidth: containerWidth,
348
+ nodeHeight: computedHeight,
368
349
  shouldShowAddButtonFn,
369
350
  portalActions: !!parentId
370
351
  });
@@ -385,8 +366,8 @@ const BaseNodeComponent = (props)=>{
385
366
  id: handle.id,
386
367
  defaultPosition: defaultPosition,
387
368
  handleType: handleVisualType,
388
- nodeWidth: width,
389
- nodeHeight: height,
369
+ nodeWidth: containerWidth,
370
+ nodeHeight: computedHeight,
390
371
  label: handle.label,
391
372
  showButton: shouldShowButton,
392
373
  selected: selected,
@@ -401,8 +382,8 @@ const BaseNodeComponent = (props)=>{
401
382
  useSmartHandles,
402
383
  handleConfigurations,
403
384
  shouldShowHandles,
404
- width,
405
- height,
385
+ containerWidth,
386
+ computedHeight,
406
387
  mode,
407
388
  selected,
408
389
  showNotches,
@@ -532,8 +513,8 @@ const BaseNodeComponent = (props)=>{
532
513
  ]
533
514
  });
534
515
  if (useSmartHandles) return /*#__PURE__*/ jsx(SmartHandleProvider, {
535
- nodeWidth: width,
536
- nodeHeight: height,
516
+ nodeWidth: containerWidth,
517
+ nodeHeight: computedHeight,
537
518
  children: nodeContent
538
519
  });
539
520
  return nodeContent;
package/dist/canvas/components/BaseNode/BaseNodeConfigContext.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseNodeConfigContext.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeConfigContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACxF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AActE,MAAM,WAAW,sBAAsB;IAErC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAEpD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEvD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,aAAa,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC;IACzF,+BAA+B,CAAC,EAAE,CAAC,IAAI,EAAE;QACvC,YAAY,EAAE,OAAO,CAAC;QACtB,UAAU,EAAE,OAAO,CAAC;QACpB,SAAS,EAAE,OAAO,CAAC;KACpB,KAAK,OAAO,CAAC;IAGd,aAAa,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACzC,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7C,UAAU,CAAC,EAAE,cAAc,CAAC;IAG5B,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB,CAAC,EAAE,mBAAmB,CAAC;IAG9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAMD,eAAO,MAAM,8BAA8B,kDAAyC,CAAC;AAMrF,wBAAgB,yBAAyB,IAAI,sBAAsB,CAElE"}
1
+ {"version":3,"file":"BaseNodeConfigContext.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeConfigContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACxF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AActE,MAAM,WAAW,sBAAsB;IAErC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAEpD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEvD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,aAAa,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC;IACzF,+BAA+B,CAAC,EAAE,CAAC,IAAI,EAAE;QACvC,YAAY,EAAE,OAAO,CAAC;QACtB,UAAU,EAAE,OAAO,CAAC;QACpB,SAAS,EAAE,OAAO,CAAC;KACpB,KAAK,OAAO,CAAC;IAGd,aAAa,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACzC,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7C,UAAU,CAAC,EAAE,cAAc,CAAC;IAG5B,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB,CAAC,EAAE,mBAAmB,CAAC;IAG9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAMD,eAAO,MAAM,8BAA8B,kDAAyC,CAAC;AAMrF,wBAAgB,yBAAyB,IAAI,sBAAsB,CAElE"}
package/dist/canvas/stores/animatedViewportManager.cjs CHANGED
@@ -144,8 +144,8 @@ class AnimatedViewportManager {
144
144
  const nodeBounds = {
145
145
  x: node.position.x,
146
146
  y: node.position.y,
147
- width: node.width || 200,
148
- height: node.height || 100
147
+ width: node.measured?.width || node.width || 200,
148
+ height: node.measured?.height || node.height || 100
149
149
  };
150
150
  const nodeFocusViewport = (0, transitions_cjs_namespaceObject.calculateNodeFocusViewport)(nodeBounds, canvasSize, transitions_cjs_namespaceObject.ANIMATION_CONSTANTS.NODE_FOCUS_PADDING);
151
151
  const fromViewport = this.getCurrentViewport();
@@ -206,8 +206,8 @@ class AnimatedViewportManager {
206
206
  return {
207
207
  x: node.position.x,
208
208
  y: node.position.y,
209
- width: node.width || 200,
210
- height: node.height || 100
209
+ width: node.measured?.width || node.width || 200,
210
+ height: node.measured?.height || node.height || 100
211
211
  };
212
212
  }
213
213
  cancelTransition() {
package/dist/canvas/stores/animatedViewportManager.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"animatedViewportManager.d.ts","sourceRoot":"","sources":["../../../src/canvas/stores/animatedViewportManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAClG,OAAO,EAOL,KAAK,UAAU,EAEhB,MAAM,sBAAsB,CAAC;AAK9B,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AAK5E,MAAM,WAAW,eAAe;IAC9B,eAAe,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,UAAU,CAAC,EAAE,QAAQ,CAAC;CACvB;AAMD,cAAM,uBAAuB;IAC3B,OAAO,CAAC,iBAAiB,CAAkC;IAC3D,OAAO,CAAC,eAAe,CAAqC;IAC5D,OAAO,CAAC,eAAe,CAKrB;IACF,OAAO,CAAC,mBAAmB,CAAC,CAAS;IAGrC,OAAO,CAAC,iBAAiB,CAAC,CAAiC;IAC3D,OAAO,CAAC,kBAAkB,CAAC,CAAmC;IAC9D,OAAO,CAAC,oBAAoB,CAAC,CAAiC;IAE9D,oBAAoB,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI;IAIvD,oBAAoB,IAAI,iBAAiB,GAAG,IAAI;IAIhD,kBAAkB,CAAC,QAAQ,EAAE,QAAQ;IAIrC,kBAAkB,IAAI,QAAQ;IAU9B,kBAAkB,IAAI,eAAe;IAOrC,eAAe,IAAI,OAAO;IAO1B,sBAAsB,CAAC,SAAS,EAAE;QAChC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;QACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;QAC5C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;KAC7C;IASD,OAAO,CAAC,qBAAqB;IAW7B,OAAO,CAAC,eAAe;IA6BvB,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,sBAAsB;IAUxB,iBAAiB,CACrB,cAAc,EAAE,QAAQ,EACxB,QAAQ,CAAC,EAAE,MAAM,EACjB,IAAI,GAAE,cAA2B,GAChC,OAAO,CAAC,IAAI,CAAC;IAiDV,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IA6DxC,gBAAgB,CAAC,cAAc,EAAE,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;IAqC/D,oBAAoB,CAAC,QAAQ,EAAE,QAAQ;IAUvC,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI;IAiBhD,gBAAgB;IAUhB,OAAO;CAKR;AAGD,eAAO,MAAM,uBAAuB,yBAAgC,CAAC"}
1
+ {"version":3,"file":"animatedViewportManager.d.ts","sourceRoot":"","sources":["../../../src/canvas/stores/animatedViewportManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAClG,OAAO,EAOL,KAAK,UAAU,EAEhB,MAAM,sBAAsB,CAAC;AAK9B,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AAK5E,MAAM,WAAW,eAAe;IAC9B,eAAe,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,UAAU,CAAC,EAAE,QAAQ,CAAC;CACvB;AAMD,cAAM,uBAAuB;IAC3B,OAAO,CAAC,iBAAiB,CAAkC;IAC3D,OAAO,CAAC,eAAe,CAAqC;IAC5D,OAAO,CAAC,eAAe,CAKrB;IACF,OAAO,CAAC,mBAAmB,CAAC,CAAS;IAGrC,OAAO,CAAC,iBAAiB,CAAC,CAAiC;IAC3D,OAAO,CAAC,kBAAkB,CAAC,CAAmC;IAC9D,OAAO,CAAC,oBAAoB,CAAC,CAAiC;IAE9D,oBAAoB,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI;IAIvD,oBAAoB,IAAI,iBAAiB,GAAG,IAAI;IAIhD,kBAAkB,CAAC,QAAQ,EAAE,QAAQ;IAIrC,kBAAkB,IAAI,QAAQ;IAU9B,kBAAkB,IAAI,eAAe;IAOrC,eAAe,IAAI,OAAO;IAO1B,sBAAsB,CAAC,SAAS,EAAE;QAChC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;QACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;QAC5C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;KAC7C;IASD,OAAO,CAAC,qBAAqB;IAW7B,OAAO,CAAC,eAAe;IA6BvB,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,sBAAsB;IAUxB,iBAAiB,CACrB,cAAc,EAAE,QAAQ,EACxB,QAAQ,CAAC,EAAE,MAAM,EACjB,IAAI,GAAE,cAA2B,GAChC,OAAO,CAAC,IAAI,CAAC;IAiDV,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAgExC,gBAAgB,CAAC,cAAc,EAAE,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;IAqC/D,oBAAoB,CAAC,QAAQ,EAAE,QAAQ;IAUvC,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI;IAoBhD,gBAAgB;IAUhB,OAAO;CAKR;AAGD,eAAO,MAAM,uBAAuB,yBAAgC,CAAC"}
package/dist/canvas/stores/animatedViewportManager.js CHANGED
@@ -116,8 +116,8 @@ class AnimatedViewportManager {
116
116
  const nodeBounds = {
117
117
  x: node.position.x,
118
118
  y: node.position.y,
119
- width: node.width || 200,
120
- height: node.height || 100
119
+ width: node.measured?.width || node.width || 200,
120
+ height: node.measured?.height || node.height || 100
121
121
  };
122
122
  const nodeFocusViewport = calculateNodeFocusViewport(nodeBounds, canvasSize, ANIMATION_CONSTANTS.NODE_FOCUS_PADDING);
123
123
  const fromViewport = this.getCurrentViewport();
@@ -178,8 +178,8 @@ class AnimatedViewportManager {
178
178
  return {
179
179
  x: node.position.x,
180
180
  y: node.position.y,
181
- width: node.width || 200,
182
- height: node.height || 100
181
+ width: node.measured?.width || node.width || 200,
182
+ height: node.measured?.height || node.height || 100
183
183
  };
184
184
  }
185
185
  cancelTransition() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "4.61.0",
3
+ "version": "4.61.1",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",