@mui/x-data-grid 6.18.0 → 7.0.0-alpha.0

package/legacy/DataGrid/useDataGridProps.js

@@ -1,11 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as React from 'react';
 import { useThemeProps } from '@mui/material/styles';
 import { GRID_DEFAULT_LOCALE_TEXT } from '../constants';
 import { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from '../constants/defaultGridSlotsComponents';
 import { GridEditModes } from '../models';
-import { computeSlots, useProps, uncapitalizeObjectKeys } from '../internals/utils';
+import { computeSlots, useProps } from '../internals/utils';
 var DATA_GRID_FORCED_PROPS = {
   disableMultipleColumnsFiltering: true,
   disableMultipleColumnsSorting: true,
@@ -73,32 +72,25 @@ export var DATA_GRID_PROPS_DEFAULT_VALUES = {
   clipboardCopyCellDelimiter: '\t',
   rowPositionsDebounceMs: 166
 };
-var defaultSlots = uncapitalizeObjectKeys(DATA_GRID_DEFAULT_SLOTS_COMPONENTS);
+var defaultSlots = DATA_GRID_DEFAULT_SLOTS_COMPONENTS;
 export var useDataGridProps = function useDataGridProps(inProps) {
-  var _useProps = useProps(useThemeProps({
-      props: inProps,
-      name: 'MuiDataGrid'
-    })),
-    _useProps2 = _slicedToArray(_useProps, 3),
-    components = _useProps2[0],
-    componentsProps = _useProps2[1],
-    themedProps = _useProps2[2];
+  var themedProps = useProps(useThemeProps({
+    props: inProps,
+    name: 'MuiDataGrid'
+  }));
   var localeText = React.useMemo(function () {
     return _extends({}, GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText);
   }, [themedProps.localeText]);
   var slots = React.useMemo(function () {
     return computeSlots({
       defaultSlots: defaultSlots,
-      slots: themedProps.slots,
-      components: components
+      slots: themedProps.slots
     });
-  }, [components, themedProps.slots]);
+  }, [themedProps.slots]);
   return React.useMemo(function () {
-    var _themedProps$slotProp;
     return _extends({}, DATA_GRID_PROPS_DEFAULT_VALUES, themedProps, {
       localeText: localeText,
-      slots: slots,
-      slotProps: (_themedProps$slotProp = themedProps.slotProps) != null ? _themedProps$slotProp : componentsProps
+      slots: slots
     }, DATA_GRID_FORCED_PROPS);
-  }, [themedProps, localeText, slots, componentsProps]);
+  }, [themedProps, localeText, slots]);
 };

package/legacy/colDef/gridActionsColDef.js

@@ -14,6 +14,5 @@ export var GRID_ACTIONS_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   disableColumnMenu: true,
   disableExport: true,
   renderCell: renderActionsCell,
-  getApplyQuickFilterFn: undefined,
-  getApplyQuickFilterFnV7: undefined
+  getApplyQuickFilterFn: undefined
 });

package/legacy/colDef/gridBooleanColDef.js

@@ -35,7 +35,6 @@ export var GRID_BOOLEAN_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   valueFormatter: gridBooleanFormatter,
   filterOperators: getGridBooleanOperators(),
   getApplyQuickFilterFn: undefined,
-  getApplyQuickFilterFnV7: undefined,
   // @ts-ignore
   aggregable: false,
   // @ts-ignore

package/legacy/colDef/gridBooleanOperators.js

@@ -1,9 +1,8 @@
 import { GridFilterInputBoolean } from '../components/panel/filterPanel/GridFilterInputBoolean';
-import { convertLegacyOperators } from './utils';
 export var getGridBooleanOperators = function getGridBooleanOperators() {
-  return convertLegacyOperators([{
+  return [{
     value: 'is',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (!filterItem.value) {
         return null;
       }
@@ -13,5 +12,5 @@ export var getGridBooleanOperators = function getGridBooleanOperators() {
       };
     },
     InputComponent: GridFilterInputBoolean
-  }]);
+  }];
 };

package/legacy/colDef/gridCheckboxSelectionColDef.js

