@mui/x-data-grid 5.6.0 → 5.6.1

package/legacy/hooks/features/columnMenu/useGridColumnMenu.js

@@ -1,23 +1,22 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { GridEvents } from '../../../models/events';
-import { useGridStateInit } from '../../utils/useGridStateInit';
 import { useGridLogger, useGridApiMethod, useGridApiEventHandler } from '../../utils';
 import { gridColumnMenuSelector } from './columnMenuSelector';
-
+export var columnMenuStateInitializer = function columnMenuStateInitializer(state) {
+  return _extends({}, state, {
+    columnMenu: {
+      open: false
+    }
+  });
+};
 /**
  * @requires useGridColumnResize (event)
  * @requires useGridInfiniteLoader (event)
  */
+
 export var useGridColumnMenu = function useGridColumnMenu(apiRef) {
   var logger = useGridLogger(apiRef, 'useGridColumnMenu');
-  useGridStateInit(apiRef, function (state) {
-    return _extends({}, state, {
-      columnMenu: {
-        open: false
-      }
-    });
-  });
   /**
    * API METHODS
    */

package/legacy/hooks/features/columns/gridColumnsSelector.js

@@ -1,11 +1,12 @@
 import { createSelector } from '../../../utils/createSelector';
-
+import { wrapWithWarningOnCall } from '../../../utils/warning';
 /**
  * @category Columns
  * @deprecated Use the selector returning exactly the value you are looking for.
  * @ignore - do not document.
  * TODO v6: Rename `gridColumnsStateSelector`
  */
+
 export var gridColumnsSelector = function gridColumnsSelector(state) {
   return state.columns;
 };
@@ -124,58 +125,58 @@ export var gridFilterableColumnLookupSelector = createSelector(gridColumnDefinit
  * @ignore - do not document.
  */
 
-export var allGridColumnsFieldsSelector = gridColumnFieldsSelector;
+export var allGridColumnsFieldsSelector = wrapWithWarningOnCall(gridColumnFieldsSelector, ['MUI: The method allGridColumnsFieldsSelector is deprecated and will be removed in the next major version.', 'Use gridColumnFieldsSelector instead']);
 /**
  * @category Columns
  * @deprecated Use `gridColumnDefinitionsSelector` instead.
  * @ignore - do not document.
  */
 
-export var allGridColumnsSelector = gridColumnDefinitionsSelector;
+export var allGridColumnsSelector = wrapWithWarningOnCall(gridColumnDefinitionsSelector, ['MUI: The method allGridColumnsSelector is deprecated and will be removed in the next major version.', 'Use gridColumnDefinitionsSelector instead']);
 /**
  * @category Visible Columns
  * @deprecated Use `gridVisibleColumnDefinitionsSelector` instead.
  * @ignore - do not document.
  */
 
-export var visibleGridColumnsSelector = gridVisibleColumnDefinitionsSelector;
+export var visibleGridColumnsSelector = wrapWithWarningOnCall(gridVisibleColumnDefinitionsSelector, ['MUI: The method visibleGridColumnsSelector is deprecated and will be removed in the next major version.', 'Use gridVisibleColumnDefinitionsSelector instead']);
 /**
  * @category Columns
  * @deprecated Use `gridFilterableColumnDefinitionsSelector` instead.
  * @ignore - do not document.
  */
 
-export var filterableGridColumnsSelector = gridFilterableColumnDefinitionsSelector;
+export var filterableGridColumnsSelector = wrapWithWarningOnCall(gridFilterableColumnDefinitionsSelector, ['MUI: The method filterableGridColumnsSelector is deprecated and will be removed in the next major version.', 'Use gridFilterableColumnDefinitionsSelector instead']);
 /**
  * @category Columns
  * @deprecated Use `gridFilterableColumnLookupSelector` instead (not the same return format).
  * @ignore - do not document.
  */
 
-export var filterableGridColumnsIdsSelector = createSelector(gridFilterableColumnDefinitionsSelector, function (columns) {
+export var filterableGridColumnsIdsSelector = wrapWithWarningOnCall(createSelector(gridFilterableColumnDefinitionsSelector, function (columns) {
   return columns.map(function (col) {
     return col.field;
   });
-});
+}), ['MUI: The method filterableGridColumnsIdsSelector is deprecated and will be removed in the next major version.', 'Use gridFilterableColumnDefinitionsSelector instead.', 'The return format is now a lookup, if you want to get the same output as before, use the following code:', '', 'const lookup = gridFilterableColumnLookupSelector(apiRef);', 'const fields = gridColumnFieldsSelector(apiRef).filter(field => lookup[field]);']);
 /**
  * Get the amount of visible columns.
  * @category Visible Columns
- * @deprecated Use the length of `gridVisibleColumnDefinitionsSelector` instead.
+ * @deprecated Use the length of the array returned by `gridVisibleColumnDefinitionsSelector` instead.
  * @ignore - do not document.
  */
 
-export var visibleGridColumnsLengthSelector = createSelector(gridVisibleColumnDefinitionsSelector, function (visibleColumns) {
+export var visibleGridColumnsLengthSelector = wrapWithWarningOnCall(createSelector(gridVisibleColumnDefinitionsSelector, function (visibleColumns) {
   return visibleColumns.length;
-});
+}), ['MUI: The method visibleGridColumnsLengthSelector is deprecated and will be removed in the next major version.', 'Use the length of the array returned by gridVisibleColumnDefinitionsSelector instead.']);
 /**
  * @category Visible Columns
  * @deprecated Use `gridColumnsTotalWidthSelector` or `gridColumnPositionsSelector` instead.
  * @ignore - do not document.
  */
 
-export var gridColumnsMetaSelector = createSelector(gridColumnPositionsSelector, gridColumnsTotalWidthSelector, function (positions, totalWidth) {
+export var gridColumnsMetaSelector = wrapWithWarningOnCall(createSelector(gridColumnPositionsSelector, gridColumnsTotalWidthSelector, function (positions, totalWidth) {
   return {
     totalWidth: totalWidth,
     positions: positions
   };
-});
+}), ['MUI: The method gridColumnsMetaSelector is deprecated and will be removed in the next major version.', 'Use gridColumnsTotalWidthSelector or gridColumnPositionsSelector instead']);

package/legacy/hooks/features/columns/gridColumnsUtils.js

@@ -7,16 +7,18 @@ import { clamp } from '../../../utils/utils';
 export var computeColumnTypes = function computeColumnTypes() {
   var customColumnTypes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-  var allColumnTypes = _extends({}, getGridDefaultColumnTypes(), customColumnTypes);
+  var mergedColumnTypes = _extends({}, getGridDefaultColumnTypes());
 
-  var mergedColumnTypes = {};
-  Object.entries(allColumnTypes).forEach(function (_ref) {
+  Object.entries(customColumnTypes).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         colType = _ref2[0],
         colTypeDef = _ref2[1];
 
-    colTypeDef = _extends({}, allColumnTypes[colTypeDef.extendType || DEFAULT_GRID_COL_TYPE_KEY], colTypeDef);
-    mergedColumnTypes[colType] = colTypeDef;
+    if (mergedColumnTypes[colType]) {
+      mergedColumnTypes[colType] = _extends({}, mergedColumnTypes[colType], colTypeDef);
+    } else {
+      mergedColumnTypes[colType] = _extends({}, mergedColumnTypes[colTypeDef.extendType || DEFAULT_GRID_COL_TYPE_KEY], colTypeDef);
+    }
   });
   return mergedColumnTypes;
 };

package/legacy/hooks/features/density/useGridDensity.js

@@ -3,7 +3,6 @@ import * as React from 'react';
 import { GridDensityTypes } from '../../../models/gridDensity';
 import { useGridLogger } from '../../utils/useGridLogger';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { useGridStateInit } from '../../utils/useGridStateInit';
 import { gridDensitySelector } from './densitySelector';
 import { isDeepEqual } from '../../../utils/utils';
 export var COMPACT_DENSITY_FACTOR = 0.7;
@@ -37,13 +36,13 @@ var getUpdatedDensityState = function getUpdatedDensityState(newDensity, newHead
   }
 };
 
+export var densityStateInitializer = function densityStateInitializer(state, props) {
+  return _extends({}, state, {
+    density: getUpdatedDensityState(props.density, props.headerHeight, props.rowHeight)
+  });
+};
 export var useGridDensity = function useGridDensity(apiRef, props) {
   var logger = useGridLogger(apiRef, 'useDensity');
-  useGridStateInit(apiRef, function (state) {
-    return _extends({}, state, {
-      density: getUpdatedDensityState(props.density, props.headerHeight, props.rowHeight)
-    });
-  });
   var setDensity = React.useCallback(function (newDensity) {
     var newHeaderHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : props.headerHeight;
     var newRowHeight = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : props.rowHeight;

package/legacy/hooks/features/dimensions/useGridDimensions.js

@@ -7,7 +7,7 @@ import { useGridLogger } from '../../utils/useGridLogger';
 import { gridColumnsTotalWidthSelector } from '../columns';
 import { gridDensityHeaderHeightSelector, gridDensityRowHeightSelector } from '../density';
 import { useGridSelector } from '../../utils';
-import { getCurrentPageRows } from '../../utils/useCurrentPageRows';
+import { getVisibleRows } from '../../utils/useGridVisibleRows';
 import { gridRowsMetaSelector } from '../rows/gridRowsMetaSelector';
 var isTestEnvironment = process.env.NODE_ENV === 'test';
 
@@ -118,7 +118,7 @@ export function useGridDimensions(apiRef, props) {
       return 0;
     }
 
-    var currentPage = getCurrentPageRows(apiRef, {
+    var currentPage = getVisibleRows(apiRef, {
       pagination: props.pagination,
       paginationMode: props.paginationMode
     }); // TODO: Use a combination of scrollTop, dimensions.viewportInnerSize.height and rowsMeta.possitions

package/legacy/hooks/features/editRows/useGridEditing.js

@@ -6,10 +6,14 @@ import { GridCellModes } from '../../../models/gridEditRowModel';
 import { useGridApiEventHandler, useGridApiOptionHandler } from '../../utils/useGridApiEventHandler';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { useGridLogger } from '../../utils/useGridLogger';
-import { useGridStateInit } from '../../utils/useGridStateInit';
 import { gridEditRowsStateSelector } from './gridEditRowsSelector';
 import { useCellEditing } from './useGridCellEditing';
 import { useGridRowEditing } from './useGridRowEditing';
+export var editingStateInitializer = function editingStateInitializer(state) {
+  return _extends({}, state, {
+    editRows: {}
+  });
+};
 /**
  * @requires useGridFocus - can be after, async only
  * @requires useGridParamsApi (method)
@@ -22,11 +26,6 @@ export function useGridEditing(apiRef, props) {
   var logger = useGridLogger(apiRef, 'useGridEditRows');
   useCellEditing(apiRef, props);
   useGridRowEditing(apiRef, props);
-  useGridStateInit(apiRef, function (state) {
-    return _extends({}, state, {
-      editRows: {}
-    });
-  });
   var debounceMap = React.useRef({});
   apiRef.current.unstable_updateControlState({
     stateId: 'editRows',

package/legacy/hooks/features/export/serializers/csvSerializer.js

@@ -1,4 +1,5 @@
 import { GRID_CHECKBOX_SELECTION_COL_DEF } from '../../../../colDef';
+import { buildWarning } from '../../../../utils/warning';
 
 var serialiseCellValue = function serialiseCellValue(value, delimiterCharacter) {
   if (typeof value === 'string') {
@@ -16,16 +17,15 @@ var serialiseCellValue = function serialiseCellValue(value, delimiterCharacter)
   return value;
 };
 
-var warnedOnce = false;
+var objectFormattedValueWarning = buildWarning(['MUI: When the value of a field is an object or a `renderCell` is provided, the CSV export might not display the value correctly.', 'You can provide a `valueFormatter` with a string representation to be used.']);
 
 var serialiseRow = function serialiseRow(id, columns, getCellParams, delimiterCharacter) {
   return columns.map(function (column) {
     var cellParams = getCellParams(id, column.field);
 
     if (process.env.NODE_ENV !== 'production') {
-      if (!warnedOnce && String(cellParams.formattedValue) === '[object Object]') {
-        console.warn(['MUI: When the value of a field is an object or a `renderCell` is provided, the CSV export might not display the value correctly.', 'You can provide a `valueFormatter` with a string representation to be used.'].join('\n'));
-        warnedOnce = true;
+      if (String(cellParams.formattedValue) === '[object Object]') {
+        objectFormattedValueWarning();
       }
     }
 

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

@@ -89,6 +89,7 @@ export var gridFilteredSortedRowIdsSelector = createSelector(gridFilteredSortedR
  * @category Filtering
  * @deprecated Use `gridVisibleSortedRowIdsSelector` instead
  * @ignore - do not document.
+ * TODO: Add deprecation warning once we have the new selectors without the "visible" keyword.
  */
 
 export var gridVisibleRowsSelector = gridVisibleSortedRowIdsSelector;

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

@@ -6,8 +6,19 @@ import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { useGridLogger } from '../../utils/useGridLogger';
 import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
 import { isNavigationKey } from '../../../utils/keyboardUtils';
-import { useGridStateInit } from '../../utils/useGridStateInit';
 import { gridFocusCellSelector } from './gridFocusStateSelector';
+export var focusStateInitializer = function focusStateInitializer(state) {
+  return _extends({}, state, {
+    focus: {
+      cell: null,
+      columnHeader: null
+    },
+    tabIndex: {
+      cell: null,
+      columnHeader: null
+    }
+  });
+};
 /**
  * @requires useGridParamsApi (method)
  * @requires useGridRows (method)
@@ -16,18 +27,6 @@ import { gridFocusCellSelector } from './gridFocusStateSelector';
 
 export var useGridFocus = function useGridFocus(apiRef, props) {
   var logger = useGridLogger(apiRef, 'useGridFocus');
-  useGridStateInit(apiRef, function (state) {
-    return _extends({}, state, {
-      focus: {
-        cell: null,
-        columnHeader: null
-      },
-      tabIndex: {
-        cell: null,
-        columnHeader: null
-      }
-    });
-  });
   var lastClickedCell = React.useRef(null);
   var setCellFocus = React.useCallback(function (id, field) {
     // The row might have been deleted

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

@@ -4,7 +4,7 @@ import { gridVisibleColumnDefinitionsSelector } from '../columns/gridColumnsSele
 import { useGridLogger } from '../../utils/useGridLogger';
 import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
 import { gridVisibleSortedRowEntriesSelector } from '../filter/gridFilterSelector';
-import { useCurrentPageRows } from '../../utils/useCurrentPageRows';
+import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
 import { GRID_CHECKBOX_SELECTION_COL_DEF } from '../../../colDef/gridCheckboxSelectionColDef';
 import { gridClasses } from '../../../constants/gridClasses';
 /**
@@ -21,7 +21,7 @@ import { gridClasses } from '../../../constants/gridClasses';
 
 export var useGridKeyboardNavigation = function useGridKeyboardNavigation(apiRef, props) {
   var logger = useGridLogger(apiRef, 'useGridKeyboardNavigation');
-  var currentPage = useCurrentPageRows(apiRef, props);
+  var currentPage = useGridVisibleRows(apiRef, props);
   var goToCell = React.useCallback(function (colIndex, rowIndex) {
     logger.debug("Navigating to cell row ".concat(rowIndex, ", col ").concat(colIndex));
     apiRef.current.scrollToIndexes({

package/legacy/hooks/features/pagination/useGridPage.js

@@ -6,8 +6,7 @@ import { gridVisibleTopLevelRowCountSelector } from '../filter';
 import { gridPageSelector } from './gridPaginationSelector';
 import { useGridRegisterPreProcessor } from '../../core/preProcessing';
 import { buildWarning } from '../../../utils/warning';
-
-var getPageCount = function getPageCount(rowCount, pageSize) {
+export var getPageCount = function getPageCount(rowCount, pageSize) {
   if (pageSize > 0 && rowCount > 0) {
     return Math.ceil(rowCount / pageSize);
   }
@@ -36,23 +35,12 @@ var mergeStateWithPage = function mergeStateWithPage(page) {
 };
 
 var noRowCountInServerMode = buildWarning(["MUI: the 'rowCount' prop is undefined while using paginationMode='server'", 'For more detail, see http://mui.com/components/data-grid/pagination/#basic-implementation'], 'error');
-export var pageStateInitializer = function pageStateInitializer(state, props) {
-  var _ref, _props$page, _props$initialState, _props$initialState$p, _props$rowCount, _props$rowCount2;
-
-  return _extends({}, state, {
-    pagination: _extends({}, state.pagination, {
-      page: (_ref = (_props$page = props.page) != null ? _props$page : (_props$initialState = props.initialState) == null ? void 0 : (_props$initialState$p = _props$initialState.pagination) == null ? void 0 : _props$initialState$p.page) != null ? _ref : 0,
-      pageCount: getPageCount((_props$rowCount = props.rowCount) != null ? _props$rowCount : 0, state.pagination.pageSize),
-      rowCount: (_props$rowCount2 = props.rowCount) != null ? _props$rowCount2 : 0
-    })
-  });
-};
 /**
  * @requires useGridPageSize (event)
  */
 
 export var useGridPage = function useGridPage(apiRef, props) {
-  var _props$initialState3, _props$initialState3$;
+  var _props$initialState2, _props$initialState2$;
 
   var logger = useGridLogger(apiRef, 'useGridPage');
   var visibleTopLevelRowCount = useGridSelector(apiRef, gridVisibleTopLevelRowCountSelector);
@@ -81,12 +69,12 @@ export var useGridPage = function useGridPage(apiRef, props) {
    */
 
   var stateExportPreProcessing = React.useCallback(function (prevState) {
-    var _props$initialState2, _props$initialState2$;
+    var _props$initialState, _props$initialState$p;
 
     var pageToExport = gridPageSelector(apiRef);
     var shouldExportPage = // Always export if the page is controlled
     props.page != null || // Always export if the page has been initialized
-    ((_props$initialState2 = props.initialState) == null ? void 0 : (_props$initialState2$ = _props$initialState2.pagination) == null ? void 0 : _props$initialState2$.page) != null || // Export if the page value is not equal to the default value
+    ((_props$initialState = props.initialState) == null ? void 0 : (_props$initialState$p = _props$initialState.pagination) == null ? void 0 : _props$initialState$p.page) != null || // Export if the page value is not equal to the default value
     pageToExport !== 0;
 
     if (!shouldExportPage) {
@@ -98,7 +86,7 @@ export var useGridPage = function useGridPage(apiRef, props) {
         page: pageToExport
       })
     });
-  }, [apiRef, props.page, (_props$initialState3 = props.initialState) == null ? void 0 : (_props$initialState3$ = _props$initialState3.pagination) == null ? void 0 : _props$initialState3$.page]);
+  }, [apiRef, props.page, (_props$initialState2 = props.initialState) == null ? void 0 : (_props$initialState2$ = _props$initialState2.pagination) == null ? void 0 : _props$initialState2$.page]);
   var stateRestorePreProcessing = React.useCallback(function (params, context) {
     var _context$stateToResto, _context$stateToResto2;
 

package/legacy/hooks/features/pagination/useGridPageSize.js

@@ -5,31 +5,10 @@ import { useGridLogger, useGridApiMethod, useGridApiEventHandler, useGridSelecto
 import { gridPageSizeSelector } from './gridPaginationSelector';
 import { gridDensityRowHeightSelector } from '../density';
 import { useGridRegisterPreProcessor } from '../../core/preProcessing';
-
-var defaultPageSize = function defaultPageSize(autoPageSize) {
+export var defaultPageSize = function defaultPageSize(autoPageSize) {
   return autoPageSize ? 0 : 100;
 };
 
-export var pageSizeStateInitializer = function pageSizeStateInitializer(state, props) {
-  var _props$initialState, _props$initialState$p;
-
-  var pageSize;
-
-  if (props.pageSize != null) {
-    pageSize = props.pageSize;
-  } else if (((_props$initialState = props.initialState) == null ? void 0 : (_props$initialState$p = _props$initialState.pagination) == null ? void 0 : _props$initialState$p.pageSize) != null) {
-    pageSize = props.initialState.pagination.pageSize;
-  } else {
-    pageSize = defaultPageSize(props.autoPageSize);
-  }
-
-  return _extends({}, state, {
-    pagination: {
-      pageSize: pageSize
-    }
-  });
-};
-
 var mergeStateWithPageSize = function mergeStateWithPageSize(pageSize) {
   return function (state) {
     return _extends({}, state, {
@@ -45,7 +24,7 @@ var mergeStateWithPageSize = function mergeStateWithPageSize(pageSize) {
 
 
 export var useGridPageSize = function useGridPageSize(apiRef, props) {
-  var _props$initialState3, _props$initialState3$;
+  var _props$initialState2, _props$initialState2$;
 
   var logger = useGridLogger(apiRef, 'useGridPageSize');
   var rowHeight = useGridSelector(apiRef, gridDensityRowHeightSelector);
@@ -78,12 +57,12 @@ export var useGridPageSize = function useGridPageSize(apiRef, props) {
    */
 
   var stateExportPreProcessing = React.useCallback(function (prevState) {
-    var _props$initialState2, _props$initialState2$;
+    var _props$initialState, _props$initialState$p;
 
     var pageSizeToExport = gridPageSizeSelector(apiRef);
     var shouldExportPageSize = // Always export if the page size is controlled
     props.pageSize != null || // Always export if the page size has been initialized
-    ((_props$initialState2 = props.initialState) == null ? void 0 : (_props$initialState2$ = _props$initialState2.pagination) == null ? void 0 : _props$initialState2$.pageSize) != null || // Export if the page size value is not equal to the default value
+    ((_props$initialState = props.initialState) == null ? void 0 : (_props$initialState$p = _props$initialState.pagination) == null ? void 0 : _props$initialState$p.pageSize) != null || // Export if the page size value is not equal to the default value
     pageSizeToExport !== defaultPageSize(props.autoPageSize);
 
     if (!shouldExportPageSize) {
@@ -95,7 +74,7 @@ export var useGridPageSize = function useGridPageSize(apiRef, props) {
         pageSize: pageSizeToExport
       })
     });
-  }, [apiRef, props.pageSize, (_props$initialState3 = props.initialState) == null ? void 0 : (_props$initialState3$ = _props$initialState3.pagination) == null ? void 0 : _props$initialState3$.pageSize, props.autoPageSize]);
+  }, [apiRef, props.pageSize, (_props$initialState2 = props.initialState) == null ? void 0 : (_props$initialState2$ = _props$initialState2.pagination) == null ? void 0 : _props$initialState2$.pageSize, props.autoPageSize]);
   /**
    * TODO: Add error if `prop.autoHeight = true`
    */

package/legacy/hooks/features/pagination/useGridPagination.js

@@ -1,5 +1,28 @@
-import { useGridPageSize } from './useGridPageSize';
-import { useGridPage } from './useGridPage';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { useGridPageSize, defaultPageSize } from './useGridPageSize';
+import { useGridPage, getPageCount } from './useGridPage';
+export var paginationStateInitializer = function paginationStateInitializer(state, props) {
+  var _props$initialState, _props$initialState$p, _ref, _props$page, _props$initialState2, _props$initialState2$, _props$rowCount, _props$rowCount2;
+
+  var pageSize;
+
+  if (props.pageSize != null) {
+    pageSize = props.pageSize;
+  } else if (((_props$initialState = props.initialState) == null ? void 0 : (_props$initialState$p = _props$initialState.pagination) == null ? void 0 : _props$initialState$p.pageSize) != null) {
+    pageSize = props.initialState.pagination.pageSize;
+  } else {
+    pageSize = defaultPageSize(props.autoPageSize);
+  }
+
+  return _extends({}, state, {
+    pagination: {
+      pageSize: pageSize,
+      page: (_ref = (_props$page = props.page) != null ? _props$page : (_props$initialState2 = props.initialState) == null ? void 0 : (_props$initialState2$ = _props$initialState2.pagination) == null ? void 0 : _props$initialState2$.page) != null ? _ref : 0,
+      pageCount: getPageCount((_props$rowCount = props.rowCount) != null ? _props$rowCount : 0, pageSize),
+      rowCount: (_props$rowCount2 = props.rowCount) != null ? _props$rowCount2 : 0
+    }
+  });
+};
 /**
  * @requires useGridFilter (state)
  * @requires useGridDimensions (event) - can be after

package/legacy/hooks/features/preferencesPanel/useGridPreferencesPanel.js

@@ -2,24 +2,23 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { useGridLogger } from '../../utils/useGridLogger';
-import { useGridStateInit } from '../../utils/useGridStateInit';
 import { useGridRegisterPreProcessor } from '../../core/preProcessing';
 import { gridPreferencePanelStateSelector } from './gridPreferencePanelSelector';
+export var preferencePanelStateInitializer = function preferencePanelStateInitializer(state, props) {
+  var _props$initialState$p, _props$initialState;
+
+  return _extends({}, state, {
+    preferencePanel: (_props$initialState$p = (_props$initialState = props.initialState) == null ? void 0 : _props$initialState.preferencePanel) != null ? _props$initialState$p : {
+      open: false
+    }
+  });
+};
 /**
  * TODO: Add a single `setPreferencePanel` method to avoid multiple `setState`
  */
 
-export var useGridPreferencesPanel = function useGridPreferencesPanel(apiRef, props) {
+export var useGridPreferencesPanel = function useGridPreferencesPanel(apiRef) {
   var logger = useGridLogger(apiRef, 'useGridPreferencesPanel');
-  useGridStateInit(apiRef, function (state) {
-    var _props$initialState$p, _props$initialState;
-
-    return _extends({}, state, {
-      preferencePanel: (_props$initialState$p = (_props$initialState = props.initialState) == null ? void 0 : _props$initialState.preferencePanel) != null ? _props$initialState$p : {
-        open: false
-      }
-    });
-  });
   var hideTimeout = React.useRef();
   var immediateTimeout = React.useRef();
   /**

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

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { getGridCellElement, getGridColumnHeaderElement, getGridRowElement } from '../../../utils/domUtils';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { gridFocusCellSelector, gridTabIndexCellSelector } from '../focus/gridFocusStateSelector';
+import { buildWarning } from '../../../utils/warning';
 var warnedOnceMissingColumn = false;
 
 function warnMissingColumn(field) {
@@ -9,12 +10,7 @@ function warnMissingColumn(field) {
   warnedOnceMissingColumn = true;
 }
 
-var warnedOnceGetValue = false;
-
-function warnGetValue() {
-  console.warn(["MUI: You are calling getValue. This method is deprecated and will be removed in the next major version.", "Instead, you can access the data from `params.row}`."].join('\n'));
-  warnedOnceGetValue = true;
-}
+var getCellValueWarning = buildWarning(["MUI: You are calling getValue. This method is deprecated and will be removed in the next major version.", 'Instead, you can access the data from `params.row`.']);
 /**
  * @requires useGridColumns (method)
  * @requires useGridRows (method)
@@ -24,7 +20,6 @@ function warnGetValue() {
  * TODO: Impossible priority - useGridFocus also needs to be after useGridParamsApi
  */
 
-
 export function useGridParamsApi(apiRef) {
   var getColumnHeaderParams = React.useCallback(function (field) {
     return {
@@ -40,9 +35,7 @@ export function useGridParamsApi(apiRef) {
     var _apiRef$current;
 
     if (process.env.NODE_ENV !== 'production') {
-      if (!warnedOnceGetValue) {
-        warnGetValue();
-      }
+      getCellValueWarning();
     }
 
     return (_apiRef$current = apiRef.current).getCellValue.apply(_apiRef$current, arguments);

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

@@ -8,6 +8,7 @@ import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { useGridLogger } from '../../utils/useGridLogger';
 import { gridRowCountSelector, gridRowsLookupSelector, gridRowTreeSelector, gridRowIdsSelector } from './gridRowsSelector';
 import { GridSignature, useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
+import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
 
 function getGridRowId(rowModel, getRowId, detailErrorMessage) {
   var id = getRowId ? getRowId(rowModel) : rowModel.id;
@@ -49,14 +50,12 @@ var getRowsStateFromCache = function getRowsStateFromCache(rowsCache, previousTr
   var groupingResponse = apiRef.current.unstable_groupRows(_extends({}, value, {
     previousTree: previousTree
   }));
-  var dataTopLevelRowCount = Object.values(groupingResponse.tree).filter(function (node) {
+  var dataTopLevelRowCount = groupingResponse.treeDepth === 1 ? groupingResponse.ids.length : Object.values(groupingResponse.tree).filter(function (node) {
     return node.parent == null;
   }).length;
-  var totalRowCount = rowCount > groupingResponse.ids.length ? rowCount : groupingResponse.ids.length;
-  var totalTopLevelRowCount = rowCount > dataTopLevelRowCount ? rowCount : dataTopLevelRowCount;
   return _extends({}, groupingResponse, {
-    totalRowCount: totalRowCount,
-    totalTopLevelRowCount: totalTopLevelRowCount
+    totalRowCount: Math.max(rowCount, groupingResponse.ids.length),
+    totalTopLevelRowCount: Math.max(rowCount, dataTopLevelRowCount)
   });
 };
 
@@ -95,11 +94,22 @@ export var useGridRows = function useGridRows(apiRef, props) {
   var logger = useGridLogger(apiRef, 'useGridRows');
   var rowsCache = React.useRef(apiRef.current.state.rowsCache); // To avoid listing rowsCache as useEffect dep
 
+  var currentPage = useGridVisibleRows(apiRef, props);
   var getRow = React.useCallback(function (id) {
     var _gridRowsLookupSelect;
 
     return (_gridRowsLookupSelect = gridRowsLookupSelector(apiRef)[id]) != null ? _gridRowsLookupSelect : null;
   }, [apiRef]);
+  var lookup = React.useMemo(function () {
+    return currentPage.rows.reduce(function (acc, _ref2, index) {
+      var id = _ref2.id;
+      acc[id] = index;
+      return acc;
+    }, {});
+  }, [currentPage.rows]);
+  var getRowIndexRelativeToVisibleRows = React.useCallback(function (id) {
+    return lookup[id];
+  }, [lookup]);
   var throttledRowsChange = React.useCallback(function (newState, throttle) {
     var run = function run() {
       rowsCache.current.timeout = null;
@@ -293,7 +303,8 @@ export var useGridRows = function useGridRows(apiRef, props) {
     setRows: setRows,
     updateRows: updateRows,
     setRowChildrenExpansion: setRowChildrenExpansion,
-    getRowNode: getRowNode
+    getRowNode: getRowNode,
+    getRowIndexRelativeToVisibleRows: getRowIndexRelativeToVisibleRows
   };
   useGridApiMethod(apiRef, rowApi, 'GridRowApi');
 };