@mui/x-data-grid 6.7.0 → 6.8.0

package/legacy/components/toolbar/GridToolbar.js

@@ -14,8 +14,8 @@ import { GridToolbarQuickFilter } from './GridToolbarQuickFilter';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var GridToolbar = /*#__PURE__*/React.forwardRef(function GridToolbar(props, ref) {
-  // TODO v6: think about where export option should be passed.
-  // from componentProps={{ toolbarExport: { ...exportOption} }} seems to be more appropriate
+  // TODO v7: think about where export option should be passed.
+  // from slotProps={{ toolbarExport: { ...exportOption } }} seems to be more appropriate
   var className = props.className,
     csvOptions = props.csvOptions,
     printOptions = props.printOptions,

package/legacy/components/virtualization/GridVirtualScroller.js

@@ -1,6 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className"];
 import * as React from 'react';
 import clsx from 'clsx';
 import { styled } from '@mui/system';
@@ -31,14 +29,13 @@ var VirtualScrollerRoot = styled('div', {
   }
 });
 var GridVirtualScroller = /*#__PURE__*/React.forwardRef(function GridVirtualScroller(props, ref) {
-  var className = props.className,
-    other = _objectWithoutProperties(props, _excluded);
   var rootProps = useGridRootProps();
   var classes = useUtilityClasses(rootProps);
   return /*#__PURE__*/_jsx(VirtualScrollerRoot, _extends({
-    ref: ref,
-    className: clsx(classes.root, className),
+    ref: ref
+  }, props, {
+    className: clsx(classes.root, props.className),
     ownerState: rootProps
-  }, other));
+  }));
 });
 export { GridVirtualScroller };

package/legacy/components/virtualization/GridVirtualScrollerContent.js

@@ -1,6 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "style"];
 import * as React from 'react';
 import clsx from 'clsx';
 import { styled } from '@mui/system';
@@ -8,9 +6,8 @@ import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
 import { getDataGridUtilityClass } from '../../constants/gridClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    overflowedContent = ownerState.overflowedContent;
+var useUtilityClasses = function useUtilityClasses(props, overflowedContent) {
+  var classes = props.classes;
   var slots = {
     root: ['virtualScrollerContent', overflowedContent && 'virtualScrollerContent--overflowed']
   };
@@ -24,19 +21,15 @@ var VirtualScrollerContentRoot = styled('div', {
   }
 })({});
 var GridVirtualScrollerContent = /*#__PURE__*/React.forwardRef(function GridVirtualScrollerContent(props, ref) {
-  var className = props.className,
-    style = props.style,
-    other = _objectWithoutProperties(props, _excluded);
+  var _props$style;
   var rootProps = useGridRootProps();
-  var ownerState = _extends({}, rootProps, {
-    overflowedContent: !rootProps.autoHeight && (style == null ? void 0 : style.minHeight) === 'auto'
-  });
-  var classes = useUtilityClasses(ownerState);
+  var overflowedContent = !rootProps.autoHeight && ((_props$style = props.style) == null ? void 0 : _props$style.minHeight) === 'auto';
+  var classes = useUtilityClasses(rootProps, overflowedContent);
   return /*#__PURE__*/_jsx(VirtualScrollerContentRoot, _extends({
-    ref: ref,
-    className: clsx(classes.root, className),
-    ownerState: ownerState,
-    style: style
-  }, other));
+    ref: ref
+  }, props, {
+    ownerState: rootProps,
+    className: clsx(classes.root, props.className)
+  }));
 });
 export { GridVirtualScrollerContent };

package/legacy/constants/defaultGridSlotsComponents.js

@@ -1,11 +1,15 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { GridCell, GridSkeletonCell, GridColumnsPanel, GridFilterPanel, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridPanel, GridPreferencesPanel, GridRow, GridColumnHeaderFilterIconButton } from '../components';
+import { GridSkeletonCell, GridColumnsPanel, GridFilterPanel, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridPanel, GridPreferencesPanel, GridRow, GridColumnHeaderFilterIconButton } from '../components';
+import { GridCellV7 } from '../components/cell/GridCell';
 import { GridColumnHeaders } from '../components/GridColumnHeaders';
 import { GridColumnMenu } from '../components/menu/columnMenu/GridColumnMenu';
 import { GridNoResultsOverlay } from '../components/GridNoResultsOverlay';
 import materialSlots from '../material';
