@mui/x-data-grid-premium 9.0.0-alpha.1 → 9.0.0-alpha.2

package/CHANGELOG.md

@@ -1,5 +1,123 @@
 # 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_

package/DataGridPremium/DataGrid.js

@@ -1,10 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DataGrid = DataGrid;
 exports.DataGridPro = DataGridPro;
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 /**
  * @deprecated Import DataGridPremium instead.
  */
@@ -12,7 +14,7 @@ function DataGrid() {
   if (process.env.NODE_ENV === 'production') {
     return null;
   }
-  throw new Error(["You try to import Data Grid from @mui/x-data-grid-premium but this module isn't exported from this npm package.", '', "Instead, you can do `import { DataGridPremium } from '@mui/x-data-grid-premium'`.", ''].join('\n'));
+  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Data Grid: DataGrid is not exported from @mui/x-data-grid-premium. ' + 'The Premium package exports DataGridPremium instead. ' + "Use `import { DataGridPremium } from '@mui/x-data-grid-premium'` or import DataGrid from @mui/x-data-grid." : (0, _formatErrorMessage2.default)(112));
 }
 
 /**
@@ -22,5 +24,5 @@ function DataGridPro() {
   if (process.env.NODE_ENV === 'production') {
     return null;
   }
-  throw new Error(["You try to import Data Grid Pro from @mui/x-data-grid-premium but this module isn't exported from this npm package.", '', "Instead, you can do `import { DataGridPremium } from '@mui/x-data-grid-premium'`.", ''].join('\n'));
+  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Data Grid: DataGridPro is not exported from @mui/x-data-grid-premium. ' + 'The Premium package exports DataGridPremium instead. ' + "Use `import { DataGridPremium } from '@mui/x-data-grid-premium'`." : (0, _formatErrorMessage2.default)(113));
 }

package/DataGridPremium/DataGrid.mjs

@@ -0,0 +1,20 @@
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
+/**
+ * @deprecated Import DataGridPremium instead.
+ */
+export function DataGrid() {
+  if (process.env.NODE_ENV === 'production') {
+    return null;
+  }
+  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Data Grid: DataGrid is not exported from @mui/x-data-grid-premium. ' + 'The Premium package exports DataGridPremium instead. ' + "Use `import { DataGridPremium } from '@mui/x-data-grid-premium'` or import DataGrid from @mui/x-data-grid." : _formatErrorMessage(112));
+}
+
+/**
+ * @deprecated Import DataGridPremium instead.
+ */
+export function DataGridPro() {
+  if (process.env.NODE_ENV === 'production') {
+    return null;
+  }
+  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Data Grid: DataGridPro is not exported from @mui/x-data-grid-premium. ' + 'The Premium package exports DataGridPremium instead. ' + "Use `import { DataGridPremium } from '@mui/x-data-grid-premium'`." : _formatErrorMessage(113));
+}

package/{esm/DataGridPremium/DataGridPremium.d.ts → DataGridPremium/DataGridPremium.d.mts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type GridValidRowModel } from '@mui/x-data-grid-pro';
-import type { DataGridPremiumProps } from "../models/dataGridPremiumProps.js";
-export type { GridPremiumSlotsComponent as GridSlots } from "../models/index.js";
+import type { DataGridPremiumProps } from "../models/dataGridPremiumProps.mjs";
+export type { GridPremiumSlotsComponent as GridSlots } from "../models/index.mjs";
 interface DataGridPremiumComponent {
   <R extends GridValidRowModel = any>(props: DataGridPremiumProps<R> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
   propTypes?: any;

package/DataGridPremium/DataGridPremium.js

@@ -10,7 +10,8 @@ exports.DataGridPremium = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _xLicense = require("@mui/x-license");
+var _useLicenseVerifier = require("@mui/x-license/useLicenseVerifier");
+var _Watermark = require("@mui/x-license/Watermark");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _material = require("@mui/x-data-grid/material");
@@ -50,8 +51,8 @@ const configuration = {
     useGridParamsOverridableMethods: _useGridParamsOverridableMethods.useGridParamsOverridableMethods
   }
 };
-const releaseInfo = "MTc3MjA2NDAwMDAwMA==";
-const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
+const releaseInfo = "MTc3MjY2ODgwMDAwMA==";
+const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Watermark.Watermark, {
   packageName: "x-data-grid-premium",
   releaseInfo: releaseInfo
 });
