@mui/x-data-grid-generator 9.0.0-alpha.0 → 9.0.0-alpha.2

package/CHANGELOG.md

@@ -1,5 +1,241 @@
 # Changelog
 
+## 9.0.0-alpha.2
+
+_Mar 5, 2026_
+
+We'd like to extend a big thank you to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- ✅ Stabilize Sankey chart
+- 🐞 Bugfixes and internal improvements
+
+The following team members contributed to this release:
+@aemartos, @alelthomas, @alexfauquette, @arminmeh, @bernardobelchior, @brijeshb42, @Janpot, @JCQuintas, @mapache-salvaje, @michelengelen, @mj12albert, @sai6855, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.0-alpha.2`
+
+- [dataGrid] Fix keyboard nav with single-row checkbox selection (#21149) @mj12albert
+- [DataGrid] Add `checkboxColDef` prop to customize the selection column (#21331) @michelengelen
+- [DataGrid] Format pagination numbers by default (#21117) @siriwatknp
+- [DataGrid] Prevent unnecessary row selection checkbox rerendering (#21570) @arminmeh
+- [DataGrid] Make GridScrollArea overrides resolver dynamic (#21532) @sai6855
+
+#### `@mui/x-data-grid-pro@9.0.0-alpha.2` [![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.0.0-alpha.2`, plus:
+
+- [DataGridPro] Use `getRowId` prop to calculate the tree data row update (#21540) @arminmeh
+
+#### `@mui/x-data-grid-premium@9.0.0-alpha.2` [![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.0.0-alpha.2`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.0-alpha.2`
+
+- [pickers] Add `keepOpenDuringFieldFocus` prop (#20782) @michelengelen
+
+#### `@mui/x-date-pickers-pro@9.0.0-alpha.2` [![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.0.0-alpha.2`.
+
+### Charts
+
+#### `@mui/x-charts@9.0.0-alpha.2`
+
+- [charts] Add `ChartsLayerContainer` component (#21264) @bernardobelchior
+- [charts] Add codemod for `ChartsContainer` rename (#21504) @JCQuintas
+- [charts] Add codemod for `ChartsDataProvider` rename (#21552) @JCQuintas
+- [charts] Add codemod for `ChartsZoomSlider` rename (#21597) @JCQuintas
+- [charts] Base the highlight items on the item identifiers (#21161) @alexfauquette
+- [charts] Deprecate `ChartDataProvider` in favour of `ChartsDataProvider` (#21191) @JCQuintas
+- [charts] Deprecate `highlighted` and `faded` classes (#21476) @alexfauquette
+- [charts] Migrate to latest v8 warning (#21518) @JCQuintas
+- [charts] Rename `ChartZoomSlider` to `ChartsZoomSlider` (#21553) @JCQuintas
+- [charts] Rename `WebGl` to `WebGL` (#21524) @JCQuintas
+- [charts] Rename `useSvgRef()` by `useChartsLayerContainerRef()` (#21494) @alexfauquette
+- [charts] Restore focus on last focused item (#21522) @alexfauquette
+- [charts] Warn users when controlled tooltip state does not match the trigger (#21520) @Copilot
+- [charts] Fix controlled tooltip position (#21603) @bernardobelchior
+
+#### `@mui/x-charts-pro@9.0.0-alpha.2` [![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.0.0-alpha.2`, plus:
+
+- [charts-pro] Center the watermark (#21550) @alexfauquette
+- [charts-pro] Stabilize `SankeyChart` API (#21133) @Copilot
+
+#### `@mui/x-charts-premium@9.0.0-alpha.2` [![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.0.0-alpha.2`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.0-alpha.2`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.0.0-alpha.2` [![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.0.0-alpha.2`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.0-alpha.2`
+
+Internal changes.
+
+### Docs
+
+- [docs] Add backticks and parentheses to all functions and hooks (DX-173) (#21496) @mapache-salvaje
+- [docs] Remove mentions of `mySvgRef` (#21559) @bernardobelchior
+- [docs] Update Roadmap section in the docs  (#20892) @alelthomas
+- [docs] Add tutorial and example app for aggregation with row grouping (DX-162) (#21102) @mapache-salvaje
+- [docs] Fix missing codemod docs (#21604) @JCQuintas
+
+### Core
+
+- [code-infra] Add eslint rule to prevent `Math.random` in docs (#21505) @JCQuintas
+- [code-infra] Avoid static props for pageContent (#21038) @Janpot
+- [code-infra] Isolate `date-pickers-pro` in the browser tests (#21383) @Janpot
+- [code-infra] Remove `--coverage` (#21410) @Janpot
+- [code-infra] Remove unneeded `skipIf`s (#21569) @JCQuintas
+- [code-infra] Remove vale as a workspace dependency (#21489) @brijeshb42
+- [code-infra] Remove x-charts-vendor from nextjs processing (#21534) @brijeshb42
+- [code-infra] Set BASE_BRANCH env var in CircleCI config (#21548) @brijeshb42
+- [code-infra] Setup error code extraction (#21469) @brijeshb42
+- [code-infra] Setup flat build for packages (#21029) @brijeshb42
+- [code-infra] Upgrade test_unit to large resource class (#21558) @Janpot
+- [code-infra] Removed getTeamMembers function and usage from release script (#21605) @michelengelen
+
+### Miscellaneous
+
+- [x-license] Add Q1-2026 plan version with quantity and appType support (#21574) @aemartos
+- [x-license] Add v3 key format support, centralize test keys, and trim public API (#21485) @aemartos
+- [x-telemetry] telemetry opt-out by default, remove conf dependency (#21470) @aemartos
+- [x-telemetry] test: mock context module directly in sender tests (#21546) @aemartos
+
+## 9.0.0-alpha.1
+
+_Feb 26, 2026_
+
+We'd like to extend a big thank you to the 18 contributors who made this release possible. Here are some highlights ✨:
+
+- ⚡️ Improved dynamic data support and cache invalidation in lazy loading for Data Grid Pro
+- ⌨️ Keyboard support for selecting day, month, and year in Date Pickers
+- 📊 Axis tooltip sorting and control improvements in Charts
+- 🐞 Bugfixes and internal improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@EllGree, @lion1963
+
+The following team members contributed to this release:
+@alexfauquette, @arminmeh, @brijeshb42, @cherniavskii, @dav-is, @flaviendelangle, @Janpot, @JCQuintas, @mapache-salvaje, @MBilalShafi, @michelengelen, @noraleonte, @rita-codes, @sai6855, @siriwatknp, @ZeeshanTamboli
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.0-alpha.1`
+
+- [DataGrid] Forward rest props in `GridFilterInputMultipleValue` (#21407) @siriwatknp
+- [DataGrid] Preserve key input during row edit when using `rowModesModel` (#20759) @michelengelen
+- [DataGrid] Remove double rtl inversion logic for columns pinning (#21371) @siriwatknp
+
+#### `@mui/x-data-grid-pro@9.0.0-alpha.1` [![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.0.0-alpha.1`, plus:
+
+- [DataGridPro] Fix number input visibility in header filters (#21328) @michelengelen
+- [DataGridPro] Improve dynamic data support and cache invalidation in lazy loading (#21282) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@9.0.0-alpha.1` [![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.0.0-alpha.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.0-alpha.1`
+
+- [DatePicker] Add keyboard support for selecting day, month, and year (#20859) @michelengelen
+
+#### `@mui/x-date-pickers-pro@9.0.0-alpha.1` [![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.0.0-alpha.1`, plus:
+
+- [DateRangePicker] Fix timezone update issue leading to `invalidRange` error (#20863) @michelengelen
+
+### Charts
+
+#### `@mui/x-charts@9.0.0-alpha.1`
+
+- [charts] Add `sort` props to the axis tooltip (#21293) @alexfauquette
+- [charts] Controll axis tooltip (#21351) @alexfauquette
+- [charts] De duplicate keyboard focus handler function (#21267) @sai6855
+- [charts] Make `type` optional in identifiers (#21311) @alexfauquette
+- [charts] Move ref to the root component (#21396) @alexfauquette
+- [charts] Refactor loading and no data overlays to use a shared OverlayText component (#21414) @sai6855
+- [charts] Require series ids to be unique (#21330) @alexfauquette
+- [charts] Set `showMark` as `false` by default (#21373) @alexfauquette
+- [charts] Use `createGetNextIndexFocusedItem()` util in Funnel and RangeBar charts (#21390) @sai6855
+- [charts] Remove unnecessary string concatenation (#21418) @sai6855
+
+#### `@mui/x-charts-pro@9.0.0-alpha.1` [![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.0.0-alpha.1`.
+
+#### `@mui/x-charts-premium@9.0.0-alpha.1` [![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.0.0-alpha.1`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.0-alpha.1`
+
+- [tree view] Focus item sibling on unmount instead of the 1st item (#21254) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@9.0.0-alpha.1` [![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.0.0-alpha.1`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.0-alpha.1`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix external 301s (#21377) @Janpot
+- [docs] Show premium in the overview (#21343) @alexfauquette
+- [docs][charts] Revise the useLegend hook doc (#21352) @mapache-salvaje
+- [docs][charts] Revise the axis hooks doc (#21317) @mapache-salvaje
+- [docs][charts] Revise the scale hooks doc (#21316) @mapache-salvaje
+- [docs][charts] Revise the series hooks doc (#21353) @mapache-salvaje
+- [docs][charts] Revise the useDataset doc (#21336) @mapache-salvaje
+- [docs][charts] Revise the useDrawingArea doc (#21333) @mapache-salvaje
+
+### Core
+
+- [core] Update docs deploy script to the `docs-next` branch (#21341) @siriwatknp
+- [code-infra] Cleanup unused babel plugins (#21453) @brijeshb42
+- [code-infra] Do not append `x` to the last version for the compare API (#21408) @arminmeh
+- [code-infra] Upgrade react-docgen to v8 X (#21155) @JCQuintas
+- [code-infra] Modernize codemod (#21096) @JCQuintas
+- [docs-infra] Fix current version detection logic (#21417) @cherniavskii
+- [docs-infra] Reapply Cookie Banner (#21281) @dav-is
+- [internal] Headless filtering plugin (#21302) @arminmeh
+- [internal] Headless pagination plugin (#21183) @arminmeh
+- [internal] Headless virtualization followups (#21327) @cherniavskii
+- [internal] Keep cached data for disabled pipe processors (#21348) @arminmeh
+- [internal] Remove autoprefixer package (#21440) @ZeeshanTamboli
+
+### Miscellaneous
+
+- [l10n] Fix Czech (csCZ) locale: sort/filter labels are swapped (#21400) @EllGree
+- [l10n] Improve Ukrainian (uk-UA) locale (#21366) @lion1963
+
 ## 9.0.0-alpha.0
 
 _Feb 16, 2026_

package/{esm/columns/commodities.columns.d.ts → columns/commodities.columns.d.mts}

@@ -1,2 +1,2 @@
-import type { GridColDefGenerator } from "../services/gridColDefGenerator.js";
+import type { GridColDefGenerator } from "../services/gridColDefGenerator.mjs";
 export declare const getCommodityColumns: (editable?: boolean) => GridColDefGenerator[];

package/{esm/columns/commodities.columns.js → columns/commodities.columns.mjs}

@@ -1,7 +1,7 @@
 import { gridStringOrNumberComparator } from '@mui/x-data-grid-premium';
-import { randomCommodity, randomDesk, randomEmail, randomFeeRate, generateFilledQuantity, randomId, randomIncoterm, generateIsFilled, randomQuantity, randomTraderName, randomUnitPrice, randomUnitPriceCurrency, randomStatusOptions, randomPnL, randomTradeDate, randomMaturityDate, randomBrokerId, randomCompanyName, randomCountry, randomCurrency, randomAddress, randomCity, randomUpdatedDate, randomCreatedDate, randomRateType, randomContractType, randomTaxCode } from "../services/index.js";
-import { renderCountry, renderEmail, renderIncoterm, renderPnl, renderProgress, renderStatus, renderTotalPrice, renderEditCurrency, renderEditProgress, renderEditStatus, renderEditIncoterm, renderEditBoolean, renderEditCountry } from "../renderer/index.js";
-import { CONTRACT_TYPE_OPTIONS, COUNTRY_ISO_OPTIONS_SORTED, CURRENCY_OPTIONS, INCOTERM_OPTIONS, RATE_TYPE_OPTIONS, STATUS_OPTIONS, TAXCODE_OPTIONS } from "../services/static-data.js";
+import { randomCommodity, randomDesk, randomEmail, randomFeeRate, generateFilledQuantity, randomId, randomIncoterm, generateIsFilled, randomQuantity, randomTraderName, randomUnitPrice, randomUnitPriceCurrency, randomStatusOptions, randomPnL, randomTradeDate, randomMaturityDate, randomBrokerId, randomCompanyName, randomCountry, randomCurrency, randomAddress, randomCity, randomUpdatedDate, randomCreatedDate, randomRateType, randomContractType, randomTaxCode } from "../services/index.mjs";
+import { renderCountry, renderEmail, renderIncoterm, renderPnl, renderProgress, renderStatus, renderTotalPrice, renderEditCurrency, renderEditProgress, renderEditStatus, renderEditIncoterm, renderEditBoolean, renderEditCountry } from "../renderer/index.mjs";
+import { CONTRACT_TYPE_OPTIONS, COUNTRY_ISO_OPTIONS_SORTED, CURRENCY_OPTIONS, INCOTERM_OPTIONS, RATE_TYPE_OPTIONS, STATUS_OPTIONS, TAXCODE_OPTIONS } from "../services/static-data.mjs";
 export const getCommodityColumns = (editable = false) => [{
   field: 'id',
   generateData: randomId,

package/{esm/columns/employees.columns.d.ts → columns/employees.columns.d.mts}

@@ -1,2 +1,2 @@
-import type { GridColDefGenerator } from "../services/gridColDefGenerator.js";
+import type { GridColDefGenerator } from "../services/gridColDefGenerator.mjs";
 export declare const getEmployeeColumns: () => GridColDefGenerator[];

package/{esm/columns/employees.columns.js → columns/employees.columns.mjs}

@@ -1,7 +1,7 @@
 import { gridStringOrNumberComparator } from '@mui/x-data-grid-premium';
-import { randomCity, randomCompanyName, randomCountry, randomCreatedDate, randomEmail, randomId, randomJobTitle, randomPhoneNumber, randomRating, randomUpdatedDate, randomUrl, randomUserName, randomBoolean, randomName, randomColor, randomInt } from "../services/index.js";
-import { renderAvatar, renderCountry, renderEmail, renderLink, renderRating, renderEditRating, renderEditCountry, renderEditBoolean } from "../renderer/index.js";
-import { COUNTRY_ISO_OPTIONS_SORTED } from "../services/static-data.js";
+import { randomCity, randomCompanyName, randomCountry, randomCreatedDate, randomEmail, randomId, randomJobTitle, randomPhoneNumber, randomRating, randomUpdatedDate, randomUrl, randomUserName, randomBoolean, randomName, randomColor, randomInt } from "../services/index.mjs";
+import { renderAvatar, renderCountry, renderEmail, renderLink, renderRating, renderEditRating, renderEditCountry, renderEditBoolean } from "../renderer/index.mjs";
+import { COUNTRY_ISO_OPTIONS_SORTED } from "../services/static-data.mjs";
 export const getEmployeeColumns = () => [{
   field: 'id',
   generateData: randomId,

package/columns/index.d.mts

@@ -0,0 +1,2 @@
+export * from "./commodities.columns.mjs";
+export * from "./employees.columns.mjs";

package/columns/index.mjs

@@ -0,0 +1,2 @@
+export * from "./commodities.columns.mjs";
+export * from "./employees.columns.mjs";

package/hooks/index.d.mts

@@ -0,0 +1,8 @@
+export * from "./useDemoData.mjs";
+export * from "./useBasicDemoData.mjs";
+export { useMovieData } from "./useMovieData.mjs";
+export type { Movie } from "./useMovieData.mjs";
+export * from "./useQuery.mjs";
+export * from "./useMockServer.mjs";
+export { loadServerRows } from "./serverUtils.mjs";
+export type { QueryOptions } from "./serverUtils.mjs";

package/hooks/index.mjs

@@ -0,0 +1,6 @@
+export * from "./useDemoData.mjs";
+export * from "./useBasicDemoData.mjs";
+export { useMovieData } from "./useMovieData.mjs";
+export * from "./useQuery.mjs";
+export * from "./useMockServer.mjs";
+export { loadServerRows } from "./serverUtils.mjs";

package/hooks/serverUtils.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.processTreeDataRows = exports.processRowGroupingRows = exports.processPivotingRows = exports.loadServerRows = exports.disableDelay = exports.DEFAULT_SERVER_OPTIONS = void 0;
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _xDataGridPremium = require("@mui/x-data-grid-premium");
 var _randomGenerator = require("../services/random-generator");
@@ -18,7 +19,10 @@ const getAvailableAggregationFunctions = columnType => {
   });
   return availableAggregationFunctions;
 };
-const disableDelay = exports.disableDelay = typeof DISABLE_CHANCE_RANDOM !== 'undefined' && DISABLE_CHANCE_RANDOM;
+
+// eslint-disable-next-line @typescript-eslint/naming-convention, no-underscore-dangle
+
+const disableDelay = exports.disableDelay = typeof __DISABLE_CHANCE_RANDOM__ !== 'undefined' && __DISABLE_CHANCE_RANDOM__;
 const DEFAULT_SERVER_OPTIONS = exports.DEFAULT_SERVER_OPTIONS = {
   minDelay: disableDelay ? 0 : 100,
   maxDelay: disableDelay ? 0 : 300,
@@ -146,7 +150,7 @@ const getFilteredRows = (rows, filterModel, columnsWithDefaultColDef) => {
     } = filterItem;
     const colDef = columnsWithDefaultColDef.find(column => column.field === field);
     if (!colDef.filterOperators) {
-      throw new Error(`MUI: No filter operator found for column '${field}'.`);
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X: No filter operator found for column '${field}'.` : (0, _formatErrorMessage2.default)(99, field));
     }
     const filterOperator = colDef.filterOperators.find(({
       value
@@ -256,7 +260,7 @@ const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDefaultCol
     useCursorPagination
   } = serverOptions;
   if (maxDelay < minDelay) {
-    throw new Error('serverOptions.minDelay is larger than serverOptions.maxDelay ');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.minDelay is larger than serverOptions.maxDelay' : (0, _formatErrorMessage2.default)(100));
   }
   const delay = (0, _randomGenerator.randomInt)(minDelay, maxDelay);
   const {
@@ -395,10 +399,10 @@ const processTreeDataRows = (rows, queryOptions, serverOptions, columnsWithDefau
   const pathKey = 'path';
   // TODO: Support filtering and cursor based pagination
   if (maxDelay < minDelay) {
-    throw new Error('serverOptions.minDelay is larger than serverOptions.maxDelay ');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.minDelay is larger than serverOptions.maxDelay' : (0, _formatErrorMessage2.default)(100));
   }
   if (queryOptions.groupKeys == null) {
-    throw new Error('serverOptions.groupKeys must be defined to compute tree data ');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.groupKeys must be defined to compute tree data' : (0, _formatErrorMessage2.default)(101));
   }
   const delay = (0, _randomGenerator.randomInt)(minDelay, maxDelay);
 
@@ -465,13 +469,13 @@ const processRowGroupingRows = (rows, queryOptions, serverOptions, columnsWithDe
   } = serverOptions;
   const pathKey = 'path';
   if (maxDelay < minDelay) {
-    throw new Error('serverOptions.minDelay is larger than serverOptions.maxDelay ');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.minDelay is larger than serverOptions.maxDelay' : (0, _formatErrorMessage2.default)(100));
   }
   if (queryOptions.groupKeys == null) {
-    throw new Error('serverOptions.groupKeys must be defined to compute row grouping data');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.groupKeys must be defined to compute row grouping data' : (0, _formatErrorMessage2.default)(102));
   }
   if (queryOptions.groupFields == null) {
-    throw new Error('serverOptions.groupFields must be defined to compute row grouping data');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.groupFields must be defined to compute row grouping data' : (0, _formatErrorMessage2.default)(103));
   }
   const delay = (0, _randomGenerator.randomInt)(minDelay, maxDelay);
   const pathsToAutogenerate = new Set();
@@ -593,10 +597,10 @@ const processPivotingRows = (rows, queryOptions, serverOptions, columnsWithDefau
     maxDelay = 300
   } = serverOptions;
   if (maxDelay < minDelay) {
-    throw new Error('serverOptions.minDelay is larger than serverOptions.maxDelay ');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.minDelay is larger than serverOptions.maxDelay ' : (0, _formatErrorMessage2.default)(104));
   }
   if (!queryOptions.pivotModel) {
-    throw new Error('queryOptions.pivotModel must be defined to compute pivoting data');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: queryOptions.pivotModel must be defined to compute pivoting data' : (0, _formatErrorMessage2.default)(105));
   }
   const delay = (0, _randomGenerator.randomInt)(minDelay, maxDelay);
   const {

package/{esm/hooks/serverUtils.js → hooks/serverUtils.mjs}

@@ -1,6 +1,7 @@
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { GridLogicOperator, GRID_AGGREGATION_FUNCTIONS, gridStringOrNumberComparator } from '@mui/x-data-grid-premium';
-import { randomInt } from "../services/random-generator.js";
+import { randomInt } from "../services/random-generator.mjs";
 const getAvailableAggregationFunctions = columnType => {
   const availableAggregationFunctions = new Map();
   Object.keys(GRID_AGGREGATION_FUNCTIONS).forEach(functionName => {
@@ -11,7 +12,10 @@ const getAvailableAggregationFunctions = columnType => {
   });
   return availableAggregationFunctions;
 };
-export const disableDelay = typeof DISABLE_CHANCE_RANDOM !== 'undefined' && DISABLE_CHANCE_RANDOM;
+
+// eslint-disable-next-line @typescript-eslint/naming-convention, no-underscore-dangle
+
+export const disableDelay = typeof __DISABLE_CHANCE_RANDOM__ !== 'undefined' && __DISABLE_CHANCE_RANDOM__;
 export const DEFAULT_SERVER_OPTIONS = {
   minDelay: disableDelay ? 0 : 100,
   maxDelay: disableDelay ? 0 : 300,
@@ -139,7 +143,7 @@ const getFilteredRows = (rows, filterModel, columnsWithDefaultColDef) => {
     } = filterItem;
     const colDef = columnsWithDefaultColDef.find(column => column.field === field);
     if (!colDef.filterOperators) {
-      throw new Error(`MUI: No filter operator found for column '${field}'.`);
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X: No filter operator found for column '${field}'.` : _formatErrorMessage(99, field));
     }
     const filterOperator = colDef.filterOperators.find(({
       value
@@ -249,7 +253,7 @@ export const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDef
     useCursorPagination
   } = serverOptions;
   if (maxDelay < minDelay) {
-    throw new Error('serverOptions.minDelay is larger than serverOptions.maxDelay ');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.minDelay is larger than serverOptions.maxDelay' : _formatErrorMessage(100));
   }
   const delay = randomInt(minDelay, maxDelay);
   const {
@@ -387,10 +391,10 @@ export const processTreeDataRows = (rows, queryOptions, serverOptions, columnsWi
   const pathKey = 'path';
   // TODO: Support filtering and cursor based pagination
   if (maxDelay < minDelay) {
-    throw new Error('serverOptions.minDelay is larger than serverOptions.maxDelay ');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.minDelay is larger than serverOptions.maxDelay' : _formatErrorMessage(100));
   }
   if (queryOptions.groupKeys == null) {
-    throw new Error('serverOptions.groupKeys must be defined to compute tree data ');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.groupKeys must be defined to compute tree data' : _formatErrorMessage(101));
   }
   const delay = randomInt(minDelay, maxDelay);
 
@@ -456,13 +460,13 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
   } = serverOptions;
   const pathKey = 'path';
   if (maxDelay < minDelay) {
-    throw new Error('serverOptions.minDelay is larger than serverOptions.maxDelay ');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.minDelay is larger than serverOptions.maxDelay' : _formatErrorMessage(100));
   }
   if (queryOptions.groupKeys == null) {
-    throw new Error('serverOptions.groupKeys must be defined to compute row grouping data');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.groupKeys must be defined to compute row grouping data' : _formatErrorMessage(102));
   }
   if (queryOptions.groupFields == null) {
-    throw new Error('serverOptions.groupFields must be defined to compute row grouping data');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.groupFields must be defined to compute row grouping data' : _formatErrorMessage(103));
   }
   const delay = randomInt(minDelay, maxDelay);
   const pathsToAutogenerate = new Set();
@@ -583,10 +587,10 @@ export const processPivotingRows = (rows, queryOptions, serverOptions, columnsWi
     maxDelay = 300
   } = serverOptions;
   if (maxDelay < minDelay) {
-    throw new Error('serverOptions.minDelay is larger than serverOptions.maxDelay ');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.minDelay is larger than serverOptions.maxDelay ' : _formatErrorMessage(104));
   }
   if (!queryOptions.pivotModel) {
-    throw new Error('queryOptions.pivotModel must be defined to compute pivoting data');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: queryOptions.pivotModel must be defined to compute pivoting data' : _formatErrorMessage(105));
   }
   const delay = randomInt(minDelay, maxDelay);
   const {

package/hooks/useBasicDemoData.d.mts

@@ -0,0 +1,2 @@
+import { type GridBasicData } from "../services/index.mjs";
+export declare const useBasicDemoData: (nbRows: number, nbCols: number) => GridBasicData;

package/{esm/hooks/useBasicDemoData.js → hooks/useBasicDemoData.mjs}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { getBasicGridData } from "../services/index.js";
+import { getBasicGridData } from "../services/index.mjs";
 export const useBasicDemoData = (nbRows, nbCols) => {
   return React.useMemo(() => getBasicGridData(nbRows, nbCols), [nbRows, nbCols]);
 };

package/{esm/hooks/useDemoData.d.ts → hooks/useDemoData.d.mts}

@@ -1,7 +1,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, type DemoTreeDataValue } from "../services/tree-data-generator.js";
+import { type GridDemoData } from "../services/real-data-service.mjs";
+import type { GridColDefGenerator } from "../services/gridColDefGenerator.mjs";
+import { type AddPathToDemoDataOptions, type DemoTreeDataValue } from "../services/tree-data-generator.mjs";
 export type DemoDataReturnType = {
   data: DemoTreeDataValue;
   loading: boolean;

package/{esm/hooks/useDemoData.js → hooks/useDemoData.mjs}

@@ -3,11 +3,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { LRUCache } from 'lru-cache';
-import { getRealGridData } from "../services/real-data-service.js";
-import { getCommodityColumns } from "../columns/commodities.columns.js";
-import { getEmployeeColumns } from "../columns/employees.columns.js";
-import asyncWorker from "../services/asyncWorker.js";
-import { addTreeDataOptionsToDemoData } from "../services/tree-data-generator.js";
+import { getRealGridData } from "../services/real-data-service.mjs";
+import { getCommodityColumns } from "../columns/commodities.columns.mjs";
+import { getEmployeeColumns } from "../columns/employees.columns.mjs";
+import asyncWorker from "../services/asyncWorker.mjs";
+import { addTreeDataOptionsToDemoData } from "../services/tree-data-generator.mjs";
 const dataCache = new LRUCache({
   max: 10,
   ttl: 60 * 5 * 1e3 // 5 minutes

package/{esm/hooks/useEditDropdownState.js → hooks/useEditDropdownState.mjs}

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { GridCellEditStopReasons, GridEditModes, useGridApiContext, useGridRootProps } from '@mui/x-data-grid-premium';
-import { useRowEditHandlers } from "./useRowEditHandlers.js";
+import { useRowEditHandlers } from "./useRowEditHandlers.mjs";
 /**
  * Hook that manages dropdown state and keyboard handling for custom edit cells
  * with dropdowns (Select, Autocomplete).

package/{esm/hooks/useMockServer.d.ts → hooks/useMockServer.d.mts}

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

package/hooks/useMockServer.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMockServer = exports.BASE_URL = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var React = _interopRequireWildcard(require("react"));
 var _lruCache = require("lru-cache");
 var _xDataGridPremium = require("@mui/x-data-grid-premium");
@@ -42,7 +43,7 @@ const getColumnsFromOptions = options => {
       columns = (0, _useMovieData.getMovieColumns)();
       break;
     default:
-      throw new Error('Unknown dataset');
+      throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Unknown dataset' : (0, _formatErrorMessage2.default)(106));
   }
   if (options.visibleFields) {
     columns = columns.map(col => (0, _extends2.default)({}, col, {
@@ -245,7 +246,7 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail, nested
         if (verbose) {
           print('MUI X: DATASOURCE REQUEST FAILURE', params);
         }
-        setTimeout(() => reject(new Error('Could not fetch the data')), delay);
+        setTimeout(() => reject(new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Could not fetch the data' : (0, _formatErrorMessage2.default)(107))), delay);
       });
     }
     if (isTreeData) {
@@ -328,7 +329,7 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail, nested
         });
       }
       if (shouldRequestsFailRef.current) {
-        setTimeout(() => reject(new Error(`Could not update the row with the id ${rowId}`)), delay);
+        setTimeout(() => reject(new Error(process.env.NODE_ENV !== "production" ? `MUI X: Could not update the row with the id ${rowId}` : (0, _formatErrorMessage2.default)(108, rowId))), delay);
         if (verbose) {
           print('MUI X: DATASOURCE EDIT ROW FAILURE', {
             rowId,

package/{esm/hooks/useMockServer.js → hooks/useMockServer.mjs}

@@ -1,17 +1,18 @@
 'use client';
 
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import * as React from 'react';
 import { LRUCache } from 'lru-cache';
 import { getGridDefaultColumnTypes } from '@mui/x-data-grid-premium';
-import { extrapolateSeed, deepFreeze } from "./useDemoData.js";
-import { getCommodityColumns } from "../columns/commodities.columns.js";
-import { getEmployeeColumns } from "../columns/employees.columns.js";
-import { getRealGridData } from "../services/real-data-service.js";
-import { addTreeDataOptionsToDemoData } from "../services/tree-data-generator.js";
-import { loadServerRows, processTreeDataRows, processRowGroupingRows, processPivotingRows, DEFAULT_SERVER_OPTIONS } from "./serverUtils.js";
-import { randomInt } from "../services/index.js";
-import { getMovieRows, getMovieColumns } from "./useMovieData.js";
+import { extrapolateSeed, deepFreeze } from "./useDemoData.mjs";
+import { getCommodityColumns } from "../columns/commodities.columns.mjs";
+import { getEmployeeColumns } from "../columns/employees.columns.mjs";
+import { getRealGridData } from "../services/real-data-service.mjs";
+import { addTreeDataOptionsToDemoData } from "../services/tree-data-generator.mjs";
+import { loadServerRows, processTreeDataRows, processRowGroupingRows, processPivotingRows, DEFAULT_SERVER_OPTIONS } from "./serverUtils.mjs";
+import { randomInt } from "../services/index.mjs";
+import { getMovieRows, getMovieColumns } from "./useMovieData.mjs";
 const dataCache = new LRUCache({
   max: 10,
   ttl: 60 * 5 * 1e3 // 5 minutes
@@ -35,7 +36,7 @@ const getColumnsFromOptions = options => {
       columns = getMovieColumns();
       break;
     default:
-      throw new Error('Unknown dataset');
+      throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Unknown dataset' : _formatErrorMessage(106));
   }
   if (options.visibleFields) {
     columns = columns.map(col => _extends({}, col, {
@@ -238,7 +239,7 @@ export const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail,
         if (verbose) {
           print('MUI X: DATASOURCE REQUEST FAILURE', params);
         }
-        setTimeout(() => reject(new Error('Could not fetch the data')), delay);
+        setTimeout(() => reject(new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Could not fetch the data' : _formatErrorMessage(107))), delay);
       });
     }
     if (isTreeData) {
@@ -321,7 +322,7 @@ export const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail,
         });
       }
       if (shouldRequestsFailRef.current) {
-        setTimeout(() => reject(new Error(`Could not update the row with the id ${rowId}`)), delay);
+        setTimeout(() => reject(new Error(process.env.NODE_ENV !== "production" ? `MUI X: Could not update the row with the id ${rowId}` : _formatErrorMessage(108, rowId))), delay);
         if (verbose) {
           print('MUI X: DATASOURCE EDIT ROW FAILURE', {
             rowId,