@uipath/apollo-react 4.60.0 → 4.61.1

package/dist/canvas/components/BaseNode/BaseNode.cjs

@@ -57,7 +57,7 @@ const getContainerWidth = (shape, width)=>{
     if (width && width !== external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE && width !== external_constants_cjs_namespaceObject.DEFAULT_RECTANGLE_NODE_WIDTH) return width;
     return defaultWidth;
 };
-const getContainerHeight = (height, hasFooter, footerVariant)=>{
+const getIntrinsicHeight = (hasFooter, footerVariant)=>{
     if (hasFooter) switch(footerVariant){
         case 'button':
             return external_constants_cjs_namespaceObject.NODE_HEIGHT_FOOTER_BUTTON;
@@ -65,22 +65,17 @@ const getContainerHeight = (height, hasFooter, footerVariant)=>{
             return external_constants_cjs_namespaceObject.NODE_HEIGHT_FOOTER_SINGLE;
         case 'double':
             return external_constants_cjs_namespaceObject.NODE_HEIGHT_FOOTER_DOUBLE;
-        default:
-            return 'auto';
     }
-    return height || external_constants_cjs_namespaceObject.NODE_HEIGHT_DEFAULT;
+    return external_constants_cjs_namespaceObject.NODE_HEIGHT_DEFAULT;
 };
 const BaseNodeComponent = (props)=>{
-    const { type, data, selected, id, dragging, width, height, parentId } = props;
+    const { type, data, selected, id, dragging, width, parentId } = props;
     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)();
     const updateNodeInternals = (0, react_cjs_namespaceObject.useUpdateNodeInternals)();
-    const { updateNodeData, updateNode } = (0, react_cjs_namespaceObject.useReactFlow)();
+    const { updateNodeData, updateNode, getNode } = (0, react_cjs_namespaceObject.useReactFlow)();
     const containerRef = (0, external_react_namespaceObject.useRef)(null);
     const [isHovered, setIsHovered] = (0, external_react_namespaceObject.useState)(false);
     const [isFocused, setIsFocused] = (0, external_react_namespaceObject.useState)(false);
-    const syncedHeightRef = (0, external_react_namespaceObject.useRef)(void 0);
-    const baseHeightRef = (0, external_react_namespaceObject.useRef)(external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE);
-    if (height && height !== syncedHeightRef.current) baseHeightRef.current = height;
     const executionState = (0, external_hooks_index_cjs_namespaceObject.useNodeExecutionState)(id);
     const validationState = (0, external_hooks_index_cjs_namespaceObject.useElementValidationStatus)(id);
     const nodeTypeRegistry = (0, index_cjs_namespaceObject.useNodeTypeRegistry)();
@@ -191,36 +186,23 @@ const BaseNodeComponent = (props)=>{
         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);
         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);
         const leftRightHandles = Math.max(leftHandles, rightHandles);
-        const minNodeHeight = (2 * leftRightHandles + 2) * external_constants_cjs_namespaceObject.GRID_SPACING;
-        return Math.max(baseHeightRef.current, minNodeHeight);
+        const handleFloor = (2 * leftRightHandles + 2) * external_constants_cjs_namespaceObject.GRID_SPACING;
+        return Math.max(getIntrinsicHeight(!!footerComponent, footerVariant), handleFloor);
     }, [
         handleConfigurations,
-        height
+        footerComponent,
+        footerVariant
     ]);
     (0, external_react_namespaceObject.useEffect)(()=>{
+        if (getNode(id)?.height !== computedHeight) updateNode(id, {
+            height: computedHeight
+        });
         updateNodeInternals(id);
     }, [
         handleConfigurations,
-        id,
-        updateNodeInternals
-    ]);
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        if (void 0 !== computedHeight && computedHeight !== height) {
-            syncedHeightRef.current = computedHeight;
-            const frameId = requestAnimationFrame(()=>{
-                updateNode(id, {
-                    height: computedHeight
-                });
-                updateNodeInternals(id);
-            });
-            return ()=>{
-                cancelAnimationFrame(frameId);
-            };
-        }
-    }, [
         computedHeight,
-        height,
         id,
+        getNode,
         updateNode,
         updateNodeInternals
     ]);
