@mui/x-data-grid 5.8.0 → 5.9.0

package/legacy/locales/huHU.js

@@ -0,0 +1,120 @@
+import { huHU as huHUCore } from '@mui/material/locale';
+import { getGridLocalization } from '../utils/getGridLocalization';
+var huHUGrid = {
+  // Root
+  noRowsLabel: 'Nincsenek sorok',
+  noResultsOverlayLabel: 'Nincs találat.',
+  errorOverlayDefaultLabel: 'Váratlan hiba történt.',
+  // Density selector toolbar button text
+  toolbarDensity: 'Sormagasság',
+  toolbarDensityLabel: 'Sormagasság',
+  toolbarDensityCompact: 'Kompakt',
+  toolbarDensityStandard: 'Normál',
+  toolbarDensityComfortable: 'Kényelmes',
+  // Columns selector toolbar button text
+  toolbarColumns: 'Oszlopok',
+  toolbarColumnsLabel: 'Oszlopok kiválasztása',
+  // Filters toolbar button text
+  toolbarFilters: 'Szűrők',
+  toolbarFiltersLabel: 'Szűrők megjelenítése',
+  toolbarFiltersTooltipHide: 'Szűrők elrejtése',
+  toolbarFiltersTooltipShow: 'Szűrők megjelenítése',
+  toolbarFiltersTooltipActive: function toolbarFiltersTooltipActive(count) {
+    return "".concat(count, " akt\xEDv sz\u0171r\u0151");
+  },
+  // Export selector toolbar button text
+  toolbarExport: 'Exportálás',
+  toolbarExportLabel: 'Exportálás',
+  toolbarExportCSV: 'Mentés CSV fájlként',
+  toolbarExportPrint: 'Nyomtatás',
+  // Columns panel text
+  columnsPanelTextFieldLabel: 'Oszlop keresése',
+  columnsPanelTextFieldPlaceholder: 'Oszlop neve',
+  columnsPanelDragIconLabel: 'Oszlop átrendezése',
+  columnsPanelShowAllButton: 'Összes megjelenítése',
+  columnsPanelHideAllButton: 'Összes elrejtése',
+  // Filter panel text
+  filterPanelAddFilter: 'Szűrő hozzáadása',
+  filterPanelDeleteIconLabel: 'Törlés',
+  filterPanelLinkOperator: 'Logikai operátor',
+  filterPanelOperators: 'Operátorok',
+  // TODO v6: rename to filterPanelOperator
+  filterPanelOperatorAnd: 'És',
+  filterPanelOperatorOr: 'Vagy',
+  filterPanelColumns: 'Oszlopok',
+  filterPanelInputLabel: 'Érték',
+  filterPanelInputPlaceholder: 'Érték szűrése',
+  // Filter operators text
+  filterOperatorContains: 'tartalmazza:',
+  filterOperatorEquals: 'egyenlő ezzel:',
+  filterOperatorStartsWith: 'ezzel kezdődik:',
+  filterOperatorEndsWith: 'ezzel végződik:',
+  filterOperatorIs: 'a következő:',
+  filterOperatorNot: 'nem a következő:',
+  filterOperatorAfter: 'ezutáni:',
+  filterOperatorOnOrAfter: 'ekkori vagy ezutáni:',
+  filterOperatorBefore: 'ezelőtti:',
+  filterOperatorOnOrBefore: 'ekkori vagy ezelőtti:',
+  filterOperatorIsEmpty: 'üres',
+  filterOperatorIsNotEmpty: 'nem üres',
+  filterOperatorIsAnyOf: 'a következők egyike:',
+  // Filter values text
+  filterValueAny: 'bármilyen',
+  filterValueTrue: 'igaz',
+  filterValueFalse: 'hamis',
+  // Column menu text
+  columnMenuLabel: 'Menü',
+  columnMenuShowColumns: 'Oszlopok megjelenítése',
+  columnMenuFilter: 'Szűrők',
+  columnMenuHideColumn: 'Elrejtés',
+  columnMenuUnsort: 'Sorrend visszaállítása',
+  columnMenuSortAsc: 'Növekvő sorrendbe',
+  columnMenuSortDesc: 'Csökkenő sorrendbe',
+  // Column header text
+  columnHeaderFiltersTooltipActive: function columnHeaderFiltersTooltipActive(count) {
+    return "".concat(count, " akt\xEDv sz\u0171r\u0151");
+  },
+  columnHeaderFiltersLabel: 'Szűrők megjelenítése',
+  columnHeaderSortIconLabel: 'Átrendezés',
+  // Rows selected footer text
+  footerRowSelected: function footerRowSelected(count) {
+    return "".concat(count.toLocaleString(), " sor kiv\xE1lasztva");
+  },
+  // Total row amount footer text
+  footerTotalRows: 'Összesen:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: function footerTotalVisibleRows(visibleCount, totalCount) {
+    return "".concat(visibleCount.toLocaleString(), " (\xF6sszesen: ").concat(totalCount.toLocaleString(), ")");
+  },
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'Jelölőnégyzetes kijelölés',
+  checkboxSelectionSelectAllRows: 'Minden sor kijelölése',
+  checkboxSelectionUnselectAllRows: 'Minden sor kijelölésének törlése',
+  checkboxSelectionSelectRow: 'Sor kijelölése',
+  checkboxSelectionUnselectRow: 'Sor kijelölésének törlése',
+  // Boolean cell text
+  booleanCellTrueLabel: 'igen',
+  booleanCellFalseLabel: 'nem',
+  // Actions cell more text
+  actionsCellMore: 'további',
+  // Column pinning text
+  pinToLeft: 'Rögzítés balra',
+  pinToRight: 'Rögzítés jobbra',
+  unpin: 'Rögzítés törlése',
+  // Tree Data
+  treeDataGroupingHeaderName: 'Csoport',
+  treeDataExpand: 'gyermekek megjelenítése',
+  treeDataCollapse: 'gyermekek elrejtése',
+  // Grouping columns
+  groupingColumnHeaderName: 'Csoportosítás',
+  groupColumn: function groupColumn(name) {
+    return "Csoportos\xEDt\xE1s ".concat(name, " szerint");
+  },
+  unGroupColumn: function unGroupColumn(name) {
+    return "".concat(name, " szerinti csoportos\xEDt\xE1s t\xF6rl\xE9se");
+  },
+  // Master/detail
+  expandDetailPanel: 'Kibontás',
+  collapseDetailPanel: 'Összecsukás'
+};
+export var huHU = getGridLocalization(huHUGrid, huHUCore);

