chore(react/svelte): rename node.dimensions to node.size

packages/react/src/components/Nodes/wrapNode.tsx

@@ -52,8 +52,8 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
     disableKeyboardA11y,
     ariaLabel,
     rfId,
-    dimensionWidth,
-    dimensionHeight,
+    sizeWidth,
+    sizeHeight,
   }: WrapNodeProps) => {
     const store = useStoreApi();
     const nodeRef = useRef<HTMLDivElement>(null);
@@ -184,8 +184,8 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
           transform: `translate(${xPosOrigin}px,${yPosOrigin}px)`,
           pointerEvents: hasPointerEvents ? 'all' : 'none',
           visibility: initialized ? 'visible' : 'hidden',
-          width: dimensionWidth,
-          height: dimensionHeight,
+          width: sizeWidth,
+          height: sizeHeight,
           ...style,
         }}
         data-id={id}

packages/react/src/container/NodeRenderer/index.tsx

@@ -98,7 +98,7 @@ const NodeRenderer = (props: NodeRendererProps) => {
           height: node.height ?? 0,
           origin: node.origin || props.nodeOrigin,
         });
-        const initialized = (!!node.width && !!node.height) || (!!node.dimensions?.width && !!node.dimensions?.height);
+        const initialized = (!!node.width && !!node.height) || (!!node.size?.width && !!node.size?.height);
 
         return (
           <NodeComponent
@@ -106,8 +106,8 @@ const NodeRenderer = (props: NodeRendererProps) => {
             id={node.id}
             className={node.className}
             style={node.style}
-            dimensionWidth={node.dimensions?.width}
-            dimensionHeight={node.dimensions?.height}
+            sizeWidth={node.size?.width}
+            sizeHeight={node.size?.height}
             type={nodeType}
             data={node.data}
             sourcePosition={node.sourcePosition || Position.Bottom}

packages/react/src/types/nodes.ts

@@ -40,6 +40,6 @@ export type WrapNodeProps<NodeData = any> = Pick<
     noPanClassName: string;
     rfId: string;
     disableKeyboardA11y: boolean;
-    dimensionWidth?: number;
-    dimensionHeight?: number;
+    sizeWidth?: number;
+    sizeHeight?: number;
   };