@@ -63,7 +64,7 @@ const DataGridPremiumRaw = (0, _forwardRef.forwardRef)(function DataGridPremium(
   const initialProps = (0, _useDataGridPremiumProps.useDataGridPremiumProps)(inProps);
   const privateApiRef = (0, _internals.useGridApiInitialization)(initialProps.apiRef, initialProps);
   const props = (0, _useDataGridPremiumComponent.useDataGridPremiumComponent)(privateApiRef, initialProps, configuration);
-  (0, _xLicense.useLicenseVerifier)('x-data-grid-premium', releaseInfo);
+  (0, _useLicenseVerifier.useLicenseVerifier)('x-data-grid-premium', releaseInfo);
   if (process.env.NODE_ENV !== 'production') {
     (0, _internals.validateProps)(props, dataGridPremiumPropValidators);
   }
@@ -215,6 +216,71 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @default false
    */
   chartsIntegration: _propTypes.default.bool,
+  /**
+   * Definition of the column rendered when the `checkboxSelection` prop is enabled.
+   *
+   * @warning
+   * Be careful when overriding `renderHeader` or `renderCell` in the `checkboxColDef` prop.
+   * The default implementation of these properties includes the logic for selecting all rows and selecting a single row, respectively.
+   * Overriding them without providing the same functionality will break the row selection.
+   */
+  checkboxColDef: _propTypes.default.shape({
+    aggregable: _propTypes.default.bool,
+    align: _propTypes.default.oneOf(['center', 'left', 'right']),
+    availableAggregationFunctions: _propTypes.default.arrayOf(_propTypes.default.string),
+    cellClassName: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
+    chartable: _propTypes.default.bool,
+    colSpan: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.number]),
+    description: _propTypes.default.string,
+    disableColumnMenu: _propTypes.default.bool,
+    disableExport: _propTypes.default.bool,
+    disableReorder: _propTypes.default.bool,
+    display: _propTypes.default.oneOf(['flex', 'text']),
+    editable: _propTypes.default.bool,
+    examples: _propTypes.default.array,
+    filterable: _propTypes.default.bool,
+    filterOperators: _propTypes.default.arrayOf(_propTypes.default.shape({
+      getApplyFilterFn: _propTypes.default.func.isRequired,
+      getValueAsString: _propTypes.default.func,
+      headerLabel: _propTypes.default.string,
+      InputComponent: _propTypes.default.elementType,
+      InputComponentProps: _propTypes.default.object,
+      label: _propTypes.default.string,
+      requiresFilterValue: _propTypes.default.bool,
+      value: _propTypes.default.string.isRequired
+    })),
+    flex: _propTypes.default.number,
+    getApplyQuickFilterFn: _propTypes.default.func,
+    getSortComparator: _propTypes.default.func,
+    groupable: _propTypes.default.bool,
+    groupingValueGetter: _propTypes.default.func,
+    groupingValueSetter: _propTypes.default.func,
+    headerAlign: _propTypes.default.oneOf(['center', 'left', 'right']),
+    headerClassName: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
+    headerName: _propTypes.default.string,
+    hideable: _propTypes.default.bool,
+    hideSortIcons: _propTypes.default.bool,
+    maxWidth: _propTypes.default.number,
+    minWidth: _propTypes.default.number,
+    pastedValueParser: _propTypes.default.func,
+    pinnable: _propTypes.default.bool,
+    pivotable: _propTypes.default.bool,
+    preProcessEditCellProps: _propTypes.default.func,
+    renderCell: _propTypes.default.func,
+    renderEditCell: _propTypes.default.func,
+    renderHeader: _propTypes.default.func,
+    renderHeaderFilter: _propTypes.default.func,
+    resizable: _propTypes.default.bool,
+    rowSpanValueGetter: _propTypes.default.func,
+    sortable: _propTypes.default.bool,
+    sortComparator: _propTypes.default.func,
+    sortingOrder: _propTypes.default.arrayOf(_propTypes.default.oneOf(['asc', 'desc'])),
+    valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
+    valueParser: _propTypes.default.func,
+    valueSetter: _propTypes.default.func,
+    width: _propTypes.default.number
+  }),
   /**
    * If `true`, the Data Grid will display an extra column with checkboxes for selecting rows.
    * @default false

package/{esm/DataGridPremium/DataGridPremium.js → DataGridPremium/DataGridPremium.mjs}

@@ -3,22 +3,23 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useLicenseVerifier, Watermark } from '@mui/x-license';
+import { useLicenseVerifier } from '@mui/x-license/useLicenseVerifier';
+import { Watermark } from '@mui/x-license/Watermark';
 import { GridRoot, GridContextProvider, useGridSelector } from '@mui/x-data-grid-pro';
 import { propValidatorsDataGrid, propValidatorsDataGridPro, validateProps, useGridApiInitialization, getRowValue } from '@mui/x-data-grid-pro/internals';
 import { useMaterialCSSVariables } from '@mui/x-data-grid/material';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useDataGridPremiumComponent } from "./useDataGridPremiumComponent.js";
-import { useDataGridPremiumProps } from "./useDataGridPremiumProps.js";
-import { Sidebar } from "../components/sidebar/index.js";
-import { useGridAriaAttributesPremium } from "../hooks/utils/useGridAriaAttributes.js";
-import { useGridRowAriaAttributesPremium } from "../hooks/features/rows/useGridRowAriaAttributes.js";
-import { gridCellAggregationResultSelector } from "../hooks/features/aggregation/gridAggregationSelectors.js";
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { useGridRowsOverridableMethods } from "../hooks/features/rows/useGridRowsOverridableMethods.js";
-import { useGridParamsOverridableMethods } from "../hooks/features/rows/useGridParamsOverridableMethods.js";
-import { gridSidebarOpenSelector } from "../hooks/features/sidebar/index.js";
-import { useIsCellEditable } from "../hooks/features/editing/useGridCellEditable.js";
+import { useDataGridPremiumComponent } from "./useDataGridPremiumComponent.mjs";
+import { useDataGridPremiumProps } from "./useDataGridPremiumProps.mjs";
+import { Sidebar } from "../components/sidebar/index.mjs";
+import { useGridAriaAttributesPremium } from "../hooks/utils/useGridAriaAttributes.mjs";
+import { useGridRowAriaAttributesPremium } from "../hooks/features/rows/useGridRowAriaAttributes.mjs";
+import { gridCellAggregationResultSelector } from "../hooks/features/aggregation/gridAggregationSelectors.mjs";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";
+import { useGridRowsOverridableMethods } from "../hooks/features/rows/useGridRowsOverridableMethods.mjs";
+import { useGridParamsOverridableMethods } from "../hooks/features/rows/useGridParamsOverridableMethods.mjs";
+import { gridSidebarOpenSelector } from "../hooks/features/sidebar/index.mjs";
+import { useIsCellEditable } from "../hooks/features/editing/useGridCellEditable.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const configuration = {
   hooks: {
@@ -43,7 +44,7 @@ const configuration = {
     useGridParamsOverridableMethods
   }
 };
-const releaseInfo = "MTc3MjA2NDAwMDAwMA==";
+const releaseInfo = "MTc3MjY2ODgwMDAwMA==";
 const watermark = /*#__PURE__*/_jsx(Watermark, {
   packageName: "x-data-grid-premium",
   releaseInfo: releaseInfo
@@ -208,6 +209,71 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @default false
    */
   chartsIntegration: PropTypes.bool,
+  /**
+   * Definition of the column rendered when the `checkboxSelection` prop is enabled.
+   *
+   * @warning
+   * Be careful when overriding `renderHeader` or `renderCell` in the `checkboxColDef` prop.
+   * The default implementation of these properties includes the logic for selecting all rows and selecting a single row, respectively.
+   * Overriding them without providing the same functionality will break the row selection.
+   */
+  checkboxColDef: PropTypes.shape({
+    aggregable: PropTypes.bool,
+    align: PropTypes.oneOf(['center', 'left', 'right']),
+    availableAggregationFunctions: PropTypes.arrayOf(PropTypes.string),
+    cellClassName: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
+    chartable: PropTypes.bool,
+    colSpan: PropTypes.oneOfType([PropTypes.func, PropTypes.number]),
+    description: PropTypes.string,
+    disableColumnMenu: PropTypes.bool,
+    disableExport: PropTypes.bool,
+    disableReorder: PropTypes.bool,
+    display: PropTypes.oneOf(['flex', 'text']),
+    editable: PropTypes.bool,
+    examples: PropTypes.array,
+    filterable: PropTypes.bool,
+    filterOperators: PropTypes.arrayOf(PropTypes.shape({
+      getApplyFilterFn: PropTypes.func.isRequired,
+      getValueAsString: PropTypes.func,
+      headerLabel: PropTypes.string,
+      InputComponent: PropTypes.elementType,
+      InputComponentProps: PropTypes.object,
+      label: PropTypes.string,
+      requiresFilterValue: PropTypes.bool,
+      value: PropTypes.string.isRequired
+    })),
+    flex: PropTypes.number,
+    getApplyQuickFilterFn: PropTypes.func,
+    getSortComparator: PropTypes.func,
+    groupable: PropTypes.bool,
+    groupingValueGetter: PropTypes.func,
+    groupingValueSetter: PropTypes.func,
+    headerAlign: PropTypes.oneOf(['center', 'left', 'right']),
+    headerClassName: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
+    headerName: PropTypes.string,
+    hideable: PropTypes.bool,
+    hideSortIcons: PropTypes.bool,
+    maxWidth: PropTypes.number,
+    minWidth: PropTypes.number,
+    pastedValueParser: PropTypes.func,
+    pinnable: PropTypes.bool,
+    pivotable: PropTypes.bool,
+    preProcessEditCellProps: PropTypes.func,
+    renderCell: PropTypes.func,
+    renderEditCell: PropTypes.func,
+    renderHeader: PropTypes.func,
+    renderHeaderFilter: PropTypes.func,
+    resizable: PropTypes.bool,
+    rowSpanValueGetter: PropTypes.func,
+    sortable: PropTypes.bool,
+    sortComparator: PropTypes.func,
+    sortingOrder: PropTypes.arrayOf(PropTypes.oneOf(['asc', 'desc'])),
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
+    valueParser: PropTypes.func,
+    valueSetter: PropTypes.func,
+    width: PropTypes.number
+  }),
   /**
    * If `true`, the Data Grid will display an extra column with checkboxes for selecting rows.
    * @default false

package/DataGridPremium/index.d.mts

@@ -0,0 +1,3 @@
+export * from "./DataGrid.mjs";
+export * from "./DataGridPremium.mjs";
+export { DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES } from "./useDataGridPremiumProps.mjs";

package/DataGridPremium/index.mjs

@@ -0,0 +1,3 @@
+export * from "./DataGrid.mjs";
+export * from "./DataGridPremium.mjs";
+export { DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES } from "./useDataGridPremiumProps.mjs";

package/{esm/DataGridPremium/useDataGridPremiumComponent.d.ts → DataGridPremium/useDataGridPremiumComponent.d.mts}

@@ -1,5 +1,5 @@
 import type { RefObject } from '@mui/x-internals/types';
 import { type GridConfiguration } from '@mui/x-data-grid-pro/internals';
-import type { GridPrivateApiPremium } from "../models/gridApiPremium.js";
-import type { DataGridPremiumProcessedProps } from "../models/dataGridPremiumProps.js";
+import type { GridPrivateApiPremium } from "../models/gridApiPremium.mjs";
+import type { DataGridPremiumProcessedProps } from "../models/dataGridPremiumProps.mjs";
 export declare const useDataGridPremiumComponent: (apiRef: RefObject<GridPrivateApiPremium>, inProps: DataGridPremiumProcessedProps, configuration: GridConfiguration) => DataGridPremiumProcessedProps;

package/{esm/DataGridPremium/useDataGridPremiumComponent.js → DataGridPremium/useDataGridPremiumComponent.mjs}

@@ -4,22 +4,22 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridInitialization, useGridInitializeState, useGridClipboard, useGridColumnMenu, useGridColumns, columnsStateInitializer, useGridDensity, useGridCsvExport, useGridPrintExport, useGridFilter, filterStateInitializer, useGridFocus, useGridKeyboardNavigation, useGridPagination, paginationStateInitializer, useGridPreferencesPanel, useGridEditing, editingStateInitializer, useGridRows, useGridRowsPreProcessors, rowsStateInitializer, useGridParamsApi, useGridRowSelection, useGridSorting, sortingStateInitializer, useGridScroll, useGridEvents, dimensionsStateInitializer, useGridDimensions, useGridStatePersistence, useGridRowSelectionPreProcessors, columnMenuStateInitializer, densityStateInitializer, focusStateInitializer, preferencePanelStateInitializer, rowsMetaStateInitializer, rowSelectionStateInitializer, useGridColumnReorder, columnReorderStateInitializer, useGridColumnResize, columnResizeStateInitializer, useGridTreeData, useGridTreeDataPreProcessors, useGridColumnPinning, columnPinningStateInitializer, useGridColumnPinningPreProcessors, useGridDetailPanel, detailPanelStateInitializer, useGridDetailPanelPreProcessors, useGridInfiniteLoader, useGridColumnSpanning, useGridRowReorder, useGridRowReorderPreProcessors, useGridRowPinning, useGridRowPinningPreProcessors, rowPinningStateInitializer, useGridColumnGrouping, columnGroupsStateInitializer, useGridLazyLoader, useGridLazyLoaderPreProcessors, useGridDataSourceLazyLoader, useGridInfiniteLoadingIntersection, headerFilteringStateInitializer, useGridHeaderFiltering, virtualizationStateInitializer, useGridVirtualization, useGridDataSourceTreeDataPreProcessors, dataSourceStateInitializer, useGridRowSpanning, rowSpanningStateInitializer, useGridListView, listViewStateInitializer, propsStateInitializer, rowReorderStateInitializer, useFirstRender } from '@mui/x-data-grid-pro/internals';
 import { useGridSelector } from '@mui/x-data-grid-pro';
-import { useGridDataSourcePremium as useGridDataSource } from "../hooks/features/dataSource/useGridDataSourcePremium.js";
+import { useGridDataSourcePremium as useGridDataSource } from "../hooks/features/dataSource/useGridDataSourcePremium.mjs";
 // Premium-only features
-import { useGridAggregation, aggregationStateInitializer } from "../hooks/features/aggregation/useGridAggregation.js";
-import { useGridAggregationPreProcessors } from "../hooks/features/aggregation/useGridAggregationPreProcessors.js";
-import { useGridRowGrouping, rowGroupingStateInitializer } from "../hooks/features/rowGrouping/useGridRowGrouping.js";
-import { useGridRowGroupingPreProcessors } from "../hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js";
-import { useGridDataSourceRowGroupingPreProcessors } from "../hooks/features/rowGrouping/useGridDataSourceRowGroupingPreProcessors.js";
-import { useGridExcelExport } from "../hooks/features/export/useGridExcelExport.js";
-import { cellSelectionStateInitializer, useGridCellSelection } from "../hooks/features/cellSelection/useGridCellSelection.js";
-import { useGridClipboardImport } from "../hooks/features/clipboard/useGridClipboardImport.js";
-import { pivotingStateInitializer, useGridPivoting, useGridPivotingExportState } from "../hooks/features/pivoting/useGridPivoting.js";
-import { gridPivotPropsOverridesSelector } from "../hooks/features/pivoting/gridPivotingSelectors.js";
-import { useGridAiAssistant, aiAssistantStateInitializer } from "../hooks/features/aiAssistant/useGridAiAssistant.js";
-import { useGridSidebar, sidebarStateInitializer } from "../hooks/features/sidebar/useGridSidebar.js";
-import { chartsIntegrationStateInitializer, useGridChartsIntegration } from "../hooks/features/chartsIntegration/useGridChartsIntegration.js";
-import { historyStateInitializer, useGridHistory } from "../hooks/features/history/useGridHistory.js";
+import { useGridAggregation, aggregationStateInitializer } from "../hooks/features/aggregation/useGridAggregation.mjs";
+import { useGridAggregationPreProcessors } from "../hooks/features/aggregation/useGridAggregationPreProcessors.mjs";
+import { useGridRowGrouping, rowGroupingStateInitializer } from "../hooks/features/rowGrouping/useGridRowGrouping.mjs";
+import { useGridRowGroupingPreProcessors } from "../hooks/features/rowGrouping/useGridRowGroupingPreProcessors.mjs";
+import { useGridDataSourceRowGroupingPreProcessors } from "../hooks/features/rowGrouping/useGridDataSourceRowGroupingPreProcessors.mjs";
+import { useGridExcelExport } from "../hooks/features/export/useGridExcelExport.mjs";
+import { cellSelectionStateInitializer, useGridCellSelection } from "../hooks/features/cellSelection/useGridCellSelection.mjs";
+import { useGridClipboardImport } from "../hooks/features/clipboard/useGridClipboardImport.mjs";
+import { pivotingStateInitializer, useGridPivoting, useGridPivotingExportState } from "../hooks/features/pivoting/useGridPivoting.mjs";
+import { gridPivotPropsOverridesSelector } from "../hooks/features/pivoting/gridPivotingSelectors.mjs";
+import { useGridAiAssistant, aiAssistantStateInitializer } from "../hooks/features/aiAssistant/useGridAiAssistant.mjs";
+import { useGridSidebar, sidebarStateInitializer } from "../hooks/features/sidebar/useGridSidebar.mjs";
+import { chartsIntegrationStateInitializer, useGridChartsIntegration } from "../hooks/features/chartsIntegration/useGridChartsIntegration.mjs";
+import { historyStateInitializer, useGridHistory } from "../hooks/features/history/useGridHistory.mjs";
 export const useDataGridPremiumComponent = (apiRef, inProps, configuration) => {
   const pivotPropsOverrides = useGridSelector(apiRef, gridPivotPropsOverridesSelector);
   const props = React.useMemo(() => {

package/{esm/DataGridPremium/useDataGridPremiumProps.d.ts → DataGridPremium/useDataGridPremiumProps.d.mts}

@@ -1,4 +1,4 @@
-import type { DataGridPremiumProps, DataGridPremiumProcessedProps, DataGridPremiumPropsWithDefaultValue } from "../models/dataGridPremiumProps.js";
+import type { DataGridPremiumProps, DataGridPremiumProcessedProps, DataGridPremiumPropsWithDefaultValue } from "../models/dataGridPremiumProps.mjs";
 /**
  * The default values of `DataGridPremiumPropsWithDefaultValue` to inject in the props of DataGridPremium.
  */

package/{esm/DataGridPremium/useDataGridPremiumProps.js → DataGridPremium/useDataGridPremiumProps.mjs}

@@ -4,11 +4,11 @@ import { useTheme } from '@mui/material/styles';
 import { getThemeProps } from '@mui/system';
 import { DATA_GRID_PRO_PROPS_DEFAULT_VALUES, GRID_DEFAULT_LOCALE_TEXT, GridSignature } from '@mui/x-data-grid-pro';
 import { computeSlots } from '@mui/x-data-grid-pro/internals';
-import { GRID_AGGREGATION_FUNCTIONS } from "../hooks/features/aggregation/index.js";
-import { DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS } from "../constants/dataGridPremiumDefaultSlotsComponents.js";
-import { defaultGetPivotDerivedColumns } from "../hooks/features/pivoting/utils.js";
-import { defaultGetAggregationPosition } from "../hooks/features/aggregation/gridAggregationUtils.js";
-import { DEFAULT_HISTORY_VALIDATION_EVENTS } from "../hooks/features/history/constants.js";
+import { GRID_AGGREGATION_FUNCTIONS } from "../hooks/features/aggregation/index.mjs";
+import { DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS } from "../constants/dataGridPremiumDefaultSlotsComponents.mjs";
+import { defaultGetPivotDerivedColumns } from "../hooks/features/pivoting/utils.mjs";
+import { defaultGetAggregationPosition } from "../hooks/features/aggregation/gridAggregationUtils.mjs";
+import { DEFAULT_HISTORY_VALIDATION_EVENTS } from "../hooks/features/history/constants.mjs";
 const getDataGridPremiumForcedProps = themedProps => _extends({
   signature: GridSignature.DataGridPremium
 }, themedProps.dataSource ? {

package/{esm/components/GridAggregationHeader.js → components/GridAggregationHeader.mjs}

@@ -5,9 +5,9 @@ import composeClasses from '@mui/utils/composeClasses';
 import { styled } from '@mui/material/styles';
 import { getDataGridUtilityClass, gridClasses, GridColumnHeaderTitle } from '@mui/x-data-grid';
 import { vars } from '@mui/x-data-grid/internals';
-import { getAggregationFunctionLabel } from "../hooks/features/aggregation/gridAggregationUtils.js";
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
+import { getAggregationFunctionLabel } from "../hooks/features/aggregation/gridAggregationUtils.mjs";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const GridAggregationHeaderRoot = styled('div', {
   name: 'MuiDataGrid',

package/{esm/components/GridAggregationRowOverlay.js → components/GridAggregationRowOverlay.mjs}

@@ -6,8 +6,8 @@ import { forwardRef } from '@mui/x-internals/forwardRef';
 import composeClasses from '@mui/utils/composeClasses';
 import { getDataGridUtilityClass, useGridRootProps } from '@mui/x-data-grid-pro';
 import { GridSkeletonLoadingOverlayInner, useGridSelector } from '@mui/x-data-grid-pro/internals';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { gridAggregationModelSelector } from "../hooks/features/aggregation/gridAggregationSelectors.js";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";
+import { gridAggregationModelSelector } from "../hooks/features/aggregation/gridAggregationSelectors.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/{esm/components/GridBottomContainer.js → components/GridBottomContainer.mjs}

@@ -6,10 +6,10 @@ import clsx from 'clsx';
 import { styled } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { gridClasses, getDataGridUtilityClass, useGridSelector, gridRowsLoadingSelector, gridRowTreeSelector, GRID_ROOT_GROUP_ID } from '@mui/x-data-grid-pro';
-import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
-import { GridAggregationRowOverlay } from "./GridAggregationRowOverlay.js";
-import { useGridRootProps } from "../typeOverloads/reexports.js";
-import { gridAggregationModelSelector } from "../hooks/index.js";
+import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.mjs";
+import { GridAggregationRowOverlay } from "./GridAggregationRowOverlay.mjs";
+import { useGridRootProps } from "../typeOverloads/reexports.mjs";
+import { gridAggregationModelSelector } from "../hooks/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = () => {
   const slots = {

package/{esm/components/GridDataSourceGroupingCriteriaCell.js → components/GridDataSourceGroupingCriteriaCell.mjs}

@@ -3,9 +3,9 @@ import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
 import { useGridPrivateApiContext, gridDataSourceErrorSelector, gridDataSourceLoadingIdSelector, gridRowSelector, vars, gridPivotActiveSelector } from '@mui/x-data-grid-pro/internals';
 import { useGridSelector, getDataGridUtilityClass } from '@mui/x-data-grid-pro';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { gridRowGroupingModelSelector } from "../hooks/features/rowGrouping/gridRowGroupingSelector.js";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
+import { gridRowGroupingModelSelector } from "../hooks/features/rowGrouping/gridRowGroupingSelector.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/{esm/components/GridEmptyPivotOverlay.js → components/GridEmptyPivotOverlay.mjs}

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { GridOverlay } from '@mui/x-data-grid';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const GridEmptyPivotOverlay = forwardRef(function GridEmptyPivotOverlay(props, ref) {
   const apiRef = useGridApiContext();

package/{esm/components/GridExcelExportMenuItem.d.ts → components/GridExcelExportMenuItem.d.mts}

@@ -1,5 +1,5 @@
 import type { GridExportMenuItemProps } from '@mui/x-data-grid-pro';
-import type { GridExcelExportOptions } from "../hooks/features/export/index.js";
+import type { GridExcelExportOptions } from "../hooks/features/export/index.mjs";
 export type GridExcelExportMenuItemProps = GridExportMenuItemProps<GridExcelExportOptions>;
 declare function GridExcelExportMenuItem(props: GridExcelExportMenuItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridExcelExportMenuItem {

package/{esm/components/GridExcelExportMenuItem.js → components/GridExcelExportMenuItem.mjs}

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["hideMenu", "options"];
 import PropTypes from 'prop-types';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 function GridExcelExportMenuItem(props) {
   const apiRef = useGridApiContext();

package/{esm/components/GridGroupingColumnFooterCell.js → components/GridGroupingColumnFooterCell.mjs}

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { vars, GridFooterCell } from '@mui/x-data-grid-pro/internals';
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 function GridGroupingColumnFooterCell(props) {
   const rootProps = useGridRootProps();

package/{esm/components/GridGroupingColumnLeafCell.js → components/GridGroupingColumnLeafCell.mjs}

@@ -1,5 +1,5 @@
 import { vars } from '@mui/x-data-grid/internals';
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 function GridGroupingColumnLeafCell(props) {
   const {

package/{esm/components/GridGroupingCriteriaCell.js → components/GridGroupingCriteriaCell.mjs}

@@ -3,9 +3,9 @@ import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
 import { vars } from '@mui/x-data-grid/internals';
 import { useGridSelector, gridFilteredDescendantCountLookupSelector, getDataGridUtilityClass, gridRowMaximumTreeDepthSelector } from '@mui/x-data-grid-pro';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { gridPivotActiveSelector } from "../hooks/features/pivoting/gridPivotingSelectors.js";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
+import { gridPivotActiveSelector } from "../hooks/features/pivoting/gridPivotingSelectors.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {