@mui/x-data-grid 9.10.1 → 9.12.0

package/locales/ptPT.js

@@ -47,6 +47,11 @@ const ptPTGrid = {
   toolbarCharts: 'Gráficos',
   // Toolbar AI Assistant button
   toolbarAssistant: 'Assistente de IA',
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'Procurar',
   columnsManagementNoColumns: 'Sem colunas',

package/locales/ptPT.mjs

@@ -41,6 +41,11 @@ const ptPTGrid = {
   toolbarCharts: 'Gráficos',
   // Toolbar AI Assistant button
   toolbarAssistant: 'Assistente de IA',
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'Procurar',
   columnsManagementNoColumns: 'Sem colunas',

package/locales/roRO.js

@@ -50,6 +50,11 @@ const roROGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'Caută',
   columnsManagementNoColumns: 'Nicio coloană',

package/locales/roRO.mjs

@@ -44,6 +44,11 @@ const roROGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'Caută',
   columnsManagementNoColumns: 'Nicio coloană',

package/locales/ruRU.js

@@ -65,6 +65,11 @@ const ruRUGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'Поиск',
   columnsManagementNoColumns: 'Нет столбцов',

package/locales/ruRU.mjs

@@ -59,6 +59,11 @@ const ruRUGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'Поиск',
   columnsManagementNoColumns: 'Нет столбцов',

package/locales/skSK.js

@@ -59,6 +59,11 @@ const skSKGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'Vyhľadať',
   columnsManagementNoColumns: 'Žiadne stĺpce',

package/locales/skSK.mjs

@@ -53,6 +53,11 @@ const skSKGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'Vyhľadať',
   columnsManagementNoColumns: 'Žiadne stĺpce',

package/locales/svSE.js

@@ -46,6 +46,11 @@ const svSEGrid = {
   toolbarCharts: 'Diagram',
   // Toolbar AI Assistant button
   toolbarAssistant: 'AI assistent',
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'Sök',
   columnsManagementNoColumns: 'Inga kolumner',

package/locales/svSE.mjs

@@ -40,6 +40,11 @@ const svSEGrid = {
   toolbarCharts: 'Diagram',
   // Toolbar AI Assistant button
   toolbarAssistant: 'AI assistent',
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'Sök',
   columnsManagementNoColumns: 'Inga kolumner',

package/locales/thTH.js

@@ -47,6 +47,11 @@ const thTHGrid = {
   toolbarCharts: 'แผนภูมิ',
   // Toolbar AI Assistant button
   toolbarAssistant: 'ผู้ช่วย AI',
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'ค้นหา',
   columnsManagementNoColumns: 'ไม่มีคอลัมน์',

package/locales/thTH.mjs

@@ -41,6 +41,11 @@ const thTHGrid = {
   toolbarCharts: 'แผนภูมิ',
   // Toolbar AI Assistant button
   toolbarAssistant: 'ผู้ช่วย AI',
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'ค้นหา',
   columnsManagementNoColumns: 'ไม่มีคอลัมน์',

package/locales/trTR.js

@@ -50,6 +50,11 @@ const trTRGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'Arama',
   columnsManagementNoColumns: 'Kolon yok',

package/locales/trTR.mjs

@@ -44,6 +44,11 @@ const trTRGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'Arama',
   columnsManagementNoColumns: 'Kolon yok',

package/locales/ukUA.js

@@ -65,6 +65,11 @@ const ukUAGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'Пошук',
   columnsManagementNoColumns: 'Немає стовпців',

package/locales/ukUA.mjs

@@ -59,6 +59,11 @@ const ukUAGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'Пошук',
   columnsManagementNoColumns: 'Немає стовпців',

package/locales/urPK.js

@@ -50,6 +50,11 @@ const urPKGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'تلاش',
   columnsManagementNoColumns: 'کوئی کالم نہیں',

package/locales/urPK.mjs

@@ -44,6 +44,11 @@ const urPKGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'تلاش',
   columnsManagementNoColumns: 'کوئی کالم نہیں',

package/locales/viVN.js

@@ -50,6 +50,11 @@ const viVNGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'Tìm kiếm',
   columnsManagementNoColumns: 'Không có cột',

package/locales/viVN.mjs

@@ -44,6 +44,11 @@ const viVNGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: 'Tìm kiếm',
   columnsManagementNoColumns: 'Không có cột',

package/locales/zhCN.js

@@ -51,6 +51,11 @@ const zhCNGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: '搜索',
   columnsManagementNoColumns: '没有列',

package/locales/zhCN.mjs

@@ -45,6 +45,11 @@ const zhCNGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: '搜索',
   columnsManagementNoColumns: '没有列',

package/locales/zhHK.js

@@ -51,6 +51,11 @@ const zhHKGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: '搜尋',
   columnsManagementNoColumns: '沒有列',

package/locales/zhHK.mjs

@@ -45,6 +45,11 @@ const zhHKGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: '搜尋',
   columnsManagementNoColumns: '沒有列',

package/locales/zhTW.js

@@ -51,6 +51,11 @@ const zhTWGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: '搜尋',
   columnsManagementNoColumns: '沒有欄位',

package/locales/zhTW.mjs

@@ -45,6 +45,11 @@ const zhTWGrid = {
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
 
+  // Formula bar (Premium formulas)
+  // formulaBarLabel: 'Formula bar',
+  // formulaBarInputLabel: 'Formula',
+  // formulaBarAddressLabel: 'Active cell',
+
   // Columns management text
   columnsManagementSearchTitle: '搜尋',
   columnsManagementNoColumns: '沒有欄位',

package/models/api/gridApiCommon.d.mts

@@ -11,7 +11,7 @@ import type { GridLocaleTextApi } from "./gridLocaleTextApi.mjs";
 import type { GridParamsApi, GridParamsPrivateApi } from "./gridParamsApi.mjs";
 import type { GridPreferencesPanelApi } from "./gridPreferencesPanelApi.mjs";
 import type { GridPrintExportApi } from "./gridPrintExportApi.mjs";
-import type { GridRowApi, GridRowProPrivateApi } from "./gridRowApi.mjs";
+import type { GridRowApi, GridRowProPrivateApi, GridRowSpanningPrivateApi } from "./gridRowApi.mjs";
 import type { GridRowsMetaApi, GridRowsMetaPrivateApi } from "./gridRowsMetaApi.mjs";
 import type { GridRowSelectionApi } from "./gridRowSelectionApi.mjs";
 import type { GridSortApi } from "./gridSortApi.mjs";
@@ -32,7 +32,7 @@ import type { DataGridProcessedProps } from "../props/DataGridProps.mjs";
 import type { GridColumnResizeApi } from "../../hooks/features/columnResize/index.mjs";
 import type { GridPivotingPrivateApiCommunity } from "../../hooks/features/pivoting/gridPivotingInterfaces.mjs";
 export interface GridApiCommon<GridState extends GridStateCommunity = GridStateCommunity, GridInitialState extends GridInitialStateCommunity = GridInitialStateCommunity> extends GridCoreApi, GridPipeProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditingApi, GridParamsApi, GridColumnApi, GridRowSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridVirtualizationApi, GridLocaleTextApi, GridScrollApi, GridColumnSpanningApi, GridStateApi<GridState>, GridStatePersistenceApi<GridInitialState>, GridColumnGroupingApi, GridHeaderFilteringApi, GridColumnResizeApi {}
-export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon, Props extends DataGridProcessedProps> extends GridCorePrivateApi<Api, PrivateApi, Props>, GridStatePrivateApi<Api['state']>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi, GridVirtualizationPrivateApi, GridRowProPrivateApi, GridParamsPrivateApi, GridPivotingPrivateApiCommunity {
+export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon, Props extends DataGridProcessedProps> extends GridCorePrivateApi<Api, PrivateApi, Props>, GridStatePrivateApi<Api['state'], Api>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi, GridVirtualizationPrivateApi, GridRowProPrivateApi, GridRowSpanningPrivateApi, GridParamsPrivateApi, GridPivotingPrivateApiCommunity {
   virtualizer: Virtualizer;
 }
 export interface GridPrivateApiCommon extends GridApiCommon, GridPrivateOnlyApiCommon<GridApiCommon, GridPrivateApiCommon, DataGridProcessedProps> {}

package/models/api/gridApiCommon.d.ts

@@ -11,7 +11,7 @@ import type { GridLocaleTextApi } from "./gridLocaleTextApi.js";
 import type { GridParamsApi, GridParamsPrivateApi } from "./gridParamsApi.js";
 import type { GridPreferencesPanelApi } from "./gridPreferencesPanelApi.js";
 import type { GridPrintExportApi } from "./gridPrintExportApi.js";
-import type { GridRowApi, GridRowProPrivateApi } from "./gridRowApi.js";
+import type { GridRowApi, GridRowProPrivateApi, GridRowSpanningPrivateApi } from "./gridRowApi.js";
 import type { GridRowsMetaApi, GridRowsMetaPrivateApi } from "./gridRowsMetaApi.js";
 import type { GridRowSelectionApi } from "./gridRowSelectionApi.js";
 import type { GridSortApi } from "./gridSortApi.js";
@@ -32,7 +32,7 @@ import type { DataGridProcessedProps } from "../props/DataGridProps.js";
 import type { GridColumnResizeApi } from "../../hooks/features/columnResize/index.js";
 import type { GridPivotingPrivateApiCommunity } from "../../hooks/features/pivoting/gridPivotingInterfaces.js";
 export interface GridApiCommon<GridState extends GridStateCommunity = GridStateCommunity, GridInitialState extends GridInitialStateCommunity = GridInitialStateCommunity> extends GridCoreApi, GridPipeProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditingApi, GridParamsApi, GridColumnApi, GridRowSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridVirtualizationApi, GridLocaleTextApi, GridScrollApi, GridColumnSpanningApi, GridStateApi<GridState>, GridStatePersistenceApi<GridInitialState>, GridColumnGroupingApi, GridHeaderFilteringApi, GridColumnResizeApi {}
-export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon, Props extends DataGridProcessedProps> extends GridCorePrivateApi<Api, PrivateApi, Props>, GridStatePrivateApi<Api['state']>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi, GridVirtualizationPrivateApi, GridRowProPrivateApi, GridParamsPrivateApi, GridPivotingPrivateApiCommunity {
+export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon, Props extends DataGridProcessedProps> extends GridCorePrivateApi<Api, PrivateApi, Props>, GridStatePrivateApi<Api['state'], Api>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi, GridVirtualizationPrivateApi, GridRowProPrivateApi, GridRowSpanningPrivateApi, GridParamsPrivateApi, GridPivotingPrivateApiCommunity {
   virtualizer: Virtualizer;
 }
 export interface GridPrivateApiCommon extends GridApiCommon, GridPrivateOnlyApiCommon<GridApiCommon, GridPrivateApiCommon, DataGridProcessedProps> {}

package/models/api/gridCallbackDetails.d.mts

@@ -1,9 +1,10 @@
+import type { RefObject } from '@mui/x-internals/types';
 import type { GridControlledStateReasonLookup } from "../events/gridEventLookup.mjs";
 import type { GridApiCommon } from "./gridApiCommon.mjs";
 /**
  * Additional details passed to the callbacks
  */
-export interface GridCallbackDetails<K extends keyof GridControlledStateReasonLookup = any> {
+export interface GridCallbackDetails<K extends keyof GridControlledStateReasonLookup = any, Api extends GridApiCommon = GridApiCommon> {
   /**
    * The reason for this callback to have been called.
    */
@@ -12,4 +13,13 @@ export interface GridCallbackDetails<K extends keyof GridControlledStateReasonLo
    * GridApi that let you manipulate the grid.
    */
   api: GridApiCommon;
+  /**
+   * A ref to the GridApi that let you manipulate the grid.
+   * Can be used to call selectors without a separate `useGridApiRef`.
+   * @example
+   * onRowSelectionModelChange={(model, details) => {
+   *   const rows = gridRowSelectionIdsSelector(details.apiRef);
+   * }}
+   */
+  apiRef: Readonly<RefObject<Api>>;
 }

package/models/api/gridCallbackDetails.d.ts

@@ -1,9 +1,10 @@
+import type { RefObject } from '@mui/x-internals/types';
 import type { GridControlledStateReasonLookup } from "../events/gridEventLookup.js";
 import type { GridApiCommon } from "./gridApiCommon.js";
 /**
  * Additional details passed to the callbacks
  */
-export interface GridCallbackDetails<K extends keyof GridControlledStateReasonLookup = any> {
+export interface GridCallbackDetails<K extends keyof GridControlledStateReasonLookup = any, Api extends GridApiCommon = GridApiCommon> {
   /**
    * The reason for this callback to have been called.
    */
@@ -12,4 +13,13 @@ export interface GridCallbackDetails<K extends keyof GridControlledStateReasonLo
    * GridApi that let you manipulate the grid.
    */
   api: GridApiCommon;
+  /**
+   * A ref to the GridApi that let you manipulate the grid.
+   * Can be used to call selectors without a separate `useGridApiRef`.
+   * @example
+   * onRowSelectionModelChange={(model, details) => {
+   *   const rows = gridRowSelectionIdsSelector(details.apiRef);
+   * }}
+   */
+  apiRef: Readonly<RefObject<Api>>;
 }

package/models/api/gridLocaleTextApi.d.mts

@@ -34,6 +34,9 @@ export interface GridLocaleText {
   toolbarPivot: string;
   toolbarCharts: string;
   toolbarAssistant: React.ReactNode;
+  formulaBarLabel: string;
+  formulaBarInputLabel: string;
+  formulaBarAddressLabel: string;
   columnsManagementSearchTitle: string;
   columnsManagementNoColumns: string;
   columnsManagementShowHideAllText: string;

package/models/api/gridLocaleTextApi.d.ts

@@ -34,6 +34,9 @@ export interface GridLocaleText {
   toolbarPivot: string;
   toolbarCharts: string;
   toolbarAssistant: React.ReactNode;
+  formulaBarLabel: string;
+  formulaBarInputLabel: string;
+  formulaBarAddressLabel: string;
   columnsManagementSearchTitle: string;
   columnsManagementNoColumns: string;
   columnsManagementShowHideAllText: string;

package/models/api/gridRowApi.d.mts

@@ -144,4 +144,16 @@ export interface GridRowProPrivateApi {
    * @param {string[]} nestedLevel The nested level of the rows to update, it represents the path to the row in the tree based on `node.groupingKey`.
    */
   updateNestedRows: (updates: GridRowModelUpdate[], nestedLevel?: string[]) => void;
+}
+export interface GridRowSpanningPrivateApi {
+  /**
+   * Recomputes the row spanning state from scratch.
+   * Row spanning recomputes on its own after row, sort, filter, pagination,
+   * and column updates. Features that change the values cells resolve to
+   * without emitting any of those events (for example a formula evaluation
+   * pass, whose value overlay changes evaluated results in place) call this
+   * method to keep the spans in sync. No-op when the `rowSpanning` prop is
+   * not enabled.
+   */
+  resetRowSpanningState: () => void;
 }

package/models/api/gridRowApi.d.ts

@@ -144,4 +144,16 @@ export interface GridRowProPrivateApi {
    * @param {string[]} nestedLevel The nested level of the rows to update, it represents the path to the row in the tree based on `node.groupingKey`.
    */
   updateNestedRows: (updates: GridRowModelUpdate[], nestedLevel?: string[]) => void;
+}
+export interface GridRowSpanningPrivateApi {
+  /**
+   * Recomputes the row spanning state from scratch.
+   * Row spanning recomputes on its own after row, sort, filter, pagination,
+   * and column updates. Features that change the values cells resolve to
+   * without emitting any of those events (for example a formula evaluation
+   * pass, whose value overlay changes evaluated results in place) call this
+   * method to keep the spans in sync. No-op when the `rowSpanning` prop is
+   * not enabled.
+   */
+  resetRowSpanningState: () => void;
 }

package/models/api/gridStateApi.d.mts

@@ -1,6 +1,7 @@
 import type { GridStateCommunity } from "../gridStateCommunity.mjs";
 import type { GridControlledStateEventLookup, GridControlledStateReasonLookup } from "../events/index.mjs";
 import type { GridControlStateItem } from "../controlStateItem.mjs";
+import type { GridApiCommon } from "./gridApiCommon.mjs";
 export interface GridStateApi<State extends GridStateCommunity> {
   /**
    * Property that contains the whole state of the grid.
@@ -15,7 +16,7 @@ export interface GridStateApi<State extends GridStateCommunity> {
    */
   setState: <S extends State, K extends keyof GridControlledStateReasonLookup>(state: S | ((previousState: S) => S), reason?: GridControlledStateReasonLookup[K]) => boolean;
 }
-export interface GridStatePrivateApi<State extends GridStateCommunity> {
+export interface GridStatePrivateApi<State extends GridStateCommunity, Api extends GridApiCommon = GridApiCommon> {
   /**
    * Updates a single sub-state.
    * Publishes the `xxxChange` event and calls the `onXXXChange` prop.
@@ -29,5 +30,5 @@ export interface GridStatePrivateApi<State extends GridStateCommunity> {
    * Updates a control state that binds the model, the onChange prop, and the grid state together.
    * @param {GridControlStateItem>} controlState The [[GridControlStateItem]] to be registered.
    */
-  registerControlState: <E extends keyof GridControlledStateEventLookup, Args>(controlState: GridControlStateItem<State, Args, E>) => void;
+  registerControlState: <E extends keyof GridControlledStateEventLookup, Args>(controlState: GridControlStateItem<State, Args, E, Api>) => void;
 }

package/models/api/gridStateApi.d.ts

@@ -1,6 +1,7 @@
 import type { GridStateCommunity } from "../gridStateCommunity.js";
 import type { GridControlledStateEventLookup, GridControlledStateReasonLookup } from "../events/index.js";
 import type { GridControlStateItem } from "../controlStateItem.js";
+import type { GridApiCommon } from "./gridApiCommon.js";
 export interface GridStateApi<State extends GridStateCommunity> {
   /**
    * Property that contains the whole state of the grid.
@@ -15,7 +16,7 @@ export interface GridStateApi<State extends GridStateCommunity> {
    */
   setState: <S extends State, K extends keyof GridControlledStateReasonLookup>(state: S | ((previousState: S) => S), reason?: GridControlledStateReasonLookup[K]) => boolean;
 }
-export interface GridStatePrivateApi<State extends GridStateCommunity> {
+export interface GridStatePrivateApi<State extends GridStateCommunity, Api extends GridApiCommon = GridApiCommon> {
   /**
    * Updates a single sub-state.
    * Publishes the `xxxChange` event and calls the `onXXXChange` prop.
@@ -29,5 +30,5 @@ export interface GridStatePrivateApi<State extends GridStateCommunity> {
    * Updates a control state that binds the model, the onChange prop, and the grid state together.
    * @param {GridControlStateItem>} controlState The [[GridControlStateItem]] to be registered.
    */
-  registerControlState: <E extends keyof GridControlledStateEventLookup, Args>(controlState: GridControlStateItem<State, Args, E>) => void;
+  registerControlState: <E extends keyof GridControlledStateEventLookup, Args>(controlState: GridControlStateItem<State, Args, E, Api>) => void;
 }

package/models/api/index.d.mts

@@ -3,7 +3,7 @@ export type { GridParamsApi } from "./gridParamsApi.mjs";
 export type { GridCoreApi } from "./gridCoreApi.mjs";
 export * from "./gridColumnApi.mjs";
 export * from "./gridDensityApi.mjs";
-export type { GridRowGroupChildrenGetterParams, GridRowApi, GridRowProApi, GridRowProPrivateApi } from "./gridRowApi.mjs";
+export type { GridRowGroupChildrenGetterParams, GridRowApi, GridRowProApi, GridRowProPrivateApi, GridRowSpanningPrivateApi } from "./gridRowApi.mjs";
 export type { GridRowsMetaApi } from "./gridRowsMetaApi.mjs";
 export * from "./gridRowSelectionApi.mjs";
 export * from "./gridSortApi.mjs";

package/models/api/index.d.ts

@@ -3,7 +3,7 @@ export type { GridParamsApi } from "./gridParamsApi.js";
 export type { GridCoreApi } from "./gridCoreApi.js";
 export * from "./gridColumnApi.js";
 export * from "./gridDensityApi.js";
-export type { GridRowGroupChildrenGetterParams, GridRowApi, GridRowProApi, GridRowProPrivateApi } from "./gridRowApi.js";
+export type { GridRowGroupChildrenGetterParams, GridRowApi, GridRowProApi, GridRowProPrivateApi, GridRowSpanningPrivateApi } from "./gridRowApi.js";
 export type { GridRowsMetaApi } from "./gridRowsMetaApi.js";
 export * from "./gridRowSelectionApi.js";
 export * from "./gridSortApi.js";

package/models/colDef/gridColDef.d.mts

@@ -44,6 +44,11 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
    * The title displayed in the column header cell.
    */
   headerName?: string;
+  /**
+   * If `true`, the cells in this column identify their respective rows and receive the `rowheader` ARIA role.
+   * @default false
+   */
+  rowHeader?: boolean;
   /**
    * The tooltip text shown when the column header name is truncated.
    */

package/models/colDef/gridColDef.d.ts

@@ -44,6 +44,11 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
    * The title displayed in the column header cell.
    */
   headerName?: string;
+  /**
+   * If `true`, the cells in this column identify their respective rows and receive the `rowheader` ARIA role.
+   * @default false
+   */
+  rowHeader?: boolean;
   /**
    * The tooltip text shown when the column header name is truncated.
    */

package/models/configuration/gridConfiguration.d.mts

@@ -10,7 +10,19 @@ import type { GridParamsOverridableMethodsInternalHook } from "./gridParamsConfi
 export interface GridAriaAttributesInternalHook {
   useGridAriaAttributes: () => React.HTMLAttributes<HTMLElement>;
 }
-export interface GridInternalHook<Api, Props> extends GridAriaAttributesInternalHook, GridRowAriaAttributesInternalHook, GridCellEditableInternalHook<Api, Props>, GridAggregationInternalHooks<Api, Props>, GridRowsOverridableMethodsInternalHook<Api, Props>, GridParamsOverridableMethodsInternalHook<Api> {
+export interface GridColumnHeaderAdornmentInternalHook {
+  /**
+   * Returns an optional adornment rendered inside a column header's title
+   * content, at the start, before the title label. Placing it inside the
+   * (non-reversed) title content keeps it on the same side of the title for
+   * both left- and right-aligned headers. Called once per rendered header
+   * cell, so the implementation may use hooks.
+   * @param {string} field The column field.
+   * @returns {React.ReactNode} The adornment node, or `null` for none.
+   */
+  useColumnHeaderAdornment: (field: string) => React.ReactNode;
+}
+export interface GridInternalHook<Api, Props> extends GridAriaAttributesInternalHook, GridRowAriaAttributesInternalHook, GridCellEditableInternalHook<Api, Props>, GridAggregationInternalHooks<Api, Props>, GridColumnHeaderAdornmentInternalHook, GridRowsOverridableMethodsInternalHook<Api, Props>, GridParamsOverridableMethodsInternalHook<Api> {
   useCSSVariables: () => {
     id: string;
     variables: GridCSSVariablesInterface;

package/models/configuration/gridConfiguration.d.ts

@@ -10,7 +10,19 @@ import type { GridParamsOverridableMethodsInternalHook } from "./gridParamsConfi
 export interface GridAriaAttributesInternalHook {
   useGridAriaAttributes: () => React.HTMLAttributes<HTMLElement>;
 }
-export interface GridInternalHook<Api, Props> extends GridAriaAttributesInternalHook, GridRowAriaAttributesInternalHook, GridCellEditableInternalHook<Api, Props>, GridAggregationInternalHooks<Api, Props>, GridRowsOverridableMethodsInternalHook<Api, Props>, GridParamsOverridableMethodsInternalHook<Api> {
+export interface GridColumnHeaderAdornmentInternalHook {
+  /**
+   * Returns an optional adornment rendered inside a column header's title
+   * content, at the start, before the title label. Placing it inside the
+   * (non-reversed) title content keeps it on the same side of the title for
+   * both left- and right-aligned headers. Called once per rendered header
+   * cell, so the implementation may use hooks.
+   * @param {string} field The column field.
+   * @returns {React.ReactNode} The adornment node, or `null` for none.
+   */
+  useColumnHeaderAdornment: (field: string) => React.ReactNode;
+}
+export interface GridInternalHook<Api, Props> extends GridAriaAttributesInternalHook, GridRowAriaAttributesInternalHook, GridCellEditableInternalHook<Api, Props>, GridAggregationInternalHooks<Api, Props>, GridColumnHeaderAdornmentInternalHook, GridRowsOverridableMethodsInternalHook<Api, Props>, GridParamsOverridableMethodsInternalHook<Api> {
   useCSSVariables: () => {
     id: string;
     variables: GridCSSVariablesInterface;