@mui/x-data-grid 5.17.2 → 5.17.4

package/modern/hooks/features/editRows/useGridCellEditing.new.js

@@ -359,7 +359,9 @@ export const useGridCellEditing = (apiRef, props) => {
     const {
       id,
       field,
-      value
+      value,
+      debounceMs,
+      unstable_skipValueParser: skipValueParser
     } = params;
     throwIfNotEditable(id, field);
     throwIfNotInMode(id, field, GridCellModes.Edit);
@@ -367,14 +369,15 @@ export const useGridCellEditing = (apiRef, props) => {
     const row = apiRef.current.getRow(id);
     let parsedValue = value;
 
-    if (column.valueParser) {
+    if (column.valueParser && !skipValueParser) {
       parsedValue = column.valueParser(value, apiRef.current.getCellParams(id, field));
     }
 
     let editingState = gridEditRowsStateSelector(apiRef.current.state);
 
     let newProps = _extends({}, editingState[id][field], {
-      value: parsedValue
+      value: parsedValue,
+      changeReason: debounceMs ? 'debouncedSetEditCellValue' : 'setEditCellValue'
     });
 
     if (column.preProcessEditCellProps) {

package/modern/hooks/features/editRows/useGridEditing.new.js

@@ -4,6 +4,7 @@ import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { useGridCellEditing } from './useGridCellEditing.new';
 import { GridCellModes, GridEditModes } from '../../../models/gridEditRowModel';
 import { useGridRowEditing } from './useGridRowEditing.new';
+import { gridEditRowsStateSelector } from './gridEditRowsSelector';
 export const editingStateInitializer = state => _extends({}, state, {
   editRows: {}
 });
@@ -116,11 +117,18 @@ export const useGridEditing = (apiRef, props) => {
   const getRowWithUpdatedValues = React.useCallback((id, field) => {
     return props.editMode === GridEditModes.Cell ? apiRef.current.unstable_getRowWithUpdatedValuesFromCellEditing(id, field) : apiRef.current.unstable_getRowWithUpdatedValuesFromRowEditing(id);
   }, [apiRef, props.editMode]);
+  const getEditCellMeta = React.useCallback((id, field) => {
+    const editingState = gridEditRowsStateSelector(apiRef.current.state);
+    return {
+      changeReason: editingState[id][field].changeReason
+    };
+  }, [apiRef]);
   const editingSharedApi = {
     isCellEditable,
     setEditCellValue,
     unstable_runPendingEditCellValueMutation: runPendingEditCellValueMutation,
-    unstable_getRowWithUpdatedValues: getRowWithUpdatedValues
+    unstable_getRowWithUpdatedValues: getRowWithUpdatedValues,
+    unstable_getEditCellMeta: getEditCellMeta
   };
   useGridApiMethod(apiRef, editingSharedApi, 'EditingApi');
 };

package/modern/hooks/features/editRows/useGridRowEditing.new.js

@@ -440,21 +440,24 @@ export const useGridRowEditing = (apiRef, props) => {
     const {
       id,
       field,
-      value
+      value,
+      debounceMs,
+      unstable_skipValueParser: skipValueParser
     } = params;
     throwIfNotEditable(id, field);
     const column = apiRef.current.getColumn(field);
     const row = apiRef.current.getRow(id);
     let parsedValue = value;
 
-    if (column.valueParser) {
+    if (column.valueParser && !skipValueParser) {
       parsedValue = column.valueParser(value, apiRef.current.getCellParams(id, field));
     }
 
     let editingState = gridEditRowsStateSelector(apiRef.current.state);
 
     let newProps = _extends({}, editingState[id][field], {
-      value: parsedValue
+      value: parsedValue,
+      changeReason: debounceMs ? 'debouncedSetEditCellValue' : 'setEditCellValue'
     });
 
     if (!column.preProcessEditCellProps) {

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

@@ -28,6 +28,14 @@ export const focusStateInitializer = state => _extends({}, state, {
 export const useGridFocus = (apiRef, props) => {
   const logger = useGridLogger(apiRef, 'useGridFocus');
   const lastClickedCell = React.useRef(null);
+  const publishCellFocusOut = React.useCallback((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]);
   const setCellFocus = React.useCallback((id, field) => {
     const focusedCell = gridFocusCellSelector(apiRef);
 
@@ -63,18 +71,14 @@ export const 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]);
   const setColumnHeaderFocus = React.useCallback((field, event = {}) => {
     const cell = gridFocusCellSelector(apiRef);
-
-    if (cell) {
-      apiRef.current.publishEvent('cellFocusOut', apiRef.current.getCellParams(cell.id, cell.field), event);
-    }
-
+    publishCellFocusOut(cell, event);
     apiRef.current.setState(state => {
       logger.debug(`Focusing on column header with colIndex=${field}`);
       return _extends({}, state, {
@@ -93,7 +97,7 @@ export const useGridFocus = (apiRef, props) => {
       });
     });
     apiRef.current.forceUpdate();
-  }, [apiRef, logger]);
+  }, [apiRef, logger, publishCellFocusOut]);
   const moveFocusToRelativeCell = React.useCallback((id, field, direction) => {
     let columnIndexToFocus = apiRef.current.getColumnIndex(field);
     let rowIndexToFocus = apiRef.current.getRowIndexRelativeToVisibleRows(id);
@@ -202,11 +206,6 @@ export const useGridFocus = (apiRef, props) => {
 
     if (cellElement?.contains(event.target)) {
       return;
-    } // The row might have been deleted during the click
-
-
-    if (!apiRef.current.getRow(focusedCell.id)) {
-      return;
     }
 
     if (cellParams) {
@@ -221,9 +220,9 @@ export const 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]);
   const handleCellModeChange = React.useCallback(params => {
     if (params.cellMode === 'view') {
       return;

package/modern/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/modern/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/modern/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/modern/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/node/components/GridRow.js

@@ -51,7 +51,8 @@ var _utils = require("../utils/utils");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-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"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -264,9 +265,10 @@ function GridRow(props) {
         updatedRow = apiRef.current.unstable_getRowWithUpdatedValues(rowId, column.field);
       }
 
+      const editCellStateRest = (0, _objectWithoutPropertiesLoose2.default)(editCellState, _excluded2);
       const params = (0, _extends2.default)({}, cellParams, {
         row: updatedRow
-      }, editCellState, {
+      }, editCellStateRest, {
         api: apiRef.current
       });
       content = column.renderEditCell(params); // TODO move to GridCell

package/node/components/cell/GridEditBooleanCell.js

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

package/node/components/cell/GridEditDateCell.js

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

package/node/components/cell/GridEditInputCell.js

@@ -65,7 +65,7 @@ const GridEditInputCellRoot = (0, _styles.styled)(_InputBase.default, {
   }
 }));
 const GridEditInputCell = /*#__PURE__*/React.forwardRef((props, ref) => {
-  var _rootProps$experiment;
+  var _rootProps$experiment, _rootProps$experiment3;
 
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const {
@@ -87,23 +87,36 @@ const GridEditInputCell = /*#__PURE__*/React.forwardRef((props, ref) => {
   };
   const classes = useUtilityClasses(ownerState);
   const handleChange = React.useCallback(async event => {
+    var _rootProps$experiment2;
+
     const newValue = event.target.value;
 
     if (onValueChange) {
       await onValueChange(event, newValue);
     }
 
-    setValueState(newValue);
+    const column = apiRef.current.getColumn(field);
+    let parsedValue = newValue;
+
+    if (column.valueParser && (_rootProps$experiment2 = rootProps.experimentalFeatures) != null && _rootProps$experiment2.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$experiment3 = rootProps.experimentalFeatures) == null ? void 0 : _rootProps$experiment3.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]);
   (0, _utils.unstable_useEnhancedEffect)(() => {
     if (hasFocus) {
       inputRef.current.focus();
@@ -137,6 +150,7 @@ process.env.NODE_ENV !== "production" ? GridEditInputCell.propTypes = {
    * The mode of the cell.
    */
   cellMode: _propTypes.default.oneOf(['edit', 'view']),
+  changeReason: _propTypes.default.oneOf(['debouncedSetEditCellValue', 'setEditCellValue']),
 
   /**
    * The column of the row that the current cell belongs to.

package/node/components/cell/GridEditSingleSelectCell.js

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

package/node/hooks/features/editRows/useGridCellEditing.new.js

@@ -382,7 +382,9 @@ const useGridCellEditing = (apiRef, props) => {
     const {
       id,
       field,
-      value
+      value,
+      debounceMs,
+      unstable_skipValueParser: skipValueParser
     } = params;
     throwIfNotEditable(id, field);
     throwIfNotInMode(id, field, _gridEditRowModel.GridCellModes.Edit);
@@ -390,13 +392,14 @@ const useGridCellEditing = (apiRef, props) => {
     const row = apiRef.current.getRow(id);
     let parsedValue = value;
 
-    if (column.valueParser) {
+    if (column.valueParser && !skipValueParser) {
       parsedValue = column.valueParser(value, apiRef.current.getCellParams(id, field));
     }
 
     let editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
     let newProps = (0, _extends2.default)({}, editingState[id][field], {
-      value: parsedValue
+      value: parsedValue,
+      changeReason: debounceMs ? 'debouncedSetEditCellValue' : 'setEditCellValue'
     });
 
     if (column.preProcessEditCellProps) {

package/node/hooks/features/editRows/useGridEditing.new.js

@@ -19,6 +19,8 @@ var _gridEditRowModel = require("../../../models/gridEditRowModel");
 
 var _useGridRowEditing = require("./useGridRowEditing.new");
 
+var _gridEditRowsSelector = require("./gridEditRowsSelector");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -138,11 +140,18 @@ const useGridEditing = (apiRef, props) => {
   const getRowWithUpdatedValues = React.useCallback((id, field) => {
     return props.editMode === _gridEditRowModel.GridEditModes.Cell ? apiRef.current.unstable_getRowWithUpdatedValuesFromCellEditing(id, field) : apiRef.current.unstable_getRowWithUpdatedValuesFromRowEditing(id);
   }, [apiRef, props.editMode]);
+  const getEditCellMeta = React.useCallback((id, field) => {
+    const editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
+    return {
+      changeReason: editingState[id][field].changeReason
+    };
+  }, [apiRef]);
   const editingSharedApi = {
     isCellEditable,
     setEditCellValue,
     unstable_runPendingEditCellValueMutation: runPendingEditCellValueMutation,
-    unstable_getRowWithUpdatedValues: getRowWithUpdatedValues
+    unstable_getRowWithUpdatedValues: getRowWithUpdatedValues,
+    unstable_getEditCellMeta: getEditCellMeta
   };
   (0, _useGridApiMethod.useGridApiMethod)(apiRef, editingSharedApi, 'EditingApi');
 };

package/node/hooks/features/editRows/useGridRowEditing.new.js

@@ -461,20 +461,23 @@ const useGridRowEditing = (apiRef, props) => {
     const {
       id,
       field,
-      value
+      value,
+      debounceMs,
+      unstable_skipValueParser: skipValueParser
     } = params;
     throwIfNotEditable(id, field);
     const column = apiRef.current.getColumn(field);
     const row = apiRef.current.getRow(id);
     let parsedValue = value;
 
-    if (column.valueParser) {
+    if (column.valueParser && !skipValueParser) {
       parsedValue = column.valueParser(value, apiRef.current.getCellParams(id, field));
     }
 
     let editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
     let newProps = (0, _extends2.default)({}, editingState[id][field], {
-      value: parsedValue
+      value: parsedValue,
+      changeReason: debounceMs ? 'debouncedSetEditCellValue' : 'setEditCellValue'
     });
 
     if (!column.preProcessEditCellProps) {

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

@@ -55,6 +55,14 @@ exports.focusStateInitializer = focusStateInitializer;
 const useGridFocus = (apiRef, props) => {
   const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useGridFocus');
   const lastClickedCell = React.useRef(null);
+  const publishCellFocusOut = React.useCallback((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]);
   const setCellFocus = React.useCallback((id, field) => {
     const focusedCell = (0, _gridFocusStateSelector.gridFocusCellSelector)(apiRef);
 
@@ -90,18 +98,14 @@ const 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]);
   const setColumnHeaderFocus = React.useCallback((field, event = {}) => {
     const cell = (0, _gridFocusStateSelector.gridFocusCellSelector)(apiRef);
-
-    if (cell) {
-      apiRef.current.publishEvent('cellFocusOut', apiRef.current.getCellParams(cell.id, cell.field), event);
-    }
-
+    publishCellFocusOut(cell, event);
     apiRef.current.setState(state => {
       logger.debug(`Focusing on column header with colIndex=${field}`);
       return (0, _extends2.default)({}, state, {
@@ -120,7 +124,7 @@ const useGridFocus = (apiRef, props) => {
       });
     });
     apiRef.current.forceUpdate();
-  }, [apiRef, logger]);
+  }, [apiRef, logger, publishCellFocusOut]);
   const moveFocusToRelativeCell = React.useCallback((id, field, direction) => {
     let columnIndexToFocus = apiRef.current.getColumnIndex(field);
     let rowIndexToFocus = apiRef.current.getRowIndexRelativeToVisibleRows(id);
@@ -229,11 +233,6 @@ const 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) {
@@ -248,9 +247,9 @@ const 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]);
   const handleCellModeChange = React.useCallback(params => {
     if (params.cellMode === 'view') {
       return;

package/node/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.