@mui/x-data-grid 5.17.2 → 5.17.4

package/legacy/hooks/features/focus/useGridFocus.js

@@ -30,6 +30,14 @@ export var focusStateInitializer = function focusStateInitializer(state) {
 export var useGridFocus = function useGridFocus(apiRef, props) {
   var logger = useGridLogger(apiRef, 'useGridFocus');
   var lastClickedCell = React.useRef(null);
+  var publishCellFocusOut = React.useCallback(function (cell, event) {
+    if (cell) {
+      // The row might have been deleted
+      if (apiRef.current.getRow(cell.id)) {
+        apiRef.current.publishEvent('cellFocusOut', apiRef.current.getCellParams(cell.id, cell.field), event);
+      }
+    }
+  }, [apiRef]);
   var setCellFocus = React.useCallback(function (id, field) {
     var focusedCell = gridFocusCellSelector(apiRef);
 
@@ -65,19 +73,15 @@ export var useGridFocus = function useGridFocus(apiRef, props) {
     if (focusedCell) {
       // There's a focused cell but another cell was clicked
       // Publishes an event to notify that the focus was lost
-      apiRef.current.publishEvent('cellFocusOut', apiRef.current.getCellParams(focusedCell.id, focusedCell.field));
+      publishCellFocusOut(focusedCell, {});
     }
 
     apiRef.current.publishEvent('cellFocusIn', apiRef.current.getCellParams(id, field));
-  }, [apiRef, logger]);
+  }, [apiRef, logger, publishCellFocusOut]);
   var setColumnHeaderFocus = React.useCallback(function (field) {
     var event = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var cell = gridFocusCellSelector(apiRef);
-
-    if (cell) {
-      apiRef.current.publishEvent('cellFocusOut', apiRef.current.getCellParams(cell.id, cell.field), event);
-    }
-
+    publishCellFocusOut(cell, event);
     apiRef.current.setState(function (state) {
       logger.debug("Focusing on column header with colIndex=".concat(field));
       return _extends({}, state, {
@@ -96,7 +100,7 @@ export var useGridFocus = function useGridFocus(apiRef, props) {
       });
     });
     apiRef.current.forceUpdate();
-  }, [apiRef, logger]);
+  }, [apiRef, logger, publishCellFocusOut]);
   var moveFocusToRelativeCell = React.useCallback(function (id, field, direction) {
     var columnIndexToFocus = apiRef.current.getColumnIndex(field);
     var rowIndexToFocus = apiRef.current.getRowIndexRelativeToVisibleRows(id);
@@ -206,11 +210,6 @@ export var useGridFocus = function useGridFocus(apiRef, props) {
 
     if (cellElement != null && cellElement.contains(event.target)) {
       return;
-    } // The row might have been deleted during the click
-
-
-    if (!apiRef.current.getRow(focusedCell.id)) {
-      return;
     }
 
     if (cellParams) {
@@ -227,9 +226,9 @@ export var useGridFocus = function useGridFocus(apiRef, props) {
       apiRef.current.forceUpdate(); // There's a focused cell but another element (not a cell) was clicked
       // Publishes an event to notify that the focus was lost
 
-      apiRef.current.publishEvent('cellFocusOut', apiRef.current.getCellParams(focusedCell.id, focusedCell.field), event);
+      publishCellFocusOut(focusedCell, event);
     }
-  }, [apiRef]);
+  }, [apiRef, publishCellFocusOut]);
   var handleCellModeChange = React.useCallback(function (params) {
     if (params.cellMode === 'view') {
       return;

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.2
+/** @license MUI v5.17.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/locales/faIR.js

@@ -23,15 +23,15 @@ var faIRGrid = {
     return count !== 1 ? "".concat(count, " \u0641\u06CC\u0644\u062A\u0631\u0647\u0627\u06CC \u0641\u0639\u0627\u0644") : "".concat(count, " \u0641\u06CC\u0644\u062A\u0631 \u0641\u0639\u0627\u0644");
   },
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'جستجو...',
+  toolbarQuickFilterLabel: 'جستجو',
+  toolbarQuickFilterDeleteIconLabel: 'حذف',
   // Export selector toolbar button text
   toolbarExport: 'خروجی',
   toolbarExportLabel: 'خروجی',
   toolbarExportCSV: 'دانلود به صورت CSV',
   toolbarExportPrint: 'چاپ',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'دانلود به صورت اکسل',
   // Columns panel text
   columnsPanelTextFieldLabel: 'پیداکردن ستون',
   columnsPanelTextFieldPlaceholder: 'عنوان ستون',
@@ -119,17 +119,17 @@ var faIRGrid = {
     return "\u0644\u063A\u0648 \u06AF\u0631\u0648\u0647\u200C\u0628\u0646\u062F\u06CC \u0628\u0631\u0627\u0633\u0627\u0633 ".concat(name);
   },
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
+  detailPanelToggle: 'پنل جزئیات',
   expandDetailPanel: 'بازکردن پنل جزئیات',
-  collapseDetailPanel: 'بستن پنل جزئیات' // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  collapseDetailPanel: 'بستن پنل جزئیات',
+  // Row reordering text
+  rowReorderingHeaderName: 'ترتیب مجدد سطر',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
-
+  aggregationMenuItemHeader: 'تجمیع',
+  aggregationFunctionLabelSum: 'جمع',
+  aggregationFunctionLabelAvg: 'میانگین',
+  aggregationFunctionLabelMin: 'حداقل',
+  aggregationFunctionLabelMax: 'حداکثر',
+  aggregationFunctionLabelSize: 'اندازه'
 };
 export var faIR = getGridLocalization(faIRGrid, faIRCore);

package/legacy/locales/fiFI.js

@@ -6,7 +6,7 @@ var fiFIGrid = {
   noResultsOverlayLabel: 'Ei tuloksia.',
   errorOverlayDefaultLabel: 'Tapahtui virhe.',
   // Density selector toolbar button text
-  toolbarDensity: 'Density',
+  toolbarDensity: 'Tiiveys',
   toolbarDensityLabel: 'Tiiveys',
   toolbarDensityCompact: 'Kompakti',
   toolbarDensityStandard: 'Vakio',
@@ -23,15 +23,15 @@ var fiFIGrid = {
     return count !== 1 ? "".concat(count, " aktiivista suodatinta") : "".concat(count, " aktiivinen suodatin");
   },
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Hae…',
+  toolbarQuickFilterLabel: 'Hae',
+  toolbarQuickFilterDeleteIconLabel: 'Tyhjennä',
   // Export selector toolbar button text
-  toolbarExport: 'Export',
-  toolbarExportLabel: 'Export',
+  toolbarExport: 'Vie',
+  toolbarExportLabel: 'Vie',
   toolbarExportCSV: 'Lataa CSV-muodossa',
   toolbarExportPrint: 'Tulosta',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'Lataa Excel-muodossa',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Etsi sarake',
   columnsPanelTextFieldPlaceholder: 'Sarakkeen otsikko',
@@ -41,7 +41,7 @@ var fiFIGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Lisää suodatin',
   filterPanelDeleteIconLabel: 'Poista',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Logiikkaoperaattori',
   filterPanelOperators: 'Operaattorit',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'Ja',
@@ -62,7 +62,7 @@ var fiFIGrid = {
   filterOperatorOnOrBefore: 'on sama tai ennen',
   filterOperatorIsEmpty: 'on tyhjä',
   filterOperatorIsNotEmpty: 'ei ole tyhjä',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'mikä tahansa seuraavista',
   // Filter values text
   filterValueAny: 'mikä tahansa',
   filterValueTrue: 'tosi',
@@ -93,10 +93,10 @@ var fiFIGrid = {
   },
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Valintaruutu',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: 'Valitse kaikki rivit',
+  checkboxSelectionUnselectAllRows: 'Poista kaikkien rivien valinta',
+  checkboxSelectionSelectRow: 'Valitse rivi',
+  checkboxSelectionUnselectRow: 'Poista rivin valinta',
   // Boolean cell text
   booleanCellTrueLabel: 'tosi',
   booleanCellFalseLabel: 'epätosi',
@@ -109,23 +109,27 @@ var fiFIGrid = {
   // Tree Data
   treeDataGroupingHeaderName: 'Ryhmä',
   treeDataExpand: 'Laajenna',
-  treeDataCollapse: 'Supista' // Grouping columns
-  // groupingColumnHeaderName: 'Group',
-  // groupColumn: name => `Group by ${name}`,
-  // unGroupColumn: name => `Stop grouping by ${name}`,
+  treeDataCollapse: 'Supista',
+  // Grouping columns
+  groupingColumnHeaderName: 'Ryhmä',
+  groupColumn: function groupColumn(name) {
+    return "Ryhmittelyperuste ".concat(name);
+  },
+  unGroupColumn: function unGroupColumn(name) {
+    return "Poista ryhmittelyperuste ".concat(name);
+  },
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
+  detailPanelToggle: 'Yksityiskohtapaneelin vaihto',
+  expandDetailPanel: 'Laajenna',
+  collapseDetailPanel: 'Tiivistä',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  rowReorderingHeaderName: 'Rivien uudelleenjärjestely',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
-
+  aggregationMenuItemHeader: 'Koostaminen',
+  aggregationFunctionLabelSum: 'summa',
+  aggregationFunctionLabelAvg: 'ka.',
+  aggregationFunctionLabelMin: 'min.',
+  aggregationFunctionLabelMax: 'maks.',
+  aggregationFunctionLabelSize: 'koko'
 };
 export var fiFI = getGridLocalization(fiFIGrid, fiFICore);

package/legacy/locales/plPL.js

@@ -23,15 +23,15 @@ var plPLGrid = {
     return "Liczba aktywnych filtr\xF3w: ".concat(count);
   },
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Wyszukaj…',
+  toolbarQuickFilterLabel: 'Szukaj',
+  toolbarQuickFilterDeleteIconLabel: 'Wyczyść',
   // Export selector toolbar button text
   toolbarExport: 'Eksportuj',
   toolbarExportLabel: 'Eksportuj',
   toolbarExportCSV: 'Pobierz jako plik CSV',
   toolbarExportPrint: 'Drukuj',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'Pobierz jako plik Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Znajdź kolumnę',
   columnsPanelTextFieldPlaceholder: 'Tytuł kolumny',
@@ -121,9 +121,9 @@ var plPLGrid = {
   // Master/detail
   // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Rozwiń',
-  collapseDetailPanel: 'Zwiń' // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
-  // Aggregation
+  collapseDetailPanel: 'Zwiń',
+  // Row reordering text
+  rowReorderingHeaderName: 'Porządkowanie wierszy' // Aggregation
   // aggregationMenuItemHeader: 'Aggregation',
   // aggregationFunctionLabelSum: 'sum',
   // aggregationFunctionLabelAvg: 'avg',

package/locales/faIR.js

@@ -21,15 +21,15 @@ const faIRGrid = {
   toolbarFiltersTooltipShow: 'نمایش فیلترها',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} فیلترهای فعال` : `${count} فیلتر فعال`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'جستجو...',
+  toolbarQuickFilterLabel: 'جستجو',
+  toolbarQuickFilterDeleteIconLabel: 'حذف',
   // Export selector toolbar button text
   toolbarExport: 'خروجی',
   toolbarExportLabel: 'خروجی',
   toolbarExportCSV: 'دانلود به صورت CSV',
   toolbarExportPrint: 'چاپ',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'دانلود به صورت اکسل',
   // Columns panel text
   columnsPanelTextFieldLabel: 'پیداکردن ستون',
   columnsPanelTextFieldPlaceholder: 'عنوان ستون',
@@ -107,17 +107,17 @@ const faIRGrid = {
   groupColumn: name => `گروه‌بندی براساس ${name}`,
   unGroupColumn: name => `لغو گروه‌بندی براساس ${name}`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
+  detailPanelToggle: 'پنل جزئیات',
   expandDetailPanel: 'بازکردن پنل جزئیات',
-  collapseDetailPanel: 'بستن پنل جزئیات' // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  collapseDetailPanel: 'بستن پنل جزئیات',
+  // Row reordering text
+  rowReorderingHeaderName: 'ترتیب مجدد سطر',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
-
+  aggregationMenuItemHeader: 'تجمیع',
+  aggregationFunctionLabelSum: 'جمع',
+  aggregationFunctionLabelAvg: 'میانگین',
+  aggregationFunctionLabelMin: 'حداقل',
+  aggregationFunctionLabelMax: 'حداکثر',
+  aggregationFunctionLabelSize: 'اندازه'
 };
 export const faIR = getGridLocalization(faIRGrid, faIRCore);

package/locales/fiFI.js

@@ -6,7 +6,7 @@ const fiFIGrid = {
   noResultsOverlayLabel: 'Ei tuloksia.',
   errorOverlayDefaultLabel: 'Tapahtui virhe.',
   // Density selector toolbar button text
-  toolbarDensity: 'Density',
+  toolbarDensity: 'Tiiveys',
   toolbarDensityLabel: 'Tiiveys',
   toolbarDensityCompact: 'Kompakti',
   toolbarDensityStandard: 'Vakio',
@@ -21,15 +21,15 @@ const fiFIGrid = {
   toolbarFiltersTooltipShow: 'Näytä suodattimet',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} aktiivista suodatinta` : `${count} aktiivinen suodatin`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Hae…',
+  toolbarQuickFilterLabel: 'Hae',
+  toolbarQuickFilterDeleteIconLabel: 'Tyhjennä',
   // Export selector toolbar button text
-  toolbarExport: 'Export',
-  toolbarExportLabel: 'Export',
+  toolbarExport: 'Vie',
+  toolbarExportLabel: 'Vie',
   toolbarExportCSV: 'Lataa CSV-muodossa',
   toolbarExportPrint: 'Tulosta',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'Lataa Excel-muodossa',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Etsi sarake',
   columnsPanelTextFieldPlaceholder: 'Sarakkeen otsikko',
@@ -39,7 +39,7 @@ const fiFIGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Lisää suodatin',
   filterPanelDeleteIconLabel: 'Poista',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Logiikkaoperaattori',
   filterPanelOperators: 'Operaattorit',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'Ja',
@@ -60,7 +60,7 @@ const fiFIGrid = {
   filterOperatorOnOrBefore: 'on sama tai ennen',
   filterOperatorIsEmpty: 'on tyhjä',
   filterOperatorIsNotEmpty: 'ei ole tyhjä',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'mikä tahansa seuraavista',
   // Filter values text
   filterValueAny: 'mikä tahansa',
   filterValueTrue: 'tosi',
@@ -85,10 +85,10 @@ const fiFIGrid = {
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} / ${totalCount.toLocaleString()}`,
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Valintaruutu',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: 'Valitse kaikki rivit',
+  checkboxSelectionUnselectAllRows: 'Poista kaikkien rivien valinta',
+  checkboxSelectionSelectRow: 'Valitse rivi',
+  checkboxSelectionUnselectRow: 'Poista rivin valinta',
   // Boolean cell text
   booleanCellTrueLabel: 'tosi',
   booleanCellFalseLabel: 'epätosi',
@@ -101,23 +101,23 @@ const fiFIGrid = {
   // Tree Data
   treeDataGroupingHeaderName: 'Ryhmä',
   treeDataExpand: 'Laajenna',
-  treeDataCollapse: 'Supista' // Grouping columns
-  // groupingColumnHeaderName: 'Group',
-  // groupColumn: name => `Group by ${name}`,
-  // unGroupColumn: name => `Stop grouping by ${name}`,
+  treeDataCollapse: 'Supista',
+  // Grouping columns
+  groupingColumnHeaderName: 'Ryhmä',
+  groupColumn: name => `Ryhmittelyperuste ${name}`,
+  unGroupColumn: name => `Poista ryhmittelyperuste ${name}`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
+  detailPanelToggle: 'Yksityiskohtapaneelin vaihto',
+  expandDetailPanel: 'Laajenna',
+  collapseDetailPanel: 'Tiivistä',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  rowReorderingHeaderName: 'Rivien uudelleenjärjestely',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
-
+  aggregationMenuItemHeader: 'Koostaminen',
+  aggregationFunctionLabelSum: 'summa',
+  aggregationFunctionLabelAvg: 'ka.',
+  aggregationFunctionLabelMin: 'min.',
+  aggregationFunctionLabelMax: 'maks.',
+  aggregationFunctionLabelSize: 'koko'
 };
 export const fiFI = getGridLocalization(fiFIGrid, fiFICore);

package/locales/plPL.js

@@ -21,15 +21,15 @@ const plPLGrid = {
   toolbarFiltersTooltipShow: 'Pokaż filtry',
   toolbarFiltersTooltipActive: count => `Liczba aktywnych filtrów: ${count}`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Wyszukaj…',
+  toolbarQuickFilterLabel: 'Szukaj',
+  toolbarQuickFilterDeleteIconLabel: 'Wyczyść',
   // Export selector toolbar button text
   toolbarExport: 'Eksportuj',
   toolbarExportLabel: 'Eksportuj',
   toolbarExportCSV: 'Pobierz jako plik CSV',
   toolbarExportPrint: 'Drukuj',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'Pobierz jako plik Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Znajdź kolumnę',
   columnsPanelTextFieldPlaceholder: 'Tytuł kolumny',
@@ -109,9 +109,9 @@ const plPLGrid = {
   // Master/detail
   // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Rozwiń',
-  collapseDetailPanel: 'Zwiń' // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
-  // Aggregation
+  collapseDetailPanel: 'Zwiń',
+  // Row reordering text
+  rowReorderingHeaderName: 'Porządkowanie wierszy' // Aggregation
   // aggregationMenuItemHeader: 'Aggregation',
   // aggregationFunctionLabelSum: 'sum',
   // aggregationFunctionLabelAvg: 'avg',

package/models/api/gridEditingApi.d.ts

@@ -16,6 +16,9 @@ export declare type GridRowModesModelProps = ({
     mode: GridRowModes.Edit;
 } & Omit<GridStartRowEditModeParams, 'id' | 'field'>);
 export declare type GridRowModesModel = Record<GridRowId, GridRowModesModelProps>;
+export interface GridEditCellMeta {
+    changeReason?: 'debouncedSetEditCellValue' | 'setEditCellValue';
+}
 export interface GridNewEditingSharedApi {
     /**
      * Controls if a cell is editable.
@@ -46,6 +49,13 @@ export interface GridNewEditingSharedApi {
      * @ignore - do not document.
      */
     unstable_getRowWithUpdatedValues: (id: GridRowId, field: string) => GridRowModel;
+    /**
+     * Gets the meta information for the edit cell.
+     * @param {GridRowId} id The row id being edited.
+     * @param {string} field The field being edited.
+     * @ignore - do not document.
+     */
+    unstable_getEditCellMeta: (id: GridRowId, field: string) => GridEditCellMeta;
 }
 /**
  * The shared methods used by the cell and row editing API.

package/models/gridEditRowModel.d.ts

@@ -1,7 +1,9 @@
+import type { GridEditCellMeta } from './api/gridEditingApi';
 export interface GridEditCellProps<V = any> {
     value?: V | undefined;
     isValidating?: boolean;
     isProcessingProps?: boolean;
+    changeReason?: GridEditCellMeta['changeReason'];
     [prop: string]: any;
 }
 export declare type GridEditRowProps = {

package/models/gridRows.d.ts

@@ -2,7 +2,7 @@ import type { GridKeyValue } from './colDef/gridColDef';
 export declare type GridValidRowModel = {
     [key: string]: any;
 };
-export declare type GridRowsProp<R = GridValidRowModel> = Readonly<GridRowModel<R>[]>;
+export declare type GridRowsProp<R extends GridValidRowModel = GridValidRowModel> = Readonly<GridRowModel<R>[]>;
 /**
  * @deprecated prefer GridRowModel.
  */

package/models/params/gridEditCellParams.d.ts

@@ -1,5 +1,5 @@
 import { GridEditCellProps } from '../gridEditRowModel';
-import { GridRowId } from '../gridRows';
+import { GridRowId, GridValidRowModel } from '../gridRows';
 import { GridCellParams } from './gridCellParams';
 export interface GridEditCellPropsParams {
     id: GridRowId;
@@ -26,6 +26,10 @@ export interface GridEditCellValueParams {
      * The debounce time in milliseconds.
      */
     debounceMs?: number;
+    /**
+     * TBD
+     */
+    unstable_skipValueParser?: boolean;
 }
 export interface GridCommitCellChangeParams {
     id: GridRowId;
@@ -45,7 +49,7 @@ declare enum GridCellEditStartReasons {
 /**
  * Params passed to the `cellEditStart` event.
  */
-export interface GridCellEditStartParams<V = any, R = any, F = V> extends GridCellParams<V, R, F> {
+export interface GridCellEditStartParams<V = any, R extends GridValidRowModel = GridValidRowModel, F = V> extends GridCellParams<V, R, F> {
     /**
      * The reason for this event to be triggered.
      * Only applied if `props.experimentalFeatures.newEditingApi: true`.
@@ -62,7 +66,7 @@ declare enum GridCellEditStopReasons {
 /**
  * Params passed to the `cellEditStop event.
  */
-export interface GridCellEditStopParams<V = any, R = any, F = V> extends GridCellParams<V, R, F> {
+export interface GridCellEditStopParams<V = any, R extends GridValidRowModel = GridValidRowModel, F = V> extends GridCellParams<V, R, F> {
     /**
      * The reason for this event to be triggered.
      * Only available if `props.experimentalFeatures.newEditingApi: true`.

package/modern/components/GridRow.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["selected", "rowId", "row", "index", "style", "position", "rowHeight", "className", "visibleColumns", "renderedColumns", "containerWidth", "firstColumnToRender", "lastColumnToRender", "cellFocus", "cellTabIndex", "editRowsState", "isLastVisible", "onClick", "onDoubleClick", "onMouseEnter", "onMouseLeave"];
+const _excluded = ["selected", "rowId", "row", "index", "style", "position", "rowHeight", "className", "visibleColumns", "renderedColumns", "containerWidth", "firstColumnToRender", "lastColumnToRender", "cellFocus", "cellTabIndex", "editRowsState", "isLastVisible", "onClick", "onDoubleClick", "onMouseEnter", "onMouseLeave"],
+      _excluded2 = ["changeReason"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -223,9 +224,11 @@ function GridRow(props) {
         updatedRow = apiRef.current.unstable_getRowWithUpdatedValues(rowId, column.field);
       }
 
+      const editCellStateRest = _objectWithoutPropertiesLoose(editCellState, _excluded2);
+
       const params = _extends({}, cellParams, {
         row: updatedRow
-      }, editCellState, {
+      }, editCellStateRest, {
         api: apiRef.current
       });
 

package/modern/components/cell/GridEditBooleanCell.js

@@ -93,6 +93,7 @@ process.env.NODE_ENV !== "production" ? GridEditBooleanCell.propTypes = {
    * The mode of the cell.
    */
   cellMode: PropTypes.oneOf(['edit', 'view']).isRequired,
+  changeReason: PropTypes.oneOf(['debouncedSetEditCellValue', 'setEditCellValue']),
 
   /**
    * The column of the row that the current cell belongs to.

package/modern/components/cell/GridEditDateCell.js

@@ -147,6 +147,7 @@ process.env.NODE_ENV !== "production" ? GridEditDateCell.propTypes = {
    * The mode of the cell.
    */
   cellMode: PropTypes.oneOf(['edit', 'view']).isRequired,
+  changeReason: PropTypes.oneOf(['debouncedSetEditCellValue', 'setEditCellValue']),
 
   /**
    * The column of the row that the current cell belongs to.

package/modern/components/cell/GridEditInputCell.js

@@ -66,17 +66,28 @@ const GridEditInputCell = /*#__PURE__*/React.forwardRef((props, ref) => {
       await onValueChange(event, newValue);
     }
 
-    setValueState(newValue);
+    const column = apiRef.current.getColumn(field);
+    let parsedValue = newValue;
+
+    if (column.valueParser && rootProps.experimentalFeatures?.newEditingApi) {
+      parsedValue = column.valueParser(newValue, apiRef.current.getCellParams(id, field));
+    }
+
+    setValueState(parsedValue);
     apiRef.current.setEditCellValue({
       id,
       field,
-      value: newValue,
-      debounceMs
+      value: parsedValue,
+      debounceMs,
+      unstable_skipValueParser: true
     }, event);
-  }, [apiRef, debounceMs, field, id, onValueChange]);
+  }, [apiRef, debounceMs, field, id, onValueChange, rootProps.experimentalFeatures?.newEditingApi]);
+  const meta = apiRef.current.unstable_getEditCellMeta ? apiRef.current.unstable_getEditCellMeta(id, field) : {};
   React.useEffect(() => {
-    setValueState(value);
-  }, [value]);
+    if (meta.changeReason !== 'debouncedSetEditCellValue') {
+      setValueState(value);
+    }
+  }, [meta.changeReason, value]);
   useEnhancedEffect(() => {
     if (hasFocus) {
       inputRef.current.focus();
@@ -109,6 +120,7 @@ process.env.NODE_ENV !== "production" ? GridEditInputCell.propTypes = {
    * The mode of the cell.
    */
   cellMode: PropTypes.oneOf(['edit', 'view']),
+  changeReason: PropTypes.oneOf(['debouncedSetEditCellValue', 'setEditCellValue']),
 
   /**
    * The column of the row that the current cell belongs to.

package/modern/components/cell/GridEditSingleSelectCell.js

@@ -187,6 +187,7 @@ process.env.NODE_ENV !== "production" ? GridEditSingleSelectCell.propTypes = {
    * The mode of the cell.
    */
   cellMode: PropTypes.oneOf(['edit', 'view']).isRequired,
+  changeReason: PropTypes.oneOf(['debouncedSetEditCellValue', 'setEditCellValue']),
 
   /**
    * The column of the row that the current cell belongs to.