@mui/x-data-grid 5.6.0 → 5.6.1

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

@@ -1,15 +1,22 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { getCurrentPageRows } from '../../utils/useCurrentPageRows';
+import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { useGridSelector } from '../../utils/useGridSelector';
 import { gridDensityRowHeightSelector, gridDensityFactorSelector } from '../density/densitySelector';
 import { gridFilterStateSelector } from '../filter/gridFilterSelector';
 import { gridPaginationSelector } from '../pagination/gridPaginationSelector';
 import { gridSortingStateSelector } from '../sorting/gridSortingSelector';
-import { useGridStateInit } from '../../utils/useGridStateInit';
 import { GridEvents } from '../../../models/events/gridEvents';
 import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
+export var rowsMetaStateInitializer = function rowsMetaStateInitializer(state) {
+  return _extends({}, state, {
+    rowsMeta: {
+      currentPageTotalHeight: 0,
+      positions: []
+    }
+  });
+};
 /**
  * @requires useGridPageSize (method)
  * @requires useGridPage (method)
@@ -17,33 +24,19 @@ import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
 
 export var useGridRowsMeta = function useGridRowsMeta(apiRef, props) {
   var getRowHeight = props.getRowHeight,
-      pagination = props.pagination,
-      paginationMode = props.paginationMode;
+      getRowSpacing = props.getRowSpacing;
   var rowsHeightLookup = React.useRef({});
   var rowHeight = useGridSelector(apiRef, gridDensityRowHeightSelector);
   var filterState = useGridSelector(apiRef, gridFilterStateSelector);
   var paginationState = useGridSelector(apiRef, gridPaginationSelector);
   var sortingState = useGridSelector(apiRef, gridSortingStateSelector);
-  useGridStateInit(apiRef, function (state) {
-    return _extends({}, state, {
-      rowsMeta: {
-        currentPageTotalHeight: 0,
-        positions: []
-      }
-    });
-  });
+  var currentPage = useGridVisibleRows(apiRef, props);
   var hydrateRowsMeta = React.useCallback(function () {
-    var _getCurrentPageRows = getCurrentPageRows(apiRef, {
-      pagination: pagination,
-      paginationMode: paginationMode
-    }),
-        rows = _getCurrentPageRows.rows;
-
     apiRef.current.setState(function (state) {
       var positions = [];
       var densityFactor = gridDensityFactorSelector(state, apiRef.current.instanceId);
       var currentRowHeight = gridDensityRowHeightSelector(state, apiRef.current.instanceId);
-      var currentPageTotalHeight = rows.reduce(function (acc, row) {
+      var currentPageTotalHeight = currentPage.rows.reduce(function (acc, row) {
         positions.push(acc);
         var baseRowHeight;
         var isResized = rowsHeightLookup.current[row.id] && rowsHeightLookup.current[row.id].isResized || false;
@@ -62,17 +55,32 @@ export var useGridRowsMeta = function useGridRowsMeta(apiRef, props) {
               densityFactor: densityFactor
             }))) != null ? _getRowHeight : currentRowHeight;
           }
-        }
+        } // We use an object to make simple to check if a height is already added or not
 
-        var heights = apiRef.current.unstable_applyPreProcessors('rowHeight', {
+
+        var initialHeights = {
           base: baseRowHeight
-        }, // We use an object to make simple to check if a size was already added or not
-        row);
-        var finalRowHeight = Object.values(heights).reduce(function (acc2, value) {
+        };
+
+        if (getRowSpacing) {
+          var _spacing$top, _spacing$bottom;
+
+          var index = apiRef.current.getRowIndexRelativeToVisibleRows(row.id);
+          var spacing = getRowSpacing(_extends({}, 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;
+        }
+
+        var sizes = apiRef.current.unstable_applyPreProcessors('rowHeight', initialHeights, row);
+        var finalRowHeight = Object.values(sizes).reduce(function (acc2, value) {
           return acc2 + value;
         }, 0);
         rowsHeightLookup.current[row.id] = {
           value: baseRowHeight,
+          sizes: sizes,
           isResized: isResized
         };
         return acc + finalRowHeight;
@@ -85,7 +93,7 @@ export var useGridRowsMeta = function useGridRowsMeta(apiRef, props) {
       });
     });
     apiRef.current.forceUpdate();
-  }, [apiRef, pagination, paginationMode, getRowHeight]);
+  }, [apiRef, currentPage.rows, getRowSpacing, getRowHeight]);
 
   var getTargetRowHeight = function getTargetRowHeight(rowId) {
     var _rowsHeightLookup$cur;
@@ -93,10 +101,19 @@ export var useGridRowsMeta = function useGridRowsMeta(apiRef, props) {
     return ((_rowsHeightLookup$cur = rowsHeightLookup.current[rowId]) == null ? void 0 : _rowsHeightLookup$cur.value) || rowHeight;
   };
 
+  var getRowInternalSizes = function getRowInternalSizes(rowId) {
+    var _rowsHeightLookup$cur2;
+
+    return (_rowsHeightLookup$cur2 = rowsHeightLookup.current[rowId]) == null ? void 0 : _rowsHeightLookup$cur2.sizes;
+  };
+
   var setRowHeight = React.useCallback(function (id, height) {
     rowsHeightLookup.current[id] = {
       value: height,
-      isResized: true
+      isResized: true,
+      sizes: _extends({}, rowsHeightLookup.current[id].sizes, {
+        base: height
+      })
     };
     hydrateRowsMeta();
   }, [hydrateRowsMeta]); // The effect is used to build the rows meta data - currentPageTotalHeight and positions.
@@ -115,6 +132,7 @@ export var useGridRowsMeta = function useGridRowsMeta(apiRef, props) {
   useGridApiEventHandler(apiRef, GridEvents.preProcessorRegister, handlePreProcessorRegister);
   var rowsMetaApi = {
     unstable_getRowHeight: getTargetRowHeight,
+    unstable_getRowInternalSizes: getRowInternalSizes,
     unstable_setRowHeight: setRowHeight
   };
   useGridApiMethod(apiRef, rowsMetaApi, 'GridRowsMetaApi');

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

@@ -11,10 +11,33 @@ import { gridSelectionStateSelector, selectedGridRowsSelector, selectedIdsLookup
 import { gridPaginatedVisibleSortedGridRowIdsSelector } from '../pagination';
 import { gridVisibleSortedRowIdsSelector } from '../filter/gridFilterSelector';
 import { GRID_CHECKBOX_SELECTION_COL_DEF, GRID_ACTIONS_COLUMN_TYPE } from '../../../colDef';
-import { useGridStateInit } from '../../utils/useGridStateInit';
 import { GridCellModes } from '../../../models/gridEditRowModel';
 import { isKeyboardEvent } from '../../../utils/keyboardUtils';
-import { getCurrentPageRows } from '../../utils/useCurrentPageRows';
+import { getVisibleRows } from '../../utils/useGridVisibleRows';
+
+var getSelectionModelPropValue = function getSelectionModelPropValue(selectionModelProp, prevSelectionModel) {
+  if (selectionModelProp == null) {
+    return selectionModelProp;
+  }
+
+  if (Array.isArray(selectionModelProp)) {
+    return selectionModelProp;
+  }
+
+  if (prevSelectionModel && prevSelectionModel[0] === selectionModelProp) {
+    return prevSelectionModel;
+  }
+
+  return [selectionModelProp];
+};
+
+export var selectionStateInitializer = function selectionStateInitializer(state, props) {
+  var _getSelectionModelPro;
+
+  return _extends({}, state, {
+    selection: (_getSelectionModelPro = getSelectionModelPropValue(props.selectionModel)) != null ? _getSelectionModelPro : []
+  });
+};
 /**
  * @requires useGridRows (state, method)
  * @requires useGridParamsApi (method)
@@ -23,21 +46,8 @@ import { getCurrentPageRows } from '../../utils/useCurrentPageRows';
 export var useGridSelection = function useGridSelection(apiRef, props) {
   var logger = useGridLogger(apiRef, 'useGridSelection');
   var propSelectionModel = React.useMemo(function () {
-    if (props.selectionModel == null) {
-      return props.selectionModel;
-    }
-
-    if (Array.isArray(props.selectionModel)) {
-      return props.selectionModel;
-    }
-
-    return [props.selectionModel];
-  }, [props.selectionModel]);
-  useGridStateInit(apiRef, function (state) {
-    return _extends({}, state, {
-      selection: propSelectionModel != null ? propSelectionModel : []
-    });
-  });
+    return getSelectionModelPropValue(props.selectionModel, gridSelectionStateSelector(apiRef.current.state));
+  }, [apiRef, props.selectionModel]);
   var lastRowToggled = React.useRef(null);
   apiRef.current.unstable_updateControlState({
     stateId: 'selection',
@@ -350,11 +360,11 @@ export var useGridSelection = function useGridSelection(apiRef, props) {
     var currentSelection = gridSelectionStateSelector(apiRef.current.state);
 
     if (!canHaveMultipleSelection && currentSelection.length > 1) {
-      var _getCurrentPageRows = getCurrentPageRows(apiRef, {
+      var _getVisibleRows = getVisibleRows(apiRef, {
         pagination: pagination,
         paginationMode: paginationMode
       }),
-          currentPageRows = _getCurrentPageRows.rows;
+          currentPageRows = _getVisibleRows.rows;
 
       var currentPageRowsLookup = currentPageRows.reduce(function (acc, _ref4) {
         var id = _ref4.id;

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

@@ -11,7 +11,7 @@ import { gridVisibleColumnDefinitionsSelector, gridColumnsTotalWidthSelector, gr
 import { gridDensityRowHeightSelector } from '../density/densitySelector';
 import { gridFocusCellSelector, gridTabIndexCellSelector } from '../focus/gridFocusStateSelector';
 import { gridEditRowsStateSelector } from '../editRows/gridEditRowsSelector';
-import { useCurrentPageRows } from '../../utils/useCurrentPageRows';
+import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
 import { GridEvents } from '../../../models/events';
 import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
 import { clamp } from '../../../utils/utils';
@@ -57,7 +57,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
   var rowsMeta = useGridSelector(apiRef, gridRowsMetaSelector);
   var editRowsState = useGridSelector(apiRef, gridEditRowsStateSelector);
   var selectedRowsLookup = useGridSelector(apiRef, selectedIdsLookupSelector);
-  var currentPage = useCurrentPageRows(apiRef, rootProps);
+  var currentPage = useGridVisibleRows(apiRef, rootProps);
   var renderZoneRef = React.useRef(null);
   var rootRef = React.useRef(null);
   var handleRef = useForkRef(ref, rootRef);
@@ -138,7 +138,7 @@ export var useGridVirtualScroller = function 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
     }),
         _getRenderableIndexes2 = _slicedToArray(_getRenderableIndexes, 1),
@@ -297,7 +297,7 @@ export var useGridVirtualScroller = function 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/legacy/hooks/utils/useGridApi.js

@@ -1,6 +1,13 @@
+import { buildWarning } from '../../utils/warning';
+var deprecationWarning = 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.
  */
