@mui/x-data-grid 7.0.0-beta.5 → 7.0.0-beta.6

package/CHANGELOG.md

@@ -3,6 +3,92 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.0.0-beta.6
+
+_Mar 8, 2024_
+
+We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.0.0-beta.6`
+
+- [DataGrid] Fix crashing of demos on rating change (#12315) @sai6855
+- [DataGrid] Fix double border below header (#12349) @joespeargresham
+- [DataGrid] Fix empty sort being saved in the `sortModel` (#12325) @MBilalShafi
+- [DataGrid] Remove unnecessary `stopCellMode` event in `renderEditRating` component (#12335) @sai6855
+- [DataGrid] Small performance optimizations (#12346) @romgrk
+
+#### `@mui/x-data-grid-pro@7.0.0-beta.6` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.0.0-beta.6`, plus:
+
+- [DataGridPro] Rework `onRowsScrollEnd` to use `IntersectionObserver` (#8672) @DanailH
+
+#### `@mui/x-data-grid-premium@7.0.0-beta.6` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.6`.
+
+### Charts
+
+#### `@mui/x-charts@7.0.0-beta.6`
+
+- [charts] Add context to axis value formatter (#12172) @alexfauquette
+- [charts] Customize tick position for band scale (#12316) @alexfauquette
+- [charts] Fix RTL legend (#12175) @alexfauquette
+
+### Tree View
+
+#### Breaking changes
+
+- The component used to animate the item children is now defined as a slot on the `TreeItem` component.
+
+  If you were passing a `TransitionComponent` or `TransitionProps` to your `TreeItem` component,
+  you need to use the new `groupTransition` slot on this component:
+
+  ```diff
+   <SimpleTreeView>
+      <TreeItem
+        nodeId="1"
+        label="Node 1"
+  -     TransitionComponent={Fade}
+  +     slots={{ groupTransition: Fade }}
+  -     TransitionProps={{ timeout: 600 }}
+  +     slotProps={{ groupTransition: { timeout: 600 } }}
+      />
+    </SimpleTreeView>
+  ```
+
+- The `group` class of the `TreeItem` component has been renamed to `groupTransition` to match with its new slot name.
+
+  ```diff
+   const StyledTreeItem = styled(TreeItem)({
+  -  [`& .${treeItemClasses.group}`]: {
+  +  [`& .${treeItemClasses.groupTransition}`]: {
+      marginLeft: 20,
+    },
+   });
+  ```
+
+#### `@mui/x-tree-view@7.0.0-beta.6`
+
+- [TreeView] Fix invalid nodes state when updating `props.items` (#12359) @flaviendelangle
+- [TreeView] In the `RichTreeView`, do not use the item id as the HTML id attribute (#12319) @flaviendelangle
+- [TreeView] New instance and publicAPI method: `getItem` (#12251) @flaviendelangle
+- [TreeView] Replace `TransitionComponent` and `TransitionProps` with a `groupTransition` slot (#12336) @flaviendelangle
+
+### Docs
+
+- [docs] Add a note about `z-index` usage in SVG (#12337) @alexfauquette
+- [docs] `RichTreeView` customization docs (#12231) @noraleonte
+
+### Core
+
+- [test] Add `Charts` test (#11551) @alexfauquette
+
 ## 7.0.0-beta.5
 
 _Mar 1, 2024_
@@ -45,7 +131,7 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.5`, plus:
 
 - [DataGridPremium] Make clipboard copy respect the sorting during cell selection (#12235) @MBilalShafi
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@7.0.0-beta.5`
 
@@ -121,7 +207,7 @@ Same changes as in `@mui/x-data-grid@7.0.0-beta.4`.
 
 Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.4`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### Breaking changes
 
@@ -335,7 +421,7 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.2`, plus:
 - [DataGridPremium] Fix autosize grouping cell (#11870) @romgrk
 - [DataGridPremium] Fix clipboard paste not working with Caps Lock enabled (#11965) @shaharyar-shamshi
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@7.0.0-beta.2`
 
@@ -522,7 +608,7 @@ Same changes as in `@mui/x-data-grid@7.0.0-beta.1`.
 
 Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.1`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@7.0.0-beta.1`
 
@@ -627,7 +713,7 @@ Same changes as in `@mui/x-data-grid@7.0.0-beta.0`.
 
 Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.0`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@7.0.0-beta.0`
 
@@ -766,7 +852,7 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.9`, plus:
 - [DataGridPremium] Allow aggregation to be applied for non-aggregable columns (#11574) @MBilalShafi
 - [DataGridPremium] Allow programmatically grouping non-groupable columns (#11539) @MBilalShafi
 
-### Date Pickers
+### Date and Time Pickers
 
 #### Breaking changes
 
@@ -1051,7 +1137,7 @@ Same changes as in `@mui/x-data-grid@7.0.0-alpha.8`.
 
 Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.8`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@7.0.0-alpha.8`
 
@@ -1141,7 +1227,7 @@ Same changes as in `@mui/x-data-grid@7.0.0-alpha.7`.
 
 Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.7`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@7.0.0-alpha.7`
 
@@ -1283,7 +1369,7 @@ Same changes as in `@mui/x-data-grid@7.0.0-alpha.6`.
 
 Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.6`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@7.0.0-alpha.6`
 
@@ -1351,7 +1437,7 @@ Same changes as in `@mui/x-data-grid@7.0.0-alpha.5`.
 
 Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.5`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### Breaking changes
 
@@ -1535,7 +1621,7 @@ Same changes as in `@mui/x-data-grid@7.0.0-alpha.4`, plus:
 
 Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.4`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@7.0.0-alpha.4`
 
@@ -1635,7 +1721,7 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.3`, plus:
 - [DataGridPremium] Make Cell selection feature stable (#11246) @MBilalShafi
 - [DataGridPremium] Make Clipboard paste feature stable (#11248) @MBilalShafi
 
-### Date Pickers
+### Date and Time Pickers
 
 #### Breaking changes
 
@@ -1772,7 +1858,7 @@ Same changes as in `@mui/x-data-grid@7.0.0-alpha.2`.
 
 Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.2`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### Breaking changes
 
@@ -1878,7 +1964,7 @@ We'd like to offer a big thanks to the 3 contributors who made this release poss
 - 🐞 Bugfixes
 - 📚 Documentation improvements
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@7.0.0-alpha.1` / `@mui/x-date-pickers-pro@7.0.0-alpha.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
 
@@ -2374,7 +2460,7 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.0`, plus:
 
 - [DataGridPremium] Render aggregation label when `renderHeader` is used (#10936) @cherniavskii
 
-### Date Pickers
+### Date and Time Pickers
 
 #### Breaking changes
 
@@ -2461,7 +2547,7 @@ Same changes as in `@mui/x-data-grid-pro@6.19.6`, plus:
 
 - [DataGridPremium] Make clipboard copy respect the sorting during cell selection (#12255) @MBilalShafi
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.19.6`
 
@@ -2499,7 +2585,7 @@ Same changes as in `@mui/x-data-grid@6.19.5`.
 
 Same changes as in `@mui/x-data-grid-pro@6.19.5`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.19.5`
 
@@ -2568,7 +2654,7 @@ Same changes as in `@mui/x-data-grid-pro@6.19.4`, plus:
 - [DataGridPremium] Fix autosize grouping cell (#11990) @romgrk
 - [DataGridPremium] Fix error after closing print export (#11889) @cherniavskii
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.19.4`
 
@@ -2617,7 +2703,7 @@ Same changes as in `@mui/x-data-grid@6.19.3`.
 
 Same changes as in `@mui/x-data-grid-pro@6.19.3`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.19.3`
 
@@ -2651,7 +2737,7 @@ We'd like to offer a big thanks to the 2 contributors who made this release poss
 - 🚀 Apply the `layout.tabs` class to `Tabs` slot (@LukasTy) (#11782)
 - 🐞 Bugfixes
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.19.2`
 
@@ -2725,7 +2811,7 @@ We'd like to offer a big thanks to the 3 contributors who made this release poss
   import { de } from 'date-fns/locale/de';
   ```
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.19.0`
 
@@ -2772,7 +2858,7 @@ Same changes as in `@mui/x-data-grid@6.18.7`.
 
 Same changes as in `@mui/x-data-grid-pro@6.18.7`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.18.7`
 
@@ -2814,7 +2900,7 @@ Same changes as in `@mui/x-data-grid@6.18.6`.
 
 Same changes as in `@mui/x-data-grid-pro@6.18.6`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.18.6`
 
@@ -2863,7 +2949,7 @@ Same changes as in `@mui/x-data-grid@6.18.5`.
 
 Same changes as in `@mui/x-data-grid-pro@6.18.5`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.18.5`
 
@@ -2906,7 +2992,7 @@ Same changes as in `@mui/x-data-grid@6.18.4`.
 
 Same changes as in `@mui/x-data-grid-pro@6.18.4`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.18.4`
 
@@ -2952,7 +3038,7 @@ Same changes as in `@mui/x-data-grid-pro@6.18.3`, plus:
 - [DataGridPremium] Fix aggregated column ignoring column definition changes (#11176) @cherniavskii
 - [DataGridPremium] Fix custom filter operators not working on aggregated column (#11201) @cherniavskii
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.18.3`
 
@@ -3008,7 +3094,7 @@ Same changes as in `@mui/x-data-grid@6.18.2`.
 
 Same changes as in `@mui/x-data-grid-pro@6.18.2`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.18.2`
 
@@ -3065,7 +3151,7 @@ Same changes as in `@mui/x-data-grid-pro@6.18.1`, plus:
 
 - [DataGridPremium] Render aggregation label when `renderHeader` is used (#10961) @cherniavskii
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.18.1`
 
@@ -3124,7 +3210,7 @@ Same changes as in `@mui/x-data-grid@6.18.0`.
 
 Same changes as in `@mui/x-data-grid-pro@6.18.0`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.18.0`
 
@@ -3189,7 +3275,7 @@ Same changes as in `@mui/x-data-grid-pro@6.17.0`, plus:
 - [DataGridPremium] Fix `sum` aggregation to ignore non-numeric values (#10730) @cherniavskii
 - [DataGridPremium] Fix cell selection throwing index error on second page and beyond (#10784) @MBilalShafi
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.17.0`
 
@@ -3243,7 +3329,7 @@ Same changes as in `@mui/x-data-grid@6.16.3`.
 
 Same changes as in `@mui/x-data-grid-pro@6.16.3`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.16.3`
 
@@ -3319,7 +3405,7 @@ Same changes as in `@mui/x-data-grid@6.16.2`, plus:
 
 Same changes as in `@mui/x-data-grid-pro@6.16.2`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.16.2`
 
@@ -3414,7 +3500,7 @@ Same changes as in `@mui/x-data-grid@6.16.1`.
 
 Same changes as in `@mui/x-data-grid-pro@6.16.1`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.16.1`
 
@@ -3490,7 +3576,7 @@ Same changes as in `@mui/x-data-grid@6.16.0`, plus:
 
 Same changes as in `@mui/x-data-grid-pro@6.16.0`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.16.0`
 
@@ -3569,7 +3655,7 @@ Same changes as in `@mui/x-data-grid@6.15.0`, plus:
 
 Same changes as in `@mui/x-data-grid-pro@6.15.0`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.15.0`
 
@@ -3648,7 +3734,7 @@ Same changes as in `@mui/x-data-grid-pro@6.14.0`, plus:
 
 - [DataGridPremium] Fix clipboard import cutting off at 100 rows (#9930) @gitstart
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.14.0`
 
@@ -3729,7 +3815,7 @@ Same changes as in `@mui/x-data-grid-pro@6.13.0`, plus:
 
 - [DataGridPremium] Fix aggregated column resizing (#10079) @cherniavskii
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.13.0`
 
@@ -3801,7 +3887,7 @@ Same changes as in `@mui/x-data-grid@6.12.1`.
 
 Same changes as in `@mui/x-data-grid-pro@6.12.1`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.12.1`
 
@@ -3857,7 +3943,7 @@ Same changes as in `@mui/x-data-grid@6.12.0`.
 
 Same changes as in `@mui/x-data-grid-pro@6.12.0`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.12.0`
 
@@ -3928,7 +4014,7 @@ Same changes as in `@mui/x-data-grid@6.11.2`.
 
 Same changes as in `@mui/x-data-grid-pro@6.11.2`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.11.2`
 
@@ -3979,7 +4065,7 @@ Same changes as in `@mui/x-data-grid@6.11.1`.
 
 Same changes as in `@mui/x-data-grid-pro@6.11.1`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.11.1`
 
@@ -4048,7 +4134,7 @@ Same changes as in `@mui/x-data-grid@6.11.0`.
 
 Same changes as in `@mui/x-data-grid-pro@6.11.0`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.11.0`
 
@@ -4136,7 +4222,7 @@ Same changes as in `@mui/x-data-grid-pro@6.10.2`, plus:
 
 - [DataGridPremium] Allow to customize grouping cell offset (#9417) @cherniavskii
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.10.2`
 
@@ -4205,7 +4291,7 @@ Same changes as in `@mui/x-data-grid@6.10.1`, plus:
 
 Same changes as in `@mui/x-data-grid-pro@6.10.1`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.10.1`
 
@@ -4271,7 +4357,7 @@ Same changes as in `@mui/x-data-grid@6.10.0`.
 
 Same changes as in `@mui/x-data-grid-pro@6.10.0`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.10.0`
 
@@ -4341,7 +4427,7 @@ Same changes as in `@mui/x-data-grid-pro@6.9.2`, plus:
 
 - [DataGridPremium] Auto-scroll when making range selection (#8661) @m4theushw
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.9.2`
 
@@ -4407,7 +4493,7 @@ Same changes as in `@mui/x-data-grid@6.9.1`, plus:
 
 Same changes as in `@mui/x-data-grid-pro@6.9.1`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.9.1`
 
@@ -4489,7 +4575,7 @@ Same changes as in `@mui/x-data-grid@6.9.0`.
 
 Same changes as in `@mui/x-data-grid-pro@6.9.0`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.9.0`
 
@@ -4565,7 +4651,7 @@ Same changes as in `@mui/x-data-grid@6.8.0`.
 
 Same changes as in `@mui/x-data-grid-pro@6.8.0`.
 
-### Date Pickers
+### Date and Time Pickers
 
 #### `@mui/x-date-pickers@6.8.0`
 

package/components/GridPinnedRows.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import type { VirtualScroller } from '../hooks/features/virtualization/useGridVirtualScroller';
-export interface GridPinnedRowsProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface GridPinnedRowsProps {
     position: 'top' | 'bottom';
     virtualScroller: VirtualScroller;
 }

package/components/GridRow.js

@@ -216,7 +216,8 @@ const GridRow = /*#__PURE__*/React.forwardRef(function GridRow(props, refProp) {
     const rowStyle = _extends({}, styleProp, {
       maxHeight: rowHeight === 'auto' ? 'none' : rowHeight,
       // max-height doesn't support "auto"
-      minHeight
+      minHeight,
+      '--height': typeof rowHeight === 'number' ? `${rowHeight}px` : rowHeight
     });
     if (sizes != null && sizes.spacingTop) {
       const property = rootProps.rowSpacingType === 'border' ? 'borderTopWidth' : 'marginTop';
@@ -291,20 +292,17 @@ const GridRow = /*#__PURE__*/React.forwardRef(function GridRow(props, refProp) {
       column: column,
       width: width,
       rowId: rowId,
-      height: rowHeight,
       align: column.align || 'left',
       colIndex: indexRelativeToAllColumns,
       colSpan: colSpan,
       disableDragEvents: disableDragEvents,
       editCellState: editCellState,
-      isNotVisible: cellIsNotVisible
-    }, slotProps == null ? void 0 : slotProps.cell, {
+      isNotVisible: cellIsNotVisible,
       pinnedOffset: pinnedOffset,
       pinnedPosition: pinnedPosition,
       sectionIndex: indexInSection,
-      sectionLength: sectionLength,
-      gridHasScrollX: dimensions.hasScrollX
-    }), column.field);
+      sectionLength: sectionLength
+    }, slotProps == null ? void 0 : slotProps.cell), column.field);
   };
 
   /* Start of rendering */

package/components/cell/GridCell.d.ts

@@ -13,7 +13,6 @@ export type GridCellProps = {
     colIndex: number;
     column: GridColDef;
     rowId: GridRowId;
-    height: number | 'auto';
     width: number;
     colSpan?: number;
     disableDragEvents?: boolean;
@@ -23,7 +22,6 @@ export type GridCellProps = {
     pinnedPosition: PinnedPosition;
     sectionIndex: number;
     sectionLength: number;
-    gridHasScrollX: boolean;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
     onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;
     onMouseDown?: React.MouseEventHandler<HTMLDivElement>;

package/components/cell/GridCell.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["column", "rowId", "editCellState", "align", "children", "colIndex", "height", "width", "className", "style", "gridHasScrollX", "colSpan", "disableDragEvents", "isNotVisible", "pinnedOffset", "pinnedPosition", "sectionIndex", "sectionLength", "onClick", "onDoubleClick", "onMouseDown", "onMouseUp", "onMouseOver", "onKeyDown", "onKeyUp", "onDragEnter", "onDragOver"],
+const _excluded = ["column", "rowId", "editCellState", "align", "children", "colIndex", "width", "className", "style", "gridHasScrollX", "colSpan", "disableDragEvents", "isNotVisible", "pinnedOffset", "pinnedPosition", "sectionIndex", "sectionLength", "onClick", "onDoubleClick", "onMouseDown", "onMouseUp", "onMouseOver", "onKeyDown", "onKeyUp", "onDragEnter", "onDragOver"],
   _excluded2 = ["changeReason", "unstable_updateValueOnRender"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -75,7 +75,6 @@ const GridCell = /*#__PURE__*/React.forwardRef((props, ref) => {
       editCellState,
       align,
       colIndex,
-      height,
       width,
       className,
       style: styleProp,
@@ -204,8 +203,7 @@ const GridCell = /*#__PURE__*/React.forwardRef((props, ref) => {
       };
     }
     const cellStyle = _extends({
-      '--width': `${width}px`,
-      '--height': typeof height === 'number' ? `${height}px` : height
+      '--width': `${width}px`
     }, styleProp);
     if (pinnedPosition === PinnedPosition.LEFT) {
       cellStyle.left = pinnedOffset;
@@ -214,7 +212,7 @@ const GridCell = /*#__PURE__*/React.forwardRef((props, ref) => {
       cellStyle.right = pinnedOffset;
     }
     return cellStyle;
-  }, [width, height, isNotVisible, styleProp, pinnedOffset, pinnedPosition]);
+  }, [width, isNotVisible, styleProp, pinnedOffset, pinnedPosition]);
   React.useEffect(() => {
     if (!hasFocus || cellMode === GridCellModes.Edit) {
       return;
@@ -324,8 +322,6 @@ process.env.NODE_ENV !== "production" ? GridCell.propTypes = {
     isValidating: PropTypes.bool,
     value: PropTypes.any
   }),
-  gridHasScrollX: PropTypes.bool.isRequired,
-  height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]).isRequired,
   isNotVisible: PropTypes.bool.isRequired,
   onClick: PropTypes.func,
   onDoubleClick: PropTypes.func,

package/components/containers/GridRootStyles.js

@@ -441,8 +441,6 @@ export const GridRootStyles = styled('div', {
       lineHeight: 'calc(var(--height) - 1px)',
       // -1px for the border
 
-      '--width': '0px',
-      '--height': '0px',
       boxSizing: 'border-box',
       borderTop: `1px solid var(--rowBorderColor)`,
       overflow: 'hidden',

package/components/virtualization/GridVirtualScroller.js

@@ -59,8 +59,10 @@ function GridVirtualScroller(props) {
     getContentProps,
     getRenderZoneProps,
     getScrollbarVerticalProps,
-    getScrollbarHorizontalProps
+    getScrollbarHorizontalProps,
+    getRows
   } = virtualScroller;
+  const rows = getRows();
   return /*#__PURE__*/_jsxs(Container, _extends({
     className: classes.root
   }, getContainerProps(), {
@@ -75,11 +77,11 @@ function GridVirtualScroller(props) {
         })]
       }), /*#__PURE__*/_jsx(GridOverlays, {}), /*#__PURE__*/_jsx(Content, _extends({}, getContentProps(), {
         children: /*#__PURE__*/_jsxs(RenderZone, _extends({}, getRenderZoneProps(), {
-          children: [virtualScroller.getRows(), /*#__PURE__*/_jsx(rootProps.slots.detailPanels, {
+          children: [rows, /*#__PURE__*/_jsx(rootProps.slots.detailPanels, {
             virtualScroller: virtualScroller
           })]
         }))
-      })), /*#__PURE__*/_jsx(SpaceFiller, {}), /*#__PURE__*/_jsx(BottomContainer, {
+      })), rows.length > 0 && /*#__PURE__*/_jsx(SpaceFiller, {}), /*#__PURE__*/_jsx(BottomContainer, {
         children: /*#__PURE__*/_jsx(rootProps.slots.pinnedRows, {
           position: "bottom",
           virtualScroller: virtualScroller