@mui/x-data-grid 5.6.0 → 5.6.1

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

@@ -23,6 +23,8 @@ var _gridRowsSelector = require("./gridRowsSelector");
 
 var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
 
+var _useGridVisibleRows = require("../../utils/useGridVisibleRows");
+
 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; }
@@ -70,12 +72,10 @@ const getRowsStateFromCache = (rowsCache, previousTree, apiRef, rowCountProp) =>
   const groupingResponse = apiRef.current.unstable_groupRows((0, _extends2.default)({}, value, {
     previousTree
   }));
-  const dataTopLevelRowCount = Object.values(groupingResponse.tree).filter(node => node.parent == null).length;
-  const totalRowCount = rowCount > groupingResponse.ids.length ? rowCount : groupingResponse.ids.length;
-  const totalTopLevelRowCount = rowCount > dataTopLevelRowCount ? rowCount : dataTopLevelRowCount;
+  const dataTopLevelRowCount = groupingResponse.treeDepth === 1 ? groupingResponse.ids.length : Object.values(groupingResponse.tree).filter(node => node.parent == null).length;
   return (0, _extends2.default)({}, groupingResponse, {
-    totalRowCount,
-    totalTopLevelRowCount
+    totalRowCount: Math.max(rowCount, groupingResponse.ids.length),
+    totalTopLevelRowCount: Math.max(rowCount, dataTopLevelRowCount)
   });
 };
 
