Update dependency react-virtualized-auto-sizer to v1.0.26 (#105005)

* Update dependency react-virtualized-auto-sizer to v1.0.26

* fix unit tests

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>

package.json

@@ -148,7 +148,7 @@
     "@types/react-router-dom": "5.3.3",
     "@types/react-table": "7.7.20",
     "@types/react-transition-group": "4.4.12",
-    "@types/react-virtualized-auto-sizer": "1.0.4",
+    "@types/react-virtualized-auto-sizer": "1.0.8",
     "@types/react-window": "1.8.8",
     "@types/react-window-infinite-loader": "^1",
     "@types/redux-mock-store": "1.5.0",
@@ -402,7 +402,7 @@
     "react-transition-group": "4.4.5",
     "react-use": "17.6.0",
     "react-virtual": "2.10.4",
-    "react-virtualized-auto-sizer": "1.0.25",
+    "react-virtualized-auto-sizer": "1.0.26",
     "react-window": "1.8.11",
     "react-window-infinite-loader": "1.0.10",
     "react-zoom-pan-pinch": "^3.3.0",

packages/grafana-flamegraph/package.json

@@ -51,7 +51,7 @@
     "lodash": "4.17.21",
     "react": "18.3.1",
     "react-use": "17.6.0",
-    "react-virtualized-auto-sizer": "1.0.25",
+    "react-virtualized-auto-sizer": "1.0.26",
     "tinycolor2": "1.6.0",
     "tslib": "2.8.1"
   },
@@ -70,7 +70,7 @@
     "@types/lodash": "4.17.20",
     "@types/node": "22.15.0",
     "@types/react": "18.3.18",
-    "@types/react-virtualized-auto-sizer": "1.0.4",
+    "@types/react-virtualized-auto-sizer": "1.0.8",
     "@types/tinycolor2": "1.4.6",
     "babel-jest": "29.7.0",
     "esbuild": "0.25.6",

packages/grafana-flamegraph/src/FlameGraphContainer.test.tsx