@@ -232,7 +214,6 @@ const BaseNodeComponent = (props)=>{
     const displayIconBackground = isDarkMode ? display.iconBackgroundDark ?? display.iconBackground : display.iconBackground;
     const displayLabelTooltip = labelTooltip;
     const displayLabelBackgroundColor = labelBackgroundColor;
-    const displayFooterVariant = footerVariant;
     const displaySubLabel = (0, external_react_namespaceObject.useMemo)(()=>{
         if (void 0 !== subLabelComponent) return subLabelComponent;
         return display.subLabel;
@@ -243,9 +224,9 @@ const BaseNodeComponent = (props)=>{
     const displayFooter = footerComponent;
     const hasFooter = !!displayFooter;
     const containerWidth = getContainerWidth(displayShape, width);
-    const containerHeight = getContainerHeight(height, hasFooter, displayFooterVariant);
+    const containerHeight = computedHeight;
     const nodeVars = (0, external_react_namespaceObject.useMemo)(()=>{
-        const numH = 'number' == typeof containerHeight ? containerHeight : external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE;
+        const numH = containerHeight;
         const getRadius = (basis, ratio)=>'circle' === displayShape ? '50%' : hasFooter ? `${external_constants_cjs_namespaceObject.GRID_SPACING}px` : `${basis * ratio}px`;
         const radiusBasis = Math.min(containerWidth, numH);
         const nodeRadius = getRadius(radiusBasis, external_constants_cjs_namespaceObject.NODE_CONTAINER_RADIUS_RATIO);
@@ -259,7 +240,7 @@ const BaseNodeComponent = (props)=>{
         const innerH = keepSquare ? innerBasis - gap : effectiveH - gap;
         return {
             '--node-w': `${containerWidth}px`,
-            '--node-h': 'number' == typeof containerHeight ? `${containerHeight}px` : 'auto',
+            '--node-h': `${containerHeight}px`,
             '--node-radius': nodeRadius,
             '--node-gap': `${(gap - 2 * external_constants_cjs_namespaceObject.NODE_BORDER_SIZE) / 2}px`,
             '--inner-w': `${innerW}px`,
@@ -391,8 +372,8 @@ const BaseNodeComponent = (props)=>{
         hovered: isHovered,
         showAddButton: 'design' === mode && !multipleNodesSelected && !isConnecting && !dragging,
         showNotches,
-        nodeWidth: width,
-        nodeHeight: height,
+        nodeWidth: containerWidth,
+        nodeHeight: computedHeight,
         shouldShowAddButtonFn,
         portalActions: !!parentId
     });
@@ -413,8 +394,8 @@ const BaseNodeComponent = (props)=>{
                     id: handle.id,
                     defaultPosition: defaultPosition,
                     handleType: handleVisualType,
-                    nodeWidth: width,
-                    nodeHeight: height,
+                    nodeWidth: containerWidth,
+                    nodeHeight: computedHeight,
                     label: handle.label,
                     showButton: shouldShowButton,
                     selected: selected,
@@ -429,8 +410,8 @@ const BaseNodeComponent = (props)=>{
         useSmartHandles,
         handleConfigurations,
         shouldShowHandles,
-        width,
-        height,
+        containerWidth,
+        computedHeight,
         mode,
         selected,
         showNotches,
@@ -560,8 +541,8 @@ const BaseNodeComponent = (props)=>{
         ]
     });
     if (useSmartHandles) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SmartHandle_cjs_namespaceObject.SmartHandleProvider, {
-        nodeWidth: width,
-        nodeHeight: height,
+        nodeWidth: containerWidth,
+        nodeHeight: computedHeight,
         children: nodeContent
     });
     return nodeContent;

package/dist/canvas/components/BaseNode/BaseNode.d.ts.map

@@ -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"}
+{"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

@@ -29,7 +29,7 @@ const getContainerWidth = (shape, width)=>{
     if (width && width !== DEFAULT_NODE_SIZE && width !== DEFAULT_RECTANGLE_NODE_WIDTH) return width;
     return defaultWidth;
 };
-const getContainerHeight = (height, hasFooter, footerVariant)=>{
+const getIntrinsicHeight = (hasFooter, footerVariant)=>{
     if (hasFooter) switch(footerVariant){
         case 'button':
             return NODE_HEIGHT_FOOTER_BUTTON;
@@ -37,22 +37,17 @@ const getContainerHeight = (height, hasFooter, footerVariant)=>{
             return NODE_HEIGHT_FOOTER_SINGLE;
         case 'double':
             return NODE_HEIGHT_FOOTER_DOUBLE;
-        default:
-            return 'auto';
     }
-    return height || NODE_HEIGHT_DEFAULT;
+    return NODE_HEIGHT_DEFAULT;
 };
 const BaseNodeComponent = (props)=>{
-    const { type, data, selected, id, dragging, width, height, parentId } = props;
+    const { type, data, selected, id, dragging, width, parentId } = props;
     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();
     const updateNodeInternals = useUpdateNodeInternals();
-    const { updateNodeData, updateNode } = useReactFlow();
+    const { updateNodeData, updateNode, getNode } = useReactFlow();
     const containerRef = useRef(null);
     const [isHovered, setIsHovered] = useState(false);
     const [isFocused, setIsFocused] = useState(false);
-    const syncedHeightRef = useRef(void 0);
-    const baseHeightRef = useRef(DEFAULT_NODE_SIZE);
-    if (height && height !== syncedHeightRef.current) baseHeightRef.current = height;
     const executionState = useNodeExecutionState(id);
     const validationState = useElementValidationStatus(id);
     const nodeTypeRegistry = useNodeTypeRegistry();
@@ -163,36 +158,23 @@ const BaseNodeComponent = (props)=>{
         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);
         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);
         const leftRightHandles = Math.max(leftHandles, rightHandles);
-        const minNodeHeight = (2 * leftRightHandles + 2) * GRID_SPACING;
-        return Math.max(baseHeightRef.current, minNodeHeight);
+        const handleFloor = (2 * leftRightHandles + 2) * GRID_SPACING;
+        return Math.max(getIntrinsicHeight(!!footerComponent, footerVariant), handleFloor);
     }, [
         handleConfigurations,
-        height
+        footerComponent,
+        footerVariant
     ]);
     useEffect(()=>{
+        if (getNode(id)?.height !== computedHeight) updateNode(id, {
+            height: computedHeight
+        });
         updateNodeInternals(id);
     }, [
         handleConfigurations,
-        id,
-        updateNodeInternals
-    ]);
-    useEffect(()=>{
-        if (void 0 !== computedHeight && computedHeight !== height) {
-            syncedHeightRef.current = computedHeight;
-            const frameId = requestAnimationFrame(()=>{
-                updateNode(id, {
-                    height: computedHeight
-                });
-                updateNodeInternals(id);
-            });
-            return ()=>{
-                cancelAnimationFrame(frameId);
-            };
-        }
-    }, [
         computedHeight,
-        height,
         id,
+        getNode,
         updateNode,
         updateNodeInternals
     ]);
@@ -204,7 +186,6 @@ const BaseNodeComponent = (props)=>{
     const displayIconBackground = isDarkMode ? display.iconBackgroundDark ?? display.iconBackground : display.iconBackground;
     const displayLabelTooltip = labelTooltip;
     const displayLabelBackgroundColor = labelBackgroundColor;
-    const displayFooterVariant = footerVariant;
     const displaySubLabel = useMemo(()=>{
         if (void 0 !== subLabelComponent) return subLabelComponent;
         return display.subLabel;
@@ -215,9 +196,9 @@ const BaseNodeComponent = (props)=>{
     const displayFooter = footerComponent;
     const hasFooter = !!displayFooter;
     const containerWidth = getContainerWidth(displayShape, width);
-    const containerHeight = getContainerHeight(height, hasFooter, displayFooterVariant);
+    const containerHeight = computedHeight;
     const nodeVars = useMemo(()=>{
-        const numH = 'number' == typeof containerHeight ? containerHeight : DEFAULT_NODE_SIZE;
+        const numH = containerHeight;
         const getRadius = (basis, ratio)=>'circle' === displayShape ? '50%' : hasFooter ? `${GRID_SPACING}px` : `${basis * ratio}px`;
         const radiusBasis = Math.min(containerWidth, numH);
         const nodeRadius = getRadius(radiusBasis, NODE_CONTAINER_RADIUS_RATIO);
@@ -231,7 +212,7 @@ const BaseNodeComponent = (props)=>{
         const innerH = keepSquare ? innerBasis - gap : effectiveH - gap;
         return {
             '--node-w': `${containerWidth}px`,
-            '--node-h': 'number' == typeof containerHeight ? `${containerHeight}px` : 'auto',
+            '--node-h': `${containerHeight}px`,
             '--node-radius': nodeRadius,
             '--node-gap': `${(gap - 2 * NODE_BORDER_SIZE) / 2}px`,
             '--inner-w': `${innerW}px`,
@@ -363,8 +344,8 @@ const BaseNodeComponent = (props)=>{
         hovered: isHovered,
         showAddButton: 'design' === mode && !multipleNodesSelected && !isConnecting && !dragging,
         showNotches,
-        nodeWidth: width,
-        nodeHeight: height,
+        nodeWidth: containerWidth,
+        nodeHeight: computedHeight,
         shouldShowAddButtonFn,
         portalActions: !!parentId
     });
@@ -385,8 +366,8 @@ const BaseNodeComponent = (props)=>{
                     id: handle.id,
                     defaultPosition: defaultPosition,
                     handleType: handleVisualType,
-                    nodeWidth: width,
-                    nodeHeight: height,
+                    nodeWidth: containerWidth,
+                    nodeHeight: computedHeight,
                     label: handle.label,
                     showButton: shouldShowButton,
                     selected: selected,
@@ -401,8 +382,8 @@ const BaseNodeComponent = (props)=>{
         useSmartHandles,
         handleConfigurations,
         shouldShowHandles,
-        width,
-        height,
+        containerWidth,
+        computedHeight,
         mode,
         selected,
         showNotches,
@@ -532,8 +513,8 @@ const BaseNodeComponent = (props)=>{
         ]
     });
     if (useSmartHandles) return /*#__PURE__*/ jsx(SmartHandleProvider, {
-        nodeWidth: width,
-        nodeHeight: height,
+        nodeWidth: containerWidth,
+        nodeHeight: computedHeight,
         children: nodeContent
     });
     return nodeContent;

package/dist/canvas/components/BaseNode/BaseNodeConfigContext.d.ts.map

@@ -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"}
+{"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

@@ -144,8 +144,8 @@ class AnimatedViewportManager {
         const nodeBounds = {
             x: node.position.x,
             y: node.position.y,
-            width: node.width || 200,
-            height: node.height || 100
+            width: node.measured?.width || node.width || 200,
+            height: node.measured?.height || node.height || 100
         };
         const nodeFocusViewport = (0, transitions_cjs_namespaceObject.calculateNodeFocusViewport)(nodeBounds, canvasSize, transitions_cjs_namespaceObject.ANIMATION_CONSTANTS.NODE_FOCUS_PADDING);
         const fromViewport = this.getCurrentViewport();
@@ -206,8 +206,8 @@ class AnimatedViewportManager {
         return {
             x: node.position.x,
             y: node.position.y,
-            width: node.width || 200,
-            height: node.height || 100
+            width: node.measured?.width || node.width || 200,
+            height: node.measured?.height || node.height || 100
         };
     }
     cancelTransition() {

package/dist/canvas/stores/animatedViewportManager.d.ts.map

@@ -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"}
+{"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

@@ -116,8 +116,8 @@ class AnimatedViewportManager {
         const nodeBounds = {
             x: node.position.x,
             y: node.position.y,
-            width: node.width || 200,
-            height: node.height || 100
+            width: node.measured?.width || node.width || 200,
+            height: node.measured?.height || node.height || 100
         };
         const nodeFocusViewport = calculateNodeFocusViewport(nodeBounds, canvasSize, ANIMATION_CONSTANTS.NODE_FOCUS_PADDING);
         const fromViewport = this.getCurrentViewport();
@@ -178,8 +178,8 @@ class AnimatedViewportManager {
         return {
             x: node.position.x,
             y: node.position.y,
-            width: node.width || 200,
-            height: node.height || 100
+            width: node.measured?.width || node.width || 200,
+            height: node.measured?.height || node.height || 100
         };
     }
     cancelTransition() {