From e4f78c462e2ec881a8f25106b8ccd7f60b3be980 Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Fri, 11 Jul 2025 14:04:04 +0000 Subject: [PATCH] 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 --- package.json | 4 +- packages/grafana-flamegraph/package.json | 4 +- .../src/FlameGraphContainer.test.tsx | 10 +++-- .../FlameGraphTopTableContainer.test.tsx | 17 ++++++-- packages/grafana-sql/package.json | 4 +- .../containers/SoloPanelPage.test.tsx | 8 +++- yarn.lock | 42 +++++++++---------- 7 files changed, 53 insertions(+), 36 deletions(-) diff --git a/package.json b/package.json index 55d58e1198c..9c3c6e603d2 100644 --- a/package.json +++ b/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", diff --git a/packages/grafana-flamegraph/package.json b/packages/grafana-flamegraph/package.json index 93e41401ba8..892771c1082 100644 --- a/packages/grafana-flamegraph/package.json +++ b/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", diff --git a/packages/grafana-flamegraph/src/FlameGraphContainer.test.tsx b/packages/grafana-flamegraph/src/FlameGraphContainer.test.tsx index 94fcfa71a1c..5be3bb3c3db 100644 --- a/packages/grafana-flamegraph/src/FlameGraphContainer.test.tsx +++ b/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); diff --git a/packages/grafana-flamegraph/src/TopTable/FlameGraphTopTableContainer.test.tsx b/packages/grafana-flamegraph/src/TopTable/FlameGraphTopTableContainer.test.tsx index 0396e536535..22f50cb36b8 100644 --- a/packages/grafana-flamegraph/src/TopTable/FlameGraphTopTableContainer.test.tsx +++ b/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(); diff --git a/packages/grafana-sql/package.json b/packages/grafana-sql/package.json index 303af8c1f7a..5807c465e12 100644 --- a/packages/grafana-sql/package.json +++ b/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", diff --git a/public/app/features/dashboard/containers/SoloPanelPage.test.tsx b/public/app/features/dashboard/containers/SoloPanelPage.test.tsx index 421d7456acf..786a3e165e2 100644 --- a/public/app/features/dashboard/containers/SoloPanelPage.test.tsx +++ b/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(); diff --git a/yarn.lock b/yarn.lock index 192b15b61bb..450707fc536 100644 --- a/yarn.lock +++ b/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"