package/legacy/locales/index.js

@@ -11,6 +11,7 @@ export * from './faIR';
 export * from './fiFI';
 export * from './frFR';
 export * from './heIL';
+export * from './huHU';
 export * from './itIT';
 export * from './jaJP';
 export * from './koKR';

package/legacy/models/api/gridColumnSpanning.js

@@ -0,0 +1 @@
+export {};

package/legacy/models/events/gridEvents.js

@@ -59,12 +59,11 @@ var GridEvents;
   GridEvents["columnOrderChange"] = "columnOrderChange";
   GridEvents["rowsSet"] = "rowsSet";
   GridEvents["rowExpansionChange"] = "rowExpansionChange";
-  GridEvents["visibleRowsSet"] = "visibleRowsSet";
+  GridEvents["sortedRowsSet"] = "sortedRowsSet";
+  GridEvents["filteredRowsSet"] = "filteredRowsSet";
   GridEvents["columnsChange"] = "columnsChange";
   GridEvents["detailPanelsExpandedRowIdsChange"] = "detailPanelsExpandedRowIdsChange";
   GridEvents["pinnedColumnsChange"] = "pinnedColumnsChange";
-  GridEvents["pipeProcessorRegister"] = "pipeProcessorRegister";
-  GridEvents["pipeProcessorUnregister"] = "pipeProcessorUnregister";
   GridEvents["activeStrategyProcessorChange"] = "activeStrategyProcessorChange";
   GridEvents["strategyAvailabilityChange"] = "strategyAvailabilityChange";
   GridEvents["sortModelChange"] = "sortModelChange";

package/legacy/models/gridColumnSpanning.js

@@ -0,0 +1 @@
+export {};

