@mui/x-data-grid 7.0.0-alpha.3 → 7.0.0-alpha.5

package/modern/locales/svSE.js

@@ -9,7 +9,7 @@ const svSEGrid = {
   toolbarDensityLabel: 'Densitet',
   toolbarDensityCompact: 'Kompakt',
   toolbarDensityStandard: 'Standard',
-  toolbarDensityComfortable: 'Bekväm',
+  toolbarDensityComfortable: 'Luftig',
   // Columns selector toolbar button text
   toolbarColumns: 'Kolumner',
   toolbarColumnsLabel: 'Välj kolumner',
@@ -39,8 +39,8 @@ const svSEGrid = {
   filterPanelAddFilter: 'Lägg till filter',
   filterPanelRemoveAll: 'Ta bort alla',
   filterPanelDeleteIconLabel: 'Ta bort',
-  filterPanelLogicOperator: 'Logisk operatör',
-  filterPanelOperator: 'Operatör',
+  filterPanelLogicOperator: 'Logisk operator',
+  filterPanelOperator: 'Operator',
   filterPanelOperatorAnd: 'Och',
   filterPanelOperatorOr: 'Eller',
   filterPanelColumns: 'Kolumner',
@@ -48,7 +48,7 @@ const svSEGrid = {
   filterPanelInputPlaceholder: 'Filtervärde',
   // Filter operators text
   filterOperatorContains: 'innehåller',
-  filterOperatorEquals: 'är lika med',
+  filterOperatorEquals: 'lika med',
   filterOperatorStartsWith: 'börjar med',
   filterOperatorEndsWith: 'slutar med',
   filterOperatorIs: 'är',
@@ -60,34 +60,32 @@ const svSEGrid = {
   filterOperatorIsEmpty: 'är tom',
   filterOperatorIsNotEmpty: 'är inte tom',
   filterOperatorIsAnyOf: 'är någon av',
-  // 'filterOperator=': '=',
-  // 'filterOperator!=': '!=',
-  // 'filterOperator>': '>',
-  // 'filterOperator>=': '>=',
-  // 'filterOperator<': '<',
-  // 'filterOperator<=': '<=',
-
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
   // Header filter operators text
-  // headerFilterOperatorContains: 'Contains',
-  // headerFilterOperatorEquals: 'Equals',
-  // headerFilterOperatorStartsWith: 'Starts with',
-  // headerFilterOperatorEndsWith: 'Ends with',
-  // headerFilterOperatorIs: 'Is',
-  // headerFilterOperatorNot: 'Is not',
-  // headerFilterOperatorAfter: 'Is after',
-  // headerFilterOperatorOnOrAfter: 'Is on or after',
-  // headerFilterOperatorBefore: 'Is before',
-  // headerFilterOperatorOnOrBefore: 'Is on or before',
-  // headerFilterOperatorIsEmpty: 'Is empty',
-  // headerFilterOperatorIsNotEmpty: 'Is not empty',
-  // headerFilterOperatorIsAnyOf: 'Is any of',
-  // 'headerFilterOperator=': 'Equals',
-  // 'headerFilterOperator!=': 'Not equals',
-  // 'headerFilterOperator>': 'Greater than',
-  // 'headerFilterOperator>=': 'Greater than or equal to',
-  // 'headerFilterOperator<': 'Less than',
-  // 'headerFilterOperator<=': 'Less than or equal to',
-
+  headerFilterOperatorContains: 'Innehåller',
+  headerFilterOperatorEquals: 'Lika med',
+  headerFilterOperatorStartsWith: 'Börjar med',
+  headerFilterOperatorEndsWith: 'Slutar med',
+  headerFilterOperatorIs: 'Är',
+  headerFilterOperatorNot: 'Är inte',
+  headerFilterOperatorAfter: 'Är efter',
+  headerFilterOperatorOnOrAfter: 'Är på eller efter',
+  headerFilterOperatorBefore: 'Är innan',
+  headerFilterOperatorOnOrBefore: 'Är på eller innan',
+  headerFilterOperatorIsEmpty: 'Är tom',
+  headerFilterOperatorIsNotEmpty: 'Är inte tom',
+  headerFilterOperatorIsAnyOf: 'Innehåller någon av',
+  'headerFilterOperator=': 'Lika med',
+  'headerFilterOperator!=': 'Inte lika med',
+  'headerFilterOperator>': 'Större än',
+  'headerFilterOperator>=': 'Större eller lika med',
+  'headerFilterOperator<': 'Mindre än',
+  'headerFilterOperator<=': 'Mindre eller lika med',
   // Filter values text
   filterValueAny: 'något',
   filterValueTrue: 'sant',
@@ -98,7 +96,7 @@ const svSEGrid = {
   columnMenuManageColumns: 'Hantera kolumner',
   columnMenuFilter: 'Filtrera',
   columnMenuHideColumn: 'Dölj',
-  columnMenuUnsort: 'Osortera',
+  columnMenuUnsort: 'Ta bort sortering',
   columnMenuSortAsc: 'Sortera stigande',
   columnMenuSortDesc: 'Sortera fallande',
   // Column header text
@@ -142,7 +140,7 @@ const svSEGrid = {
   rowReorderingHeaderName: 'Ordna om rader',
   // Aggregation
   aggregationMenuItemHeader: 'Aggregering',
-  aggregationFunctionLabelSum: 'sum',
+  aggregationFunctionLabelSum: 'summa',
   aggregationFunctionLabelAvg: 'medel',
   aggregationFunctionLabelMin: 'min',
   aggregationFunctionLabelMax: 'max',

package/modern/locales/urPK.js

@@ -37,7 +37,7 @@ const urPKGrid = {
   columnsPanelHideAllButton: 'سارے چھپائیں',
   // Filter panel text
   filterPanelAddFilter: 'نیا فلٹر',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'سارے ختم کریں',
   filterPanelDeleteIconLabel: 'ختم کریں',
   filterPanelLogicOperator: 'لاجک آپریٹر',
   filterPanelOperator: 'آپریٹر',
@@ -60,34 +60,32 @@ const urPKGrid = {
   filterOperatorIsEmpty: 'خالی ہے',
   filterOperatorIsNotEmpty: 'خالی نہیں ہے',
   filterOperatorIsAnyOf: 'ان میں سے کوئی ہے',
-  // 'filterOperator=': '=',
-  // 'filterOperator!=': '!=',
-  // 'filterOperator>': '>',
-  // 'filterOperator>=': '>=',
-  // 'filterOperator<': '<',
-  // 'filterOperator<=': '<=',
-
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
   // Header filter operators text
-  // headerFilterOperatorContains: 'Contains',
-  // headerFilterOperatorEquals: 'Equals',
-  // headerFilterOperatorStartsWith: 'Starts with',
-  // headerFilterOperatorEndsWith: 'Ends with',
-  // headerFilterOperatorIs: 'Is',
-  // headerFilterOperatorNot: 'Is not',
-  // headerFilterOperatorAfter: 'Is after',
-  // headerFilterOperatorOnOrAfter: 'Is on or after',
-  // headerFilterOperatorBefore: 'Is before',
-  // headerFilterOperatorOnOrBefore: 'Is on or before',
-  // headerFilterOperatorIsEmpty: 'Is empty',
-  // headerFilterOperatorIsNotEmpty: 'Is not empty',
-  // headerFilterOperatorIsAnyOf: 'Is any of',
-  // 'headerFilterOperator=': 'Equals',
-  // 'headerFilterOperator!=': 'Not equals',
-  // 'headerFilterOperator>': 'Greater than',
-  // 'headerFilterOperator>=': 'Greater than or equal to',
-  // 'headerFilterOperator<': 'Less than',
-  // 'headerFilterOperator<=': 'Less than or equal to',
-
+  headerFilterOperatorContains: 'شامل ہے',
+  headerFilterOperatorEquals: 'برابر ہے',
+  headerFilterOperatorStartsWith: 'شروع ہوتا ہے',
+  headerFilterOperatorEndsWith: 'ختم ہوتا ہے',
+  headerFilterOperatorIs: 'ہے',
+  headerFilterOperatorNot: 'نہیں ہے',
+  headerFilterOperatorAfter: 'بعد میں ہے',
+  headerFilterOperatorOnOrAfter: 'پر یا بعد میں ہے',
+  headerFilterOperatorBefore: 'پہلے ہے',
+  headerFilterOperatorOnOrBefore: 'پر یا پہلے ہے',
+  headerFilterOperatorIsEmpty: 'خالی ہے',
+  headerFilterOperatorIsNotEmpty: 'خالی نہیں ہے',
+  headerFilterOperatorIsAnyOf: 'ان میں سے کوئی ہے',
+  'headerFilterOperator=': 'برابر ہے',
+  'headerFilterOperator!=': 'برابر نہیں ہے',
+  'headerFilterOperator>': 'ذیادہ ہے',
+  'headerFilterOperator>=': 'ذیادہ یا برابر ہے',
+  'headerFilterOperator<': 'کم ہے',
+  'headerFilterOperator<=': 'کم یا برابر ہے',
   // Filter values text
   filterValueAny: 'کوئی بھی',
   filterValueTrue: 'صحیح',

package/modern/utils/utils.js

@@ -163,7 +163,6 @@ function mulberry32(a) {
     /* eslint-enable */
   };
 }
-
 export function randomNumberBetween(seed, min, max) {
   const random = mulberry32(seed);
   return () => min + (max - min) * random();

package/node/colDef/gridCheckboxSelectionColDef.js

@@ -16,8 +16,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const GRID_CHECKBOX_SELECTION_FIELD = exports.GRID_CHECKBOX_SELECTION_FIELD = '__check__';
 const GRID_CHECKBOX_SELECTION_COL_DEF = exports.GRID_CHECKBOX_SELECTION_COL_DEF = (0, _extends2.default)({}, _gridBooleanColDef.GRID_BOOLEAN_COL_DEF, {
+  type: 'custom',
   field: GRID_CHECKBOX_SELECTION_FIELD,
-  type: 'checkboxSelection',
   width: 50,
   resizable: false,
   sortable: false,

package/node/colDef/gridDefaultColumnTypes.js

@@ -10,7 +10,7 @@ var _gridDateColDef = require("./gridDateColDef");
 var _gridBooleanColDef = require("./gridBooleanColDef");
 var _gridSingleSelectColDef = require("./gridSingleSelectColDef");
 var _gridActionsColDef = require("./gridActionsColDef");
-const DEFAULT_GRID_COL_TYPE_KEY = exports.DEFAULT_GRID_COL_TYPE_KEY = '__default__';
+const DEFAULT_GRID_COL_TYPE_KEY = exports.DEFAULT_GRID_COL_TYPE_KEY = 'string';
 const getGridDefaultColumnTypes = () => {
   const nativeColumnTypes = {
     string: _gridStringColDef.GRID_STRING_COL_DEF,
@@ -20,7 +20,7 @@ const getGridDefaultColumnTypes = () => {
     boolean: _gridBooleanColDef.GRID_BOOLEAN_COL_DEF,
     singleSelect: _gridSingleSelectColDef.GRID_SINGLE_SELECT_COL_DEF,
     [_gridActionsColDef.GRID_ACTIONS_COLUMN_TYPE]: _gridActionsColDef.GRID_ACTIONS_COL_DEF,
-    [DEFAULT_GRID_COL_TYPE_KEY]: _gridStringColDef.GRID_STRING_COL_DEF
+    custom: _gridStringColDef.GRID_STRING_COL_DEF
   };
   return nativeColumnTypes;
 };

package/node/components/GridRow.js

@@ -61,7 +61,6 @@ function EmptyCell({
     style: style
   }); // TODO change to .MuiDataGrid-emptyCell or .MuiDataGrid-rowFiller
 }
-
 const GridRow = /*#__PURE__*/React.forwardRef(function GridRow(props, refProp) {
   const {
       selected,
@@ -201,7 +200,13 @@ const GridRow = /*#__PURE__*/React.forwardRef(function GridRow(props, refProp) {
   const CellComponent = slots.cell === _GridCell.GridCellV7 ? _GridCell.GridCellV7 : _GridCell.GridCellWrapper;
   const rowReordering = rootProps.rowReordering;
   const getCell = (column, cellProps) => {
-    const disableDragEvents = disableColumnReorder && column.disableReorder || !rowReordering && !!sortModel.length && treeDepth > 1 && Object.keys(editRowsState).length > 0;
+    // when the cell is a reorder cell we are not allowing to reorder the col
+    // fixes https://github.com/mui/mui-x/issues/11126
+    const isReorderCell = column.field === '__reorder__';
+    const isEditingRows = Object.keys(editRowsState).length > 0;
+    const canReorderColumn = !(disableColumnReorder || column.disableReorder);
+    const canReorderRow = rowReordering && !sortModel.length && treeDepth <= 1 && !isEditingRows;
+    const disableDragEvents = !(canReorderColumn || isReorderCell && canReorderRow);
     const editCellState = editRowsState[rowId]?.[column.field] ?? null;
     let cellIsNotVisible = false;
     if (focusedCellColumnIndexNotInRange !== undefined && visibleColumns[focusedCellColumnIndexNotInRange].field === column.field) {

package/node/components/base/GridOverlays.js

@@ -40,7 +40,6 @@ const GridOverlayWrapperRoot = (0, _system.styled)('div', {
   zIndex: overlayType === 'loadingOverlay' ? 5 // Should be above pinned columns, pinned rows, and detail panel
   : 4 // Should be above pinned columns and detail panel
 }));
-
 const GridOverlayWrapperInner = (0, _system.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'OverlayWrapperInner',
@@ -71,7 +70,6 @@ function GridOverlayWrapper(props) {
   if (rootProps.autoHeight && height === 0) {
     height = (0, _gridRowsUtils.getMinimalContentHeight)(apiRef, rootProps.rowHeight); // Give room to show the overlay when there no rows.
   }
-
   const classes = useUtilityClasses((0, _extends2.default)({}, props, {
     classes: rootProps.classes
   }));

package/node/components/cell/GridActionsCell.js

@@ -135,7 +135,6 @@ function GridActionsCell(props) {
     if (newIndex < 0 || newIndex >= numberOfButtons) {
       return; // We're already in the first or last item = do nothing and let the grid listen the event
     }
-
     if (newIndex !== focusedButtonIndex) {
       event.preventDefault(); // Prevent scrolling
       event.stopPropagation(); // Don't stop propagation for other keys, e.g. ArrowUp

package/node/components/cell/GridCell.js

@@ -251,7 +251,6 @@ const GridCell = exports.GridCell = /*#__PURE__*/React.forwardRef((props, ref) =
       minHeight: height,
       maxHeight: height === 'auto' ? 'none' : height // max-height doesn't support "auto"
     };
-
     return cellStyle;
   }, [width, height, isNotVisible]);
   React.useEffect(() => {
@@ -518,7 +517,6 @@ const GridCellV7 = /*#__PURE__*/React.forwardRef((props, ref) => {
       minHeight: height,
       maxHeight: height === 'auto' ? 'none' : height // max-height doesn't support "auto"
     };
-
     return cellStyle;
   }, [width, height, isNotVisible]);
   React.useEffect(() => {

package/node/components/virtualization/GridVirtualScroller.js

@@ -38,7 +38,6 @@ const VirtualScrollerRoot = (0, _system.styled)('div', {
   },
   zIndex: 0 // See https://github.com/mui/mui-x/issues/10547
 });
-
 const GridVirtualScroller = exports.GridVirtualScroller = /*#__PURE__*/React.forwardRef(function GridVirtualScroller(props, ref) {
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const classes = useUtilityClasses(rootProps);

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

@@ -90,7 +90,6 @@ const useGridCellEditing = (apiRef, props) => {
         reason = event.shiftKey ? _gridEditCellParams.GridCellEditStopReasons.shiftTabKeyDown : _gridEditCellParams.GridCellEditStopReasons.tabKeyDown;
         event.preventDefault(); // Prevent going to the next element in the tab sequence
       }
-
       if (reason) {
         const newParams = (0, _extends2.default)({}, params, {
           reason
@@ -184,7 +183,6 @@ const useGridCellEditing = (apiRef, props) => {
     if (props.cellModesModel && isNewModelDifferentFromProp) {
       return; // The prop always win
     }
-
     setCellModesModel(newModel);
     cellModesModelRef.current = newModel;
     apiRef.current.publishEvent('cellModesModelChange', newModel);

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

@@ -248,7 +248,6 @@ const useGridRowEditing = (apiRef, props) => {
     if (props.rowModesModel && isNewModelDifferentFromProp) {
       return; // The prop always win
     }
-
     setRowModesModel(newModel);
     rowModesModelRef.current = newModel;
     apiRef.current.publishEvent('rowModesModelChange', newModel);

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

@@ -3,15 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unstable_gridTabIndexColumnHeaderFilterSelector = exports.unstable_gridTabIndexColumnGroupHeaderSelector = exports.unstable_gridFocusColumnHeaderFilterSelector = exports.unstable_gridFocusColumnGroupHeaderSelector = exports.gridTabIndexStateSelector = exports.gridTabIndexColumnHeaderSelector = exports.gridTabIndexCellSelector = exports.gridFocusStateSelector = exports.gridFocusColumnHeaderSelector = exports.gridFocusCellSelector = void 0;
+exports.unstable_gridTabIndexColumnGroupHeaderSelector = exports.unstable_gridFocusColumnGroupHeaderSelector = exports.gridTabIndexStateSelector = exports.gridTabIndexColumnHeaderSelector = exports.gridTabIndexColumnHeaderFilterSelector = exports.gridTabIndexCellSelector = exports.gridFocusStateSelector = exports.gridFocusColumnHeaderSelector = exports.gridFocusColumnHeaderFilterSelector = exports.gridFocusCellSelector = void 0;
 var _createSelector = require("../../../utils/createSelector");
 const gridFocusStateSelector = state => state.focus;
 exports.gridFocusStateSelector = gridFocusStateSelector;
 const gridFocusCellSelector = exports.gridFocusCellSelector = (0, _createSelector.createSelector)(gridFocusStateSelector, focusState => focusState.cell);
 const gridFocusColumnHeaderSelector = exports.gridFocusColumnHeaderSelector = (0, _createSelector.createSelector)(gridFocusStateSelector, focusState => focusState.columnHeader);
-
-// eslint-disable-next-line @typescript-eslint/naming-convention
-const unstable_gridFocusColumnHeaderFilterSelector = exports.unstable_gridFocusColumnHeaderFilterSelector = (0, _createSelector.createSelector)(gridFocusStateSelector, focusState => focusState.columnHeaderFilter);
+const gridFocusColumnHeaderFilterSelector = exports.gridFocusColumnHeaderFilterSelector = (0, _createSelector.createSelector)(gridFocusStateSelector, focusState => focusState.columnHeaderFilter);
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
 const unstable_gridFocusColumnGroupHeaderSelector = exports.unstable_gridFocusColumnGroupHeaderSelector = (0, _createSelector.createSelector)(gridFocusStateSelector, focusState => focusState.columnGroupHeader);
@@ -19,9 +17,7 @@ const gridTabIndexStateSelector = state => state.tabIndex;
 exports.gridTabIndexStateSelector = gridTabIndexStateSelector;
 const gridTabIndexCellSelector = exports.gridTabIndexCellSelector = (0, _createSelector.createSelector)(gridTabIndexStateSelector, state => state.cell);
 const gridTabIndexColumnHeaderSelector = exports.gridTabIndexColumnHeaderSelector = (0, _createSelector.createSelector)(gridTabIndexStateSelector, state => state.columnHeader);
-
-// eslint-disable-next-line @typescript-eslint/naming-convention
-const unstable_gridTabIndexColumnHeaderFilterSelector = exports.unstable_gridTabIndexColumnHeaderFilterSelector = (0, _createSelector.createSelector)(gridTabIndexStateSelector, state => state.columnHeaderFilter);
+const gridTabIndexColumnHeaderFilterSelector = exports.gridTabIndexColumnHeaderFilterSelector = (0, _createSelector.createSelector)(gridTabIndexStateSelector, state => state.columnHeaderFilter);
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
 const unstable_gridTabIndexColumnGroupHeaderSelector = exports.unstable_gridTabIndexColumnGroupHeaderSelector = (0, _createSelector.createSelector)(gridTabIndexStateSelector, state => state.columnGroupHeader);

package/node/hooks/features/headerFiltering/gridHeaderFilteringSelectors.js

@@ -3,11 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unstable_gridHeaderFilteringStateSelector = exports.unstable_gridHeaderFilteringMenuSelector = exports.unstable_gridHeaderFilteringEditFieldSelector = void 0;
+exports.gridHeaderFilteringStateSelector = exports.gridHeaderFilteringMenuSelector = exports.gridHeaderFilteringEditFieldSelector = void 0;
 var _createSelector = require("../../../utils/createSelector");
-/* eslint-disable @typescript-eslint/naming-convention */
-
-const unstable_gridHeaderFilteringStateSelector = state => state.headerFiltering;
-exports.unstable_gridHeaderFilteringStateSelector = unstable_gridHeaderFilteringStateSelector;
-const unstable_gridHeaderFilteringEditFieldSelector = exports.unstable_gridHeaderFilteringEditFieldSelector = (0, _createSelector.createSelector)(unstable_gridHeaderFilteringStateSelector, headerFilteringState => headerFilteringState.editing);
-const unstable_gridHeaderFilteringMenuSelector = exports.unstable_gridHeaderFilteringMenuSelector = (0, _createSelector.createSelector)(unstable_gridHeaderFilteringStateSelector, headerFilteringState => headerFilteringState.menuOpen);
+const gridHeaderFilteringStateSelector = state => state.headerFiltering;
+exports.gridHeaderFilteringStateSelector = gridHeaderFilteringStateSelector;
+const gridHeaderFilteringEditFieldSelector = exports.gridHeaderFilteringEditFieldSelector = (0, _createSelector.createSelector)(gridHeaderFilteringStateSelector, headerFilteringState => headerFilteringState.editing);
+const gridHeaderFilteringMenuSelector = exports.gridHeaderFilteringMenuSelector = (0, _createSelector.createSelector)(gridHeaderFilteringStateSelector, headerFilteringState => headerFilteringState.menuOpen);

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

@@ -79,7 +79,7 @@ const useGridKeyboardNavigation = (apiRef, props) => {
   const currentPageRows = React.useMemo(() => enrichPageRowsWithPinnedRows(apiRef, initialCurrentPageRows), [apiRef, initialCurrentPageRows]);
   const headerFilteringEnabled =
   // @ts-expect-error // TODO move relevant code to the `DataGridPro`
-  props.signature !== 'DataGrid' && props.unstable_headerFilters;
+  props.signature !== 'DataGrid' && props.headerFilters;
 
   /**
    * @param {number} colIndex Index of the column to focus
@@ -245,8 +245,8 @@ const useGridKeyboardNavigation = (apiRef, props) => {
     if (!dimensions) {
       return;
     }
-    const isEditing = (0, _gridHeaderFilteringSelectors.unstable_gridHeaderFilteringEditFieldSelector)(apiRef) === params.field;
-    const isHeaderMenuOpen = (0, _gridHeaderFilteringSelectors.unstable_gridHeaderFilteringMenuSelector)(apiRef) === params.field;
+    const isEditing = (0, _gridHeaderFilteringSelectors.gridHeaderFilteringEditFieldSelector)(apiRef) === params.field;
+    const isHeaderMenuOpen = (0, _gridHeaderFilteringSelectors.gridHeaderFilteringMenuSelector)(apiRef) === params.field;
     if (isEditing || isHeaderMenuOpen || !(0, _keyboardUtils.isNavigationKey)(event.key)) {
       return;
     }
@@ -514,7 +514,9 @@ const useGridKeyboardNavigation = (apiRef, props) => {
             break;
           }
           const colDef = params.colDef;
-          if (colDef && colDef.type === 'treeDataGroup') {
+          if (colDef &&
+          // `GRID_TREE_DATA_GROUPING_FIELD` from the Pro package
+          colDef.field === '__tree_data_group__') {
             break;
           }
           if (!event.shiftKey && rowIndexBefore < lastRowIndexInPage) {

package/node/hooks/features/rows/useGridRowsMeta.js

@@ -77,7 +77,6 @@ const useGridRowsMeta = (apiRef, props) => {
           needsFirstMeasurement: true // Assume all rows will need to be measured by default
         };
       }
-
       const {
         isResized,
         needsFirstMeasurement,

package/node/hooks/features/virtualization/useGridVirtualScroller.js

@@ -561,7 +561,6 @@ const useGridVirtualScroller = props => {
     if (rootProps.autoHeight && currentPage.rows.length === 0) {
       size.height = (0, _gridRowsUtils.getMinimalContentHeight)(apiRef, rootProps.rowHeight); // Give room to show the overlay when there no rows.
     }
-
     return size;
   }, [apiRef, rootRef, columnsTotalWidth, rowsMeta.currentPageTotalHeight, needsHorizontalScrollbar, rootProps.autoHeight, rootProps.rowHeight, currentPage.rows.length]);
   React.useEffect(() => {

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v7.0.0-alpha.3
+ * @mui/x-data-grid v7.0.0-alpha.5
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/index.js

@@ -18,8 +18,8 @@ var _exportNames = {
   unwrapPrivateAPI: true,
   useGridClipboard: true,
   useGridColumnHeaders: true,
-  unstable_gridHeaderFilteringEditFieldSelector: true,
-  unstable_gridHeaderFilteringMenuSelector: true,
+  gridHeaderFilteringEditFieldSelector: true,
+  gridHeaderFilteringMenuSelector: true,
   useGridColumnMenu: true,
   columnMenuStateInitializer: true,
   useGridColumns: true,
@@ -306,6 +306,18 @@ Object.defineProperty(exports, "gridEditRowsStateSelector", {
     return _gridEditingSelectors.gridEditRowsStateSelector;
   }
 });
+Object.defineProperty(exports, "gridHeaderFilteringEditFieldSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridHeaderFilteringSelectors.gridHeaderFilteringEditFieldSelector;
+  }
+});
+Object.defineProperty(exports, "gridHeaderFilteringMenuSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridHeaderFilteringSelectors.gridHeaderFilteringMenuSelector;
+  }
+});
 Object.defineProperty(exports, "gridPinnedRowsSelector", {
   enumerable: true,
   get: function () {
@@ -408,18 +420,6 @@ Object.defineProperty(exports, "sortingStateInitializer", {
     return _useGridSorting.sortingStateInitializer;
   }
 });
-Object.defineProperty(exports, "unstable_gridHeaderFilteringEditFieldSelector", {
-  enumerable: true,
-  get: function () {
-    return _gridHeaderFilteringSelectors.unstable_gridHeaderFilteringEditFieldSelector;
-  }
-});
-Object.defineProperty(exports, "unstable_gridHeaderFilteringMenuSelector", {
-  enumerable: true,
-  get: function () {
-    return _gridHeaderFilteringSelectors.unstable_gridHeaderFilteringMenuSelector;
-  }
-});
 Object.defineProperty(exports, "unstable_resetCreateSelectorCache", {
   enumerable: true,
   get: function () {

package/node/locales/daDK.js

@@ -53,47 +53,45 @@ const daDKGrid = {
   filterPanelInputLabel: 'Værdi',
   filterPanelInputPlaceholder: 'Filter værdi',
   // Filter operators text
-  filterOperatorContains: 'Indeholder',
-  filterOperatorEquals: 'Lig med',
-  filterOperatorStartsWith: 'Begynder med',
-  filterOperatorEndsWith: 'Ender med',
-  filterOperatorIs: 'Er lig med',
-  filterOperatorNot: 'Er ikke lig med',
-  filterOperatorAfter: 'Efter',
-  filterOperatorOnOrAfter: 'På eller efter',
-  filterOperatorBefore: 'Før',
-  filterOperatorOnOrBefore: 'På eller før',
-  filterOperatorIsEmpty: 'Indeholder ikke data',
-  filterOperatorIsNotEmpty: 'Indeholder data',
+  filterOperatorContains: 'indeholder',
+  filterOperatorEquals: 'lig med',
+  filterOperatorStartsWith: 'begynder med',
+  filterOperatorEndsWith: 'ender med',
+  filterOperatorIs: 'er lig med',
+  filterOperatorNot: 'er ikke lig med',
+  filterOperatorAfter: 'efter',
+  filterOperatorOnOrAfter: 'på eller efter',
+  filterOperatorBefore: 'før',
+  filterOperatorOnOrBefore: 'på eller før',
+  filterOperatorIsEmpty: 'indeholder ikke data',
+  filterOperatorIsNotEmpty: 'indeholder data',
   filterOperatorIsAnyOf: 'indeholder en af',
-  // 'filterOperator=': '=',
-  // 'filterOperator!=': '!=',
-  // 'filterOperator>': '>',
-  // 'filterOperator>=': '>=',
-  // 'filterOperator<': '<',
-  // 'filterOperator<=': '<=',
-
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
   // Header filter operators text
-  // headerFilterOperatorContains: 'Contains',
-  // headerFilterOperatorEquals: 'Equals',
-  // headerFilterOperatorStartsWith: 'Starts with',
-  // headerFilterOperatorEndsWith: 'Ends with',
-  // headerFilterOperatorIs: 'Is',
-  // headerFilterOperatorNot: 'Is not',
-  // headerFilterOperatorAfter: 'Is after',
-  // headerFilterOperatorOnOrAfter: 'Is on or after',
-  // headerFilterOperatorBefore: 'Is before',
-  // headerFilterOperatorOnOrBefore: 'Is on or before',
-  // headerFilterOperatorIsEmpty: 'Is empty',
-  // headerFilterOperatorIsNotEmpty: 'Is not empty',
-  // headerFilterOperatorIsAnyOf: 'Is any of',
-  // 'headerFilterOperator=': 'Equals',
-  // 'headerFilterOperator!=': 'Not equals',
-  // 'headerFilterOperator>': 'Greater than',
-  // 'headerFilterOperator>=': 'Greater than or equal to',
-  // 'headerFilterOperator<': 'Less than',
-  // 'headerFilterOperator<=': 'Less than or equal to',
-
+  headerFilterOperatorContains: 'Indeholder',
+  headerFilterOperatorEquals: 'Lig med',
+  headerFilterOperatorStartsWith: 'Begynder med',
+  headerFilterOperatorEndsWith: 'Ender med',
+  headerFilterOperatorIs: 'Er lig med',
+  headerFilterOperatorNot: 'Er ikke lig med',
+  headerFilterOperatorAfter: 'Efter',
+  headerFilterOperatorOnOrAfter: 'På eller efter',
+  headerFilterOperatorBefore: 'Før',
+  headerFilterOperatorOnOrBefore: 'På eller før',
+  headerFilterOperatorIsEmpty: 'Indeholder ikke data',
+  headerFilterOperatorIsNotEmpty: 'Indeholder data',
+  headerFilterOperatorIsAnyOf: 'Indeholder en af',
+  'headerFilterOperator=': 'Lig med',
+  'headerFilterOperator!=': 'Ikke lig med',
+  'headerFilterOperator>': 'Større end',
+  'headerFilterOperator>=': 'Større end eller lig med',
+  'headerFilterOperator<': 'Mindre end',
+  'headerFilterOperator<=': 'Mindre end eller lig med',
   // Filter values text
   filterValueAny: 'hvilken som helst',
   filterValueTrue: 'positiv',

package/node/locales/plPL.js

@@ -155,5 +155,4 @@ const plPLGrid = {
   // aggregationFunctionLabelMax: 'max',
   // aggregationFunctionLabelSize: 'size',
 };
-
 const plPL = exports.plPL = (0, _getGridLocalization.getGridLocalization)(plPLGrid, _locale.plPL);