+
 export var useGridApi = function useGridApi(apiRef) {
+  if (process.env.NODE_ENV !== 'production') {
+    deprecationWarning();
+  }
+
   return apiRef.current;
 };

package/legacy/hooks/utils/useGridSelector.js

@@ -1,14 +1,14 @@
-var warnedOnceStateNotInitialized = false;
+import { buildWarning } from '../../utils/warning';
 
 function isOutputSelector(selector) {
   return selector.cache;
 }
 
+var stateNotInitializedWarning = buildWarning(['MUI: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
 export var useGridSelector = function 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/legacy/hooks/utils/useGridState.js

@@ -1,6 +1,13 @@
+import { buildWarning } from '../../utils/warning';
+var deprecationWarning = 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.
  */
+
 export var useGridState = function useGridState(apiRef) {
+  if (process.env.NODE_ENV !== 'production') {
+    deprecationWarning();
+  }
+
   return [apiRef.current.state, apiRef.current.setState, apiRef.current.forceUpdate];
 };

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { gridPaginationRowRangeSelector, gridPaginatedVisibleSortedGridRowEntriesSelector } from '../features/pagination/gridPaginationSelector';
 import { gridVisibleSortedRowEntriesSelector } from '../features/filter/gridFilterSelector';
-export var getCurrentPageRows = function getCurrentPageRows(apiRef, props) {
+export var getVisibleRows = function getVisibleRows(apiRef, props) {
   var rows;
   var range;
 
@@ -27,14 +27,15 @@ export var getCurrentPageRows = function 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.
  */
 
-export var useCurrentPageRows = function useCurrentPageRows(apiRef, props) {
-  var response = getCurrentPageRows(apiRef, props);
+export var useGridVisibleRows = function useGridVisibleRows(apiRef, props) {
+  var response = getVisibleRows(apiRef, props);
   return React.useMemo(function () {
     return {
       rows: response.rows,

package/legacy/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/legacy/internals/index.js

@@ -7,25 +7,23 @@ export { useGridRegisterPreProcessor } from '../hooks/core/preProcessing';
 export { useGridInitialization } from '../hooks/core/useGridInitialization';
 export { useGridClipboard } from '../hooks/features/clipboard/useGridClipboard';
 export { useGridColumnHeaders } from '../hooks/features/columnHeaders/useGridColumnHeaders';
-export { useGridColumnMenu } from '../hooks/features/columnMenu/useGridColumnMenu';
+export { useGridColumnMenu, columnMenuStateInitializer } from '../hooks/features/columnMenu/useGridColumnMenu';
 export { useGridColumns, columnsStateInitializer } from '../hooks/features/columns/useGridColumns';
-export { useGridDensity } from '../hooks/features/density/useGridDensity';
+export { useGridDensity, densityStateInitializer } from '../hooks/features/density/useGridDensity';
 export { useGridCsvExport } from '../hooks/features/export/useGridCsvExport';
 export { useGridPrintExport } from '../hooks/features/export/useGridPrintExport';
 export { useGridFilter, filterStateInitializer } from '../hooks/features/filter/useGridFilter';
 export { useGridRegisterFilteringMethod } from '../hooks/features/filter/useGridRegisterFilteringMethod';
-export { useGridFocus } from '../hooks/features/focus/useGridFocus';
+export { useGridFocus, focusStateInitializer } from '../hooks/features/focus/useGridFocus';
 export { useGridKeyboard } from '../hooks/features/keyboard/useGridKeyboard';
 export { useGridKeyboardNavigation } from '../hooks/features/keyboard/useGridKeyboardNavigation';
-export { useGridPagination } from '../hooks/features/pagination/useGridPagination';
-export { pageStateInitializer } from '../hooks/features/pagination/useGridPage';
-export { pageSizeStateInitializer } from '../hooks/features/pagination/useGridPageSize';
-export { useGridPreferencesPanel } from '../hooks/features/preferencesPanel/useGridPreferencesPanel';
-export { useGridEditing } from '../hooks/features/editRows/useGridEditing';
+export { useGridPagination, paginationStateInitializer } from '../hooks/features/pagination/useGridPagination';
+export { useGridPreferencesPanel, preferencePanelStateInitializer } from '../hooks/features/preferencesPanel/useGridPreferencesPanel';
+export { useGridEditing, editingStateInitializer } from '../hooks/features/editRows/useGridEditing';
 export { useGridRows, rowsStateInitializer } from '../hooks/features/rows/useGridRows';
-export { useGridRowsMeta } from '../hooks/features/rows/useGridRowsMeta';
+export { useGridRowsMeta, rowsMetaStateInitializer } from '../hooks/features/rows/useGridRowsMeta';
 export { useGridParamsApi } from '../hooks/features/rows/useGridParamsApi';
-export { useGridSelection } from '../hooks/features/selection/useGridSelection';
+export { useGridSelection, selectionStateInitializer } from '../hooks/features/selection/useGridSelection';
 export { useGridSelectionPreProcessors } from '../hooks/features/selection/useGridSelectionPreProcessors';
 export { useGridSorting, sortingStateInitializer } from '../hooks/features/sorting/useGridSorting';
 export { useGridRegisterSortingMethod } from '../hooks/features/sorting/useGridRegisterSortingMethod';
@@ -34,9 +32,8 @@ export { useGridEvents } from '../hooks/features/events/useGridEvents';
 export { useGridDimensions } from '../hooks/features/dimensions/useGridDimensions';
 export { useGridStatePersistence } from '../hooks/features/statePersistence/useGridStatePersistence';
 export { useGridVirtualScroller } from '../hooks/features/virtualization/useGridVirtualScroller';
-export { useCurrentPageRows } from '../hooks/utils/useCurrentPageRows';
+export { useGridVisibleRows } from '../hooks/utils/useGridVisibleRows';
 export { useGridInitializeState } from '../hooks/utils/useGridInitializeState';
-export { useGridStateInit } from '../hooks/utils/useGridStateInit';
 export { createSelector } from '../utils/createSelector';
 export { findParentElementFromClassName } from '../utils/domUtils';
 export { isNavigationKey } from '../utils/keyboardUtils';

package/legacy/models/colDef/gridDefaultColumnTypes.js

@@ -7,15 +7,15 @@ import { GRID_SINGLE_SELECT_COL_DEF } from '../../colDef/gridSingleSelectColDef'
 import { GRID_ACTIONS_COL_DEF, GRID_ACTIONS_COLUMN_TYPE } from '../../colDef/gridActionsColDef';
 export var DEFAULT_GRID_COL_TYPE_KEY = '__default__';
 export var getGridDefaultColumnTypes = function getGridDefaultColumnTypes() {
-  var nativeColumnTypes = _defineProperty({
+  var _nativeColumnTypes;
+
+  var nativeColumnTypes = (_nativeColumnTypes = {
     string: GRID_STRING_COL_DEF,
     number: GRID_NUMERIC_COL_DEF,
     date: GRID_DATE_COL_DEF,
     dateTime: GRID_DATETIME_COL_DEF,
     boolean: GRID_BOOLEAN_COL_DEF,
     singleSelect: GRID_SINGLE_SELECT_COL_DEF
-  }, GRID_ACTIONS_COLUMN_TYPE, GRID_ACTIONS_COL_DEF);
-
-  nativeColumnTypes[DEFAULT_GRID_COL_TYPE_KEY] = GRID_STRING_COL_DEF;
+  }, _defineProperty(_nativeColumnTypes, GRID_ACTIONS_COLUMN_TYPE, GRID_ACTIONS_COL_DEF), _defineProperty(_nativeColumnTypes, DEFAULT_GRID_COL_TYPE_KEY, GRID_STRING_COL_DEF), _nativeColumnTypes);
   return nativeColumnTypes;
 };

package/legacy/utils/createSelector.js

@@ -1,6 +1,7 @@
 import { createSelector as reselectCreateSelector } from 'reselect';
+import { buildWarning } from './warning';
 var cache = {};
-var warnedOnce = false;
+var missingInstanceIdWarning = 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)`.']);
 export var createSelector = function createSelector() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
@@ -18,9 +19,8 @@ export var createSelector = function createSelector() {
     var 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/legacy/utils/getGridLocalization.js

@@ -1,13 +1,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 export var getGridLocalization = function getGridLocalization(gridTranslations, coreTranslations) {
-  var _coreTranslations$com;
+  var _coreTranslations$com, _coreTranslations$com2;
 
   return {
     components: {
       MuiDataGrid: {
         defaultProps: {
           localeText: _extends({}, 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) || {}
           })
         }
       }

package/lib/lodash/_baseGetAllKeys.d.ts

@@ -10,4 +10,4 @@ export default baseGetAllKeys;
  * @param {Function} symbolsFunc The function to get the symbols of `object`.
  * @returns {Array} Returns the array of property names and symbols.
  */
-declare function baseGetAllKeys(object: any, keysFunc: Function, symbolsFunc: Function): any[];
+declare function baseGetAllKeys(object: Object, keysFunc: Function, symbolsFunc: Function): any[];

package/lib/lodash/_baseIsEqual.d.ts

@@ -13,4 +13,4 @@ export default baseIsEqual;
  * @param {Object} [stack] Tracks traversed `value` and `other` objects.
  * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
  */
-declare function baseIsEqual(value: any, other: any, bitmask: boolean, customizer?: Function | undefined, stack?: any): boolean;
+declare function baseIsEqual(value: any, other: any, bitmask: boolean, customizer?: Function | undefined, stack?: Object | undefined): boolean;

package/lib/lodash/_baseIsEqualDeep.d.ts

@@ -13,4 +13,4 @@ export default baseIsEqualDeep;
  * @param {Object} [stack] Tracks traversed `object` and `other` objects.
  * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
  */
-declare function baseIsEqualDeep(object: any, other: any, bitmask: number, customizer: Function, equalFunc: Function, stack?: any): boolean;
+declare function baseIsEqualDeep(object: Object, other: Object, bitmask: number, customizer: Function, equalFunc: Function, stack?: Object | undefined): boolean;

package/lib/lodash/_baseKeys.d.ts

@@ -6,4 +6,4 @@ export default baseKeys;
  * @param {Object} object The object to query.
  * @returns {Array} Returns the array of property names.
  */
-declare function baseKeys(object: any): any[];
+declare function baseKeys(object: Object): any[];

package/lib/lodash/_cacheHas.d.ts

@@ -7,4 +7,4 @@ export default cacheHas;
  * @param {string} key The key of the entry to check.
  * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
  */
-declare function cacheHas(cache: any, key: string): boolean;
+declare function cacheHas(cache: Object, key: string): boolean;

package/lib/lodash/_equalArrays.d.ts

@@ -12,4 +12,4 @@ export default equalArrays;
  * @param {Object} stack Tracks traversed `array` and `other` objects.
  * @returns {boolean} Returns `true` if the arrays are equivalent, else `false`.
  */
-declare function equalArrays(array: any[], other: any[], bitmask: number, customizer: Function, equalFunc: Function, stack: any): boolean;
+declare function equalArrays(array: any[], other: any[], bitmask: number, customizer: Function, equalFunc: Function, stack: Object): boolean;

package/lib/lodash/_equalByTag.d.ts

@@ -16,4 +16,4 @@ export default equalByTag;
  * @param {Object} stack Tracks traversed `object` and `other` objects.
  * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
  */
-declare function equalByTag(object: any, other: any, tag: string, bitmask: number, customizer: Function, equalFunc: Function, stack: any): boolean;
+declare function equalByTag(object: Object, other: Object, tag: string, bitmask: number, customizer: Function, equalFunc: Function, stack: Object): boolean;

package/lib/lodash/_equalObjects.d.ts

@@ -12,4 +12,4 @@ export default equalObjects;
  * @param {Object} stack Tracks traversed `object` and `other` objects.
  * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
  */
-declare function equalObjects(object: any, other: any, bitmask: number, customizer: Function, equalFunc: Function, stack: any): boolean;
+declare function equalObjects(object: Object, other: Object, bitmask: number, customizer: Function, equalFunc: Function, stack: Object): boolean;

package/lib/lodash/_getAllKeys.d.ts

@@ -6,4 +6,4 @@ export default getAllKeys;
  * @param {Object} object The object to query.
  * @returns {Array} Returns the array of property names and symbols.
  */
-declare function getAllKeys(object: any): any[];
+declare function getAllKeys(object: Object): any[];

package/lib/lodash/_getMapData.d.ts

@@ -7,4 +7,4 @@ export default getMapData;
  * @param {string} key The reference key.
  * @returns {*} Returns the map data.
  */
-declare function getMapData(map: any, key: string): any;
+declare function getMapData(map: Object, key: string): any;

package/lib/lodash/_getNative.d.ts

@@ -7,4 +7,4 @@ export default getNative;
  * @param {string} key The key of the method to get.
  * @returns {*} Returns the function if it's native, else `undefined`.
  */
-declare function getNative(object: any, key: string): any;
+declare function getNative(object: Object, key: string): any;

package/lib/lodash/_getValue.d.ts

@@ -7,4 +7,4 @@ export default getValue;
  * @param {string} key The key of the property to get.
  * @returns {*} Returns the property value.
  */
-declare function getValue(object?: any, key: string): any;
+declare function getValue(object?: Object | undefined, key: string): any;

package/lib/lodash/_hashSet.d.ts

@@ -9,4 +9,4 @@ export default hashSet;
  * @param {*} value The value to set.
  * @returns {Object} Returns the hash instance.
  */
-declare function hashSet(key: string, value: any): any;
+declare function hashSet(key: string, value: any): Object;

package/lib/lodash/_listCacheSet.d.ts

@@ -9,4 +9,4 @@ export default listCacheSet;
  * @param {*} value The value to set.
  * @returns {Object} Returns the list cache instance.
  */
-declare function listCacheSet(key: string, value: any): any;
+declare function listCacheSet(key: string, value: any): Object;

package/lib/lodash/_mapCacheSet.d.ts

@@ -9,4 +9,4 @@ export default mapCacheSet;
  * @param {*} value The value to set.
  * @returns {Object} Returns the map cache instance.
  */
-declare function mapCacheSet(key: string, value: any): any;
+declare function mapCacheSet(key: string, value: any): Object;

package/lib/lodash/_mapToArray.d.ts

@@ -6,4 +6,4 @@ export default mapToArray;
  * @param {Object} map The map to convert.
  * @returns {Array} Returns the key-value pairs.
  */
-declare function mapToArray(map: any): any[];
+declare function mapToArray(map: Object): any[];

package/lib/lodash/_setCacheAdd.d.ts

@@ -9,4 +9,4 @@ export default setCacheAdd;
  * @param {*} value The value to cache.
  * @returns {Object} Returns the cache instance.
  */
-declare function setCacheAdd(value: any): any;
+declare function setCacheAdd(value: any): Object;

package/lib/lodash/_setToArray.d.ts

@@ -6,4 +6,4 @@ export default setToArray;
  * @param {Object} set The set to convert.
  * @returns {Array} Returns the values.
  */
-declare function setToArray(set: any): any[];
+declare function setToArray(set: Object): any[];

package/lib/lodash/_stackSet.d.ts

@@ -9,7 +9,7 @@ export default stackSet;
  * @param {*} value The value to set.
  * @returns {Object} Returns the stack cache instance.
  */
-declare function stackSet(key: string, value: any): any;
+declare function stackSet(key: string, value: any): Object;
 declare class stackSet {
     /**
      * Sets the stack `key` to `value`.

package/lib/lodash/keys.d.ts

@@ -27,4 +27,4 @@ export default keys;
  * _.keys('hi');
  * // => ['0', '1']
  */
-declare function keys(object: any): any[];
+declare function keys(object: Object): any[];

package/models/api/gridRowApi.d.ts

@@ -46,4 +46,10 @@ export interface GridRowApi {
      * @param {boolean} isExpanded A boolean indicating if the row must be expanded or collapsed.
      */
     setRowChildrenExpansion: (id: GridRowId, isExpanded: boolean) => void;
+    /**
+     * Gets the index of a row relative to the rows that are reachable by scroll.
+     * @param {GridRowId} id The row id.
+     * @returns {number} The index of the row.
+     */
+    getRowIndexRelativeToVisibleRows: (id: GridRowId) => number;
 }

package/models/api/gridRowsMetaApi.d.ts

@@ -10,6 +10,13 @@ export interface GridRowsMetaApi {
      * @ignore - do not document.
      */
     unstable_getRowHeight: (id: GridRowId) => number;
+    /**
+     * Gets all sizes that compose the total height that the given row takes.
+     * @param {GridRowId} id The id of the row.
+     * @returns {Record<string, number>} The object containing the sizes.
+     * @ignore - do not document.
+     */
+    unstable_getRowInternalSizes: (id: GridRowId) => Record<string, number> | undefined;
     /**
      * Updates the base height of a row.
      * @param {GridRowId} id The id of the row.

package/models/api/gridSortApi.d.ts

@@ -48,6 +48,7 @@ export interface GridSortApi {
      * The index is based on the sorted but unfiltered row list.
      * @param {GridRowId} id The `GridRowId` of the row.
      * @returns {number} The index of the row.
+     * @deprecated Use `getRowIndexRelativeToVisibleRows` instead.
      */
     getRowIndex: (id: GridRowId) => number;
 }