package/locales/huHU.d.ts

@@ -0,0 +1,2 @@
+import { Localization } from '../utils/getGridLocalization';
+export declare const huHU: Localization;

package/locales/huHU.js

@@ -0,0 +1,108 @@
+import { huHU as huHUCore } from '@mui/material/locale';
+import { getGridLocalization } from '../utils/getGridLocalization';
+const huHUGrid = {
+  // Root
+  noRowsLabel: 'Nincsenek sorok',
+  noResultsOverlayLabel: 'Nincs találat.',
+  errorOverlayDefaultLabel: 'Váratlan hiba történt.',
+  // Density selector toolbar button text
+  toolbarDensity: 'Sormagasság',
+  toolbarDensityLabel: 'Sormagasság',
+  toolbarDensityCompact: 'Kompakt',
+  toolbarDensityStandard: 'Normál',
+  toolbarDensityComfortable: 'Kényelmes',
+  // Columns selector toolbar button text
+  toolbarColumns: 'Oszlopok',
+  toolbarColumnsLabel: 'Oszlopok kiválasztása',
+  // Filters toolbar button text
+  toolbarFilters: 'Szűrők',
+  toolbarFiltersLabel: 'Szűrők megjelenítése',
+  toolbarFiltersTooltipHide: 'Szűrők elrejtése',
+  toolbarFiltersTooltipShow: 'Szűrők megjelenítése',
+  toolbarFiltersTooltipActive: count => `${count} aktív szűrő`,
+  // Export selector toolbar button text
+  toolbarExport: 'Exportálás',
+  toolbarExportLabel: 'Exportálás',
+  toolbarExportCSV: 'Mentés CSV fájlként',
+  toolbarExportPrint: 'Nyomtatás',
+  // Columns panel text
+  columnsPanelTextFieldLabel: 'Oszlop keresése',
+  columnsPanelTextFieldPlaceholder: 'Oszlop neve',
+  columnsPanelDragIconLabel: 'Oszlop átrendezése',
+  columnsPanelShowAllButton: 'Összes megjelenítése',
+  columnsPanelHideAllButton: 'Összes elrejtése',
+  // Filter panel text
+  filterPanelAddFilter: 'Szűrő hozzáadása',
+  filterPanelDeleteIconLabel: 'Törlés',
+  filterPanelLinkOperator: 'Logikai operátor',
+  filterPanelOperators: 'Operátorok',
+  // TODO v6: rename to filterPanelOperator
+  filterPanelOperatorAnd: 'És',
+  filterPanelOperatorOr: 'Vagy',
+  filterPanelColumns: 'Oszlopok',
+  filterPanelInputLabel: 'Érték',
+  filterPanelInputPlaceholder: 'Érték szűrése',
+  // Filter operators text
+  filterOperatorContains: 'tartalmazza:',
+  filterOperatorEquals: 'egyenlő ezzel:',
+  filterOperatorStartsWith: 'ezzel kezdődik:',
+  filterOperatorEndsWith: 'ezzel végződik:',
+  filterOperatorIs: 'a következő:',
+  filterOperatorNot: 'nem a következő:',
+  filterOperatorAfter: 'ezutáni:',
+  filterOperatorOnOrAfter: 'ekkori vagy ezutáni:',
+  filterOperatorBefore: 'ezelőtti:',
+  filterOperatorOnOrBefore: 'ekkori vagy ezelőtti:',
+  filterOperatorIsEmpty: 'üres',
+  filterOperatorIsNotEmpty: 'nem üres',
+  filterOperatorIsAnyOf: 'a következők egyike:',
+  // Filter values text
+  filterValueAny: 'bármilyen',
+  filterValueTrue: 'igaz',
+  filterValueFalse: 'hamis',
+  // Column menu text
+  columnMenuLabel: 'Menü',
+  columnMenuShowColumns: 'Oszlopok megjelenítése',
+  columnMenuFilter: 'Szűrők',
+  columnMenuHideColumn: 'Elrejtés',
+  columnMenuUnsort: 'Sorrend visszaállítása',
+  columnMenuSortAsc: 'Növekvő sorrendbe',
+  columnMenuSortDesc: 'Csökkenő sorrendbe',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => `${count} aktív szűrő`,
+  columnHeaderFiltersLabel: 'Szűrők megjelenítése',
+  columnHeaderSortIconLabel: 'Átrendezés',
+  // Rows selected footer text
+  footerRowSelected: count => `${count.toLocaleString()} sor kiválasztva`,
+  // Total row amount footer text
+  footerTotalRows: 'Összesen:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} (összesen: ${totalCount.toLocaleString()})`,
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'Jelölőnégyzetes kijelölés',
+  checkboxSelectionSelectAllRows: 'Minden sor kijelölése',
+  checkboxSelectionUnselectAllRows: 'Minden sor kijelölésének törlése',
+  checkboxSelectionSelectRow: 'Sor kijelölése',
+  checkboxSelectionUnselectRow: 'Sor kijelölésének törlése',
+  // Boolean cell text
+  booleanCellTrueLabel: 'igen',
+  booleanCellFalseLabel: 'nem',
+  // Actions cell more text
+  actionsCellMore: 'további',
+  // Column pinning text
+  pinToLeft: 'Rögzítés balra',
+  pinToRight: 'Rögzítés jobbra',
+  unpin: 'Rögzítés törlése',
+  // Tree Data
+  treeDataGroupingHeaderName: 'Csoport',
+  treeDataExpand: 'gyermekek megjelenítése',
+  treeDataCollapse: 'gyermekek elrejtése',
+  // Grouping columns
+  groupingColumnHeaderName: 'Csoportosítás',
+  groupColumn: name => `Csoportosítás ${name} szerint`,
+  unGroupColumn: name => `${name} szerinti csoportosítás törlése`,
+  // Master/detail
+  expandDetailPanel: 'Kibontás',
+  collapseDetailPanel: 'Összecsukás'
+};
+export const huHU = getGridLocalization(huHUGrid, huHUCore);