@@ -117,11 +117,19 @@ const useGridRows = (apiRef, props) => {
   const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useGridRows');
   const rowsCache = React.useRef(apiRef.current.state.rowsCache); // To avoid listing rowsCache as useEffect dep
 
+  const currentPage = (0, _useGridVisibleRows.useGridVisibleRows)(apiRef, props);
   const getRow = React.useCallback(id => {
     var _gridRowsLookupSelect;
 
     return (_gridRowsLookupSelect = (0, _gridRowsSelector.gridRowsLookupSelector)(apiRef)[id]) != null ? _gridRowsLookupSelect : null;
   }, [apiRef]);
+  const lookup = React.useMemo(() => currentPage.rows.reduce((acc, {
+    id
+  }, index) => {
+    acc[id] = index;
+    return acc;
+  }, {}), [currentPage.rows]);
+  const getRowIndexRelativeToVisibleRows = React.useCallback(id => lookup[id], [lookup]);
   const throttledRowsChange = React.useCallback((newState, throttle) => {
     const run = () => {
       rowsCache.current.timeout = null;
@@ -305,7 +313,8 @@ const useGridRows = (apiRef, props) => {
     setRows,
     updateRows,
     setRowChildrenExpansion,
-    getRowNode
+    getRowNode,
+    getRowIndexRelativeToVisibleRows
   };
   (0, _useGridApiMethod.useGridApiMethod)(apiRef, rowApi, 'GridRowApi');
 };

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

@@ -5,13 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useGridRowsMeta = void 0;
+exports.useGridRowsMeta = exports.rowsMetaStateInitializer = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var React = _interopRequireWildcard(require("react"));
 
-var _useCurrentPageRows = require("../../utils/useCurrentPageRows");
+var _useGridVisibleRows = require("../../utils/useGridVisibleRows");
 
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
 
@@ -25,8 +25,6 @@ var _gridPaginationSelector = require("../pagination/gridPaginationSelector");
 
 var _gridSortingSelector = require("../sorting/gridSortingSelector");
 
-var _useGridStateInit = require("../../utils/useGridStateInit");
-
 var _gridEvents = require("../../../models/events/gridEvents");
 
 var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
@@ -35,39 +33,37 @@ 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 rowsMetaStateInitializer = state => (0, _extends2.default)({}, state, {
+  rowsMeta: {
+    currentPageTotalHeight: 0,
+    positions: []
+  }
+});
 /**
  * @requires useGridPageSize (method)
  * @requires useGridPage (method)
  */
+
+
+exports.rowsMetaStateInitializer = rowsMetaStateInitializer;
+
 const useGridRowsMeta = (apiRef, props) => {
   const {
     getRowHeight,
-    pagination,
-    paginationMode
+    getRowSpacing
   } = props;
   const rowsHeightLookup = React.useRef({});
   const rowHeight = (0, _useGridSelector.useGridSelector)(apiRef, _densitySelector.gridDensityRowHeightSelector);
   const filterState = (0, _useGridSelector.useGridSelector)(apiRef, _gridFilterSelector.gridFilterStateSelector);
   const paginationState = (0, _useGridSelector.useGridSelector)(apiRef, _gridPaginationSelector.gridPaginationSelector);
   const sortingState = (0, _useGridSelector.useGridSelector)(apiRef, _gridSortingSelector.gridSortingStateSelector);
-  (0, _useGridStateInit.useGridStateInit)(apiRef, state => (0, _extends2.default)({}, state, {
-    rowsMeta: {
-      currentPageTotalHeight: 0,
-      positions: []
-    }
-  }));
+  const currentPage = (0, _useGridVisibleRows.useGridVisibleRows)(apiRef, props);
   const hydrateRowsMeta = React.useCallback(() => {
-    const {
-      rows
-    } = (0, _useCurrentPageRows.getCurrentPageRows)(apiRef, {
-      pagination,
-      paginationMode
-    });
     apiRef.current.setState(state => {
       const positions = [];
       const densityFactor = (0, _densitySelector.gridDensityFactorSelector)(state, apiRef.current.instanceId);
       const currentRowHeight = (0, _densitySelector.gridDensityRowHeightSelector)(state, apiRef.current.instanceId);
-      const currentPageTotalHeight = rows.reduce((acc, row) => {
+      const currentPageTotalHeight = currentPage.rows.reduce((acc, row) => {
         positions.push(acc);
         let baseRowHeight;
         const isResized = rowsHeightLookup.current[row.id] && rowsHeightLookup.current[row.id].isResized || false;
@@ -86,15 +82,30 @@ const useGridRowsMeta = (apiRef, props) => {
               densityFactor
             }))) != null ? _getRowHeight : currentRowHeight;
           }
-        }
+        } // We use an object to make simple to check if a height is already added or not
+
 
-        const heights = apiRef.current.unstable_applyPreProcessors('rowHeight', {
+        const initialHeights = {
           base: baseRowHeight
-        }, // We use an object to make simple to check if a size was already added or not
-        row);
-        const finalRowHeight = Object.values(heights).reduce((acc2, value) => acc2 + value, 0);
+        };
+
+        if (getRowSpacing) {
+          var _spacing$top, _spacing$bottom;
+
+          const index = apiRef.current.getRowIndexRelativeToVisibleRows(row.id);
+          const spacing = getRowSpacing((0, _extends2.default)({}, row, {
+            isFirstVisible: index === 0,
+            isLastVisible: index === currentPage.rows.length - 1
+          }));
+          initialHeights.spacingTop = (_spacing$top = spacing.top) != null ? _spacing$top : 0;
+          initialHeights.spacingBottom = (_spacing$bottom = spacing.bottom) != null ? _spacing$bottom : 0;
+        }
+
+        const sizes = apiRef.current.unstable_applyPreProcessors('rowHeight', initialHeights, row);
+        const finalRowHeight = Object.values(sizes).reduce((acc2, value) => acc2 + value, 0);
         rowsHeightLookup.current[row.id] = {
           value: baseRowHeight,
+          sizes,
           isResized
         };
         return acc + finalRowHeight;
@@ -107,7 +118,7 @@ const useGridRowsMeta = (apiRef, props) => {
       });
     });
     apiRef.current.forceUpdate();
-  }, [apiRef, pagination, paginationMode, getRowHeight]);
+  }, [apiRef, currentPage.rows, getRowSpacing, getRowHeight]);
 
   const getTargetRowHeight = rowId => {
     var _rowsHeightLookup$cur;
@@ -115,10 +126,19 @@ const useGridRowsMeta = (apiRef, props) => {
     return ((_rowsHeightLookup$cur = rowsHeightLookup.current[rowId]) == null ? void 0 : _rowsHeightLookup$cur.value) || rowHeight;
   };
 
+  const getRowInternalSizes = rowId => {
+    var _rowsHeightLookup$cur2;
+
+    return (_rowsHeightLookup$cur2 = rowsHeightLookup.current[rowId]) == null ? void 0 : _rowsHeightLookup$cur2.sizes;
+  };
+
   const setRowHeight = React.useCallback((id, height) => {
     rowsHeightLookup.current[id] = {
       value: height,
-      isResized: true
+      isResized: true,
+      sizes: (0, _extends2.default)({}, rowsHeightLookup.current[id].sizes, {
+        base: height
+      })
     };
     hydrateRowsMeta();
   }, [hydrateRowsMeta]); // The effect is used to build the rows meta data - currentPageTotalHeight and positions.
@@ -137,6 +157,7 @@ const useGridRowsMeta = (apiRef, props) => {
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, _gridEvents.GridEvents.preProcessorRegister, handlePreProcessorRegister);
   const rowsMetaApi = {
     unstable_getRowHeight: getTargetRowHeight,
+    unstable_getRowInternalSizes: getRowInternalSizes,
     unstable_setRowHeight: setRowHeight
   };
   (0, _useGridApiMethod.useGridApiMethod)(apiRef, rowsMetaApi, 'GridRowsMetaApi');

package/node/hooks/features/selection/useGridSelection.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useGridSelection = void 0;
+exports.useGridSelection = exports.selectionStateInitializer = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -31,38 +31,52 @@ var _gridFilterSelector = require("../filter/gridFilterSelector");
 
 var _colDef = require("../../../colDef");
 
-var _useGridStateInit = require("../../utils/useGridStateInit");
-
 var _gridEditRowModel = require("../../../models/gridEditRowModel");
 
 var _keyboardUtils = require("../../../utils/keyboardUtils");
 
-var _useCurrentPageRows = require("../../utils/useCurrentPageRows");
+var _useGridVisibleRows = require("../../utils/useGridVisibleRows");
 
 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 getSelectionModelPropValue = (selectionModelProp, prevSelectionModel) => {
+  if (selectionModelProp == null) {
+    return selectionModelProp;
+  }
+
+  if (Array.isArray(selectionModelProp)) {
+    return selectionModelProp;
+  }
+
+  if (prevSelectionModel && prevSelectionModel[0] === selectionModelProp) {
+    return prevSelectionModel;
+  }
+
+  return [selectionModelProp];
+};
+
+const selectionStateInitializer = (state, props) => {
+  var _getSelectionModelPro;
+
+  return (0, _extends2.default)({}, state, {
+    selection: (_getSelectionModelPro = getSelectionModelPropValue(props.selectionModel)) != null ? _getSelectionModelPro : []
+  });
+};
 /**
  * @requires useGridRows (state, method)
  * @requires useGridParamsApi (method)
  */
+
+
+exports.selectionStateInitializer = selectionStateInitializer;
+
 const useGridSelection = (apiRef, props) => {
   const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useGridSelection');
   const propSelectionModel = React.useMemo(() => {
-    if (props.selectionModel == null) {
-      return props.selectionModel;
-    }
-
-    if (Array.isArray(props.selectionModel)) {
-      return props.selectionModel;
-    }
-
-    return [props.selectionModel];
-  }, [props.selectionModel]);
-  (0, _useGridStateInit.useGridStateInit)(apiRef, state => (0, _extends2.default)({}, state, {
-    selection: propSelectionModel != null ? propSelectionModel : []
-  }));
+    return getSelectionModelPropValue(props.selectionModel, (0, _gridSelectionSelector.gridSelectionStateSelector)(apiRef.current.state));
+  }, [apiRef, props.selectionModel]);
   const lastRowToggled = React.useRef(null);
   apiRef.current.unstable_updateControlState({
     stateId: 'selection',
@@ -349,7 +363,7 @@ const useGridSelection = (apiRef, props) => {
     if (!canHaveMultipleSelection && currentSelection.length > 1) {
       const {
         rows: currentPageRows
-      } = (0, _useCurrentPageRows.getCurrentPageRows)(apiRef, {
+      } = (0, _useGridVisibleRows.getVisibleRows)(apiRef, {
         pagination,
         paginationMode
       });

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

@@ -30,7 +30,7 @@ var _gridFocusStateSelector = require("../focus/gridFocusStateSelector");
 
 var _gridEditRowsSelector = require("../editRows/gridEditRowsSelector");
 
-var _useCurrentPageRows = require("../../utils/useCurrentPageRows");
+var _useGridVisibleRows = require("../../utils/useGridVisibleRows");
 
 var _events = require("../../../models/events");
 
@@ -87,7 +87,7 @@ const useGridVirtualScroller = props => {
   const rowsMeta = (0, _useGridSelector.useGridSelector)(apiRef, _gridRowsMetaSelector.gridRowsMetaSelector);
   const editRowsState = (0, _useGridSelector.useGridSelector)(apiRef, _gridEditRowsSelector.gridEditRowsStateSelector);
   const selectedRowsLookup = (0, _useGridSelector.useGridSelector)(apiRef, _gridSelectionSelector.selectedIdsLookupSelector);
-  const currentPage = (0, _useCurrentPageRows.useCurrentPageRows)(apiRef, rootProps);
+  const currentPage = (0, _useGridVisibleRows.useGridVisibleRows)(apiRef, rootProps);
   const renderZoneRef = React.useRef(null);
   const rootRef = React.useRef(null);
   const handleRef = (0, _utils.useForkRef)(ref, rootRef);
@@ -160,7 +160,7 @@ const useGridVirtualScroller = props => {
       firstIndex: nextRenderContext.firstRowIndex,
       lastIndex: nextRenderContext.lastRowIndex,
       minFirstIndex: 0,
-      maxLastIndex: (_currentPage$range = currentPage.range) == null ? void 0 : _currentPage$range.lastRowIndex,
+      maxLastIndex: ((_currentPage$range = currentPage.range) == null ? void 0 : _currentPage$range.lastRowIndex) || 0,
       buffer: rootProps.rowBuffer
     });
     const [firstColumnToRender] = getRenderableIndexes({
@@ -305,7 +305,7 @@ const useGridVirtualScroller = props => {
         firstColumnToRender: firstColumnToRender,
         lastColumnToRender: lastColumnToRender,
         selected: isSelected,
-        index: currentPage.range.firstRowIndex + nextRenderContext.firstRowIndex + i,
+        index: currentPage.range.firstRowIndex + firstRowToRender + i,
         containerWidth: availableSpace,
         isLastVisible: lastVisibleRowIndex
       }, typeof getRowProps === 'function' ? getRowProps(id, model) : {}, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.row), id));

package/node/hooks/utils/useGridApi.js

@@ -5,9 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useGridApi = void 0;
 
+var _warning = require("../../utils/warning");
+
+const deprecationWarning = (0, _warning.buildWarning)(['MUI: The hook useGridApi is deprecated and will be removed in the next major version.', 'Access the ref content with apiRef.current instead']);
 /**
  * @deprecated Use `apiRef.current` instead.
  */
-const useGridApi = apiRef => apiRef.current;
+
+const useGridApi = apiRef => {
+  if (process.env.NODE_ENV !== 'production') {
+    deprecationWarning();
+  }
+
+  return apiRef.current;
+};
 
 exports.useGridApi = useGridApi;

package/node/hooks/utils/useGridSelector.js

@@ -4,17 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useGridSelector = void 0;
-let warnedOnceStateNotInitialized = false;
+
+var _warning = require("../../utils/warning");
 
 function isOutputSelector(selector) {
   return selector.cache;
 }
 
+const stateNotInitializedWarning = (0, _warning.buildWarning)(['MUI: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
+
 const useGridSelector = (apiRef, selector) => {
   if (process.env.NODE_ENV !== 'production') {
-    if (!warnedOnceStateNotInitialized && !apiRef.current.state) {
-      warnedOnceStateNotInitialized = true;
-      console.warn(['MUI: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.'].join('\n'));
+    if (!apiRef.current.state) {
+      stateNotInitializedWarning();
     }
   }
 

package/node/hooks/utils/useGridState.js

@@ -5,9 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useGridState = void 0;
 
+var _warning = require("../../utils/warning");
+
+const deprecationWarning = (0, _warning.buildWarning)(['MUI: The hook useGridState is deprecated and will be removed in the next major version.', 'The two lines below are equivalent', '', 'const [state, setState, forceUpdate] = useGridState(apiRef);', 'const { state, setState, forceUpdate } = apiRef.current']);
 /**
  * @deprecated Use `apiRef.current.state`, `apiRef.current.setState` and `apiRef.current.forceUpdate` instead.
  */
-const useGridState = apiRef => [apiRef.current.state, apiRef.current.setState, apiRef.current.forceUpdate];
+
+const useGridState = apiRef => {
+  if (process.env.NODE_ENV !== 'production') {
+    deprecationWarning();
+  }
+
+  return [apiRef.current.state, apiRef.current.setState, apiRef.current.forceUpdate];
+};
 
 exports.useGridState = useGridState;

package/node/hooks/utils/{useCurrentPageRows.js → useGridVisibleRows.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCurrentPageRows = exports.getCurrentPageRows = void 0;
+exports.useGridVisibleRows = exports.getVisibleRows = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
@@ -15,7 +15,7 @@ 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 getCurrentPageRows = (apiRef, props) => {
+const getVisibleRows = (apiRef, props) => {
   let rows;
   let range;
 
@@ -41,21 +41,22 @@ const getCurrentPageRows = (apiRef, props) => {
   };
 };
 /**
- * Compute the list of the rows in the current page
- * - If the pagination is disabled or in server mode, it equals all the visible rows
- * - If the row tree has several layers, it contains up to `state.pageSize` top level rows and all their descendants
- * - If the row tree is flat, it only contains up to `state.pageSize` rows
+ * Computes the list of rows that are reachable by scroll.
+ * Depending on whether pagination is enabled, it will return the rows in the current page.
+ * - If the pagination is disabled or in server mode, it equals all the visible rows.
+ * - If the row tree has several layers, it contains up to `state.pageSize` top level rows and all their descendants.
+ * - If the row tree is flat, it only contains up to `state.pageSize` rows.
  */
 
 
-exports.getCurrentPageRows = getCurrentPageRows;
+exports.getVisibleRows = getVisibleRows;
 
-const useCurrentPageRows = (apiRef, props) => {
-  const response = getCurrentPageRows(apiRef, props);
+const useGridVisibleRows = (apiRef, props) => {
+  const response = getVisibleRows(apiRef, props);
   return React.useMemo(() => ({
     rows: response.rows,
     range: response.range
   }), [response.rows, response.range]);
 };
 
-exports.useCurrentPageRows = useCurrentPageRows;
+exports.useGridVisibleRows = useGridVisibleRows;

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.6.0
+/** @license MUI v5.6.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/internals/index.js

@@ -39,6 +39,12 @@ Object.defineProperty(exports, "clamp", {
     return _utils.clamp;
   }
 });
+Object.defineProperty(exports, "columnMenuStateInitializer", {
+  enumerable: true,
+  get: function () {
+    return _useGridColumnMenu.columnMenuStateInitializer;
+  }
+});
 Object.defineProperty(exports, "columnsStateInitializer", {
   enumerable: true,
   get: function () {
@@ -51,6 +57,18 @@ Object.defineProperty(exports, "createSelector", {
     return _createSelector.createSelector;
   }
 });
+Object.defineProperty(exports, "densityStateInitializer", {
+  enumerable: true,
+  get: function () {
+    return _useGridDensity.densityStateInitializer;
+  }
+});
+Object.defineProperty(exports, "editingStateInitializer", {
+  enumerable: true,
+  get: function () {
+    return _useGridEditing.editingStateInitializer;
+  }
+});
 Object.defineProperty(exports, "filterStateInitializer", {
   enumerable: true,
   get: function () {
@@ -63,6 +81,12 @@ Object.defineProperty(exports, "findParentElementFromClassName", {
     return _domUtils.findParentElementFromClassName;
   }
 });
+Object.defineProperty(exports, "focusStateInitializer", {
+  enumerable: true,
+  get: function () {
+    return _useGridFocus.focusStateInitializer;
+  }
+});
 Object.defineProperty(exports, "isDeepEqual", {
   enumerable: true,
   get: function () {
@@ -75,16 +99,22 @@ Object.defineProperty(exports, "isNavigationKey", {
     return _keyboardUtils.isNavigationKey;
   }
 });
-Object.defineProperty(exports, "pageSizeStateInitializer", {
+Object.defineProperty(exports, "paginationStateInitializer", {
   enumerable: true,
   get: function () {
-    return _useGridPageSize.pageSizeStateInitializer;
+    return _useGridPagination.paginationStateInitializer;
   }
 });
-Object.defineProperty(exports, "pageStateInitializer", {
+Object.defineProperty(exports, "preferencePanelStateInitializer", {
   enumerable: true,
   get: function () {
-    return _useGridPage.pageStateInitializer;
+    return _useGridPreferencesPanel.preferencePanelStateInitializer;
+  }
+});
+Object.defineProperty(exports, "rowsMetaStateInitializer", {
+  enumerable: true,
+  get: function () {
+    return _useGridRowsMeta.rowsMetaStateInitializer;
   }
 });
 Object.defineProperty(exports, "rowsStateInitializer", {
@@ -93,16 +123,16 @@ Object.defineProperty(exports, "rowsStateInitializer", {
     return _useGridRows.rowsStateInitializer;
   }
 });
-Object.defineProperty(exports, "sortingStateInitializer", {
+Object.defineProperty(exports, "selectionStateInitializer", {
   enumerable: true,
   get: function () {
-    return _useGridSorting.sortingStateInitializer;
+    return _useGridSelection.selectionStateInitializer;
   }
 });
-Object.defineProperty(exports, "useCurrentPageRows", {
+Object.defineProperty(exports, "sortingStateInitializer", {
   enumerable: true,
   get: function () {
-    return _useCurrentPageRows.useCurrentPageRows;
+    return _useGridSorting.sortingStateInitializer;
   }
 });
 Object.defineProperty(exports, "useGridClipboard", {
@@ -273,12 +303,6 @@ Object.defineProperty(exports, "useGridSorting", {
     return _useGridSorting.useGridSorting;
   }
 });
-Object.defineProperty(exports, "useGridStateInit", {
-  enumerable: true,
-  get: function () {
-    return _useGridStateInit.useGridStateInit;
-  }
-});
 Object.defineProperty(exports, "useGridStatePersistence", {
   enumerable: true,
   get: function () {
@@ -291,6 +315,12 @@ Object.defineProperty(exports, "useGridVirtualScroller", {
     return _useGridVirtualScroller.useGridVirtualScroller;
   }
 });
+Object.defineProperty(exports, "useGridVisibleRows", {
+  enumerable: true,
+  get: function () {
+    return _useGridVisibleRows.useGridVisibleRows;
+  }
+});
 
 var _GridVirtualScroller = require("../components/virtualization/GridVirtualScroller");
 
@@ -332,10 +362,6 @@ var _useGridKeyboardNavigation = require("../hooks/features/keyboard/useGridKeyb
 
 var _useGridPagination = require("../hooks/features/pagination/useGridPagination");
 
-var _useGridPage = require("../hooks/features/pagination/useGridPage");
-
-var _useGridPageSize = require("../hooks/features/pagination/useGridPageSize");
-
 var _useGridPreferencesPanel = require("../hooks/features/preferencesPanel/useGridPreferencesPanel");
 
 var _useGridEditing = require("../hooks/features/editRows/useGridEditing");
@@ -364,12 +390,10 @@ var _useGridStatePersistence = require("../hooks/features/statePersistence/useGr
 
 var _useGridVirtualScroller = require("../hooks/features/virtualization/useGridVirtualScroller");
 
-var _useCurrentPageRows = require("../hooks/utils/useCurrentPageRows");
+var _useGridVisibleRows = require("../hooks/utils/useGridVisibleRows");
 
 var _useGridInitializeState = require("../hooks/utils/useGridInitializeState");
 
-var _useGridStateInit = require("../hooks/utils/useGridStateInit");
-
 var _createSelector = require("../utils/createSelector");
 
 var _domUtils = require("../utils/domUtils");

package/node/models/colDef/gridDefaultColumnTypes.js

@@ -28,9 +28,9 @@ const getGridDefaultColumnTypes = () => {
     dateTime: _gridDateColDef.GRID_DATETIME_COL_DEF,
     boolean: _gridBooleanColDef.GRID_BOOLEAN_COL_DEF,
     singleSelect: _gridSingleSelectColDef.GRID_SINGLE_SELECT_COL_DEF,
-    [_gridActionsColDef.GRID_ACTIONS_COLUMN_TYPE]: _gridActionsColDef.GRID_ACTIONS_COL_DEF
+    [_gridActionsColDef.GRID_ACTIONS_COLUMN_TYPE]: _gridActionsColDef.GRID_ACTIONS_COL_DEF,
+    [DEFAULT_GRID_COL_TYPE_KEY]: _gridStringColDef.GRID_STRING_COL_DEF
   };
-  nativeColumnTypes[DEFAULT_GRID_COL_TYPE_KEY] = _gridStringColDef.GRID_STRING_COL_DEF;
   return nativeColumnTypes;
 };
 

package/node/utils/createSelector.js

@@ -7,8 +7,10 @@ exports.createSelector = void 0;
 
 var _reselect = require("reselect");
 
+var _warning = require("./warning");
+
 const cache = {};
-let warnedOnce = false;
+const missingInstanceIdWarning = (0, _warning.buildWarning)(['MUI: A selector was called without passing the instance ID, which may impact the performance of the grid.', 'To fix, call it with `apiRef`, e.g. `mySelector(apiRef)`, or pass the instance ID explicitly, e.g `mySelector(state, apiRef.current.instanceId)`.']);
 
 const createSelector = (...args) => {
   const selector = (...selectorArgs) => {
@@ -18,9 +20,8 @@ const createSelector = (...args) => {
     const state = isApiRef ? stateOrApiRef.current.state : stateOrApiRef;
 
     if (process.env.NODE_ENV !== 'production') {
-      if (!warnedOnce && cacheKey === 'default') {
-        console.warn(['MUI: A selector was called without passing the instance ID, which may impact the performance of the grid.', 'To fix, call it with `apiRef`, e.g. `mySelector(apiRef)`, or pass the instance ID explicitly, e.g `mySelector(state, apiRef.current.instanceId)`.'].join('\n'));
-        warnedOnce = true;
+      if (cacheKey === 'default') {
+        missingInstanceIdWarning();
       }
     }
 

package/node/utils/getGridLocalization.js

@@ -10,14 +10,14 @@ exports.getGridLocalization = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 const getGridLocalization = (gridTranslations, coreTranslations) => {
-  var _coreTranslations$com;
+  var _coreTranslations$com, _coreTranslations$com2;
 
   return {
     components: {
       MuiDataGrid: {
         defaultProps: {
           localeText: (0, _extends2.default)({}, gridTranslations, {
-            MuiTablePagination: (coreTranslations == null ? void 0 : (_coreTranslations$com = coreTranslations.components) == null ? void 0 : _coreTranslations$com.MuiTablePagination.defaultProps) || {}
+            MuiTablePagination: (coreTranslations == null ? void 0 : (_coreTranslations$com = coreTranslations.components) == null ? void 0 : (_coreTranslations$com2 = _coreTranslations$com.MuiTablePagination) == null ? void 0 : _coreTranslations$com2.defaultProps) || {}
           })
         }
       }