@@ -19,9 +19,13 @@ jest.mock('react-use', () => ({
 
 describe('FlameGraphContainer', () => {
   // Needed for AutoSizer to work in test
-  Object.defineProperty(HTMLElement.prototype, 'offsetHeight', { value: 500 });
-  Object.defineProperty(HTMLElement.prototype, 'offsetWidth', { value: 500 });
-  Object.defineProperty(HTMLElement.prototype, 'clientWidth', { value: 500 });
+  Object.defineProperty(Element.prototype, 'getBoundingClientRect', {
+    value: jest.fn(() => ({
+      width: 500,
+      height: 500,
+      left: 0,
+    })),
+  });
 
   const FlameGraphContainerWithProps = () => {
     const flameGraphData = createDataFrame(data);

packages/grafana-flamegraph/src/TopTable/FlameGraphTopTableContainer.test.tsx

@@ -31,8 +31,12 @@ describe('FlameGraphTopTableContainer', () => {
 
   it('should render correctly', async () => {
     // Needed for AutoSizer to work in test
-    Object.defineProperty(HTMLElement.prototype, 'offsetHeight', { configurable: true, value: 500 });
-    Object.defineProperty(HTMLElement.prototype, 'offsetWidth', { configurable: true, value: 500 });
+    Object.defineProperty(Element.prototype, 'getBoundingClientRect', {
+      value: jest.fn(() => ({
+        width: 500,
+        height: 500,
+      })),
+    });
 
     setup();
     const rows = screen.getAllByRole('row');
@@ -56,8 +60,13 @@ describe('FlameGraphTopTableContainer', () => {
 
   it('should render search and sandwich buttons', async () => {
     // Needed for AutoSizer to work in test
-    Object.defineProperty(HTMLElement.prototype, 'offsetHeight', { configurable: true, value: 500 });
-    Object.defineProperty(HTMLElement.prototype, 'offsetWidth', { configurable: true, value: 500 });
+    Object.defineProperty(Element.prototype, 'getBoundingClientRect', {
+      value: jest.fn(() => ({
+        width: 500,
+        height: 500,
+        left: 0,
+      })),
+    });
 
     const { mocks } = setup();
 

packages/grafana-sql/package.json

@@ -29,7 +29,7 @@
     "react-dom": "18.3.1",
     "react-select": "5.10.1",
     "react-use": "17.6.0",
-    "react-virtualized-auto-sizer": "1.0.25",
+    "react-virtualized-auto-sizer": "1.0.26",
     "rxjs": "7.8.2",
     "sql-formatter-plus": "^1.3.6",
     "tslib": "2.8.1",
@@ -46,7 +46,7 @@
     "@types/node": "22.15.0",
     "@types/react": "18.3.18",
     "@types/react-dom": "18.3.5",
-    "@types/react-virtualized-auto-sizer": "1.0.4",
+    "@types/react-virtualized-auto-sizer": "1.0.8",
     "@types/systemjs": "6.15.3",
     "@types/uuid": "10.0.0",
     "i18next-parser": "9.3.0",

public/app/features/dashboard/containers/SoloPanelPage.test.tsx

@@ -127,8 +127,12 @@ describe('SoloPanelPage', () => {
   soloPanelPageScenario('Dashboard init completed ', (ctx) => {
     ctx.setup(() => {
       // Needed for AutoSizer to work in test
-      Object.defineProperty(HTMLElement.prototype, 'offsetHeight', { configurable: true, value: 500 });
-      Object.defineProperty(HTMLElement.prototype, 'offsetWidth', { configurable: true, value: 500 });
+      Object.defineProperty(Element.prototype, 'getBoundingClientRect', {
+        value: jest.fn(() => ({
+          width: 500,
+          height: 500,
+        })),
+      });
 
       ctx.mount();
       ctx.setDashboard();

yarn.lock

@@ -3231,7 +3231,7 @@ __metadata:
     "@types/lodash": "npm:4.17.20"
     "@types/node": "npm:22.15.0"
     "@types/react": "npm:18.3.18"
-    "@types/react-virtualized-auto-sizer": "npm:1.0.4"
+    "@types/react-virtualized-auto-sizer": "npm:1.0.8"
     "@types/tinycolor2": "npm:1.4.6"
     babel-jest: "npm:29.7.0"
     d3: "npm:^7.8.5"
@@ -3241,7 +3241,7 @@ __metadata:
     lodash: "npm:4.17.21"
     react: "npm:18.3.1"
     react-use: "npm:17.6.0"
-    react-virtualized-auto-sizer: "npm:1.0.25"
+    react-virtualized-auto-sizer: "npm:1.0.26"
     rollup: "npm:^4.22.4"
     rollup-plugin-esbuild: "npm:6.2.0"
     rollup-plugin-node-externals: "npm:^8.0.0"
@@ -3634,7 +3634,7 @@ __metadata:
     "@types/node": "npm:22.15.0"
     "@types/react": "npm:18.3.18"
     "@types/react-dom": "npm:18.3.5"
-    "@types/react-virtualized-auto-sizer": "npm:1.0.4"
+    "@types/react-virtualized-auto-sizer": "npm:1.0.8"
     "@types/systemjs": "npm:6.15.3"
     "@types/uuid": "npm:10.0.0"
     i18next-parser: "npm:9.3.0"
@@ -3645,7 +3645,7 @@ __metadata:
     react-dom: "npm:18.3.1"
     react-select: "npm:5.10.1"
     react-use: "npm:17.6.0"
-    react-virtualized-auto-sizer: "npm:1.0.25"
+    react-virtualized-auto-sizer: "npm:1.0.26"
     rxjs: "npm:7.8.2"
     sql-formatter-plus: "npm:^1.3.6"
     ts-jest: "npm:29.2.5"
@@ -9952,12 +9952,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-virtualized-auto-sizer@npm:1.0.4":
-  version: 1.0.4
-  resolution: "@types/react-virtualized-auto-sizer@npm:1.0.4"
+"@types/react-virtualized-auto-sizer@npm:1.0.8":
+  version: 1.0.8
+  resolution: "@types/react-virtualized-auto-sizer@npm:1.0.8"
   dependencies:
-    "@types/react": "npm:*"
-  checksum: 10/e0d41ac6cf0f48dfef45c0cd70146578f42ad83dad90911aa0dfe72b0e1ea62ca9ff56d4f43f322ec6dae2e7cb4d025aefe0e85241f7782c249aeface1050512
+    react-virtualized-auto-sizer: "npm:*"
+  checksum: 10/faddd1ee92e87e0b621a5be4eb510b010437375b6c85cf72d764f52506c59fad93d79c159aad251677e4e2fb548ad4a7e76c59f5a701a517bcf5552a9929c4af
   languageName: node
   linkType: hard
 
@@ -18243,7 +18243,7 @@ __metadata:
     "@types/react-router-dom": "npm:5.3.3"
     "@types/react-table": "npm:7.7.20"
     "@types/react-transition-group": "npm:4.4.12"
-    "@types/react-virtualized-auto-sizer": "npm:1.0.4"
+    "@types/react-virtualized-auto-sizer": "npm:1.0.8"
     "@types/react-window": "npm:1.8.8"
     "@types/react-window-infinite-loader": "npm:^1"
     "@types/redux-mock-store": "npm:1.5.0"
@@ -18418,7 +18418,7 @@ __metadata:
     react-transition-group: "npm:4.4.5"
     react-use: "npm:17.6.0"
     react-virtual: "npm:2.10.4"
-    react-virtualized-auto-sizer: "npm:1.0.25"
+    react-virtualized-auto-sizer: "npm:1.0.26"
     react-window: "npm:1.8.11"
     react-window-infinite-loader: "npm:1.0.10"
     react-zoom-pan-pinch: "npm:^3.3.0"
@@ -27341,6 +27341,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-virtualized-auto-sizer@npm:*, react-virtualized-auto-sizer@npm:1.0.26, react-virtualized-auto-sizer@npm:^1.0.6":
+  version: 1.0.26
+  resolution: "react-virtualized-auto-sizer@npm:1.0.26"
+  peerDependencies:
+    react: ^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0 || ^19.0.0
+    react-dom: ^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0 || ^19.0.0
+  checksum: 10/8f8127369fb3ae1a49987a1e7d2d136f379b71d1b031a4c169389274946eca0248e3fb9130aa8a7ebe82f4ca8aaab58c37252398f8f6220a6eafaa78b8464b6b
+  languageName: node
+  linkType: hard
+
 "react-virtualized-auto-sizer@npm:1.0.24":
   version: 1.0.24
   resolution: "react-virtualized-auto-sizer@npm:1.0.24"
@@ -27351,16 +27361,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-virtualized-auto-sizer@npm:1.0.25, react-virtualized-auto-sizer@npm:^1.0.6":
-  version: 1.0.25
-  resolution: "react-virtualized-auto-sizer@npm:1.0.25"
-  peerDependencies:
-    react: ^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0 || ^19.0.0
-    react-dom: ^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0 || ^19.0.0
-  checksum: 10/43678a904019f0413a3c649b5b64ea51263283120c991b285077b5075cf2ea564571f6d48b3a396b588d500d45820d1c98989cb7091e2a009e73e4faa7da9d20
-  languageName: node
-  linkType: hard
-
 "react-window-infinite-loader@npm:1.0.10":
   version: 1.0.10
   resolution: "react-window-infinite-loader@npm:1.0.10"