@mui/x-data-grid 5.17.17 → 5.17.19

package/CHANGELOG.md

@@ -3,16 +3,73 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.17.19
+
+_Jan 16, 2023_
+
+We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Spanish (es-ES) and add Belarusian (be-BY) and Urdu (ur-PK) locales
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.19` / `@mui/x-data-grid-pro@v5.17.19` / `@mui/x-data-grid-premium@v5.17.19`
+
+#### Changes
+
+- [DataGrid] Improve print support (#7407) @cherniavskii
+- [DataGrid] Improve Spanish (es-ES) locale (#7438) @Anderssxn
+- [DataGridPremium] Fix Excel export not working with date strings (#7478) @cherniavskii
+- [DataGridPro] Fix missing column headers border with top-pinned rows (#7399) @cherniavskii
+
+### `@mui/x-date-pickers@v5.0.14` / `@mui/x-date-pickers-pro@v5.0.14`
+
+#### Changes
+
+- [pickers] Add Belarusian (be-BY) locale (#7450) @volhalink
+- [pickers] Add Urdu (ur-PK) locale (#7449) @MBilalShafi
+
+## 5.17.18
+
+_Jan 5, 2023_
+
+We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.18` / `@mui/x-data-grid-pro@v5.17.18` / `@mui/x-data-grid-premium@v5.17.18`
+
+#### Changes
+
+- [DataGrid] Fix rows not rendering properly after height change (#7376) @cherniavskii
+- [DataGrid] Fix selected text in cell input not being copied in Firefox (#7330) @cherniavskii
+- [DataGridPremium] Export row grouping column menu components (#7308) @cherniavskii
+
+### `@mui/x-date-pickers@v5.0.13` / `@mui/x-date-pickers-pro@v5.0.13`
+
+#### Changes
+
+- [pickers] Fix the product license reference name (#7367)
+
+### Docs
+
+- [docs] Redirect translated pages (#7370) @cherniavskii
+
+### Core
+
+- [core] Fix release date (#7314) @DanailH
+- [core] Fix the product license reference name (#7367) @oliviertassinari
+- [core] Upgrade monorepo (#7344) @cherniavskii
+
 ## 5.17.17
 
-_Dec 23, 2022_
+_Dec 24, 2022_
 
 We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
 
 - 🌍 Improve Russian (ru-RU) and Korean (ko-KR) locales
 - 🐞 Bugfixes
 
-### `@mui/x-data-grid@5.17.17` / `@mui/x-data-grid-pro@5.17.17` / `@mui/x-data-grid-premium@5.17.17`
+### `@mui/x-data-grid@v5.17.17` / `@mui/x-data-grid-pro@v5.17.17` / `@mui/x-data-grid-premium@v5.17.17`
 
 #### Changes
 
@@ -20,7 +77,7 @@ We'd like to offer a big thanks to the 4 contributors who made this release poss
 - [DataGridPro] Use row ID as `key` of the detail panels (#7311) @m4theushw
 - [DataGridPremium] Fix `exceljs` import with parcel (#7285) @alexfauquette
 
-### `@mui/x-date-pickers@5.0.12` / `@mui/x-date-pickers-pro@5.0.12`
+### `@mui/x-date-pickers@v5.0.12` / `@mui/x-date-pickers-pro@v5.0.12`
 
 #### Changes
 

package/components/columnHeaders/GridColumnHeaders.js

@@ -35,6 +35,7 @@ const GridColumnHeadersRoot = styled('div', {
     overflow: 'hidden',
     display: 'flex',
     alignItems: 'center',
+    boxSizing: 'border-box',
     borderBottom: `1px solid ${borderColor}`,
     borderTopLeftRadius: theme.shape.borderRadius,
     borderTopRightRadius: theme.shape.borderRadius

package/hooks/features/clipboard/useGridClipboard.js

@@ -20,6 +20,24 @@ function writeToClipboardPolyfill(data) {
     document.body.removeChild(span);
   }
 }
+
+function hasNativeSelection(element) {
+  var _window$getSelection;
+
+  if (((_window$getSelection = window.getSelection()) == null ? void 0 : _window$getSelection.toString()) !== '') {
+    return true;
+  }
+
+  if (!element) {
+    return false;
+  }
+
+  if ((element.selectionEnd || 0) - (element.selectionStart || 0) > 0) {
+    return true;
+  }
+
+  return false;
+}
 /**
  * @requires useGridCsvExport (method)
  * @requires useGridSelection (method)
@@ -46,8 +64,6 @@ export const useGridClipboard = apiRef => {
     }
   }, [apiRef]);
   const handleKeydown = React.useCallback(event => {
-    var _window$getSelection;
-
     const isModifierKeyPressed = event.ctrlKey || event.metaKey || event.altKey; // event.key === 'c' is not enough as alt+c can lead to ©, ç, or other characters on macOS.
     // event.code === 'KeyC' is not enough as event.code assume a QWERTY keyboard layout which would
     // be wrong with a Dvorak keyboard (as if pressing J).
@@ -57,7 +73,7 @@ export const useGridClipboard = apiRef => {
     } // Do nothing if there's a native selection
 
 
-    if (((_window$getSelection = window.getSelection()) == null ? void 0 : _window$getSelection.toString()) !== '') {
+    if (hasNativeSelection(event.target)) {
       return;
     }
 

package/hooks/features/export/useGridPrintExport.js

@@ -13,6 +13,14 @@ import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
 import { GridPrintExportMenuItem } from '../../../components/toolbar/GridToolbarExport';
 import { jsx as _jsx } from "react/jsx-runtime";
 
+function raf() {
+  return new Promise(resolve => {
+    requestAnimationFrame(() => {
+      resolve();
+    });
+  });
+}
+
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)
@@ -30,6 +38,7 @@ export const useGridPrintExport = (apiRef, props) => {
   // the new state needs to be in place before the grid can be sized correctly
 
   const updateGridColumnsForPrint = React.useCallback((fields, allColumns) => new Promise(resolve => {
+    // TODO remove unused Promise
     if (!fields && !allColumns) {
       resolve();
       return;
@@ -49,12 +58,10 @@ export const useGridPrintExport = (apiRef, props) => {
     });
     apiRef.current.setColumnVisibilityModel(newColumnVisibilityModel);
     resolve();
-  }), [apiRef]);
+  }), [apiRef]); // TODO move outside of this scope and remove React.useCallback
+
   const buildPrintWindow = React.useCallback(title => {
     const iframeEl = document.createElement('iframe');
-    iframeEl.id = 'grid-print-window'; // Without this 'onload' event won't fire in some browsers
-
-    iframeEl.src = window.location.href;
     iframeEl.style.position = 'absolute';
     iframeEl.style.width = '0px';
     iframeEl.style.height = '0px';
@@ -62,18 +69,15 @@ export const useGridPrintExport = (apiRef, props) => {
     return iframeEl;
   }, []);
   const handlePrintWindowLoad = React.useCallback((printWindow, options) => {
-    var _printWindow$contentW, _querySelector, _querySelector2;
+    var _querySelector, _querySelector2;
 
     const normalizeOptions = _extends({
       copyStyles: true,
       hideToolbar: false,
       hideFooter: false
-    }, options); // Some agents, such as IE11 and Enzyme (as of 2 Jun 2020) continuously call the
-    // `onload` callback. This ensures that it is only called once.
+    }, options);
 
-
-    printWindow.onload = null;
-    const printDoc = printWindow.contentDocument || ((_printWindow$contentW = printWindow.contentWindow) == null ? void 0 : _printWindow$contentW.document);
+    const printDoc = printWindow.contentDocument;
 
     if (!printDoc) {
       return;
@@ -113,10 +117,12 @@ export const useGridPrintExport = (apiRef, props) => {
     } // Expand container height to accommodate all rows
 
 
-    gridClone.style.height = `${rowsMeta.currentPageTotalHeight + totalHeaderHeight + gridToolbarElementHeight + gridFooterElementHeight}px`; // Remove all loaded elements from the current host
+    gridClone.style.height = `${rowsMeta.currentPageTotalHeight + totalHeaderHeight + gridToolbarElementHeight + gridFooterElementHeight}px`; // printDoc.body.appendChild(gridClone); should be enough but a clone isolation bug in Safari
+    // prevents us to do it
 
-    printDoc.body.innerHTML = '';
-    printDoc.body.appendChild(gridClone);
+    const container = document.createElement('div');
+    container.appendChild(gridClone);
+    printDoc.body.innerHTML = container.innerHTML;
     const defaultPageStyle = typeof normalizeOptions.pageStyle === 'function' ? normalizeOptions.pageStyle() : normalizeOptions.pageStyle;
 
     if (typeof defaultPageStyle === 'string') {
@@ -210,17 +216,25 @@ export const useGridPrintExport = (apiRef, props) => {
 
     await updateGridColumnsForPrint(options == null ? void 0 : options.fields, options == null ? void 0 : options.allColumns);
     apiRef.current.unstable_disableVirtualization();
+    await raf(); // wait for the state changes to take action
+
     const printWindow = buildPrintWindow(options == null ? void 0 : options.fileName);
-    doc.current.body.appendChild(printWindow);
 
     if (process.env.NODE_ENV === 'test') {
-      // In test env, run the all pipeline without waiting for loading
+      doc.current.body.appendChild(printWindow); // In test env, run the all pipeline without waiting for loading
+
       handlePrintWindowLoad(printWindow, options);
       handlePrintWindowAfterPrint(printWindow);
     } else {
-      printWindow.onload = () => handlePrintWindowLoad(printWindow, options);
+      printWindow.onload = () => {
+        handlePrintWindowLoad(printWindow, options);
+
+        printWindow.contentWindow.onafterprint = () => {
+          handlePrintWindowAfterPrint(printWindow);
+        };
+      };
 
-      printWindow.contentWindow.onafterprint = () => handlePrintWindowAfterPrint(printWindow);
+      doc.current.body.appendChild(printWindow);
     }
   }, [props, logger, apiRef, buildPrintWindow, handlePrintWindowLoad, handlePrintWindowAfterPrint, updateGridColumnsForPrint]);
   const printExportApi = {

package/hooks/features/virtualization/useGridVirtualScroller.js

@@ -85,7 +85,10 @@ export const useGridVirtualScroller = props => {
     top: 0,
     left: 0
   });
-  const [containerWidth, setContainerWidth] = React.useState(null);
+  const [containerDimensions, setContainerDimensions] = React.useState({
+    width: null,
+    height: null
+  });
   const prevTotalWidth = React.useRef(columnsTotalWidth);
   const getNearestIndexToRender = React.useCallback(offset => {
     var _currentPage$range, _currentPage$range2;
@@ -129,7 +132,7 @@ export const useGridVirtualScroller = props => {
     // In the last index, this is not needed because Array.slice doesn't include it.
 
     const firstRowIndex = Math.min(getNearestIndexToRender(top), rowsMeta.positions.length - 1);
-    const lastRowIndex = rootProps.autoHeight ? firstRowIndex + currentPage.rows.length : getNearestIndexToRender(top + rootRef.current.clientHeight);
+    const lastRowIndex = rootProps.autoHeight ? firstRowIndex + currentPage.rows.length : getNearestIndexToRender(top + containerDimensions.height);
     let hasRowWithAutoHeight = false;
     let firstColumnIndex = 0;
     let lastColumnIndex = columnPositions.length;
@@ -148,7 +151,7 @@ export const useGridVirtualScroller = props => {
 
     if (!hasRowWithAutoHeight) {
       firstColumnIndex = binarySearch(left, columnPositions);
-      lastColumnIndex = binarySearch(left + containerWidth, columnPositions);
+      lastColumnIndex = binarySearch(left + containerDimensions.width, columnPositions);
     }
 
     return {
@@ -157,7 +160,7 @@ export const useGridVirtualScroller = props => {
       firstColumnIndex,
       lastColumnIndex
     };
-  }, [disableVirtualization, getNearestIndexToRender, rowsMeta.positions.length, rootProps.autoHeight, rootProps.rowBuffer, currentPage.rows, columnPositions, visibleColumns.length, apiRef, containerWidth]);
+  }, [disableVirtualization, getNearestIndexToRender, rowsMeta.positions.length, rootProps.autoHeight, rootProps.rowBuffer, currentPage.rows, columnPositions, visibleColumns.length, apiRef, containerDimensions]);
   useEnhancedEffect(() => {
     if (disableVirtualization) {
       renderZoneRef.current.style.transform = `translate3d(0px, 0px, 0px)`;
@@ -168,10 +171,16 @@ export const useGridVirtualScroller = props => {
     }
   }, [disableVirtualization]);
   useEnhancedEffect(() => {
-    setContainerWidth(rootRef.current.clientWidth);
+    setContainerDimensions({
+      width: rootRef.current.clientWidth,
+      height: rootRef.current.clientHeight
+    });
   }, [rowsMeta.currentPageTotalHeight]);
   const handleResize = React.useCallback(params => {
-    setContainerWidth(params.width);
+    setContainerDimensions({
+      width: params.width,
+      height: params.height
+    });
   }, []);
   useGridApiEventHandler(apiRef, 'resize', handleResize);
   const updateRenderZonePosition = React.useCallback(nextRenderContext => {
@@ -229,7 +238,7 @@ export const useGridVirtualScroller = props => {
     prevRenderContext.current = nextRenderContext;
   }, [apiRef, setRenderContext, prevRenderContext, currentPage.rows.length, rootProps.rowBuffer]);
   useEnhancedEffect(() => {
-    if (containerWidth == null) {
+    if (containerDimensions.width == null) {
       return;
     }
 
@@ -245,7 +254,7 @@ export const useGridVirtualScroller = props => {
       renderContext: initialRenderContext
     };
     apiRef.current.publishEvent('rowsScroll', params);
-  }, [apiRef, computeRenderContext, containerWidth, updateRenderContext]);
+  }, [apiRef, computeRenderContext, containerDimensions.width, updateRenderContext]);
 
   const handleScroll = event => {
     const {
@@ -297,7 +306,7 @@ export const useGridVirtualScroller = props => {
       renderContext: nextRenderContext,
       minFirstColumn = renderZoneMinColumnIndex,
       maxLastColumn = renderZoneMaxColumnIndex,
-      availableSpace = containerWidth,
+      availableSpace = containerDimensions.width,
       rowIndexOffset = 0,
       position = 'center'
     } = params;
@@ -403,7 +412,7 @@ export const useGridVirtualScroller = props => {
     return rows;
   };
 
-  const needsHorizontalScrollbar = containerWidth && columnsTotalWidth > containerWidth;
+  const needsHorizontalScrollbar = containerDimensions.width && columnsTotalWidth > containerDimensions.width;
   const contentSize = React.useMemo(() => {
     // In cases where the columns exceed the available width,
     // the horizontal scrollbar should be shown even when there're no rows.

package/index.js

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

package/internals/index.d.ts

@@ -54,7 +54,7 @@ export { getColumnsToExport, defaultGetRowsToExport } from '../hooks/features/ex
 export { createSelector, unstable_resetCreateSelectorCache } from '../utils/createSelector';
 export { findParentElementFromClassName } from '../utils/domUtils';
 export { isNavigationKey } from '../utils/keyboardUtils';
-export { clamp, isDeepEqual, isNumber, isFunction } from '../utils/utils';
+export { clamp, isDeepEqual, isNumber, isFunction, isObject } from '../utils/utils';
 export { buildWarning } from '../utils/warning';
 export { exportAs } from '../utils/exportAs';
 export type { GridApiCommunity } from '../models/api/gridApiCommunity';

package/internals/index.js

@@ -45,6 +45,6 @@ export { getColumnsToExport, defaultGetRowsToExport } from '../hooks/features/ex
 export { createSelector, unstable_resetCreateSelectorCache } from '../utils/createSelector';
 export { findParentElementFromClassName } from '../utils/domUtils';
 export { isNavigationKey } from '../utils/keyboardUtils';
-export { clamp, isDeepEqual, isNumber, isFunction } from '../utils/utils';
+export { clamp, isDeepEqual, isNumber, isFunction, isObject } from '../utils/utils';
 export { buildWarning } from '../utils/warning';
 export { exportAs } from '../utils/exportAs';

package/legacy/components/columnHeaders/GridColumnHeaders.js

@@ -34,6 +34,7 @@ var GridColumnHeadersRoot = styled('div', {
     overflow: 'hidden',
     display: 'flex',
     alignItems: 'center',
+    boxSizing: 'border-box',
     borderBottom: "1px solid ".concat(borderColor),
     borderTopLeftRadius: theme.shape.borderRadius,
     borderTopRightRadius: theme.shape.borderRadius

package/legacy/hooks/features/clipboard/useGridClipboard.js

@@ -20,6 +20,24 @@ function writeToClipboardPolyfill(data) {
     document.body.removeChild(span);
   }
 }
+
+function hasNativeSelection(element) {
+  var _window$getSelection;
+
+  if (((_window$getSelection = window.getSelection()) == null ? void 0 : _window$getSelection.toString()) !== '') {
+    return true;
+  }
+
+  if (!element) {
+    return false;
+  }
+
+  if ((element.selectionEnd || 0) - (element.selectionStart || 0) > 0) {
+    return true;
+  }
+
+  return false;
+}
 /**
  * @requires useGridCsvExport (method)
  * @requires useGridSelection (method)
@@ -48,8 +66,6 @@ export var useGridClipboard = function useGridClipboard(apiRef) {
     }
   }, [apiRef]);
   var handleKeydown = React.useCallback(function (event) {
-    var _window$getSelection;
-
     var isModifierKeyPressed = event.ctrlKey || event.metaKey || event.altKey; // event.key === 'c' is not enough as alt+c can lead to ©, ç, or other characters on macOS.
     // event.code === 'KeyC' is not enough as event.code assume a QWERTY keyboard layout which would
     // be wrong with a Dvorak keyboard (as if pressing J).
@@ -59,7 +75,7 @@ export var useGridClipboard = function useGridClipboard(apiRef) {
     } // Do nothing if there's a native selection
 
 
-    if (((_window$getSelection = window.getSelection()) == null ? void 0 : _window$getSelection.toString()) !== '') {
+    if (hasNativeSelection(event.target)) {
       return;
     }
 

package/legacy/hooks/features/export/useGridPrintExport.js

@@ -16,6 +16,14 @@ import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
 import { GridPrintExportMenuItem } from '../../../components/toolbar/GridToolbarExport';
 import { jsx as _jsx } from "react/jsx-runtime";
 
+function raf() {
+  return new Promise(function (resolve) {
+    requestAnimationFrame(function () {
+      resolve();
+    });
+  });
+}
+
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)
@@ -34,6 +42,7 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
 
   var updateGridColumnsForPrint = React.useCallback(function (fields, allColumns) {
     return new Promise(function (resolve) {
+      // TODO remove unused Promise
       if (!fields && !allColumns) {
         resolve();
         return;
@@ -56,12 +65,10 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
       apiRef.current.setColumnVisibilityModel(newColumnVisibilityModel);
       resolve();
     });
-  }, [apiRef]);
+  }, [apiRef]); // TODO move outside of this scope and remove React.useCallback
+
   var buildPrintWindow = React.useCallback(function (title) {
     var iframeEl = document.createElement('iframe');
-    iframeEl.id = 'grid-print-window'; // Without this 'onload' event won't fire in some browsers
-
-    iframeEl.src = window.location.href;
     iframeEl.style.position = 'absolute';
     iframeEl.style.width = '0px';
     iframeEl.style.height = '0px';
@@ -69,18 +76,15 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
     return iframeEl;
   }, []);
   var handlePrintWindowLoad = React.useCallback(function (printWindow, options) {
-    var _printWindow$contentW, _querySelector, _querySelector2;
+    var _querySelector, _querySelector2;
 
     var normalizeOptions = _extends({
       copyStyles: true,
       hideToolbar: false,
       hideFooter: false
-    }, options); // Some agents, such as IE11 and Enzyme (as of 2 Jun 2020) continuously call the
-    // `onload` callback. This ensures that it is only called once.
+    }, options);
 
-
-    printWindow.onload = null;
-    var printDoc = printWindow.contentDocument || ((_printWindow$contentW = printWindow.contentWindow) == null ? void 0 : _printWindow$contentW.document);
+    var printDoc = printWindow.contentDocument;
 
     if (!printDoc) {
       return;
@@ -120,10 +124,12 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
     } // Expand container height to accommodate all rows
 
 
-    gridClone.style.height = "".concat(rowsMeta.currentPageTotalHeight + totalHeaderHeight + gridToolbarElementHeight + gridFooterElementHeight, "px"); // Remove all loaded elements from the current host
+    gridClone.style.height = "".concat(rowsMeta.currentPageTotalHeight + totalHeaderHeight + gridToolbarElementHeight + gridFooterElementHeight, "px"); // printDoc.body.appendChild(gridClone); should be enough but a clone isolation bug in Safari
+    // prevents us to do it
 
-    printDoc.body.innerHTML = '';
-    printDoc.body.appendChild(gridClone);
+    var container = document.createElement('div');
+    container.appendChild(gridClone);
+    printDoc.body.innerHTML = container.innerHTML;
     var defaultPageStyle = typeof normalizeOptions.pageStyle === 'function' ? normalizeOptions.pageStyle() : normalizeOptions.pageStyle;
 
     if (typeof defaultPageStyle === 'string') {
@@ -232,24 +238,31 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
 
             case 8:
               apiRef.current.unstable_disableVirtualization();
+              _context.next = 11;
+              return raf();
+
+            case 11:
+              // wait for the state changes to take action
               printWindow = buildPrintWindow(options == null ? void 0 : options.fileName);
-              doc.current.body.appendChild(printWindow);
 
               if (process.env.NODE_ENV === 'test') {
-                // In test env, run the all pipeline without waiting for loading
+                doc.current.body.appendChild(printWindow); // In test env, run the all pipeline without waiting for loading
+
                 handlePrintWindowLoad(printWindow, options);
                 handlePrintWindowAfterPrint(printWindow);
               } else {
                 printWindow.onload = function () {
-                  return handlePrintWindowLoad(printWindow, options);
-                };
+                  handlePrintWindowLoad(printWindow, options);
 
-                printWindow.contentWindow.onafterprint = function () {
-                  return handlePrintWindowAfterPrint(printWindow);
+                  printWindow.contentWindow.onafterprint = function () {
+                    handlePrintWindowAfterPrint(printWindow);
+                  };
                 };
+
+                doc.current.body.appendChild(printWindow);
               }
 
-            case 12:
+            case 13:
             case "end":
               return _context.stop();
           }

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

@@ -94,10 +94,13 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     left: 0
   });
 
-  var _React$useState3 = React.useState(null),
+  var _React$useState3 = React.useState({
+    width: null,
+    height: null
+  }),
       _React$useState4 = _slicedToArray(_React$useState3, 2),
-      containerWidth = _React$useState4[0],
-      setContainerWidth = _React$useState4[1];
+      containerDimensions = _React$useState4[0],
+      setContainerDimensions = _React$useState4[1];
 
   var prevTotalWidth = React.useRef(columnsTotalWidth);
   var getNearestIndexToRender = React.useCallback(function (offset) {
@@ -141,7 +144,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     // In the last index, this is not needed because Array.slice doesn't include it.
 
     var firstRowIndex = Math.min(getNearestIndexToRender(top), rowsMeta.positions.length - 1);
-    var lastRowIndex = rootProps.autoHeight ? firstRowIndex + currentPage.rows.length : getNearestIndexToRender(top + rootRef.current.clientHeight);
+    var lastRowIndex = rootProps.autoHeight ? firstRowIndex + currentPage.rows.length : getNearestIndexToRender(top + containerDimensions.height);
     var hasRowWithAutoHeight = false;
     var firstColumnIndex = 0;
     var lastColumnIndex = columnPositions.length;
@@ -164,7 +167,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
 
     if (!hasRowWithAutoHeight) {
       firstColumnIndex = binarySearch(left, columnPositions);
-      lastColumnIndex = binarySearch(left + containerWidth, columnPositions);
+      lastColumnIndex = binarySearch(left + containerDimensions.width, columnPositions);
     }
 
     return {
@@ -173,7 +176,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
       firstColumnIndex: firstColumnIndex,
       lastColumnIndex: lastColumnIndex
     };
-  }, [disableVirtualization, getNearestIndexToRender, rowsMeta.positions.length, rootProps.autoHeight, rootProps.rowBuffer, currentPage.rows, columnPositions, visibleColumns.length, apiRef, containerWidth]);
+  }, [disableVirtualization, getNearestIndexToRender, rowsMeta.positions.length, rootProps.autoHeight, rootProps.rowBuffer, currentPage.rows, columnPositions, visibleColumns.length, apiRef, containerDimensions]);
   useEnhancedEffect(function () {
     if (disableVirtualization) {
       renderZoneRef.current.style.transform = "translate3d(0px, 0px, 0px)";
@@ -184,10 +187,16 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     }
   }, [disableVirtualization]);
   useEnhancedEffect(function () {
-    setContainerWidth(rootRef.current.clientWidth);
+    setContainerDimensions({
+      width: rootRef.current.clientWidth,
+      height: rootRef.current.clientHeight
+    });
   }, [rowsMeta.currentPageTotalHeight]);
   var handleResize = React.useCallback(function (params) {
-    setContainerWidth(params.width);
+    setContainerDimensions({
+      width: params.width,
+      height: params.height
+    });
   }, []);
   useGridApiEventHandler(apiRef, 'resize', handleResize);
   var updateRenderZonePosition = React.useCallback(function (nextRenderContext) {
@@ -257,7 +266,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     prevRenderContext.current = nextRenderContext;
   }, [apiRef, setRenderContext, prevRenderContext, currentPage.rows.length, rootProps.rowBuffer]);
   useEnhancedEffect(function () {
-    if (containerWidth == null) {
+    if (containerDimensions.width == null) {
       return;
     }
 
@@ -272,7 +281,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
       renderContext: initialRenderContext
     };
     apiRef.current.publishEvent('rowsScroll', params);
-  }, [apiRef, computeRenderContext, containerWidth, updateRenderContext]);
+  }, [apiRef, computeRenderContext, containerDimensions.width, updateRenderContext]);
 
   var handleScroll = function handleScroll(event) {
     var _event$currentTarget = event.currentTarget,
@@ -326,7 +335,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
         _params$maxLastColumn = params.maxLastColumn,
         maxLastColumn = _params$maxLastColumn === void 0 ? renderZoneMaxColumnIndex : _params$maxLastColumn,
         _params$availableSpac = params.availableSpace,
-        availableSpace = _params$availableSpac === void 0 ? containerWidth : _params$availableSpac,
+        availableSpace = _params$availableSpac === void 0 ? containerDimensions.width : _params$availableSpac,
         _params$rowIndexOffse = params.rowIndexOffset,
         rowIndexOffset = _params$rowIndexOffse === void 0 ? 0 : _params$rowIndexOffse,
         _params$position = params.position,
@@ -441,7 +450,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     return rows;
   };
 
-  var needsHorizontalScrollbar = containerWidth && columnsTotalWidth > containerWidth;
+  var needsHorizontalScrollbar = containerDimensions.width && columnsTotalWidth > containerDimensions.width;
   var contentSize = React.useMemo(function () {
     // In cases where the columns exceed the available width,
     // the horizontal scrollbar should be shown even when there're no rows.

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.17
+/** @license MUI X v5.17.19
  *
  * 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

@@ -45,6 +45,6 @@ export { getColumnsToExport, defaultGetRowsToExport } from '../hooks/features/ex
 export { createSelector, unstable_resetCreateSelectorCache } from '../utils/createSelector';
 export { findParentElementFromClassName } from '../utils/domUtils';
 export { isNavigationKey } from '../utils/keyboardUtils';
-export { clamp, isDeepEqual, isNumber, isFunction } from '../utils/utils';
+export { clamp, isDeepEqual, isNumber, isFunction, isObject } from '../utils/utils';
 export { buildWarning } from '../utils/warning';
 export { exportAs } from '../utils/exportAs';