package/locales/index.d.ts

@@ -10,6 +10,7 @@ export * from './faIR';
 export * from './fiFI';
 export * from './frFR';
 export * from './heIL';
+export * from './huHU';
 export * from './itIT';
 export * from './jaJP';
 export * from './koKR';

package/locales/index.js

@@ -11,6 +11,7 @@ export * from './faIR';
 export * from './fiFI';
 export * from './frFR';
 export * from './heIL';
+export * from './huHU';
 export * from './itIT';
 export * from './jaJP';
 export * from './koKR';

package/models/api/gridApiCommon.d.ts

@@ -21,6 +21,7 @@ import { GridLoggerApi } from './gridLoggerApi';
 import { GridScrollApi } from './gridScrollApi';
 import { GridVirtualScrollerApi } from './gridVirtualScrollerApi';
 import type { GridPipeProcessingApi } from '../../hooks/core/pipeProcessing';
+import { GridColumnSpanningApi } from './gridColumnSpanning';
 import type { GridStrategyProcessingApi } from '../../hooks/core/strategyProcessing';
 import type { GridDimensionsApi } from '../../hooks/features/dimensions';
 import type { GridPaginationApi } from '../../hooks/features/pagination';
@@ -28,6 +29,6 @@ import type { GridStatePersistenceApi } from '../../hooks/features/statePersiste
 declare type GridStateApiUntyped = {
     [key in keyof (GridStateApi<any> & GridStatePersistenceApi<any>)]: any;
 };