@@ -19,7 +19,6 @@ export var GRID_CHECKBOX_SELECTION_COL_DEF = _extends({}, GRID_BOOLEAN_COL_DEF,
   disableReorder: true,
   disableExport: true,
   getApplyQuickFilterFn: undefined,
-  getApplyQuickFilterFnV7: undefined,
   valueGetter: function valueGetter(params) {
     var selectionLookup = selectedIdsLookupSelector(params.api.state, params.api.instanceId);
     return selectionLookup[params.id] !== undefined;

package/legacy/colDef/gridDateOperators.js

@@ -1,6 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { GridFilterInputDate } from '../components/panel/filterPanel/GridFilterInputDate';
-import { convertLegacyOperators } from './utils';
 var dateRegex = /(\d+)-(\d+)-(\d+)/;
 var dateTimeRegex = /(\d+)-(\d+)-(\d+)T(\d+):(\d+)/;
 function buildApplyFilterFn(filterItem, compareFn, showTime, keepHours) {
@@ -30,9 +29,9 @@ function buildApplyFilterFn(filterItem, compareFn, showTime, keepHours) {
   };
 }
 export var getGridDateOperators = function getGridDateOperators(showTime) {
-  return convertLegacyOperators([{
+  return [{
     value: 'is',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       return buildApplyFilterFn(filterItem, function (value1, value2) {
         return value1 === value2;
       }, showTime);
@@ -43,7 +42,7 @@ export var getGridDateOperators = function getGridDateOperators(showTime) {
     }
   }, {
     value: 'not',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       return buildApplyFilterFn(filterItem, function (value1, value2) {
         return value1 !== value2;
       }, showTime);
@@ -54,7 +53,7 @@ export var getGridDateOperators = function getGridDateOperators(showTime) {
     }
   }, {
     value: 'after',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       return buildApplyFilterFn(filterItem, function (value1, value2) {
         return value1 > value2;
       }, showTime);
@@ -65,7 +64,7 @@ export var getGridDateOperators = function getGridDateOperators(showTime) {
     }
   }, {
     value: 'onOrAfter',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       return buildApplyFilterFn(filterItem, function (value1, value2) {
         return value1 >= value2;
       }, showTime);
@@ -76,7 +75,7 @@ export var getGridDateOperators = function getGridDateOperators(showTime) {
     }
   }, {
     value: 'before',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       return buildApplyFilterFn(filterItem, function (value1, value2) {
         return value1 < value2;
       }, showTime, !showTime);
@@ -87,7 +86,7 @@ export var getGridDateOperators = function getGridDateOperators(showTime) {
     }
   }, {
     value: 'onOrBefore',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       return buildApplyFilterFn(filterItem, function (value1, value2) {
         return value1 <= value2;
       }, showTime);
@@ -98,7 +97,7 @@ export var getGridDateOperators = function getGridDateOperators(showTime) {
     }
   }, {
     value: 'isEmpty',
-    getApplyFilterFnV7: function getApplyFilterFnV7() {
+    getApplyFilterFn: function getApplyFilterFn() {
       return function (value) {
         return value == null;
       };
@@ -106,11 +105,11 @@ export var getGridDateOperators = function getGridDateOperators(showTime) {
     requiresFilterValue: false
   }, {
     value: 'isNotEmpty',
-    getApplyFilterFnV7: function getApplyFilterFnV7() {
+    getApplyFilterFn: function getApplyFilterFn() {
       return function (value) {
         return value != null;
       };
     },
     requiresFilterValue: false
-  }]);
+  }];
 };

package/legacy/colDef/gridNumericColDef.js

@@ -3,7 +3,6 @@ import { gridNumberComparator } from '../hooks/features/sorting/gridSortingUtils
 import { isNumber } from '../utils/utils';
 import { getGridNumericOperators, getGridNumericQuickFilterFn } from './gridNumericOperators';
 import { GRID_STRING_COL_DEF } from './gridStringColDef';
-import { convertQuickFilterV7ToLegacy } from './utils';
 export var GRID_NUMERIC_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   type: 'number',
   align: 'right',
@@ -17,6 +16,5 @@ export var GRID_NUMERIC_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
     return isNumber(value) ? value.toLocaleString() : value || '';
   },
   filterOperators: getGridNumericOperators(),
-  getApplyQuickFilterFn: convertQuickFilterV7ToLegacy(getGridNumericQuickFilterFn),
-  getApplyQuickFilterFnV7: getGridNumericQuickFilterFn
+  getApplyQuickFilterFn: getGridNumericQuickFilterFn
 });

package/legacy/colDef/gridNumericOperators.js

@@ -1,24 +1,23 @@
 import { GridFilterInputValue } from '../components/panel/filterPanel/GridFilterInputValue';
 import { GridFilterInputMultipleValue } from '../components/panel/filterPanel/GridFilterInputMultipleValue';
-import { convertLegacyOperators, tagInternalFilter } from './utils';
 var parseNumericValue = function parseNumericValue(value) {
   if (value == null) {
     return null;
   }
   return Number(value);
 };
-export var getGridNumericQuickFilterFn = tagInternalFilter(function (value) {
+export var getGridNumericQuickFilterFn = function getGridNumericQuickFilterFn(value) {
   if (value == null || Number.isNaN(value) || value === '') {
     return null;
   }
   return function (columnValue) {
     return parseNumericValue(columnValue) === parseNumericValue(value);
   };
-});
+};
 export var getGridNumericOperators = function getGridNumericOperators() {
-  return convertLegacyOperators([{
+  return [{
     value: '=',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (filterItem.value == null || Number.isNaN(filterItem.value)) {
         return null;
       }
@@ -32,7 +31,7 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     }
   }, {
     value: '!=',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (filterItem.value == null || Number.isNaN(filterItem.value)) {
         return null;
       }
@@ -46,7 +45,7 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     }
   }, {
     value: '>',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (filterItem.value == null || Number.isNaN(filterItem.value)) {
         return null;
       }
@@ -63,7 +62,7 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     }
   }, {
     value: '>=',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (filterItem.value == null || Number.isNaN(filterItem.value)) {
         return null;
       }
@@ -80,7 +79,7 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     }
   }, {
     value: '<',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (filterItem.value == null || Number.isNaN(filterItem.value)) {
         return null;
       }
@@ -97,7 +96,7 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     }
   }, {
     value: '<=',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (filterItem.value == null || Number.isNaN(filterItem.value)) {
         return null;
       }
@@ -114,7 +113,7 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     }
   }, {
     value: 'isEmpty',
-    getApplyFilterFnV7: function getApplyFilterFnV7() {
+    getApplyFilterFn: function getApplyFilterFn() {
       return function (value) {
         return value == null;
       };
@@ -122,7 +121,7 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     requiresFilterValue: false
   }, {
     value: 'isNotEmpty',
-    getApplyFilterFnV7: function getApplyFilterFnV7() {
+    getApplyFilterFn: function getApplyFilterFn() {
       return function (value) {
         return value != null;
       };
@@ -130,7 +129,7 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     requiresFilterValue: false
   }, {
     value: 'isAnyOf',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (!Array.isArray(filterItem.value) || filterItem.value.length === 0) {
         return null;
       }
@@ -142,5 +141,5 @@ export var getGridNumericOperators = function getGridNumericOperators() {
     InputComponentProps: {
       type: 'number'
     }
-  }]);
+  }];
 };

package/legacy/colDef/gridSingleSelectOperators.js

@@ -1,7 +1,6 @@
 import { GridFilterInputSingleSelect } from '../components/panel/filterPanel/GridFilterInputSingleSelect';
 import { GridFilterInputMultipleSingleSelect } from '../components/panel/filterPanel/GridFilterInputMultipleSingleSelect';
 import { isObject } from '../utils/utils';
-import { convertLegacyOperators } from './utils';
 var parseObjectValue = function parseObjectValue(value) {
   if (value == null || !isObject(value)) {
     return value;
@@ -9,9 +8,9 @@ var parseObjectValue = function parseObjectValue(value) {
   return value.value;
 };
 export var getGridSingleSelectOperators = function getGridSingleSelectOperators() {
-  return convertLegacyOperators([{
+  return [{
     value: 'is',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (filterItem.value == null || filterItem.value === '') {
         return null;
       }
@@ -22,7 +21,7 @@ export var getGridSingleSelectOperators = function getGridSingleSelectOperators(
     InputComponent: GridFilterInputSingleSelect
   }, {
     value: 'not',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (filterItem.value == null || filterItem.value === '') {
         return null;
       }
@@ -33,7 +32,7 @@ export var getGridSingleSelectOperators = function getGridSingleSelectOperators(
     InputComponent: GridFilterInputSingleSelect
   }, {
     value: 'isAnyOf',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (!Array.isArray(filterItem.value) || filterItem.value.length === 0) {
         return null;
       }
@@ -43,5 +42,5 @@ export var getGridSingleSelectOperators = function getGridSingleSelectOperators(
       };
     },
     InputComponent: GridFilterInputMultipleSingleSelect
-  }]);
+  }];
 };

package/legacy/colDef/gridStringColDef.js

@@ -1,7 +1,6 @@
 import { renderEditInputCell } from '../components/cell/GridEditInputCell';
 import { gridStringOrNumberComparator } from '../hooks/features/sorting/gridSortingUtils';
 import { getGridStringOperators, getGridStringQuickFilterFn } from './gridStringOperators';
-import { convertQuickFilterV7ToLegacy } from './utils';
 
 /**
  * TODO: Move pro and premium properties outside of this Community file
@@ -24,6 +23,5 @@ export var GRID_STRING_COL_DEF = {
   align: 'left',
   filterOperators: getGridStringOperators(),
   renderEditCell: renderEditInputCell,
-  getApplyQuickFilterFn: convertQuickFilterV7ToLegacy(getGridStringQuickFilterFn),
-  getApplyQuickFilterFnV7: getGridStringQuickFilterFn
+  getApplyQuickFilterFn: getGridStringQuickFilterFn
 };

package/legacy/colDef/gridStringOperators.js

@@ -1,21 +1,25 @@
 import { GridFilterInputValue } from '../components/panel/filterPanel/GridFilterInputValue';
 import { escapeRegExp } from '../utils/utils';
 import { GridFilterInputMultipleValue } from '../components/panel/filterPanel/GridFilterInputMultipleValue';
-import { convertLegacyOperators, tagInternalFilter } from './utils';
-export var getGridStringQuickFilterFn = tagInternalFilter(function (value) {
+import { removeDiacritics } from '../hooks/features/filter/gridFilterUtils';
+export var getGridStringQuickFilterFn = function getGridStringQuickFilterFn(value) {
   if (!value) {
     return null;
   }
   var filterRegex = new RegExp(escapeRegExp(value), 'i');
-  return function (columnValue) {
+  return function (_, row, column, apiRef) {
+    var columnValue = apiRef.current.getRowFormattedValue(row, column);
+    if (apiRef.current.ignoreDiacritics) {
+      columnValue = removeDiacritics(columnValue);
+    }
     return columnValue != null ? filterRegex.test(columnValue.toString()) : false;
   };
-});
+};
 export var getGridStringOperators = function getGridStringOperators() {
   var disableTrim = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  return convertLegacyOperators([{
+  return [{
     value: 'contains',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (!filterItem.value) {
         return null;
       }
@@ -28,7 +32,7 @@ export var getGridStringOperators = function getGridStringOperators() {
     InputComponent: GridFilterInputValue
   }, {
     value: 'equals',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (!filterItem.value) {
         return null;
       }
@@ -44,7 +48,7 @@ export var getGridStringOperators = function getGridStringOperators() {
     InputComponent: GridFilterInputValue
   }, {
     value: 'startsWith',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (!filterItem.value) {
         return null;
       }
@@ -57,7 +61,7 @@ export var getGridStringOperators = function getGridStringOperators() {
     InputComponent: GridFilterInputValue
   }, {
     value: 'endsWith',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (!filterItem.value) {
         return null;
       }
@@ -70,7 +74,7 @@ export var getGridStringOperators = function getGridStringOperators() {
     InputComponent: GridFilterInputValue
   }, {
     value: 'isEmpty',
-    getApplyFilterFnV7: function getApplyFilterFnV7() {
+    getApplyFilterFn: function getApplyFilterFn() {
       return function (value) {
         return value === '' || value == null;
       };
@@ -78,7 +82,7 @@ export var getGridStringOperators = function getGridStringOperators() {
     requiresFilterValue: false
   }, {
     value: 'isNotEmpty',
-    getApplyFilterFnV7: function getApplyFilterFnV7() {
+    getApplyFilterFn: function getApplyFilterFn() {
       return function (value) {
         return value !== '' && value != null;
       };
@@ -86,7 +90,7 @@ export var getGridStringOperators = function getGridStringOperators() {
     requiresFilterValue: false
   }, {
     value: 'isAnyOf',
-    getApplyFilterFnV7: function getApplyFilterFnV7(filterItem) {
+    getApplyFilterFn: function getApplyFilterFn(filterItem) {
       if (!Array.isArray(filterItem.value) || filterItem.value.length === 0) {
         return null;
       }
@@ -104,5 +108,5 @@ export var getGridStringOperators = function getGridStringOperators() {
       };
     },
     InputComponent: GridFilterInputMultipleValue
-  }]);
+  }];
 };

package/legacy/components/cell/GridActionsCell.js

@@ -97,11 +97,15 @@ function GridActionsCell(props) {
       focus: function focus() {
         // If ignoreCallToFocus is true, then one of the buttons was clicked and the focus is already set
         if (!ignoreCallToFocus.current) {
-          setFocusedButtonIndex(0);
+          // find the first focusable button and pass the index to the state
+          var focusableButtonIndex = options.findIndex(function (o) {
+            return !o.props.disabled;
+          });
+          setFocusedButtonIndex(focusableButtonIndex);
         }
       }
     };
-  }, []);
+  }, [options]);
   React.useEffect(function () {
     if (focusedButtonIndex >= numberOfButtons) {
       setFocusedButtonIndex(numberOfButtons - 1);
@@ -133,19 +137,24 @@ function GridActionsCell(props) {
     if (numberOfButtons <= 1) {
       return;
     }
+    var getNewIndex = function getNewIndex(index, direction) {
+      var _options;
+      if (index < 0 || index > options.length) {
+        return index;
+      }
+
+      // for rtl mode we need to reverse the direction
+      var rtlMod = theme.direction === 'rtl' ? -1 : 1;
+      var indexMod = (direction === 'left' ? -1 : 1) * rtlMod;
+
+      // if the button that should receive focus is disabled go one more step
+      return (_options = options[index + indexMod]) != null && _options.props.disabled ? getNewIndex(index + indexMod, direction) : index + indexMod;
+    };
     var newIndex = focusedButtonIndex;
     if (event.key === 'ArrowRight') {
-      if (theme.direction === 'rtl') {
-        newIndex -= 1;
-      } else {
-        newIndex += 1;
-      }
+      newIndex = getNewIndex(focusedButtonIndex, 'right');
     } else if (event.key === 'ArrowLeft') {
-      if (theme.direction === 'rtl') {
-        newIndex += 1;
-      } else {
-        newIndex -= 1;
-      }
+      newIndex = getNewIndex(focusedButtonIndex, 'left');
     }
     if (newIndex < 0 || newIndex >= numberOfButtons) {
       return; // We're already in the first or last item = do nothing and let the grid listen the event

package/legacy/components/cell/GridCell.js

@@ -387,7 +387,7 @@ process.env.NODE_ENV !== "production" ? GridCell.propTypes = {
 } : void 0;
 export { MemoizedCellWrapper as GridCellWrapper, GridCell };
 var GridCellV7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _rootProps$unstable_c, _rootProps$experiment3, _rootProps$experiment4;
+  var _getActions, _ref, _rootProps$unstable_c, _rootProps$experiment3, _rootProps$experiment4;
   var column = props.column,
     rowId = props.rowId,
     editCellState = props.editCellState,
@@ -443,8 +443,10 @@ var GridCellV7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     isEditable = cellParamsWithAPI.isEditable,
     value = cellParamsWithAPI.value,
     formattedValue = cellParamsWithAPI.formattedValue;
-  var managesOwnFocus = column.type === 'actions';
-  var tabIndex = (cellMode === 'view' || !isEditable) && !managesOwnFocus ? cellParamsWithAPI.tabIndex : -1;
+  var canManageOwnFocus = column.type === 'actions' && ((_getActions = (_ref = column).getActions) == null ? void 0 : _getActions.call(_ref, apiRef.current.getRowParams(rowId)).some(function (action) {
+    return !action.props.disabled;
+  }));
+  var tabIndex = (cellMode === 'view' || !isEditable) && !canManageOwnFocus ? cellParamsWithAPI.tabIndex : -1;
   var rootClasses = rootProps.classes,
     getCellClassName = rootProps.getCellClassName;
   var classNames = apiRef.current.unstable_applyPipeProcessors('cellClassName', [], {
@@ -588,7 +590,7 @@ var GridCellV7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
       children: valueString
     });
   }
-  if ( /*#__PURE__*/React.isValidElement(children) && managesOwnFocus) {
+  if ( /*#__PURE__*/React.isValidElement(children) && canManageOwnFocus) {
     children = /*#__PURE__*/React.cloneElement(children, {
       focusElementRef: focusElementRef
     });

package/legacy/constants/defaultGridSlotsComponents.js

@@ -9,21 +9,21 @@ 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: GridCellV7,
-  SkeletonCell: GridSkeletonCell,
-  ColumnHeaderFilterIconButton: GridColumnHeaderFilterIconButton,
-  ColumnMenu: GridColumnMenu,
-  ColumnHeaders: GridColumnHeaders,
-  Footer: GridFooter,
-  FooterRowCount: GridRowCount,
-  Toolbar: null,
-  PreferencesPanel: GridPreferencesPanel,
-  LoadingOverlay: GridLoadingOverlay,
-  NoResultsOverlay: GridNoResultsOverlay,
-  NoRowsOverlay: GridNoRowsOverlay,
-  Pagination: GridPagination,
-  FilterPanel: GridFilterPanel,
-  ColumnsPanel: GridColumnsPanel,
-  Panel: GridPanel,
-  Row: GridRow
+  cell: GridCellV7,
+  skeletonCell: GridSkeletonCell,
+  columnHeaderFilterIconButton: GridColumnHeaderFilterIconButton,
+  columnMenu: GridColumnMenu,
+  columnHeaders: GridColumnHeaders,
+  footer: GridFooter,
+  footerRowCount: GridRowCount,
+  toolbar: null,
+  preferencesPanel: GridPreferencesPanel,
+  loadingOverlay: GridLoadingOverlay,
+  noResultsOverlay: GridNoResultsOverlay,
+  noRowsOverlay: GridNoRowsOverlay,
+  pagination: GridPagination,
+  filterPanel: GridFilterPanel,
+  columnsPanel: GridColumnsPanel,
+  panel: GridPanel,
+  row: GridRow
 });

package/legacy/hooks/features/export/useGridPrintExport.js

@@ -10,7 +10,7 @@ import { gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector } from
 import { gridClasses } from '../../../constants/gridClasses';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { gridRowsMetaSelector } from '../rows/gridRowsMetaSelector';
-import { getColumnsToExport } from './utils';
+import { defaultGetRowsToExport, getColumnsToExport } from './utils';
 import { mergeStateWithPaginationModel } from '../pagination/useGridPagination';
 import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
 import { GridPrintExportMenuItem } from '../../../components/toolbar/GridToolbarExport';
@@ -130,12 +130,10 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
     // the footer is always being placed at the bottom of the page as if all rows are exported
     // so if getRowsToExport is being used to only export a subset of rows then we need to
     // adjust the footer position to be correctly placed at the bottom of the grid
-    if (options != null && options.getRowsToExport) {
-      var gridFooterElement = gridClone.querySelector(".".concat(gridClasses.footerContainer));
-      gridFooterElement.style.position = 'absolute';
-      gridFooterElement.style.width = '100%';
-      gridFooterElement.style.top = "".concat(computedTotalHeight - gridFooterElementHeight, "px");
-    }
+    var gridFooterElement = gridClone.querySelector(".".concat(gridClasses.footerContainer));
+    gridFooterElement.style.position = 'absolute';
+    gridFooterElement.style.width = '100%';
+    gridFooterElement.style.top = "".concat(computedTotalHeight - gridFooterElementHeight, "px");
 
     // printDoc.body.appendChild(gridClone); should be enough but a clone isolation bug in Safari
     // prevents us to do it
@@ -226,6 +224,7 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
   }, [apiRef]);
   var exportDataAsPrint = React.useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
+      var _options$getRowsToExp;
       var visibleRowCount, paginationModel, printWindow;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -255,9 +254,7 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
             _context.next = 9;
             return updateGridColumnsForPrint(options == null ? void 0 : options.fields, options == null ? void 0 : options.allColumns, options == null ? void 0 : options.includeCheckboxes);
           case 9:
-            if (options != null && options.getRowsToExport) {
-              updateGridRowsForPrint(options.getRowsToExport);
-            }
+            updateGridRowsForPrint((_options$getRowsToExp = options == null ? void 0 : options.getRowsToExport) != null ? _options$getRowsToExp : defaultGetRowsToExport);
             apiRef.current.unstable_setVirtualization(false);
             _context.next = 13;
             return raf();