added getNodesBounds inside main hook

packages/react/src/hooks/useReactFlow.ts

@@ -1,11 +1,14 @@
 import { useMemo } from 'react';
 import {
+  boxToRect,
   EdgeRemoveChange,
   evaluateAbsolutePosition,
+  getBoundsOfBoxes,
   getElementsToRemove,
   getOverlappingArea,
   isRectObject,
   NodeRemoveChange,
+  nodeToBox,
   nodeToRect,
   type Rect,
 } from '@xyflow/system';
@@ -230,6 +233,26 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
           options
         );
       },
+      getNodesBounds: (nodes: (NodeType | string)[]): Rect => {
+        if (nodes.length === 0) {
+          return { x: 0, y: 0, width: 0, height: 0 };
+        }
+
+        const { nodeLookup, nodeOrigin } = store.getState();
+
+        const box = nodes.reduce(
+          (currBox, node) => {
+            const internalNode =
+              typeof node === 'string' ? nodeLookup.get(node) : node.parentId ? nodeLookup.get(node.id) : node;
+
+            const nodeBox = internalNode ? nodeToBox(internalNode, nodeOrigin) : { x: 0, y: 0, x2: 0, y2: 0 };
+            return getBoundsOfBoxes(currBox, nodeBox);
+          },
+          { x: Infinity, y: Infinity, x2: -Infinity, y2: -Infinity }
+        );
+
+        return boxToRect(box);
+      },
     };
   }, []);
 

packages/react/src/types/instance.ts

@@ -173,6 +173,14 @@ export type GeneralHelpers<NodeType extends Node = Node, EdgeType extends Edge =
     dataUpdate: Partial<EdgeType['data']> | ((edge: EdgeType) => Partial<EdgeType['data']>),
     options?: { replace: boolean }
   ) => void;
+  /**
+   * Returns the bounds of the given nodes or node ids.
+   *
+   * @param nodes - the nodes or node ids to calculate the bounds for
+   *
+   * @returns the bounds of the given nodes
+   */
+  getNodesBounds: (nodes: (NodeType | string)[]) => Rect;
 };
 
 export type ReactFlowInstance<NodeType extends Node = Node, EdgeType extends Edge = Edge> = GeneralHelpers<