@mui/x-data-grid-generator 9.13.0 → 9.15.0

package/CHANGELOG.md

@@ -1,5 +1,330 @@
 # Changelog
 
+## 9.15.0
+
+_Oct 6, 2026_
+
+We'd like to extend a big thank you to the 17 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Russian (ru-RU) locale to the Scheduler
+- 📐 New `height` prop to size the Data Grid without a wrapper
+- 📅 New `onCancel` callback prop on the Date and Time Pickers
+- ⌨️ Home/End, Ctrl+Home/End, and PageUp/PageDown keyboard navigation in the Charts
+- 🔒 Data Grid and Charts exports work under a Content Security Policy
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@Anexus5919, @davidjb, @kwy404, @mixelburg, @Sazuru
+
+The following team members contributed to this release:
+@arminmeh, @brijeshb42, @flaviendelangle, @Janpot, @JCQuintas, @LukasTy, @mapache-salvaje, @michelengelen, @noraleonte, @rita-codes, @romgrk, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.15.0`
+
+- [DataGrid] Add `height` prop for sizing without a wrapper (#23628) @michelengelen
+- [DataGrid] Cap the pagination toolbar so the footer height is stable on mount (#23547) @JCQuintas
+- [DataGrid] Document `rowsSet`, `filteredRowsSet` & `sortedRowsSet` events (#23631) @michelengelen
+- [DataGrid] Extract the data source polling into a shared hook (#23714) @LukasTy
+- [DataGrid] Fix `autosizeColumns` with wrapped header text (#23241) @siriwatknp
+- [DataGrid] Fix flex column jump when a detail panel expands (#23576) @michelengelen
+- [DataGrid] Fix stale columns and stalled loading in the demo data generator (#23727) @LukasTy
+- [DataGrid] Fix stale rows and lost edits in `useMockServer` (#23751) @LukasTy
+- [DataGrid] Fix the `height` prop overflowing a narrow flex row parent (#23745) @LukasTy
+- [DataGrid] Fix the `inputRef` prop type warning in select-based filter inputs (#23728) @LukasTy
+- [DataGrid] Keep empty first and last cells when copying rows (#23753) @Anexus5919
+- [DataGrid] Keep pinned cells opaque without `color-mix()` support (#23563) @michelengelen
+- [DataGrid] Let the theme disable the row checkbox ripple (#23703) @siriwatknp
+- [DataGrid] Stop the data source polling after the grid unmounts (#23709) @LukasTy
+- [DataGrid] Stop the lazy loading polling when `lazyLoading` turns off (#23717) @LukasTy
+- [DataGrid] Support `href` on `GridActionsCellItem` (#23630) @michelengelen
+
+#### `@mui/x-data-grid-pro@9.15.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.15.0`.
+
+#### `@mui/x-data-grid-premium@9.15.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.15.0`, plus:
+
+- [DataGridPremium] Clear the aggregation from the column menu (#23641) @Anexus5919
+- [DataGridPremium] Fix exports failing or hanging under a Content Security Policy (#23521) @JCQuintas
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.15.0`
+
+- [fields] Focus the section synchronously on `mousedown` (#23642) @michelengelen
+- [pickers] Add `onCancel` callback prop (#23669) @michelengelen
+- [pickers] Fix `TimeClock` `PageUp` and `PageDown` at noon (#23741) @kwy404
+- [pickers] Fix `getDaysInMonth` on dates bound to a timezone before 1970 (#23302) @JCQuintas
+- [pickers] Fix month label jump when switching months fast (#23645) @michelengelen
+- [pickers] Fix singular/plural clock number ARIA labels (#23683) @michelengelen
+- [pickers] Fix the uncontrolled `defaultValue` change warning (#23702) @LukasTy
+- [pickers] Migrate picker hooks to the `manager` pattern (#23684) @michelengelen
+- [pickers] Preserve plain Day.js values across system DST changes (#22278) @LukasTy
+
+#### `@mui/x-date-pickers-pro@9.15.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.15.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.15.0`
+
+- [charts] Add Home/End, Ctrl+Home/End, and PageUp/PageDown keyboard navigation (#23146) @JCQuintas
+- [charts] Disable the `SparkLineChart` axis listener when nothing uses it (#23681) @Anexus5919
+- [charts] Fix `Unsupported style property @media` warning with responsive theme typography (#23705) @noraleonte
+- [charts] Pass `SparkLineChart` container props to the data provider (#23690) @mixelburg
+
+#### `@mui/x-charts-pro@9.15.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.15.0`, plus:
+
+- [charts-pro] Fix image export under a CSP when styles come only from `<link>` stylesheets (#23721) @Anexus5919
+- [charts-pro] Fix exports failing or hanging under a Content Security Policy (#23521) @JCQuintas
+
+#### `@mui/x-charts-premium@9.15.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.15.0`, plus:
+
+- [charts-premium] Move the Excel export defaults out of the types file (#23643) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@9.15.0`
+
+- [tree view] Use `aria-selected` instead of `aria-checked` when `checkboxSelection` is disabled (#23679) @michelengelen
+
+#### `@mui/x-tree-view-pro@9.15.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.15.0`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.13`
+
+- [l10n] Add Russian (ru-RU) locale (#23567) @Sazuru
+- [scheduler] Clamp the placeholder span to the week row (#23734) @rita-codes
+- [scheduler] Fix the agenda view crashing when hiding empty days and no event is in the horizon (#23570) @rita-codes
+- [scheduler] Fix the event dialog moving untouched dates across timezones (#23462) @rita-codes
+- [scheduler] Give events a proper accessible name (#23675) @rita-codes
+- [scheduler] Index events by visible range (#23362) @flaviendelangle
+- [scheduler] Index timeline occurrences by position (#23367) @flaviendelangle
+- [scheduler] Pass the weekday token to the monthly recurrence labels (#23637) @Anexus5919
+- [scheduler] Remove redundant readonly recurrence subscription (#23626) @flaviendelangle
+- [scheduler] Render the event-item recurring icon once (#23621) @flaviendelangle
+- [scheduler] Share custom recurrence draft updates (#23618) @flaviendelangle
+- [scheduler] Share edit and show-details menu item markup (#23627) @flaviendelangle
+- [scheduler] Simplify time-grid event duration checks (#23611) @flaviendelangle
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.13` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-beta.13`, plus:
+
+- [scheduler-premium] Dependencies - SS/FF/SF and lag in the auto-scheduling engine (#23623) @rita-codes
+- [scheduler-premium] Read the RRULE `UNTIL` as a UTC instant (#23739) @rita-codes
+- [scheduler-premium] Read the `body2` font size unit in the timeline row height (#23736) @rita-codes
+
+### Chat
+
+#### `@mui/x-chat@9.0.0-alpha.19`
+
+- [chat] Cap markdown input length to avoid a render-thread freeze (#23008) @Anexus5919
+- [chat] Distinguish "history not loaded yet" from "empty conversation" (#23607) @JCQuintas
+
+#### `@mui/x-chat-headless@9.0.0-alpha.19`
+
+- [chat] Distinguish "history not loaded yet" from "empty conversation" (#23607) @JCQuintas
+
+### Codemod
+
+#### `@mui/x-codemod@9.15.0`
+
+Internal changes.
+
+### Docs
+
+- [DataGrid] Make product comparisons more explicit on Overview page (#22696) @mapache-salvaje
+- [tree view] Fix typo on Customization page (#23691) @davidjb
+
+### Core
+
+- [code-infra] Cap typecheck concurrency and remove `typescript:ci` (#23731) @Janpot
+- [code-infra] Clear the demo data caches between regression routes (#23747) @Janpot
+- [code-infra] Enable pnpm `autoDedupe` (#23706) @LukasTy
+- [code-infra] Fix the stale `@types/node` entry in the lockfile (#23742) @LukasTy
+- [code-infra] Mark the Argos reference branch for release branch cuts (#23776) @Janpot
+- [code-infra] Only fake timers while a regression test case mounts (#23748) @Janpot
+- [code-infra] Widen `@babel/runtime` range and stop emitting empty class fields (#23707) @brijeshb42
+- [docs-infra] Migrate deploy-succeeded to event-triggered function (#23634) @brijeshb42
+- [docs-infra] Retire the docs service worker (#23674) @Janpot
+
+### Miscellaneous
+
+- [ci] Flake-fix caller: follow mui-public's central model default (#23680) @Janpot
+- [internals] Fix `hash` word indexing and buffer sizing (#23494) @romgrk
+- [test] Fix regression flake when an aborted image errors mid-wait (#23708) @JCQuintas
+- [test] Fix the flaky data grid export tests (#23720) @LukasTy
+- [test] Fix the flaky detail panel flex width test on React 18 (#23710) @LukasTy
+- [test] Load the regression fonts from npm instead of Google Fonts (#23775) @Janpot
+- [test] Make regression screenshot rasterization deterministic (#23722) @LukasTy
+- [test] Wait for the Mars texture before the `MarsMap` regression screenshot (#23730) @LukasTy
+- [virtualizer] Do not affect `columnPositions` selector with unrelated state change (#23629) @arminmeh
+- [x-internals] Import Base UI utils directly instead of re-exporting them (#23373) @romgrk
+- [x-internals] Import the store from `@base-ui/utils` directly (#23335) @romgrk
+
+## 9.14.0
+
+_Sep 17, 2026_
+
+We'd like to extend a big thank you to the 16 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Hebrew (he-IL) locale to the Scheduler
+- 📅 Scheduler time grid now opens at 7 AM by default, configurable with the new `initialScrollTime` prop
+- 🗓️ Auto-scheduling engine for finish-to-start dependencies in the Premium Event Timeline
+- 🧩 New content slots for the Event Timeline event block and resource title cell
+- ♿️ Charts announce the visible zoom range to screen readers
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@eterry1388, @jamesDin, @kareem-ib, @mateuseap, @mustafajw07
+
+The following team members contributed to this release:
+@arminmeh, @bernardobelchior, @brijeshb42, @flaviendelangle, @hasdfa, @Janpot, @JCQuintas, @MBilalShafi, @michelengelen, @noraleonte, @rita-codes
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.14.0`
+
+- [DataGrid] Do not crash on unmount when the document has no body (#23431) @eterry1388
+- [DataGrid] Fix `MissingRowIdError` on cell `mousedown`/`mouseup` after row removal (#23261) @kareem-ib
+- [DataGrid] Fix quick filter dropping a pending search on parser identity change (#23575) @michelengelen
+- [DataGrid] Keep overlays sticky in RTL mode (#23492) @arminmeh
+- [DataGrid] Prevent scroll area state update before mount (#23478) @michelengelen
+- [DataGrid] Remove `'menu'` role from the actions cell (#23437) @michelengelen
+
+#### `@mui/x-data-grid-pro@9.14.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.14.0`, plus:
+
+- [DataGridPro] Fix data integrity issue in nested server data (#23518) @MBilalShafi
+- [DataGridPro] Keep parent selection when lazily loaded children arrive (#23421) @michelengelen
+
+#### `@mui/x-data-grid-premium@9.14.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.14.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.14.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.14.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.14.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.14.0`
+
+- [charts] Announce the visible zoom range to screen readers (#23371) @JCQuintas
+- [charts] Fix Premium chart zoom props and `apiRef` forwarding (#23590) @bernardobelchior
+
+#### `@mui/x-charts-pro@9.14.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.14.0`.
+
+#### `@mui/x-charts-premium@9.14.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.14.0`, plus:
+
+- [charts-premium] Add the Excel data extraction layer (#23569) @JCQuintas
+- [charts-premium] Forward `apiRef` on `RadialBarChart` and `RadialLineChart` (#23625) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@9.14.0`
+
+- [tree view] Optimize lazy loading store writes for nested children (#23489) @noraleonte
+- [tree view] Prune stale children when replacing an item's children (#23598) @JCQuintas
+
+#### `@mui/x-tree-view-pro@9.14.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.14.0`.
+
+### Scheduler
+
+#### Breaking changes
+
+- The `dataSource` prop has been removed from the Community Event Calendar components:
+  `EventCalendar`, `StandaloneDayView`, `StandaloneWeekView`, `StandaloneMonthView`,
+  `StandaloneAgendaView`, `StandaloneCompactDayView`, `StandaloneCompactThreeDayView` and
+  `StandaloneCompactWeekView`.
+
+  Lazy loading has always been Premium-only, and the prop never had any effect on these
+  components: it left the calendar in a permanent loading state. To load events through a data
+  source, use `EventCalendarPremium` (or the Premium standalone views) and `EventTimelinePremium`,
+  where `dataSource` is unchanged.
+
+  ```diff
+  -import { EventCalendar } from '@mui/x-scheduler/event-calendar';
+  +import { EventCalendarPremium } from '@mui/x-scheduler-premium/event-calendar-premium';
+
+  -<EventCalendar dataSource={dataSource} />
+  +<EventCalendarPremium dataSource={dataSource} />
+  ```
+
+#### `@mui/x-scheduler@9.0.0-beta.12`
+
+- [l10n] Add Hebrew (he-IL) locale (#23577) @jamesDin
+- [scheduler] Add content slots for the Event Timeline event block and resource title cell (#23557) @rita-codes
+- [scheduler] Fix `onPreferencesChange` never being called on `EventCalendar` (#23568) @rita-codes
+- [scheduler] Fix flaky timeline observer absorb (#23523) @JCQuintas
+- [scheduler] Open the time grid at 7 AM by default and add `initialScrollTime` (#23594) @rita-codes
+- [scheduler] Pin sibling scheduler packages to exact versions (#23574) @rita-codes
+- [scheduler] Read form initialization settings without subscriptions (#23614) @flaviendelangle
+- [scheduler] Remove `dataSource` from the Community components (#23483) @mustafajw07
+- [scheduler] Remove redundant recurrence subscriptions (#23610) @flaviendelangle
+- [scheduler] Remove unused more-events popover count (#23619) @flaviendelangle
+- [scheduler] Remove unused refs (#23616) @flaviendelangle
+- [scheduler] Reuse precomputed timeline duration (#23620) @flaviendelangle
+- [scheduler] Reuse recurrence option labels (#23609) @flaviendelangle
+- [scheduler] Reuse recurrence presets for form drafts (#23615) @flaviendelangle
+- [scheduler] Simplify month-view overflow counting (#23617) @flaviendelangle
+- [scheduler] Use form store state to guard submissions (#23613) @flaviendelangle
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.12` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-beta.12`, plus:
+
+- [scheduler-premium] Dependencies - Arrows and terminals for SS, FF and SF (#23524) @rita-codes
+- [scheduler-premium] Dependencies - Auto-scheduling engine (FS) (#23439) @rita-codes
+
+### Docs
+
+- [DataGrid][docs] Fix "Apply filters on demand" demo (#23602) @mateuseap
+- [docs] Add recipe for getting the tree view's root DOM element via `ref` (#22941) @michelengelen
+- [docs][pickers] Mention `Moment.js` maintenance mode (#23601) @mateuseap
+
+### Core
+
+- [code-infra] Gate the `DataGridScrollRestoration` screenshot on the horizontal restore (#23527) @JCQuintas
+- [code-infra] Let the `NoColumnsOverlay` demo settle before screenshotting (#23529) @JCQuintas
+- [code-infra] Pin the only-allow version in the preinstall hook (#23551) @Janpot
+- [code-infra] Remove disabled Discord release announcement workflow (#23554) @Janpot
+- [code-infra] Trial: Claude CI flake-fix caller (#23556) @Janpot
+
+### Miscellaneous
+
+- [chat] Add feedback form to the docs (#23403) @hasdfa
+- [ci] Grant actions: read to the flake-fix caller (#23560) @Janpot
+- [ci] Update flake-fix caller to mui-public#1849 (#23571) @Janpot
+
 ## 9.13.0
 
 <!-- generated comparing v9.12.0..master -->

package/hooks/serverUtils.mjs

@@ -1,5 +1,5 @@
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { GridLogicOperator, GRID_AGGREGATION_FUNCTIONS, gridStringOrNumberComparator } from '@mui/x-data-grid-premium';
 import { randomInt } from "../services/random-generator.mjs";
 const getAvailableAggregationFunctions = columnType => {

package/hooks/useDemoData.d.mts

@@ -2,6 +2,7 @@ import type { GridColumnVisibilityModel } from '@mui/x-data-grid-premium';
 import type { GridDemoData } from "../services/real-data-service.mjs";
 import type { GridColDefGenerator } from "../services/gridColDefGenerator.mjs";
 import type { AddPathToDemoDataOptions, DemoTreeDataValue } from "../services/tree-data-generator.mjs";
+export declare function clearDemoDataCache(): void;
 export type DemoDataReturnType = {
   data: DemoTreeDataValue;
   loading: boolean;

package/hooks/useDemoData.d.ts

@@ -2,6 +2,7 @@ import type { GridColumnVisibilityModel } from '@mui/x-data-grid-premium';
 import type { GridDemoData } from "../services/real-data-service.js";
 import type { GridColDefGenerator } from "../services/gridColDefGenerator.js";
 import type { AddPathToDemoDataOptions, DemoTreeDataValue } from "../services/tree-data-generator.js";
+export declare function clearDemoDataCache(): void;
 export type DemoDataReturnType = {
   data: DemoTreeDataValue;
   loading: boolean;

package/hooks/useDemoData.js

@@ -6,6 +6,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.clearDemoDataCache = clearDemoDataCache;
 exports.deepFreeze = void 0;
 exports.extrapolateSeed = extrapolateSeed;
 exports.useDemoData = exports.getInitialState = exports.getColumnsFromOptions = void 0;
@@ -21,6 +22,9 @@ const dataCache = new _lruCache.LRUCache({
   max: 10,
   ttl: 60 * 5 * 1e3 // 5 minutes
 });
+function clearDemoDataCache() {
+  dataCache.clear();
+}
 // Generate fake data from a seed.
 // It's about x20 faster than getRealData.
 async function extrapolateSeed(rowLength, data) {
@@ -124,7 +128,9 @@ const useDemoData = options => {
   });
   React.useEffect(() => {
     const treeDataKey = (options.treeData?.maxDepth ?? 1) > 1 ? `${options.treeData?.maxDepth}-${options.treeData?.averageChildren ?? 2}-${options.treeData?.groupingField ?? ''}` : 'false';
-    const cacheKey = `${options.dataSet}-${rowLength}-${index}-${options.maxColumns}-multiSelect:${options.multiSelect ? 'true' : 'false'}-treeData:${treeDataKey}`;
+    // The cached data includes `columns` and `initialState`, so every column option must be in the key.
+    const visibleFieldsKey = options.visibleFields ? options.visibleFields.join(',') : 'all';
+    const cacheKey = `${options.dataSet}-${rowLength}-${index}-${options.maxColumns}-multiSelect:${options.multiSelect ? 'true' : 'false'}-editable:${options.editable ? 'true' : 'false'}-visibleFields:${visibleFieldsKey}-treeData:${treeDataKey}`;
 
     // Cache to allow fast switch between the JavaScript and TypeScript version
     // of the demos.
@@ -164,7 +170,7 @@ const useDemoData = options => {
     return () => {
       active = false;
     };
-  }, [rowLength, options.dataSet, options.maxColumns, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, options.multiSelect, index, columns]);
+  }, [rowLength, options.dataSet, options.maxColumns, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, options.multiSelect, options.editable, options.visibleFields, index, columns]);
   return {
     data,
     loading,

package/hooks/useDemoData.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { LRUCache } from 'lru-cache';
 import { getRealGridData } from "../services/real-data-service.mjs";
@@ -12,6 +12,9 @@ const dataCache = new LRUCache({
   max: 10,
   ttl: 60 * 5 * 1e3 // 5 minutes
 });
+export function clearDemoDataCache() {
+  dataCache.clear();
+}
 // Generate fake data from a seed.
 // It's about x20 faster than getRealData.
 export async function extrapolateSeed(rowLength, data) {
@@ -112,7 +115,9 @@ export const useDemoData = options => {
   });
   React.useEffect(() => {
     const treeDataKey = (options.treeData?.maxDepth ?? 1) > 1 ? `${options.treeData?.maxDepth}-${options.treeData?.averageChildren ?? 2}-${options.treeData?.groupingField ?? ''}` : 'false';
-    const cacheKey = `${options.dataSet}-${rowLength}-${index}-${options.maxColumns}-multiSelect:${options.multiSelect ? 'true' : 'false'}-treeData:${treeDataKey}`;
+    // The cached data includes `columns` and `initialState`, so every column option must be in the key.
+    const visibleFieldsKey = options.visibleFields ? options.visibleFields.join(',') : 'all';
+    const cacheKey = `${options.dataSet}-${rowLength}-${index}-${options.maxColumns}-multiSelect:${options.multiSelect ? 'true' : 'false'}-editable:${options.editable ? 'true' : 'false'}-visibleFields:${visibleFieldsKey}-treeData:${treeDataKey}`;
 
     // Cache to allow fast switch between the JavaScript and TypeScript version
     // of the demos.
@@ -152,7 +157,7 @@ export const useDemoData = options => {
     return () => {
       active = false;
     };
-  }, [rowLength, options.dataSet, options.maxColumns, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, options.multiSelect, index, columns]);
+  }, [rowLength, options.dataSet, options.maxColumns, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, options.multiSelect, options.editable, options.visibleFields, index, columns]);
   return {
     data,
     loading,

package/hooks/useEditDropdownState.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { GridCellEditStopReasons, GridEditModes, useGridApiContext, useGridRootProps } from '@mui/x-data-grid-premium';

package/hooks/useMockServer.d.mts

@@ -1,6 +1,7 @@
 import type { GridGetRowsResponse, GridRowId, GridRowModel, GridColDef, GridInitialState } from '@mui/x-data-grid-premium';
 import type { AddPathToDemoDataOptions } from "../services/tree-data-generator.mjs";
 import type { ServerOptions } from "./serverUtils.mjs";
+export declare function clearMockServerCache(): void;
 export declare const BASE_URL = "https://mui.com/x/api/data-grid";
 type UseMockServerResponse<T> = {
   columns: GridColDef[];

package/hooks/useMockServer.d.ts

@@ -1,6 +1,7 @@
 import type { GridGetRowsResponse, GridRowId, GridRowModel, GridColDef, GridInitialState } from '@mui/x-data-grid-premium';
 import type { AddPathToDemoDataOptions } from "../services/tree-data-generator.js";
 import type { ServerOptions } from "./serverUtils.js";
+export declare function clearMockServerCache(): void;
 export declare const BASE_URL = "https://mui.com/x/api/data-grid";
 type UseMockServerResponse<T> = {
   columns: GridColDef[];

package/hooks/useMockServer.js

@@ -6,7 +6,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMockServer = exports.BASE_URL = void 0;
+exports.BASE_URL = void 0;
+exports.clearMockServerCache = clearMockServerCache;
+exports.useMockServer = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var React = _interopRequireWildcard(require("react"));
@@ -24,6 +26,9 @@ const dataCache = new _lruCache.LRUCache({
   max: 10,
   ttl: 60 * 5 * 1e3 // 5 minutes
 });
+function clearMockServerCache() {
+  dataCache.clear();
+}
 const BASE_URL = exports.BASE_URL = 'https://mui.com/x/api/data-grid';
 const GET_DEFAULT_DATASET_OPTIONS = {
   dataSet: 'Commodity',
@@ -109,6 +114,12 @@ const getInitialState = (columns, groupingField) => {
     }
   };
 };
+
+// The key must include every option that changes the generated rows.
+const getCacheKey = (options, index) => {
+  const treeDataKey = (options.treeData?.maxDepth ?? 1) > 1 ? `${options.treeData?.maxDepth}-${options.treeData?.averageChildren ?? 2}-${options.treeData?.groupingField ?? ''}` : 'false';
+  return JSON.stringify([options.dataSet, options.rowLength, index, options.maxColumns, Boolean(options.multiSelect), Boolean(options.derivedColumns), treeDataKey]);
+};
 const defaultColDef = (0, _xDataGridPremium.getGridDefaultColumnTypes)();
 function sendEmptyResponse() {
   return new Promise(resolve => {
@@ -156,10 +167,8 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail, nested
     }
     return undefined;
   }, [isTreeData]);
+  const cacheKey = getCacheKey(options, index);
   React.useEffect(() => {
-    const treeDataKey = (options.treeData?.maxDepth ?? 1) > 1 ? `${options.treeData?.maxDepth}-${options.treeData?.averageChildren ?? 2}-${options.treeData?.groupingField ?? ''}` : 'false';
-    const cacheKey = `${options.dataSet}-${options.rowLength}-${index}-${options.maxColumns}-treeData:${treeDataKey}`;
-
     // Cache to allow fast switch between the JavaScript and TypeScript version
     // of the demos.
     if (dataCache.has(cacheKey)) {
@@ -208,7 +217,7 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail, nested
     return () => {
       active = false;
     };
-  }, [columns, isTreeData, options.rowLength, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, options.dataSet, options.maxColumns, options.derivedColumns, index]);
+  }, [columns, isTreeData, options.rowLength, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, options.dataSet, options.derivedColumns, cacheKey]);
   const fetchRows = React.useCallback(async requestUrl => {
     let dataDelay = 0;
     const waitInterval = 10;
@@ -355,7 +364,6 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail, nested
       const newData = (0, _extends2.default)({}, dataRef.current, {
         rows: newRows
       });
-      const cacheKey = `${options.dataSet}-${options.rowLength}-${index}-${options.maxColumns}`;
       dataCache.set(cacheKey, newData);
       setTimeout(() => {
         if (verbose) {
@@ -368,7 +376,7 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail, nested
       }, delay);
       dataRef.current = newData;
     });
-  }, [index, options.dataSet, options.maxColumns, options.rowLength, serverOptions?.maxDelay, serverOptions?.minDelay, serverOptions?.verbose]);
+  }, [cacheKey, serverOptions?.maxDelay, serverOptions?.minDelay, serverOptions?.verbose]);
   return {
     columns: columnsWithDefaultColDef,
     initialState: options.dataSet === 'Movies' ? {} : initialState,

package/hooks/useMockServer.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import * as React from 'react';
 import { LRUCache } from 'lru-cache';
@@ -17,6 +17,9 @@ const dataCache = new LRUCache({
   max: 10,
   ttl: 60 * 5 * 1e3 // 5 minutes
 });
+export function clearMockServerCache() {
+  dataCache.clear();
+}
 export const BASE_URL = 'https://mui.com/x/api/data-grid';
 const GET_DEFAULT_DATASET_OPTIONS = {
   dataSet: 'Commodity',
@@ -102,6 +105,12 @@ const getInitialState = (columns, groupingField) => {
     }
   };
 };
+
+// The key must include every option that changes the generated rows.
+const getCacheKey = (options, index) => {
+  const treeDataKey = (options.treeData?.maxDepth ?? 1) > 1 ? `${options.treeData?.maxDepth}-${options.treeData?.averageChildren ?? 2}-${options.treeData?.groupingField ?? ''}` : 'false';
+  return JSON.stringify([options.dataSet, options.rowLength, index, options.maxColumns, Boolean(options.multiSelect), Boolean(options.derivedColumns), treeDataKey]);
+};
 const defaultColDef = getGridDefaultColumnTypes();
 function sendEmptyResponse() {
   return new Promise(resolve => {
@@ -149,10 +158,8 @@ export const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail,
     }
     return undefined;
   }, [isTreeData]);
+  const cacheKey = getCacheKey(options, index);
   React.useEffect(() => {
-    const treeDataKey = (options.treeData?.maxDepth ?? 1) > 1 ? `${options.treeData?.maxDepth}-${options.treeData?.averageChildren ?? 2}-${options.treeData?.groupingField ?? ''}` : 'false';
-    const cacheKey = `${options.dataSet}-${options.rowLength}-${index}-${options.maxColumns}-treeData:${treeDataKey}`;
-
     // Cache to allow fast switch between the JavaScript and TypeScript version
     // of the demos.
     if (dataCache.has(cacheKey)) {
@@ -201,7 +208,7 @@ export const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail,
     return () => {
       active = false;
     };
-  }, [columns, isTreeData, options.rowLength, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, options.dataSet, options.maxColumns, options.derivedColumns, index]);
+  }, [columns, isTreeData, options.rowLength, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, options.dataSet, options.derivedColumns, cacheKey]);
   const fetchRows = React.useCallback(async requestUrl => {
     let dataDelay = 0;
     const waitInterval = 10;
@@ -348,7 +355,6 @@ export const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail,
       const newData = _extends({}, dataRef.current, {
         rows: newRows
       });
-      const cacheKey = `${options.dataSet}-${options.rowLength}-${index}-${options.maxColumns}`;
       dataCache.set(cacheKey, newData);
       setTimeout(() => {
         if (verbose) {
@@ -361,7 +367,7 @@ export const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail,
       }, delay);
       dataRef.current = newData;
     });
-  }, [index, options.dataSet, options.maxColumns, options.rowLength, serverOptions?.maxDelay, serverOptions?.minDelay, serverOptions?.verbose]);
+  }, [cacheKey, serverOptions?.maxDelay, serverOptions?.minDelay, serverOptions?.verbose]);
   return {
     columns: columnsWithDefaultColDef,
     initialState: options.dataSet === 'Movies' ? {} : initialState,

package/hooks/useQuery.d.mts

@@ -238,7 +238,7 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
       columnVisibilityModel: import("@mui/x-data-grid").GridColumnVisibilityModel;
     };
   };
-  useQuery: (queryOptions: QueryOptions) => {
+  useQuery: (queryOptionsProp: QueryOptions) => {
     pageInfo: PageInfo;
     rows: GridRowModel[];
     isLoading: boolean;

package/hooks/useQuery.d.ts

@@ -238,7 +238,7 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
       columnVisibilityModel: import("@mui/x-data-grid").GridColumnVisibilityModel;
     };
   };
-  useQuery: (queryOptions: QueryOptions) => {
+  useQuery: (queryOptionsProp: QueryOptions) => {
     pageInfo: PageInfo;
     rows: GridRowModel[];
     isLoading: boolean;

package/hooks/useQuery.js

@@ -25,7 +25,13 @@ const createFakeServer = (dataSetOptions, serverOptions) => {
   const initialState = (0, _useDemoData.getInitialState)(dataSetOptionsWithDefault, columns);
   const defaultColDef = (0, _xDataGridPro.getGridDefaultColumnTypes)();
   const columnsWithDefaultColDef = columns.map(column => (0, _extends2.default)({}, defaultColDef[column.type || 'string'], column));
-  const useQuery = queryOptions => {
+  const useQuery = queryOptionsProp => {
+    // Keep the previous object when the content is the same, so callers can pass a new object
+    // on every render (for example `useQuery({})`) without refetching in a loop.
+    const [queryOptions, setQueryOptions] = React.useState(queryOptionsProp);
+    if (queryOptions !== queryOptionsProp && !(0, _isDeepEqual.isDeepEqual)(queryOptions, queryOptionsProp)) {
+      setQueryOptions(queryOptionsProp);
+    }
     const {
       data: {
         rows

package/hooks/useQuery.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { getGridDefaultColumnTypes } from '@mui/x-data-grid-pro';
 import { isDeepEqual } from '@mui/x-internals/isDeepEqual';
@@ -18,7 +18,13 @@ export const createFakeServer = (dataSetOptions, serverOptions) => {
   const initialState = getInitialState(dataSetOptionsWithDefault, columns);
   const defaultColDef = getGridDefaultColumnTypes();
   const columnsWithDefaultColDef = columns.map(column => _extends({}, defaultColDef[column.type || 'string'], column));
-  const useQuery = queryOptions => {
+  const useQuery = queryOptionsProp => {
+    // Keep the previous object when the content is the same, so callers can pass a new object
+    // on every render (for example `useQuery({})`) without refetching in a loop.
+    const [queryOptions, setQueryOptions] = React.useState(queryOptionsProp);
+    if (queryOptions !== queryOptionsProp && !isDeepEqual(queryOptions, queryOptionsProp)) {
+      setQueryOptions(queryOptionsProp);
+    }
     const {
       data: {
         rows

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-generator v9.13.0
+ * @mui/x-data-grid-generator v9.15.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-generator v9.13.0
+ * @mui/x-data-grid-generator v9.15.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-generator",
-  "version": "9.13.0",
+  "version": "9.15.0",
   "author": "MUI Team",
   "description": "Generate fake data for demo purposes only.",
   "license": "MIT",
@@ -21,14 +21,14 @@
     "directory": "packages/x-data-grid-generator"
   },
   "dependencies": {
-    "@babel/runtime": "^7.29.7",
-    "@mui/x-data-grid": "^9.13.0",
-    "@mui/x-data-grid-premium": "^9.13.0",
-    "@mui/x-data-grid-pro": "^9.13.0",
-    "@mui/x-internals": "^9.13.0",
+    "@babel/runtime": "^7.29.7 || ^8.0.0",
+    "@mui/x-data-grid": "^9.15.0",
+    "@mui/x-data-grid-premium": "^9.15.0",
+    "@mui/x-data-grid-pro": "^9.15.0",
+    "@mui/x-internals": "^9.15.0",
     "chance": "^1.1.13",
     "clsx": "^2.1.1",
-    "lru-cache": "^11.5.2"
+    "lru-cache": "^11.5.3"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/renderer/renderEditBoolean.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { useGridApiContext, useGridRootProps } from '@mui/x-data-grid-premium';

package/renderer/renderEditCountry.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import Autocomplete, { autocompleteClasses } from '@mui/material/Autocomplete';
 import InputBase from '@mui/material/InputBase';

package/renderer/renderEditCurrency.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import Autocomplete, { autocompleteClasses } from '@mui/material/Autocomplete';
 import InputBase from '@mui/material/InputBase';

package/renderer/renderEditIncoterm.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import Select from '@mui/material/Select';
 import MenuItem from '@mui/material/MenuItem';

package/renderer/renderEditProgress.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import clsx from 'clsx';
 import { useGridApiContext } from '@mui/x-data-grid-premium';

package/renderer/renderEditRating.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import Box from '@mui/material/Box';
 import Rating from '@mui/material/Rating';

package/renderer/renderEditStatus.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import Select from '@mui/material/Select';
 import MenuItem from '@mui/material/MenuItem';

package/renderer/renderPnl.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import clsx from 'clsx';
 import { styled } from '@mui/material/styles';

package/services/asyncWorker.js

@@ -4,18 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = asyncWorker;
+// Run the work even when the page never becomes idle, for example while other work keeps the task queue busy.
+const IDLE_TIMEOUT = 100;
+// After a timeout, yield after this many milliseconds so that a busy page gets no long task.
+const TIMEOUT_WORK_BUDGET = 10;
 function asyncWorker({
   work,
   tasks,
   done
 }) {
   const myNonEssentialWork = deadline => {
-    // If there is a surplus time in the frame, or timeout
-    while ((deadline.timeRemaining() > 0 || deadline.didTimeout) && tasks.current > 0) {
+    const timeoutBudgetEnd = deadline.didTimeout ? performance.now() + TIMEOUT_WORK_BUDGET : 0;
+    // If there is a surplus time in the frame, or a timeout budget
+    while ((deadline.timeRemaining() > 0 || performance.now() < timeoutBudgetEnd) && tasks.current > 0) {
       work();
     }
     if (tasks.current > 0) {
-      requestIdleCallback(myNonEssentialWork);
+      requestIdleCallback(myNonEssentialWork, {
+        timeout: IDLE_TIMEOUT
+      });
     } else {
       done();
     }
@@ -23,7 +30,9 @@ function asyncWorker({
 
   // Don't use requestIdleCallback if the time is mock, better to run synchronously in such case.
   if (typeof requestIdleCallback === 'function' && !requestIdleCallback.clock) {
-    requestIdleCallback(myNonEssentialWork);
+    requestIdleCallback(myNonEssentialWork, {
+      timeout: IDLE_TIMEOUT
+    });
   } else {
     while (tasks.current > 0) {
       work();

package/services/asyncWorker.mjs

@@ -1,15 +1,22 @@
+// Run the work even when the page never becomes idle, for example while other work keeps the task queue busy.
+const IDLE_TIMEOUT = 100;
+// After a timeout, yield after this many milliseconds so that a busy page gets no long task.
+const TIMEOUT_WORK_BUDGET = 10;
 export default function asyncWorker({
   work,
   tasks,
   done
 }) {
   const myNonEssentialWork = deadline => {
-    // If there is a surplus time in the frame, or timeout
-    while ((deadline.timeRemaining() > 0 || deadline.didTimeout) && tasks.current > 0) {
+    const timeoutBudgetEnd = deadline.didTimeout ? performance.now() + TIMEOUT_WORK_BUDGET : 0;
+    // If there is a surplus time in the frame, or a timeout budget
+    while ((deadline.timeRemaining() > 0 || performance.now() < timeoutBudgetEnd) && tasks.current > 0) {
       work();
     }
     if (tasks.current > 0) {
-      requestIdleCallback(myNonEssentialWork);
+      requestIdleCallback(myNonEssentialWork, {
+        timeout: IDLE_TIMEOUT
+      });
     } else {
       done();
     }
@@ -17,7 +24,9 @@ export default function asyncWorker({
 
   // Don't use requestIdleCallback if the time is mock, better to run synchronously in such case.
   if (typeof requestIdleCallback === 'function' && !requestIdleCallback.clock) {
-    requestIdleCallback(myNonEssentialWork);
+    requestIdleCallback(myNonEssentialWork, {
+      timeout: IDLE_TIMEOUT
+    });
   } else {
     while (tasks.current > 0) {
       work();

package/services/tree-data-generator.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import { randomArrayItem } from "./random-generator.mjs";
 export const addTreeDataOptionsToDemoData = (data, options = {}) => {