+
+// TODO: camelCase these key. It's a private helper now.
+// Remove then need to call `uncapitalizeObjectKeys`.
 export var DATA_GRID_DEFAULT_SLOTS_COMPONENTS = _extends({}, materialSlots, {
-  Cell: GridCell,
+  Cell: GridCellV7,
   SkeletonCell: GridSkeletonCell,
   ColumnHeaderFilterIconButton: GridColumnHeaderFilterIconButton,
   ColumnMenu: GridColumnMenu,

package/legacy/hooks/core/useGridApiInitialization.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { Store } from '../../utils/Store';
 import { useGridApiMethod } from '../utils/useGridApiMethod';
 import { GridSignature } from '../utils/useGridApiEventHandler';
 import { EventManager } from '../../utils/EventManager';
@@ -37,8 +38,10 @@ var wrapPublicApi = function wrapPublicApi(publicApi) {
 export function useGridApiInitialization(inputApiRef, props) {
   var publicApiRef = React.useRef();
   if (!publicApiRef.current) {
+    var state = {};
     publicApiRef.current = {
-      state: {},
+      state: state,
+      store: Store.create(state),
       instanceId: {
         id: globalId
       }

package/legacy/hooks/core/useGridStateInitialization.js

@@ -1,8 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["stateId"];
 import * as React from 'react';
 import { GridSignature } from '../utils/useGridApiEventHandler';
 import { useGridApiMethod } from '../utils';
@@ -13,11 +11,7 @@ export var useGridStateInitialization = function useGridStateInitialization(apiR
     _React$useState2 = _slicedToArray(_React$useState, 2),
     rawForceUpdate = _React$useState2[1];
   var registerControlState = React.useCallback(function (controlStateItem) {
-    var stateId = controlStateItem.stateId,
-      others = _objectWithoutProperties(controlStateItem, _excluded);
-    controlStateMapRef.current[stateId] = _extends({}, others, {
-      stateId: stateId
-    });
+    controlStateMapRef.current[controlStateItem.stateId] = controlStateItem;
   }, []);
   var setState = React.useCallback(function (state, reason) {
     var newState;
@@ -64,6 +58,7 @@ export var useGridStateInitialization = function useGridStateInitialization(apiR
       if (apiRef.current.publishEvent) {
         apiRef.current.publishEvent('stateChange', newState);
       }
+      apiRef.current.store.update(newState);
     }
     if (updatedControlStateIds.length === 1) {
       var _updatedControlStateI = updatedControlStateIds[0],

package/legacy/hooks/features/clipboard/useGridClipboard.js

@@ -55,10 +55,7 @@ export var useGridClipboard = function useGridClipboard(apiRef, props) {
   var ignoreValueFormatter = (_typeof(ignoreValueFormatterProp) === 'object' ? ignoreValueFormatterProp == null ? void 0 : ignoreValueFormatterProp.clipboardExport : ignoreValueFormatterProp) || false;
   var clipboardCopyCellDelimiter = props.clipboardCopyCellDelimiter;
   var handleCopy = React.useCallback(function (event) {
-    var isModifierKeyPressed = event.ctrlKey || event.metaKey;
-    // event.code === 'KeyC' is not enough as event.code assume a QWERTY keyboard layout which would
-    // be wrong with a Dvorak keyboard (as if pressing J).
-    if (String.fromCharCode(event.keyCode) !== 'C' || !isModifierKeyPressed) {
+    if (!((event.ctrlKey || event.metaKey) && event.key === 'c')) {
       return;
     }
 

package/legacy/hooks/features/columnHeaders/useGridColumnHeaders.js

@@ -11,7 +11,7 @@ import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
 import { GridColumnHeaderItem } from '../../../components/columnHeaders/GridColumnHeaderItem';
 import { getFirstColumnIndexToRender, getTotalHeaderHeight } from '../columns/gridColumnsUtils';
 import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
-import { getRenderableIndexes } from '../virtualization/useGridVirtualScroller';
+import { areRenderContextsEqual, getRenderableIndexes } from '../virtualization/useGridVirtualScroller';
 import { GridColumnGroupHeader } from '../../../components/columnHeaders/GridColumnGroupHeader';
 import { jsx as _jsx } from "react/jsx-runtime";
 var GridColumnHeaderRow = styled('div', {
@@ -62,12 +62,18 @@ export var useGridColumnHeaders = function useGridColumnHeaders(props) {
   var _React$useState5 = React.useState(null),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     renderContext = _React$useState6[0],
-    setRenderContext = _React$useState6[1];
+    setRenderContextRaw = _React$useState6[1];
   var prevRenderContext = React.useRef(renderContext);
   var prevScrollLeft = React.useRef(0);
   var currentPage = useGridVisibleRows(apiRef, rootProps);
   var totalHeaderHeight = getTotalHeaderHeight(apiRef, rootProps.columnHeaderHeight);
   var headerHeight = Math.floor(rootProps.columnHeaderHeight * densityFactor);
+  var setRenderContext = React.useCallback(function (nextRenderContext) {
+    if (renderContext && nextRenderContext && areRenderContextsEqual(renderContext, nextRenderContext)) {
+      return;
+    }
+    setRenderContextRaw(nextRenderContext);
+  }, [renderContext]);
   React.useEffect(function () {
     apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
   }, [apiRef]);
@@ -150,7 +156,7 @@ export var useGridColumnHeaders = function useGridColumnHeaders(props) {
     if (nextRenderContext && canUpdateInnerPosition) {
       updateInnerPosition(nextRenderContext);
     }
-  }, [updateInnerPosition]);
+  }, [updateInnerPosition, setRenderContext]);
   var handleColumnResizeStart = React.useCallback(function (params) {
     return setResizeCol(params.field);
   }, []);

package/legacy/hooks/features/editing/useGridCellEditing.js

@@ -18,7 +18,7 @@ import { buildWarning } from '../../../utils/warning';
 import { gridRowsDataRowIdToIdLookupSelector } from '../rows/gridRowsSelector';
 import { deepClone } from '../../../utils/utils';
 import { GridCellEditStartReasons, GridCellEditStopReasons } from '../../../models/params/gridEditCellParams';
-var missingOnProcessRowUpdateErrorWarning = buildWarning(['MUI: A call to `processRowUpdate` threw an error which was not handled because `onProcessRowUpdateError` is missing.', 'To handle the error pass a callback to the `onProcessRowUpdateError` prop, e.g. `<DataGrid onProcessRowUpdateError={(error) => ...} />`.', 'For more detail, see http://mui.com/components/data-grid/editing/#persistence.'], 'error');
+var missingOnProcessRowUpdateErrorWarning = buildWarning(['MUI: A call to `processRowUpdate` threw an error which was not handled because `onProcessRowUpdateError` is missing.', 'To handle the error pass a callback to the `onProcessRowUpdateError` prop, e.g. `<DataGrid onProcessRowUpdateError={(error) => ...} />`.', 'For more detail, see http://mui.com/components/data-grid/editing/#server-side-persistence.'], 'error');
 export var useGridCellEditing = function useGridCellEditing(apiRef, props) {
   var _React$useState = React.useState({}),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -128,7 +128,8 @@ export var useGridCellEditing = function useGridCellEditing(apiRef, props) {
     var id = params.id,
       field = params.field,
       reason = params.reason,
-      key = params.key;
+      key = params.key,
+      colDef = params.colDef;
     var startCellEditModeParams = {
       id: id,
       field: field
@@ -139,7 +140,8 @@ export var useGridCellEditing = function useGridCellEditing(apiRef, props) {
         // The sequence of events makes the key pressed by the end-users update the textbox directly.
         startCellEditModeParams.deleteValue = true;
       } else {
-        startCellEditModeParams.initialValue = key;
+        var initialValue = colDef.valueParser ? colDef.valueParser(key) : key;
+        startCellEditModeParams.initialValue = initialValue;
       }
     } else if (reason === GridCellEditStartReasons.deleteKeyDown) {
       startCellEditModeParams.deleteValue = true;

package/legacy/hooks/features/editing/useGridRowEditing.js

@@ -17,7 +17,8 @@ import { buildWarning } from '../../../utils/warning';
 import { gridRowsDataRowIdToIdLookupSelector } from '../rows/gridRowsSelector';
 import { deepClone } from '../../../utils/utils';
 import { GridRowEditStopReasons, GridRowEditStartReasons } from '../../../models/params/gridRowParams';
-var missingOnProcessRowUpdateErrorWarning = buildWarning(['MUI: A call to `processRowUpdate` threw an error which was not handled because `onProcessRowUpdateError` is missing.', 'To handle the error pass a callback to the `onProcessRowUpdateError` prop, e.g. `<DataGrid onProcessRowUpdateError={(error) => ...} />`.', 'For more detail, see http://mui.com/components/data-grid/editing/#persistence.'], 'error');
+import { GRID_ACTIONS_COLUMN_TYPE } from '../../../colDef';
+var missingOnProcessRowUpdateErrorWarning = buildWarning(['MUI: A call to `processRowUpdate` threw an error which was not handled because `onProcessRowUpdateError` is missing.', 'To handle the error pass a callback to the `onProcessRowUpdateError` prop, e.g. `<DataGrid onProcessRowUpdateError={(error) => ...} />`.', 'For more detail, see http://mui.com/components/data-grid/editing/#server-side-persistence.'], 'error');
 export var useGridRowEditing = function useGridRowEditing(apiRef, props) {
   var _React$useState = React.useState({}),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -120,6 +121,10 @@ export var useGridRowEditing = function useGridRowEditing(apiRef, props) {
         reason = GridRowEditStopReasons.enterKeyDown;
       } else if (event.key === 'Tab') {
         var columnFields = gridColumnFieldsSelector(apiRef).filter(function (field) {
+          var column = apiRef.current.getColumn(field);
+          if (column.type === GRID_ACTIONS_COLUMN_TYPE) {
+            return true;
+          }
           return apiRef.current.isCellEditable(apiRef.current.getCellParams(params.id, field));
         });
         if (event.shiftKey) {
@@ -144,8 +149,7 @@ export var useGridRowEditing = function useGridRowEditing(apiRef, props) {
         }
       }
       if (reason) {
-        var rowParams = apiRef.current.getRowParams(params.id);
-        var newParams = _extends({}, rowParams, {
+        var newParams = _extends({}, apiRef.current.getRowParams(params.id), {
           reason: reason,
           field: params.field
         });
@@ -172,8 +176,8 @@ export var useGridRowEditing = function useGridRowEditing(apiRef, props) {
         _reason = GridRowEditStartReasons.deleteKeyDown;
       }
       if (_reason) {
-        var _rowParams = apiRef.current.getRowParams(params.id);
-        var _newParams = _extends({}, _rowParams, {
+        var rowParams = apiRef.current.getRowParams(params.id);
+        var _newParams = _extends({}, rowParams, {
           field: params.field,
           key: event.key,
           reason: _reason
@@ -186,7 +190,8 @@ export var useGridRowEditing = function useGridRowEditing(apiRef, props) {
     var id = params.id,
       field = params.field,
       reason = params.reason,
-      key = params.key;
+      key = params.key,
+      columns = params.columns;
     var startRowEditModeParams = {
       id: id,
       fieldToFocus: field
@@ -197,7 +202,10 @@ export var useGridRowEditing = function useGridRowEditing(apiRef, props) {
         // The sequence of events makes the key pressed by the end-users update the textbox directly.
         startRowEditModeParams.deleteValue = !!field;
       } else {
-        startRowEditModeParams.initialValue = key;
+        var colDef = columns.find(function (col) {
+          return col.field === field;
+        });
+        startRowEditModeParams.initialValue = colDef.valueParser ? colDef.valueParser(key) : key;
       }
     } else if (reason === GridRowEditStartReasons.deleteKeyDown) {
       startRowEditModeParams.deleteValue = !!field;

package/legacy/hooks/features/filter/gridFilterUtils.js

@@ -208,30 +208,32 @@ export var buildAggregatedFilterApplier = function buildAggregatedFilterApplier(
     };
   };
 };
-export var passFilterLogic = function passFilterLogic(allFilterItemResults, allQuickFilterResults, filterModel, apiRef) {
-  var _filterModel$quickFil2, _filterModel$logicOpe;
-  var cleanedFilterItems = filterModel.items.filter(function (item) {
-    return getFilterCallbackFromItem(item, apiRef) !== null;
-  });
-  var cleanedAllFilterItemResults = allFilterItemResults.filter(function (result) {
-    return result != null;
-  });
-  var cleanedAllQuickFilterResults = allQuickFilterResults.filter(function (result) {
-    return result != null;
-  });
-
-  // Defaultize operators
-  var quickFilterLogicOperator = (_filterModel$quickFil2 = filterModel.quickFilterLogicOperator) != null ? _filterModel$quickFil2 : getDefaultGridFilterModel().quickFilterLogicOperator;
-  var logicOperator = (_filterModel$logicOpe = filterModel.logicOperator) != null ? _filterModel$logicOpe : getDefaultGridFilterModel().logicOperator;
+var isNotNull = function isNotNull(result) {
+  return result != null;
+};
+var filterModelItems = function filterModelItems(cache, apiRef, items) {
+  if (!cache.cleanedFilterItems) {
+    cache.cleanedFilterItems = items.filter(function (item) {
+      return getFilterCallbackFromItem(item, apiRef) !== null;
+    });
+  }
+  return cache.cleanedFilterItems;
+};
+export var passFilterLogic = function passFilterLogic(allFilterItemResults, allQuickFilterResults, filterModel, apiRef, cache) {
+  var cleanedFilterItems = filterModelItems(cache, apiRef, filterModel.items);
+  var cleanedFilterItemResults = allFilterItemResults.filter(isNotNull);
+  var cleanedQuickFilterResults = allQuickFilterResults.filter(isNotNull);
 
   // get result for filter items model
-  if (cleanedAllFilterItemResults.length > 0) {
+  if (cleanedFilterItemResults.length > 0) {
+    var _filterModel$logicOpe;
     // Return true if the item pass with one of the rows
     var filterItemPredicate = function filterItemPredicate(item) {
-      return cleanedAllFilterItemResults.some(function (filterItemResult) {
+      return cleanedFilterItemResults.some(function (filterItemResult) {
         return filterItemResult[item.id];
       });
     };
+    var logicOperator = (_filterModel$logicOpe = filterModel.logicOperator) != null ? _filterModel$logicOpe : getDefaultGridFilterModel().logicOperator;
     if (logicOperator === GridLogicOperator.And) {
       var passesAllFilters = cleanedFilterItems.every(filterItemPredicate);
       if (!passesAllFilters) {
@@ -246,13 +248,15 @@ export var passFilterLogic = function passFilterLogic(allFilterItemResults, allQ
   }
 
   // get result for quick filter model
-  if (cleanedAllQuickFilterResults.length > 0 && filterModel.quickFilterValues != null) {
+  if (cleanedQuickFilterResults.length > 0 && filterModel.quickFilterValues != null) {
+    var _filterModel$quickFil2;
     // Return true if the item pass with one of the rows
     var quickFilterValuePredicate = function quickFilterValuePredicate(value) {
-      return cleanedAllQuickFilterResults.some(function (quickFilterValueResult) {
+      return cleanedQuickFilterResults.some(function (quickFilterValueResult) {
         return quickFilterValueResult[value];
       });
     };
+    var quickFilterLogicOperator = (_filterModel$quickFil2 = filterModel.quickFilterLogicOperator) != null ? _filterModel$quickFil2 : getDefaultGridFilterModel().quickFilterLogicOperator;
     if (quickFilterLogicOperator === GridLogicOperator.And) {
       var passesAllQuickFilterValues = filterModel.quickFilterValues.every(quickFilterValuePredicate);
       if (!passesAllQuickFilterValues) {

package/legacy/hooks/features/filter/useGridFilter.js

@@ -272,6 +272,7 @@ export var useGridFilter = function useGridFilter(apiRef, props) {
       var tree = gridRowTreeSelector(apiRef);
       var rowIds = tree[GRID_ROOT_GROUP_ID].children;
       var filteredRowsLookup = {};
+      var filterCache = {};
       for (var i = 0; i < rowIds.length; i += 1) {
         var rowId = rowIds[i];
         var isRowPassing = void 0;
@@ -281,7 +282,7 @@ export var useGridFilter = function useGridFilter(apiRef, props) {
           var _params$isRowMatching = params.isRowMatchingFilters(rowId),
             passingFilterItems = _params$isRowMatching.passingFilterItems,
             passingQuickFilterValues = _params$isRowMatching.passingQuickFilterValues;
-          isRowPassing = passFilterLogic([passingFilterItems], [passingQuickFilterValues], params.filterModel, apiRef);
+          isRowPassing = passFilterLogic([passingFilterItems], [passingQuickFilterValues], params.filterModel, apiRef, filterCache);
         }
         filteredRowsLookup[rowId] = isRowPassing;
       }

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { unstable_ownerDocument as ownerDocument } from '@mui/utils';
+import { gridClasses } from '../../../constants/gridClasses';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { useGridLogger } from '../../utils/useGridLogger';
 import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
@@ -243,20 +244,24 @@ export var useGridFocus = function useGridFocus(apiRef, props) {
     }
     apiRef.current.setColumnHeaderFocus(field, event);
   }, [apiRef]);
-  var focussedColumnGroup = unstable_gridFocusColumnGroupHeaderSelector(apiRef);
   var handleColumnGroupHeaderFocus = React.useCallback(function (_ref3, event) {
     var fields = _ref3.fields,
       depth = _ref3.depth;
     if (event.target !== event.currentTarget) {
       return;
     }
-    if (focussedColumnGroup !== null && focussedColumnGroup.depth === depth && fields.includes(focussedColumnGroup.field)) {
+    var focusedColumnGroup = unstable_gridFocusColumnGroupHeaderSelector(apiRef);
+    if (focusedColumnGroup !== null && focusedColumnGroup.depth === depth && fields.includes(focusedColumnGroup.field)) {
       // This group cell has already been focused
       return;
     }
     apiRef.current.setColumnGroupHeaderFocus(fields[0], depth, event);
-  }, [apiRef, focussedColumnGroup]);
-  var handleBlur = React.useCallback(function () {
+  }, [apiRef]);
+  var handleBlur = React.useCallback(function (_, event) {
+    var _event$relatedTarget;
+    if ((_event$relatedTarget = event.relatedTarget) != null && _event$relatedTarget.className.includes(gridClasses.columnHeader)) {
+      return;
+    }
     logger.debug("Clearing focus");
     apiRef.current.setState(function (state) {
       return _extends({}, state, {

package/legacy/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js

@@ -14,7 +14,6 @@ import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from '../../../constants/gridDetailPan
 import { gridPinnedRowsSelector } from '../rows/gridRowsSelector';
 import { unstable_gridFocusColumnGroupHeaderSelector } from '../focus';
 import { gridColumnGroupsHeaderMaxDepthSelector } from '../columnGrouping/gridColumnGroupsSelector';
-import { useGridSelector } from '../../utils/useGridSelector';
 import { unstable_gridHeaderFilteringEditFieldSelector, unstable_gridHeaderFilteringMenuSelector } from '../headerFiltering/gridHeaderFilteringSelectors';
 import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
 function enrichPageRowsWithPinnedRows(apiRef, rows) {
@@ -324,12 +323,12 @@ export var useGridKeyboardNavigation = function useGridKeyboardNavigation(apiRef
       event.preventDefault();
     }
   }, [apiRef, currentPageRows.length, goToHeaderFilter, theme.direction, goToHeader, goToCell, getRowIdFromIndex]);
-  var focusedColumnGroup = useGridSelector(apiRef, unstable_gridFocusColumnGroupHeaderSelector);
   var handleColumnGroupHeaderKeyDown = React.useCallback(function (params, event) {
     var dimensions = apiRef.current.getRootDimensions();
     if (!dimensions) {
       return;
     }
+    var focusedColumnGroup = unstable_gridFocusColumnGroupHeaderSelector(apiRef);
     if (focusedColumnGroup === null) {
       return;
     }
@@ -409,7 +408,7 @@ export var useGridKeyboardNavigation = function useGridKeyboardNavigation(apiRef
     if (shouldPreventDefault) {
       event.preventDefault();
     }
-  }, [apiRef, focusedColumnGroup, currentPageRows.length, goToHeader, goToGroupHeader, goToCell, getRowIdFromIndex]);
+  }, [apiRef, currentPageRows.length, goToHeader, goToGroupHeader, goToCell, getRowIdFromIndex]);
   var handleCellKeyDown = React.useCallback(function (params, event) {
     // Ignore portal
     if (!event.currentTarget.contains(event.target)) {

package/legacy/hooks/features/rows/useGridParamsApi.js

@@ -1,12 +1,24 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import * as React from 'react';
 import { getGridCellElement, getGridColumnHeaderElement, getGridRowElement } from '../../../utils/domUtils';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { gridFocusCellSelector, gridTabIndexCellSelector } from '../focus/gridFocusStateSelector';
-var warnedOnceMissingColumn = false;
-function warnMissingColumn(field) {
-  console.warn(["MUI: You are calling getValue('".concat(field, "') but the column `").concat(field, "` is not defined."), "Instead, you can access the data from `params.row.".concat(field, "`.")].join('\n'));
-  warnedOnceMissingColumn = true;
-}
+export var MissingRowIdError = /*#__PURE__*/function (_Error) {
+  _inherits(MissingRowIdError, _Error);
+  var _super = _createSuper(MissingRowIdError);
+  function MissingRowIdError() {
+    _classCallCheck(this, MissingRowIdError);
+    return _super.apply(this, arguments);
+  }
+  return _createClass(MissingRowIdError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
 
 /**
  * @requires useGridColumns (method)
@@ -26,7 +38,7 @@ export function useGridParamsApi(apiRef) {
   var getRowParams = React.useCallback(function (id) {
     var row = apiRef.current.getRow(id);
     if (!row) {
-      throw new Error("No row with id #".concat(id, " found"));
+      throw new MissingRowIdError("No row with id #".concat(id, " found"));
     }
     var params = {
       id: id,
@@ -39,7 +51,7 @@ export function useGridParamsApi(apiRef) {
     var row = apiRef.current.getRow(id);
     var rowNode = apiRef.current.getRowNode(id);
     if (!row || !rowNode) {
-      throw new Error("No row with id #".concat(id, " found"));
+      throw new MissingRowIdError("No row with id #".concat(id, " found"));
     }
     var cellFocus = gridFocusCellSelector(apiRef);
     var cellTabIndex = gridTabIndexCellSelector(apiRef);
@@ -63,7 +75,7 @@ export function useGridParamsApi(apiRef) {
     var row = apiRef.current.getRow(id);
     var rowNode = apiRef.current.getRowNode(id);
     if (!row || !rowNode) {
-      throw new Error("No row with id #".concat(id, " found"));
+      throw new MissingRowIdError("No row with id #".concat(id, " found"));
     }
     var cellFocus = gridFocusCellSelector(apiRef);
     var cellTabIndex = gridTabIndexCellSelector(apiRef);
@@ -77,7 +89,8 @@ export function useGridParamsApi(apiRef) {
       hasFocus: cellFocus !== null && cellFocus.field === field && cellFocus.id === id,
       tabIndex: cellTabIndex && cellTabIndex.field === field && cellTabIndex.id === id ? 0 : -1,
       value: value,
-      formattedValue: value
+      formattedValue: value,
+      isEditable: false
     };
     if (colDef && colDef.valueFormatter) {
       params.formattedValue = colDef.valueFormatter({
@@ -92,15 +105,10 @@ export function useGridParamsApi(apiRef) {
   }, [apiRef]);
   var getCellValue = React.useCallback(function (id, field) {
     var colDef = apiRef.current.getColumn(field);
-    if (process.env.NODE_ENV !== 'production') {
-      if (!colDef && !warnedOnceMissingColumn) {
-        warnMissingColumn(field);
-      }
-    }
     if (!colDef || !colDef.valueGetter) {
       var rowModel = apiRef.current.getRow(id);
       if (!rowModel) {
-        throw new Error("No row with id #".concat(id, " found"));
+        throw new MissingRowIdError("No row with id #".concat(id, " found"));
       }
       return rowModel[field];
     }