@mui/x-data-grid 5.6.0 → 5.6.1

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useGridColumnMenu = void 0;
+exports.useGridColumnMenu = exports.columnMenuStateInitializer = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -13,8 +13,6 @@ var React = _interopRequireWildcard(require("react"));
 
 var _events = require("../../../models/events");
 
-var _useGridStateInit = require("../../utils/useGridStateInit");
-
 var _utils = require("../../utils");
 
 var _columnMenuSelector = require("./columnMenuSelector");
@@ -23,17 +21,21 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+const columnMenuStateInitializer = state => (0, _extends2.default)({}, state, {
+  columnMenu: {
+    open: false
+  }
+});
 /**
  * @requires useGridColumnResize (event)
  * @requires useGridInfiniteLoader (event)
  */
+
+
+exports.columnMenuStateInitializer = columnMenuStateInitializer;
+
 const useGridColumnMenu = apiRef => {
   const logger = (0, _utils.useGridLogger)(apiRef, 'useGridColumnMenu');
-  (0, _useGridStateInit.useGridStateInit)(apiRef, state => (0, _extends2.default)({}, state, {
-    columnMenu: {
-      open: false
-    }
-  }));
   /**
    * API METHODS
    */

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

@@ -7,6 +7,8 @@ exports.visibleGridColumnsSelector = exports.visibleGridColumnsLengthSelector =
 
 var _createSelector = require("../../../utils/createSelector");
 
+var _warning = require("../../../utils/warning");
+
 /**
  * @category Columns
  * @deprecated Use the selector returning exactly the value you are looking for.
@@ -117,7 +119,7 @@ const gridFilterableColumnLookupSelector = (0, _createSelector.createSelector)(g
  */
 
 exports.gridFilterableColumnLookupSelector = gridFilterableColumnLookupSelector;
-const allGridColumnsFieldsSelector = gridColumnFieldsSelector;
+const allGridColumnsFieldsSelector = (0, _warning.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.
@@ -125,7 +127,7 @@ const allGridColumnsFieldsSelector = gridColumnFieldsSelector;
  */
 
 exports.allGridColumnsFieldsSelector = allGridColumnsFieldsSelector;
-const allGridColumnsSelector = gridColumnDefinitionsSelector;
+const allGridColumnsSelector = (0, _warning.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.
@@ -133,7 +135,7 @@ const allGridColumnsSelector = gridColumnDefinitionsSelector;
  */
 
 exports.allGridColumnsSelector = allGridColumnsSelector;
-const visibleGridColumnsSelector = gridVisibleColumnDefinitionsSelector;
+const visibleGridColumnsSelector = (0, _warning.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.
@@ -141,7 +143,7 @@ const visibleGridColumnsSelector = gridVisibleColumnDefinitionsSelector;
  */
 
 exports.visibleGridColumnsSelector = visibleGridColumnsSelector;
-const filterableGridColumnsSelector = gridFilterableColumnDefinitionsSelector;
+const filterableGridColumnsSelector = (0, _warning.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).
@@ -149,16 +151,16 @@ const filterableGridColumnsSelector = gridFilterableColumnDefinitionsSelector;
  */
 
 exports.filterableGridColumnsSelector = filterableGridColumnsSelector;
-const filterableGridColumnsIdsSelector = (0, _createSelector.createSelector)(gridFilterableColumnDefinitionsSelector, columns => columns.map(col => col.field));
+const filterableGridColumnsIdsSelector = (0, _warning.wrapWithWarningOnCall)((0, _createSelector.createSelector)(gridFilterableColumnDefinitionsSelector, columns => columns.map(col => 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.
  */
 
 exports.filterableGridColumnsIdsSelector = filterableGridColumnsIdsSelector;
-const visibleGridColumnsLengthSelector = (0, _createSelector.createSelector)(gridVisibleColumnDefinitionsSelector, visibleColumns => visibleColumns.length);
+const visibleGridColumnsLengthSelector = (0, _warning.wrapWithWarningOnCall)((0, _createSelector.createSelector)(gridVisibleColumnDefinitionsSelector, visibleColumns => 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.
@@ -166,8 +168,8 @@ const visibleGridColumnsLengthSelector = (0, _createSelector.createSelector)(gri
  */
 
 exports.visibleGridColumnsLengthSelector = visibleGridColumnsLengthSelector;
-const gridColumnsMetaSelector = (0, _createSelector.createSelector)(gridColumnPositionsSelector, gridColumnsTotalWidthSelector, (positions, totalWidth) => ({
+const gridColumnsMetaSelector = (0, _warning.wrapWithWarningOnCall)((0, _createSelector.createSelector)(gridColumnPositionsSelector, gridColumnsTotalWidthSelector, (positions, totalWidth) => ({
   totalWidth,
   positions
-}));
+})), ['MUI: The method gridColumnsMetaSelector is deprecated and will be removed in the next major version.', 'Use gridColumnsTotalWidthSelector or gridColumnPositionsSelector instead']);
 exports.gridColumnsMetaSelector = gridColumnsMetaSelector;

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

@@ -18,11 +18,13 @@ var _gridColumnsSelector = require("./gridColumnsSelector");
 var _utils = require("../../../utils/utils");
 
 const computeColumnTypes = (customColumnTypes = {}) => {
-  const allColumnTypes = (0, _extends2.default)({}, (0, _models.getGridDefaultColumnTypes)(), customColumnTypes);
-  const mergedColumnTypes = {};
-  Object.entries(allColumnTypes).forEach(([colType, colTypeDef]) => {
-    colTypeDef = (0, _extends2.default)({}, allColumnTypes[colTypeDef.extendType || _models.DEFAULT_GRID_COL_TYPE_KEY], colTypeDef);
-    mergedColumnTypes[colType] = colTypeDef;
+  const mergedColumnTypes = (0, _extends2.default)({}, (0, _models.getGridDefaultColumnTypes)());
+  Object.entries(customColumnTypes).forEach(([colType, colTypeDef]) => {
+    if (mergedColumnTypes[colType]) {
+      mergedColumnTypes[colType] = (0, _extends2.default)({}, mergedColumnTypes[colType], colTypeDef);
+    } else {
+      mergedColumnTypes[colType] = (0, _extends2.default)({}, mergedColumnTypes[colTypeDef.extendType || _models.DEFAULT_GRID_COL_TYPE_KEY], colTypeDef);
+    }
   });
   return mergedColumnTypes;
 };

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useGridDensity = exports.COMPACT_DENSITY_FACTOR = exports.COMFORTABLE_DENSITY_FACTOR = void 0;
+exports.useGridDensity = exports.densityStateInitializer = exports.COMPACT_DENSITY_FACTOR = exports.COMFORTABLE_DENSITY_FACTOR = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -17,8 +17,6 @@ var _useGridLogger = require("../../utils/useGridLogger");
 
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
 
-var _useGridStateInit = require("../../utils/useGridStateInit");
-
 var _densitySelector = require("./densitySelector");
 
 var _utils = require("../../../utils/utils");
@@ -61,11 +59,14 @@ const getUpdatedDensityState = (newDensity, newHeaderHeight, newRowHeight) => {
   }
 };
 
+const densityStateInitializer = (state, props) => (0, _extends2.default)({}, state, {
+  density: getUpdatedDensityState(props.density, props.headerHeight, props.rowHeight)
+});
+
+exports.densityStateInitializer = densityStateInitializer;
+
 const useGridDensity = (apiRef, props) => {
   const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useDensity');
-  (0, _useGridStateInit.useGridStateInit)(apiRef, state => (0, _extends2.default)({}, state, {
-    density: getUpdatedDensityState(props.density, props.headerHeight, props.rowHeight)
-  }));
   const setDensity = React.useCallback((newDensity, newHeaderHeight = props.headerHeight, newRowHeight = props.rowHeight) => {
     logger.debug(`Set grid density to ${newDensity}`);
     apiRef.current.setState(state => {

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

@@ -23,7 +23,7 @@ var _density = require("../density");
 
 var _utils2 = require("../../utils");
 
-var _useCurrentPageRows = require("../../utils/useCurrentPageRows");
+var _useGridVisibleRows = require("../../utils/useGridVisibleRows");
 
 var _gridRowsMetaSelector = require("../rows/gridRowsMetaSelector");
 
@@ -138,7 +138,7 @@ function useGridDimensions(apiRef, props) {
       return 0;
     }
 
-    const currentPage = (0, _useCurrentPageRows.getCurrentPageRows)(apiRef, {
+    const currentPage = (0, _useGridVisibleRows.getVisibleRows)(apiRef, {
       pagination: props.pagination,
       paginationMode: props.paginationMode
     }); // TODO: Use a combination of scrollTop, dimensions.viewportInnerSize.height and rowsMeta.possitions

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

@@ -5,6 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.editingStateInitializer = void 0;
 exports.useGridEditing = useGridEditing;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -21,8 +22,6 @@ var _useGridApiMethod = require("../../utils/useGridApiMethod");
 
 var _useGridLogger = require("../../utils/useGridLogger");
 
-var _useGridStateInit = require("../../utils/useGridStateInit");
-
 var _gridEditRowsSelector = require("./gridEditRowsSelector");
 
 var _useGridCellEditing = require("./useGridCellEditing");
@@ -33,20 +32,24 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+const editingStateInitializer = state => (0, _extends2.default)({}, state, {
+  editRows: {}
+});
 /**
  * @requires useGridFocus - can be after, async only
  * @requires useGridParamsApi (method)
  * @requires useGridColumns (state)
  */
+
+
+exports.editingStateInitializer = editingStateInitializer;
+
 function useGridEditing(apiRef, props) {
   var _props$experimentalFe2;
 
   const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useGridEditRows');
   (0, _useGridCellEditing.useCellEditing)(apiRef, props);
   (0, _useGridRowEditing.useGridRowEditing)(apiRef, props);
-  (0, _useGridStateInit.useGridStateInit)(apiRef, state => (0, _extends2.default)({}, state, {
-    editRows: {}
-  }));
   const debounceMap = React.useRef({});
   apiRef.current.unstable_updateControlState({
     stateId: 'editRows',

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

@@ -7,6 +7,8 @@ exports.buildCSV = buildCSV;
 
 var _colDef = require("../../../../colDef");
 
+var _warning = require("../../../../utils/warning");
+
 const serialiseCellValue = (value, delimiterCharacter) => {
   if (typeof value === 'string') {
     const formattedValue = value.replace(/"/g, '""'); // Make sure value containing delimiter or line break won't be split into multiple rows
@@ -21,15 +23,14 @@ const serialiseCellValue = (value, delimiterCharacter) => {
   return value;
 };
 
-let warnedOnce = false;
+const objectFormattedValueWarning = (0, _warning.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.']);
 
 const serialiseRow = (id, columns, getCellParams, delimiterCharacter) => columns.map(column => {
   const 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/node/hooks/features/filter/gridFilterSelector.js

@@ -82,6 +82,7 @@ const gridFilteredSortedRowIdsSelector = (0, _createSelector.createSelector)(gri
  * @category Filtering
  * @deprecated Use `gridVisibleSortedRowIdsSelector` instead
  * @ignore - do not document.
+ * TODO: Add deprecation warning once we have the new selectors without the "visible" keyword.
  */
 
 exports.gridFilteredSortedRowIdsSelector = gridFilteredSortedRowIdsSelector;

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useGridFocus = void 0;
+exports.useGridFocus = exports.focusStateInitializer = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -23,31 +23,33 @@ var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
 
 var _keyboardUtils = require("../../../utils/keyboardUtils");
 
-var _useGridStateInit = require("../../utils/useGridStateInit");
-
 var _gridFocusStateSelector = require("./gridFocusStateSelector");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+const focusStateInitializer = state => (0, _extends2.default)({}, state, {
+  focus: {
+    cell: null,
+    columnHeader: null
+  },
+  tabIndex: {
+    cell: null,
+    columnHeader: null
+  }
+});
 /**
  * @requires useGridParamsApi (method)
  * @requires useGridRows (method)
  * @requires useGridEditing (event)
  */
+
+
+exports.focusStateInitializer = focusStateInitializer;
+
 const useGridFocus = (apiRef, props) => {
   const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useGridFocus');
-  (0, _useGridStateInit.useGridStateInit)(apiRef, state => (0, _extends2.default)({}, state, {
-    focus: {
-      cell: null,
-      columnHeader: null
-    },
-    tabIndex: {
-      cell: null,
-      columnHeader: null
-    }
-  }));
   const lastClickedCell = React.useRef(null);
   const setCellFocus = React.useCallback((id, field) => {
     // The row might have been deleted

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

@@ -17,7 +17,7 @@ var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
 
 var _gridFilterSelector = require("../filter/gridFilterSelector");
 
-var _useCurrentPageRows = require("../../utils/useCurrentPageRows");
+var _useGridVisibleRows = require("../../utils/useGridVisibleRows");
 
 var _gridCheckboxSelectionColDef = require("../../../colDef/gridCheckboxSelectionColDef");
 
@@ -40,7 +40,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 const useGridKeyboardNavigation = (apiRef, props) => {
   const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useGridKeyboardNavigation');
-  const currentPage = (0, _useCurrentPageRows.useCurrentPageRows)(apiRef, props);
+  const currentPage = (0, _useGridVisibleRows.useGridVisibleRows)(apiRef, props);
   const goToCell = React.useCallback((colIndex, rowIndex) => {
     logger.debug(`Navigating to cell row ${rowIndex}, col ${colIndex}`);
     apiRef.current.scrollToIndexes({

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useGridPage = exports.pageStateInitializer = void 0;
+exports.useGridPage = exports.getPageCount = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -35,6 +35,8 @@ const getPageCount = (rowCount, pageSize) => {
   return 0;
 };
 
+exports.getPageCount = getPageCount;
+
 const applyValidPage = paginationState => {
   if (!paginationState.pageCount) {
     return paginationState;
@@ -52,27 +54,12 @@ const mergeStateWithPage = page => state => (0, _extends2.default)({}, state, {
 });
 
 const noRowCountInServerMode = (0, _warning.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');
-
-const pageStateInitializer = (state, props) => {
-  var _ref, _props$page, _props$initialState, _props$initialState$p, _props$rowCount, _props$rowCount2;
-
-  return (0, _extends2.default)({}, state, {
-    pagination: (0, _extends2.default)({}, 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)
  */
 
-
-exports.pageStateInitializer = pageStateInitializer;
-
 const useGridPage = (apiRef, props) => {
-  var _props$initialState3, _props$initialState3$;
+  var _props$initialState2, _props$initialState2$;
 
   const logger = (0, _utils.useGridLogger)(apiRef, 'useGridPage');
   const visibleTopLevelRowCount = (0, _utils.useGridSelector)(apiRef, _filter.gridVisibleTopLevelRowCountSelector);
@@ -101,12 +88,12 @@ const useGridPage = (apiRef, props) => {
    */
 
   const stateExportPreProcessing = React.useCallback(prevState => {
-    var _props$initialState2, _props$initialState2$;
+    var _props$initialState, _props$initialState$p;
 
     const pageToExport = (0, _gridPaginationSelector.gridPageSelector)(apiRef);
     const 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) {
@@ -118,7 +105,7 @@ const 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]);
   const stateRestorePreProcessing = React.useCallback((params, context) => {
     var _context$stateToResto, _context$stateToResto2;
 

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useGridPageSize = exports.pageSizeStateInitializer = void 0;
+exports.useGridPageSize = exports.defaultPageSize = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -27,27 +27,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const defaultPageSize = autoPageSize => autoPageSize ? 0 : 100;
 
-const pageSizeStateInitializer = (state, props) => {
-  var _props$initialState, _props$initialState$p;
-
-  let 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 (0, _extends2.default)({}, state, {
-    pagination: {
-      pageSize
-    }
-  });
-};
-
-exports.pageSizeStateInitializer = pageSizeStateInitializer;
+exports.defaultPageSize = defaultPageSize;
 
 const mergeStateWithPageSize = pageSize => state => (0, _extends2.default)({}, state, {
   pagination: (0, _extends2.default)({}, state.pagination, {
@@ -60,7 +40,7 @@ const mergeStateWithPageSize = pageSize => state => (0, _extends2.default)({}, s
 
 
 const useGridPageSize = (apiRef, props) => {
-  var _props$initialState3, _props$initialState3$;
+  var _props$initialState2, _props$initialState2$;
 
   const logger = (0, _utils.useGridLogger)(apiRef, 'useGridPageSize');
   const rowHeight = (0, _utils.useGridSelector)(apiRef, _density.gridDensityRowHeightSelector);
@@ -93,12 +73,12 @@ const useGridPageSize = (apiRef, props) => {
    */
 
   const stateExportPreProcessing = React.useCallback(prevState => {
-    var _props$initialState2, _props$initialState2$;
+    var _props$initialState, _props$initialState$p;
 
     const pageSizeToExport = (0, _gridPaginationSelector.gridPageSizeSelector)(apiRef);
     const 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) {
@@ -110,7 +90,7 @@ const 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/node/hooks/features/pagination/useGridPagination.js

@@ -1,18 +1,48 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useGridPagination = void 0;
+exports.useGridPagination = exports.paginationStateInitializer = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _useGridPageSize = require("./useGridPageSize");
 
 var _useGridPage = require("./useGridPage");
 
+const paginationStateInitializer = (state, props) => {
+  var _props$initialState, _props$initialState$p, _ref, _props$page, _props$initialState2, _props$initialState2$, _props$rowCount, _props$rowCount2;
+
+  let 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 = (0, _useGridPageSize.defaultPageSize)(props.autoPageSize);
+  }
+
+  return (0, _extends2.default)({}, state, {
+    pagination: {
+      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: (0, _useGridPage.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
  */
+
+
+exports.paginationStateInitializer = paginationStateInitializer;
+
 const useGridPagination = (apiRef, props) => {
   (0, _useGridPageSize.useGridPageSize)(apiRef, props);
   (0, _useGridPage.useGridPage)(apiRef, props);

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useGridPreferencesPanel = void 0;
+exports.useGridPreferencesPanel = exports.preferencePanelStateInitializer = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -15,8 +15,6 @@ var _useGridApiMethod = require("../../utils/useGridApiMethod");
 
 var _useGridLogger = require("../../utils/useGridLogger");
 
-var _useGridStateInit = require("../../utils/useGridStateInit");
-
 var _preProcessing = require("../../core/preProcessing");
 
 var _gridPreferencePanelSelector = require("./gridPreferencePanelSelector");
@@ -25,20 +23,24 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+const preferencePanelStateInitializer = (state, props) => {
+  var _props$initialState$p, _props$initialState;
+
+  return (0, _extends2.default)({}, 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`
  */
-const useGridPreferencesPanel = (apiRef, props) => {
-  const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useGridPreferencesPanel');
-  (0, _useGridStateInit.useGridStateInit)(apiRef, state => {
-    var _props$initialState$p, _props$initialState;
 
-    return (0, _extends2.default)({}, state, {
-      preferencePanel: (_props$initialState$p = (_props$initialState = props.initialState) == null ? void 0 : _props$initialState.preferencePanel) != null ? _props$initialState$p : {
-        open: false
-      }
-    });
-  });
+
+exports.preferencePanelStateInitializer = preferencePanelStateInitializer;
+
+const useGridPreferencesPanel = apiRef => {
+  const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useGridPreferencesPanel');
   const hideTimeout = React.useRef();
   const immediateTimeout = React.useRef();
   /**

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

@@ -13,6 +13,8 @@ var _useGridApiMethod = require("../../utils/useGridApiMethod");
 
 var _gridFocusStateSelector = require("../focus/gridFocusStateSelector");
 
+var _warning = require("../../../utils/warning");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -24,12 +26,7 @@ function warnMissingColumn(field) {
   warnedOnceMissingColumn = true;
 }
 
-let 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;
-}
+const getCellValueWarning = (0, _warning.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)
@@ -39,7 +36,6 @@ function warnGetValue() {
  * TODO: Impossible priority - useGridFocus also needs to be after useGridParamsApi
  */
 
-
 function useGridParamsApi(apiRef) {
   const getColumnHeaderParams = React.useCallback(field => ({
     field,
@@ -51,9 +47,7 @@ function useGridParamsApi(apiRef) {
 
   const getCellValueWithDeprecationWarning = React.useCallback((...args) => {
     if (process.env.NODE_ENV !== 'production') {
-      if (!warnedOnceGetValue) {
-        warnGetValue();
-      }
+      getCellValueWarning();
     }
 
     return apiRef.current.getCellValue(...args);