-export interface GridApiCommon extends GridCoreApi, GridLoggerApi, GridPipeProcessingApi, GridStrategyProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditingApi, GridParamsApi, GridColumnApi, GridSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridDisableVirtualizationApi, GridVirtualScrollerApi, GridLocaleTextApi, GridClipboardApi, GridScrollApi, GridStateApiUntyped {
+export interface GridApiCommon extends GridCoreApi, GridLoggerApi, GridPipeProcessingApi, GridStrategyProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditingApi, GridParamsApi, GridColumnApi, GridSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridDisableVirtualizationApi, GridVirtualScrollerApi, GridLocaleTextApi, GridClipboardApi, GridScrollApi, GridColumnSpanningApi, GridStateApiUntyped {
 }
 export {};

package/models/api/gridColumnSpanning.d.ts

@@ -0,0 +1,28 @@
+import { GridColumnIndex, GridCellColSpanInfo } from '../gridColumnSpanning';
+import { GridRowId } from '../gridRows';
+/**
+ * The Column Spanning API interface that is available in the grid `apiRef`.
+ */
+export interface GridColumnSpanningApi {
+    /**
+     * Returns cell colSpan info.
+     * @param {GridRowId} rowId The row id
+     * @param {number} columnIndex The column index (0-based)
+     * @returns {GridCellColSpanInfo|undefined} Cell colSpan info
+     * @ignore - do not document.
+     */
+    unstable_getCellColSpanInfo: (rowId: GridRowId, columnIndex: GridColumnIndex) => GridCellColSpanInfo | undefined;
+    /**
+     * Calculate column spanning for each cell in the row
+     * @param {Object} options The options to apply on the calculation.
+     * @param {GridRowId} options.rowId The row id
+     * @param {number} options.minFirstColumn First visible column index
+     * @param {number} options.maxLastColumn Last visible column index
+     * @ignore - do not document.
+     */
+    unstable_calculateColSpan: (options: {
+        rowId: GridRowId;
+        minFirstColumn: number;
+        maxLastColumn: number;
+    }) => void;
+}

package/models/api/gridColumnSpanning.js

@@ -0,0 +1 @@
+export {};

package/models/api/gridEditingApi.d.ts

@@ -1,9 +1,40 @@
 import { GridCellMode, GridRowMode } from '../gridCell';
 import { GridEditRowsModel, GridEditCellProps } from '../gridEditRowModel';
-import { GridRowId } from '../gridRows';
+import { GridRowId, GridRowModel } from '../gridRows';
 import { GridCellParams } from '../params/gridCellParams';
 import { GridCommitCellChangeParams, GridEditCellValueParams, GridEditCellPropsParams } from '../params/gridEditCellParams';
 import { MuiBaseEvent } from '../muiEvent';
+export interface GridNewEditingSharedApi {
+    /**
+     * Controls if a cell is editable.
+     * @param {GridCellParams} params The cell params.
+     * @returns {boolean} A boolean value determining if the cell is editable.
+     */
+    isCellEditable: (params: GridCellParams) => boolean;
+    /**
+     * Sets the value of the edit cell.
+     * Commonly used inside the edit cell component.
+     * @param {GridEditCellValueParams} params Contains the id, field and value to set.
+     * @param {React.SyntheticEvent} event The event to pass forward.
+     * @returns {Promise<boolean> | void} A promise with the validation status if `preventCommitWhileValidating` is `true`. Otherwise, void.
+     */
+    setEditCellValue: (params: GridEditCellValueParams, event?: MuiBaseEvent) => Promise<boolean> | void;
+    /**
+     * Immediatelly updates the value of the cell, without waiting for the debounce.
+     * @param {GridRowId} id The row id.
+     * @param {string} field The field to update. If not passed, updates all fields in the given row id.
+     * @ignore - do not document.
+     */
+    unstable_runPendingEditCellValueMutation: (id: GridRowId, field?: string) => void;
+    /**
+     * Returns the row with the values that were set by editing the cells.
+     * In row editing, `field` is ignored and all fields are considered.
+     * @param {GridRowId} id The row id being edited.
+     * @param {string} field The field being edited.
+     * @ignore - do not document.
+     */
+    unstable_getRowWithUpdatedValues: (id: GridRowId, field: string) => GridRowModel;
+}
 /**
  * The shared methods used by the cell and row editing API.
  */
@@ -11,11 +42,13 @@ export interface GridEditingSharedApi {
     /**
      * Set the edit rows model of the grid.
      * @param {GridEditRowsModel} model The new edit rows model.
+     * @deprecated Prefer the new editing API.
      */
     setEditRowsModel: (model: GridEditRowsModel) => void;
     /**
      * Gets the edit rows model of the grid.
      * @returns {GridEditRowsModel} The edit rows model.
+     * @deprecated Prefer the new editing API.
      */
     getEditRowsModel: () => GridEditRowsModel;
     /**
@@ -186,7 +219,7 @@ export interface GridStopRowEditModeParams {
      */
     cellToFocusAfter?: 'none' | 'below' | 'right' | 'left';
 }
-export interface GridNewCellEditingApi extends Omit<GridEditingSharedApi, 'getEditRowsModel' | 'setEditRowsModel'>, Pick<GridCellEditingApi, 'getCellMode'> {
+export interface GridNewCellEditingApi extends GridNewEditingSharedApi, Pick<GridCellEditingApi, 'getCellMode'> {
     /**
      * Puts the cell corresponding to the given row id and field into edit mode.
      * @param {GridStartCellEditModeParams} params The row id and field of the cell to edit.
@@ -206,8 +239,15 @@ export interface GridNewCellEditingApi extends Omit<GridEditingSharedApi, 'getEd
      * @ignore - do not document.
      */
     unstable_setCellEditingEditCellValue: (params: GridEditCellValueParams) => Promise<boolean>;
+    /**
+     * Returns the row with the new value that was set by editing the cell.
+     * @param {GridRowId} id The row id being edited.
+     * @param {string} field The field being edited.
+     * @ignore - do not document.
+     */
+    unstable_getRowWithUpdatedValuesFromCellEditing: (id: GridRowId, field: string) => GridRowModel;
 }
-export interface GridNewRowEditingApi extends Omit<GridEditingSharedApi, 'getEditRowsModel' | 'setEditRowsModel'>, Pick<GridRowEditingApi, 'getRowMode'> {
+export interface GridNewRowEditingApi extends GridNewEditingSharedApi, Pick<GridRowEditingApi, 'getRowMode'> {
     /**
      * Puts the row corresponding to the given id into edit mode.
      * @param {GridStartCellEditModeParams} params The row id edit.
@@ -227,6 +267,12 @@ export interface GridNewRowEditingApi extends Omit<GridEditingSharedApi, 'getEdi
      * @ignore - do not document.
      */
     unstable_setRowEditingEditCellValue: (params: GridEditCellValueParams) => Promise<boolean>;
+    /**
+     * Returns the row with the values that were set by editing all cells.
+     * @param {GridRowId} id The row id being edited.
+     * @ignore - do not document.
+     */
+    unstable_getRowWithUpdatedValuesFromRowEditing: (id: GridRowId) => GridRowModel;
 }
 /**
  * The editing API interface that is available in the grid `apiRef`.

package/models/colDef/gridColDef.d.ts

@@ -214,6 +214,11 @@ export interface GridColDef<R extends GridValidRowModel = any, V = any, F = V> {
      * @default false
      */
     disableExport?: boolean;
+    /**
+     * Number of columns a cell should span.
+     * @default 1
+     */
+    colSpan?: number | ((params: GridCellParams<V, R, F>) => number | undefined);
 }
 export interface GridActionsColDef extends GridColDef {
     /**

package/models/events/gridEventLookup.d.ts

@@ -9,7 +9,6 @@ import type { GridSelectionModel } from '../gridSelectionModel';
 import type { ElementSize } from '../elementSize';
 import type { MuiBaseEvent } from '../muiEvent';
 import type { GridRowId, GridRowTreeNodeConfig } from '../gridRows';
-import type { GridPipeProcessorGroup } from '../../hooks/core/pipeProcessing';
 import type { GridColumnVisibilityModel } from '../../hooks/features/columns';
 import type { GridStrategyProcessorName } from '../../hooks/core/strategyProcessing';
 import { GridRowEditStartParams, GridRowEditStopParams } from '../params/gridRowParams';
@@ -162,12 +161,6 @@ export interface GridEventLookup extends GridRowEventLookup, GridColumnHeaderEve
     debouncedResize: {
         params: ElementSize;
     };
-    pipeProcessorRegister: {
-        params: GridPipeProcessorGroup;
-    };
-    pipeProcessorUnregister: {
-        params: GridPipeProcessorGroup;
-    };
     activeStrategyProcessorChange: {
         params: GridStrategyProcessorName;
     };
@@ -200,7 +193,8 @@ export interface GridEventLookup extends GridRowEventLookup, GridColumnHeaderEve
         params: GridColumnOrderChangeParams;
     };
     rowsSet: {};
-    visibleRowsSet: {};
+    filteredRowsSet: {};
+    sortedRowsSet: {};
     rowExpansionChange: {
         params: GridRowTreeNodeConfig;
     };
@@ -252,6 +246,7 @@ export interface GridEventLookup extends GridRowEventLookup, GridColumnHeaderEve
     };
     rowsScroll: {
         params: GridScrollParams;
+        event: React.UIEvent | MuiBaseEvent;
     };
     virtualScrollerContentSizeChange: {};
     headerSelectionCheckboxChange: {

package/models/events/gridEvents.d.ts

@@ -93,7 +93,7 @@ declare enum GridEvents {
      */
     rowEditCommit = "rowEditCommit",
     /**
-     * Fired when a [navigation key](/components/data-grid/accessibility#keyboard-navigation) is pressed in a cell.
+     * Fired when a [navigation key](/x/react-data-grid/accessibility#keyboard-navigation) is pressed in a cell.
      * @ignore - do not document.
      */
     cellNavigationKeyDown = "cellNavigationKeyDown",
@@ -129,7 +129,7 @@ declare enum GridEvents {
      */
     columnHeaderFocus = "columnHeaderFocus",
     /**
-     * Fired when a [navigation key](/components/data-grid/accessibility#keyboard-navigation) is pressed in a column header.
+     * Fired when a [navigation key](/x/react-data-grid/accessibility#keyboard-navigation) is pressed in a column header.
      * @ignore - do not document.
      */
     columnHeaderNavigationKeyDown = "columnHeaderNavigationKeyDown",
@@ -255,10 +255,15 @@ declare enum GridEvents {
      */
     rowExpansionChange = "rowExpansionChange",
     /**
-     * Fired when the visible rows are updated
+     * Fired when the sorted rows are updated
+     * @ignore - do not document
+     */
+    sortedRowsSet = "sortedRowsSet",
+    /**
+     * Fired when the filtered rows are updated
      * @ignore - do not document.
      */
-    visibleRowsSet = "visibleRowsSet",
+    filteredRowsSet = "filteredRowsSet",
     /**
      * Fired when the columns state is changed.
      */
@@ -273,16 +278,6 @@ declare enum GridEvents {
      * @ignore - do not document.
      */
     pinnedColumnsChange = "pinnedColumnsChange",
-    /**
-     * Fired when a pre-processor is registered.
-     * @ignore - do not document.
-     */
-    pipeProcessorRegister = "pipeProcessorRegister",
-    /**
-     * Fired when a pre-processor is unregistered.
-     * @ignore - do not document.
-     */
-    pipeProcessorUnregister = "pipeProcessorUnregister",
     /**
      * Fired when a processor of the active strategy changes.
      * @ignore - do not document.

package/models/events/gridEvents.js

@@ -59,12 +59,11 @@ var GridEvents;
   GridEvents["columnOrderChange"] = "columnOrderChange";
   GridEvents["rowsSet"] = "rowsSet";
   GridEvents["rowExpansionChange"] = "rowExpansionChange";
-  GridEvents["visibleRowsSet"] = "visibleRowsSet";
+  GridEvents["sortedRowsSet"] = "sortedRowsSet";
+  GridEvents["filteredRowsSet"] = "filteredRowsSet";
   GridEvents["columnsChange"] = "columnsChange";
   GridEvents["detailPanelsExpandedRowIdsChange"] = "detailPanelsExpandedRowIdsChange";
   GridEvents["pinnedColumnsChange"] = "pinnedColumnsChange";
-  GridEvents["pipeProcessorRegister"] = "pipeProcessorRegister";
-  GridEvents["pipeProcessorUnregister"] = "pipeProcessorUnregister";
   GridEvents["activeStrategyProcessorChange"] = "activeStrategyProcessorChange";
   GridEvents["strategyAvailabilityChange"] = "strategyAvailabilityChange";
   GridEvents["sortModelChange"] = "sortModelChange";

package/models/gridColumnSpanning.d.ts

@@ -0,0 +1,12 @@
+export declare type GridColumnIndex = number;
+export declare type GridCellColSpanInfo = {
+    spannedByColSpan: true;
+    rightVisibleCellIndex: GridColumnIndex;
+    leftVisibleCellIndex: GridColumnIndex;
+} | {
+    spannedByColSpan: false;
+    cellProps: {
+        colSpan: number;
+        width: number;
+    };
+};

package/models/gridColumnSpanning.js

@@ -0,0 +1 @@
+export {};

package/models/gridEditRowModel.d.ts

@@ -1,5 +1,5 @@
 export interface GridEditCellProps<V = any> {
-    value: V | undefined;
+    value?: V | undefined;
     isValidating?: boolean;
     isProcessingProps?: boolean;
     [prop: string]: any;

package/models/params/gridCellParams.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GridCellMode } from '../gridCell';
 import { GridRowId, GridRowModel, GridRowTreeNodeConfig, GridValidRowModel } from '../gridRows';
 import type { GridStateColDef } from '../colDef/gridColDef';
@@ -17,11 +18,11 @@ export interface GridCellParams<V = any, R extends GridValidRowModel = any, F =
     /**
      * The cell value, but if the column has valueGetter, use getValue.
      */
-    value: V | undefined;
+    value?: V | undefined;
     /**
      * The cell value formatted with the column valueFormatter.
      */
-    formattedValue: F;
+    formattedValue?: F | undefined;
     /**
      * The row model of the row that the current cell belongs to.
      */
@@ -59,6 +60,9 @@ export interface GridCellParams<V = any, R extends GridValidRowModel = any, F =
      */
     getValue: (id: GridRowId, field: string) => any;
 }
+export interface FocusElement {
+    focus(): void;
+}
 /**
  * GridCellParams containing api.
  */
@@ -68,6 +72,12 @@ export interface GridRenderCellParams<V = any, R extends GridValidRowModel = any
      * @deprecated Use the `apiRef` returned by `useGridApiContext` or `useGridApiRef` (only available in `@mui/x-data-grid-pro`)
      */
     api: any;
+    /**
+     * A ref allowing to set imperative focus.
+     * It can be passed to the element that should receive focus.
+     * @ignore - do not document.
+     */
+    focusElementRef?: React.Ref<FocusElement>;
 }
 /**
  * GridEditCellProps containing api.

package/models/params/gridRowParams.d.ts

@@ -34,6 +34,11 @@ interface GridRowVisibilityParams {
      * Whether this row is the last visible or not.
      */
     isLastVisible: boolean;
+    /**
+     * Index of the row in the current page.
+     * If the pagination is disabled, it will be the index relative to all filtered rows.
+     */
+    indexRelativeToCurrentPage: number;
 }
 /**
  * Object passed as parameter in the row `getRowClassName` callback prop.

package/models/props/DataGridProps.d.ts

@@ -370,7 +370,7 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
      * @param {GridEditCellPropsParams} params With all properties from [[GridEditCellPropsParams]].
      * @param {MuiEvent<React.SyntheticEvent>} event The event that caused this prop to be called.
      * @param {GridCallbackDetails} details Additional details for this callback.
-     * @deprecated use `preProcessEditCellProps` from the [`GridColDef`](/api/data-grid/grid-col-def/)
+     * @deprecated use `preProcessEditCellProps` from the [`GridColDef`](/x/api/data-grid/grid-col-def/)
      */
     onEditCellPropsChange?: GridEventListener<GridEvents.editCellPropsChange>;
     /**

package/modern/DataGrid/DataGrid.js

@@ -458,7 +458,7 @@ DataGridRaw.propTypes = {
    * @param {GridEditCellPropsParams} params With all properties from [[GridEditCellPropsParams]].
    * @param {MuiEvent<React.SyntheticEvent>} event The event that caused this prop to be called.
    * @param {GridCallbackDetails} details Additional details for this callback.
-   * @deprecated use `preProcessEditCellProps` from the [`GridColDef`](/api/data-grid/grid-col-def/)
+   * @deprecated use `preProcessEditCellProps` from the [`GridColDef`](/x/api/data-grid/grid-col-def/)
    */
   onEditCellPropsChange: PropTypes.func,