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

package/components/GridColumnHeaders.js

@@ -5,85 +5,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridColumnHeaders = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/utils");
 var _styles = require("@mui/material/styles");
-var _xDataGrid = require("@mui/x-data-grid");
 var _internals = require("@mui/x-data-grid/internals");
-var _useGridRootProps = require("../hooks/utils/useGridRootProps");
-var _useGridApiContext = require("../hooks/utils/useGridApiContext");
 var _useGridColumnHeaders = require("../hooks/features/columnHeaders/useGridColumnHeaders");
-var _GridScrollArea = require("./GridScrollArea");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["style", "className", "innerRef", "visibleColumns", "sortColumnLookup", "filterColumnLookup", "columnHeaderTabIndexState", "columnGroupHeaderTabIndexState", "columnHeaderFocus", "columnGroupHeaderFocus", "headerGroupingMaxDepth", "columnMenuState", "columnVisibility", "columnGroupsHeaderStructure", "hasOtherElementInTabSequence"];
+const _excluded = ["style", "className", "visibleColumns", "sortColumnLookup", "filterColumnLookup", "columnHeaderTabIndexState", "columnGroupHeaderTabIndexState", "columnHeaderFocus", "columnGroupHeaderFocus", "headerGroupingMaxDepth", "columnMenuState", "columnVisibility", "columnGroupsHeaderStructure", "hasOtherElementInTabSequence"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const useUtilityClasses = ownerState => {
-  const {
-    leftPinnedColumns,
-    rightPinnedColumns,
-    classes
-  } = ownerState;
-  const slots = {
-    leftPinnedColumns: ['pinnedColumnHeaders', leftPinnedColumns && leftPinnedColumns.length > 0 && `pinnedColumnHeaders--left`],
-    rightPinnedColumns: ['pinnedColumnHeaders', rightPinnedColumns && rightPinnedColumns.length > 0 && `pinnedColumnHeaders--right`, 'withBorderColor']
-  };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGrid.getDataGridUtilityClass, classes);
-};
-const GridColumnHeadersPinnedColumnHeaders = (0, _styles.styled)('div', {
-  name: 'MuiDataGrid',
-  slot: 'PinnedColumnHeaders',
-  overridesResolver: (_, styles) => [{
-    [`&.${_xDataGrid.gridClasses['pinnedColumnHeaders--left']}`]: styles['pinnedColumnHeaders--left']
-  }, {
-    [`&.${_xDataGrid.gridClasses['pinnedColumnHeaders--right']}`]: styles['pinnedColumnHeaders--right']
-  }, styles.pinnedColumnHeaders]
-})(({
-  ownerState
-}) => (0, _extends2.default)({
-  position: 'sticky',
-  zIndex: 5,
-  top: 0,
-  display: 'flex',
-  flexDirection: 'column',
-  boxSizing: 'border-box',
-  backgroundColor: 'var(--DataGrid-pinnedBackground)'
-}, ownerState.side === _xDataGrid.GridPinnedColumnPosition.LEFT && {
-  left: 0
-}, ownerState.side === _xDataGrid.GridPinnedColumnPosition.RIGHT && {
-  right: 0
-}, {
-  [`&.${_xDataGrid.gridClasses['pinnedColumnHeaders--left']}`]: {
-    left: 0,
-    '& > [role="row"] > [role="columnheader"]:last-of-type': {
-      borderRight: '1px solid var(--DataGrid-rowBorderColor)'
-    }
-  },
-  [`&.${_xDataGrid.gridClasses['pinnedColumnHeaders--right']}`]: {
-    right: 0,
-    '& > [role="row"] > [role="columnheader"]:first-of-type': {
-      borderLeft: '1px solid var(--DataGrid-rowBorderColor)'
-    }
-  }
-}));
 const Filler = (0, _styles.styled)('div')({
   flex: 1,
   backgroundColor: 'var(--DataGrid-containerBackground)'
 });
-GridColumnHeadersPinnedColumnHeaders.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  ownerState: _propTypes.default.object.isRequired
-};
 const GridColumnHeaders = exports.GridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnHeaders(props, ref) {
   const {
       className,
-      innerRef,
       visibleColumns,
       sortColumnLookup,
       filterColumnLookup,
@@ -98,18 +37,12 @@ const GridColumnHeaders = exports.GridColumnHeaders = /*#__PURE__*/React.forward
       hasOtherElementInTabSequence
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const apiRef = (0, _useGridApiContext.useGridApiContext)();
-  const rootProps = (0, _useGridRootProps.useGridRootProps)();
-  const visiblePinnedColumns = (0, _xDataGrid.useGridSelector)(apiRef, _xDataGrid.gridVisiblePinnedColumnDefinitionsSelector);
   const {
-    isDragging,
-    renderContext,
     getInnerProps,
-    getColumnHeaders,
-    getColumnFilters,
-    getColumnGroupHeaders
+    getColumnHeadersRow,
+    getColumnFiltersRow,
+    getColumnGroupHeadersRows
   } = (0, _useGridColumnHeaders.useGridColumnHeaders)({
-    innerRef,
     visibleColumns,
     sortColumnLookup,
     filterColumnLookup,
@@ -123,100 +56,11 @@ const GridColumnHeaders = exports.GridColumnHeaders = /*#__PURE__*/React.forward
     columnVisibility,
     columnGroupsHeaderStructure
   });
-  const ownerState = (0, _extends2.default)({}, rootProps, {
-    leftPinnedColumns: visiblePinnedColumns.left.map(c => c.field),
-    rightPinnedColumns: visiblePinnedColumns.right.map(c => c.field),
-    classes: rootProps.classes
-  });
-  const classes = useUtilityClasses(ownerState);
-  const leftRenderContext = renderContext && visiblePinnedColumns.left.length ? (0, _extends2.default)({}, renderContext, {
-    firstColumnIndex: 0,
-    lastColumnIndex: visiblePinnedColumns.left.length
-  }) : null;
-  const rightRenderContext = renderContext && visiblePinnedColumns.right.length ? (0, _extends2.default)({}, renderContext, {
-    firstColumnIndex: visibleColumns.length - visiblePinnedColumns.right.length,
-    lastColumnIndex: visibleColumns.length
-  }) : null;
-  const innerProps = getInnerProps();
-  const pinnedColumnHeadersProps = {
-    role: innerProps.role
-  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.GridBaseColumnHeaders, (0, _extends2.default)({
     ref: ref,
     className: className
-  }, other, {
-    children: [leftRenderContext && /*#__PURE__*/(0, _jsxRuntime.jsxs)(GridColumnHeadersPinnedColumnHeaders, (0, _extends2.default)({
-      className: classes.leftPinnedColumns,
-      ownerState: (0, _extends2.default)({}, ownerState, {
-        side: _xDataGrid.GridPinnedColumnPosition.LEFT,
-        showCellVerticalBorder: rootProps.showCellVerticalBorder
-      })
-    }, pinnedColumnHeadersProps, {
-      children: [getColumnGroupHeaders({
-        position: _xDataGrid.GridPinnedColumnPosition.LEFT,
-        renderContext: leftRenderContext,
-        minFirstColumn: leftRenderContext.firstColumnIndex,
-        maxLastColumn: leftRenderContext.lastColumnIndex
-      }), getColumnHeaders({
-        position: _xDataGrid.GridPinnedColumnPosition.LEFT,
-        renderContext: leftRenderContext,
-        minFirstColumn: leftRenderContext.firstColumnIndex,
-        maxLastColumn: leftRenderContext.lastColumnIndex
-      }, {
-        disableReorder: true
-      }), getColumnFilters({
-        position: _xDataGrid.GridPinnedColumnPosition.LEFT,
-        renderContext: leftRenderContext,
-        minFirstColumn: leftRenderContext.firstColumnIndex,
-        maxLastColumn: leftRenderContext.lastColumnIndex
-      })]
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridScrollArea.GridScrollArea, {
-      scrollDirection: "left"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.GridColumnHeadersInner, (0, _extends2.default)({
-      isDragging: isDragging
-    }, innerProps, {
-      children: [getColumnGroupHeaders({
-        renderContext,
-        minFirstColumn: visiblePinnedColumns.left.length,
-        maxLastColumn: visibleColumns.length - visiblePinnedColumns.right.length
-      }), getColumnHeaders({
-        renderContext,
-        minFirstColumn: visiblePinnedColumns.left.length,
-        maxLastColumn: visibleColumns.length - visiblePinnedColumns.right.length
-      }), getColumnFilters({
-        renderContext,
-        minFirstColumn: visiblePinnedColumns.left.length,
-        maxLastColumn: visibleColumns.length - visiblePinnedColumns.right.length
-      })]
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridScrollArea.GridScrollArea, {
-      scrollDirection: "right"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Filler, {}), rightRenderContext && /*#__PURE__*/(0, _jsxRuntime.jsxs)(GridColumnHeadersPinnedColumnHeaders, (0, _extends2.default)({
-      ownerState: (0, _extends2.default)({}, ownerState, {
-        side: _xDataGrid.GridPinnedColumnPosition.RIGHT,
-        showCellVerticalBorder: rootProps.showCellVerticalBorder
-      }),
-      className: classes.rightPinnedColumns
-    }, pinnedColumnHeadersProps, {
-      children: [getColumnGroupHeaders({
-        position: _xDataGrid.GridPinnedColumnPosition.RIGHT,
-        renderContext: rightRenderContext,
-        minFirstColumn: rightRenderContext.firstColumnIndex,
-        maxLastColumn: rightRenderContext.lastColumnIndex
-      }), getColumnHeaders({
-        position: _xDataGrid.GridPinnedColumnPosition.RIGHT,
-        renderContext: rightRenderContext,
-        minFirstColumn: rightRenderContext.firstColumnIndex,
-        maxLastColumn: rightRenderContext.lastColumnIndex
-      }, {
-        disableReorder: true,
-        separatorSide: _xDataGrid.GridColumnHeaderSeparatorSides.Left
-      }), getColumnFilters({
-        position: _xDataGrid.GridPinnedColumnPosition.RIGHT,
-        renderContext: rightRenderContext,
-        minFirstColumn: rightRenderContext.firstColumnIndex,
-        maxLastColumn: rightRenderContext.lastColumnIndex
-      })]
-    }))]
+  }, other, getInnerProps(), {
+    children: [getColumnGroupHeadersRows(), getColumnHeadersRow(), getColumnFiltersRow(), /*#__PURE__*/(0, _jsxRuntime.jsx)(Filler, {})]
   }));
 });
 process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
@@ -250,7 +94,6 @@ process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
   filterColumnLookup: _propTypes.default.object.isRequired,
   hasOtherElementInTabSequence: _propTypes.default.bool.isRequired,
   headerGroupingMaxDepth: _propTypes.default.number.isRequired,
-  innerRef: _utils.refType,
   sortColumnLookup: _propTypes.default.object.isRequired,
   visibleColumns: _propTypes.default.arrayOf(_propTypes.default.object).isRequired
 } : void 0;

package/components/headerFiltering/GridHeaderFilterCell.d.ts

@@ -1,6 +1,9 @@
 import * as React from 'react';
-import { GridFilterItem, GridFilterOperator, GridColDef } from '@mui/x-data-grid';
+import { GridFilterItem, GridFilterOperator, GridColDef, GridPinnedColumnPosition } from '@mui/x-data-grid';
 import { GridStateColDef } from '@mui/x-data-grid/internals';
+export interface GridRenderHeaderFilterProps extends GridHeaderFilterCellProps {
+    inputRef: React.RefObject<unknown>;
+}
 export interface GridHeaderFilterCellProps extends Pick<GridStateColDef, 'headerClassName'> {
     colIndex: number;
     height: number;
@@ -13,6 +16,10 @@ export interface GridHeaderFilterCellProps extends Pick<GridStateColDef, 'header
     item: GridFilterItem;
     showClearIcon?: boolean;
     InputComponentProps: GridFilterOperator['InputComponentProps'];
+    pinnedPosition?: GridPinnedColumnPosition;
+    style?: React.CSSProperties;
+    indexInSection: number;
+    sectionLength: number;
 }
 declare const Memoized: React.ForwardRefExoticComponent<GridHeaderFilterCellProps & React.RefAttributes<HTMLDivElement>>;
 export { Memoized as GridHeaderFilterCell };

package/components/headerFiltering/GridHeaderFilterCell.js

@@ -17,17 +17,19 @@ var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _GridHeaderFilterMenuContainer = require("./GridHeaderFilterMenuContainer");
 var _GridHeaderFilterClearButton = require("./GridHeaderFilterClearButton");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["colIndex", "height", "hasFocus", "width", "headerClassName", "colDef", "item", "headerFilterMenuRef", "InputComponentProps", "showClearIcon"];
+const _excluded = ["colIndex", "height", "hasFocus", "width", "headerClassName", "colDef", "item", "headerFilterMenuRef", "InputComponentProps", "showClearIcon", "pinnedPosition", "style", "indexInSection", "sectionLength"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useUtilityClasses = ownerState => {
   const {
     colDef,
     classes,
-    showColumnVerticalBorder
+    showRightBorder,
+    showLeftBorder,
+    pinnedPosition
   } = ownerState;
   const slots = {
-    root: ['columnHeader', colDef.headerAlign === 'left' && 'columnHeader--alignLeft', colDef.headerAlign === 'center' && 'columnHeader--alignCenter', colDef.headerAlign === 'right' && 'columnHeader--alignRight', 'withBorderColor', showColumnVerticalBorder && 'columnHeader--withRightBorder']
+    root: ['columnHeader', colDef.headerAlign === 'left' && 'columnHeader--alignLeft', colDef.headerAlign === 'center' && 'columnHeader--alignCenter', colDef.headerAlign === 'right' && 'columnHeader--alignRight', 'withBorderColor', showRightBorder && 'columnHeader--withRightBorder', showLeftBorder && 'columnHeader--withLeftBorder', pinnedPosition === 'left' && 'columnHeader--pinnedLeft', pinnedPosition === 'right' && 'columnHeader--pinnedRight']
   };
   return (0, _utils.unstable_composeClasses)(slots, _xDataGrid.getDataGridUtilityClass, classes);
 };
@@ -47,7 +49,11 @@ const GridHeaderFilterCell = /*#__PURE__*/React.forwardRef((props, ref) => {
       item,
       headerFilterMenuRef,
       InputComponentProps,
-      showClearIcon = true
+      showClearIcon = true,
+      pinnedPosition,
+      style: styleProp,
+      indexInSection,
+      sectionLength
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const apiRef = (0, _internals.useGridPrivateApiContext)();
@@ -87,7 +93,9 @@ const GridHeaderFilterCell = /*#__PURE__*/React.forwardRef((props, ref) => {
   }, [apiRef, item]);
   let headerFilterComponent;
   if (colDef.renderHeaderFilter) {
-    headerFilterComponent = colDef.renderHeaderFilter(props);
+    headerFilterComponent = colDef.renderHeaderFilter((0, _extends2.default)({}, props, {
+      inputRef
+    }));
   }
   React.useLayoutEffect(() => {
     if (hasFocus && !isMenuOpen) {
@@ -97,7 +105,7 @@ const GridHeaderFilterCell = /*#__PURE__*/React.forwardRef((props, ref) => {
       }
       const elementToFocus = focusableElement || cellRef.current;
       elementToFocus?.focus();
-      apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
+      apiRef.current.columnHeadersContainerRef.current.scrollLeft = 0;
     }
   }, [InputComponent, apiRef, hasFocus, isEditing, isMenuOpen]);
   const onKeyDown = React.useCallback(event => {
@@ -163,8 +171,13 @@ const GridHeaderFilterCell = /*#__PURE__*/React.forwardRef((props, ref) => {
     onMouseDown: publish('headerFilterMouseDown', onMouseDown),
     onBlur: publish('headerFilterBlur')
   }), [onMouseDown, onKeyDown, publish]);
+  const showLeftBorder = (0, _internals.shouldCellShowLeftBorder)(pinnedPosition, indexInSection);
+  const showRightBorder = (0, _internals.shouldCellShowRightBorder)(pinnedPosition, indexInSection, sectionLength, rootProps.showCellVerticalBorder);
   const ownerState = (0, _extends2.default)({}, rootProps, {
-    colDef
+    pinnedPosition,
+    colDef,
+    showLeftBorder,
+    showRightBorder
   });
   const classes = useUtilityClasses(ownerState);
   const isNoInputOperator = filterOperators?.find(({
@@ -176,12 +189,12 @@ const GridHeaderFilterCell = /*#__PURE__*/React.forwardRef((props, ref) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _extends2.default)({
     className: (0, _clsx.default)(classes.root, headerClassName),
     ref: handleRef,
-    style: {
+    style: (0, _extends2.default)({
       height,
       width,
       minWidth: width,
       maxWidth: width
-    },
+    }, styleProp),
     role: "columnheader",
     "aria-colindex": colIndex + 1,
     "aria-label": headerFilterComponent == null ? colDef.headerName ?? colDef.field : undefined
@@ -248,6 +261,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterCell.propTypes = {
     current: _propTypes.default.object
   }).isRequired,
   height: _propTypes.default.number.isRequired,
+  indexInSection: _propTypes.default.number.isRequired,
   InputComponentProps: _propTypes.default.object,
   item: _propTypes.default.shape({
     field: _propTypes.default.string.isRequired,
@@ -255,8 +269,11 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterCell.propTypes = {
     operator: _propTypes.default.string.isRequired,
     value: _propTypes.default.any
   }).isRequired,
+  pinnedPosition: _propTypes.default.oneOf(['left', 'right']),
+  sectionLength: _propTypes.default.number.isRequired,
   showClearIcon: _propTypes.default.bool,
   sortIndex: _propTypes.default.number,
+  style: _propTypes.default.object,
   tabIndex: _propTypes.default.oneOf([-1, 0]).isRequired,
   width: _propTypes.default.number.isRequired
 } : void 0;

package/esm/DataGridPro/DataGridPro.js

@@ -113,10 +113,10 @@ DataGridProRaw.propTypes = {
    */
   clipboardCopyCellDelimiter: PropTypes.string,
   /**
-   * Number of extra columns to be rendered before/after the visible slice.
-   * @default 3
+   * Column region in pixels to render before/after the viewport
+   * @default 150
    */
-  columnBuffer: PropTypes.number,
+  columnBufferPx: PropTypes.number,
   columnGroupingModel: PropTypes.arrayOf(PropTypes.object),
   /**
    * Sets the height in pixel of the column headers in the Data Grid.
@@ -127,11 +127,6 @@ DataGridProRaw.propTypes = {
    * Set of columns of type [[GridColDef]][].
    */
   columns: PropTypes.arrayOf(PropTypes.object).isRequired,
-  /**
-   * Number of rows from the `columnBuffer` that can be visible before a new slice is rendered.
-   * @default 3
-   */
-  columnThreshold: PropTypes.number,
   /**
    * Set the column visibility model of the Data Grid.
    * If defined, the Data Grid will ignore the `hide` property in [[GridColDef]].
@@ -248,7 +243,6 @@ DataGridProRaw.propTypes = {
    * For each feature, if the flag is not explicitly set to `true`, the feature will be fully disabled and any property / method call will not have any effect.
    */
   experimentalFeatures: PropTypes.shape({
-    lazyLoading: PropTypes.bool,
     warnIfFocusStateIsNotSynced: PropTypes.bool
   }),
   /**
@@ -564,6 +558,11 @@ DataGridProRaw.propTypes = {
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onColumnWidthChange: PropTypes.func,
+  /**
+   * Callback fired when the density changes.
+   * @param {GridDensity} density New density value.
+   */
+  onDensityChange: PropTypes.func,
   /**
    * Callback fired when the detail panel of a row is opened or closed.
    * @param {GridRowId[]} ids The ids of the rows which have the detail panel open.
@@ -643,6 +642,11 @@ DataGridProRaw.propTypes = {
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onRowClick: PropTypes.func,
+  /**
+   * Callback fired when the row count has changed.
+   * @param {number} count Updated row count.
+   */
+  onRowCountChange: PropTypes.func,
   /**
    * Callback fired when a double click event comes from a row container element.
    * @param {GridRowParams} params With all properties from [[RowParams]].
@@ -749,10 +753,10 @@ DataGridProRaw.propTypes = {
    */
   processRowUpdate: PropTypes.func,
   /**
-   * Number of extra rows to be rendered before/after the visible slice.
-   * @default 3
+   * Row region in pixels to render before/after the viewport
+   * @default 150
    */
-  rowBuffer: PropTypes.number,
+  rowBufferPx: PropTypes.number,
   /**
    * Set the total number of rows, if it is different from the length of the value `rows` prop.
    * If some rows have children (for instance in the tree data), this number represents the amount of top level rows.
@@ -781,8 +785,9 @@ DataGridProRaw.propTypes = {
   rowReordering: PropTypes.bool,
   /**
    * Set of rows of type [[GridRowsProp]].
+   * @default []
    */
-  rows: PropTypes.arrayOf(PropTypes.object).isRequired,
+  rows: PropTypes.arrayOf(PropTypes.object),
   /**
    * If `false`, the row selection mode is disabled.
    * @default true
@@ -804,11 +809,6 @@ DataGridProRaw.propTypes = {
    * @default "margin"
    */
   rowSpacingType: PropTypes.oneOf(['border', 'margin']),
-  /**
-   * Number of rows from the `rowBuffer` that can be visible before a new slice is rendered.
-   * @default 3
-   */
-  rowThreshold: PropTypes.number,
   /**
    * Override the height/width of the Data Grid inner scrollbar.
    */

package/esm/DataGridPro/useDataGridProComponent.js

@@ -1,8 +1,7 @@
-import { useGridInitialization, useGridInitializeState, useGridClipboard, useGridColumnMenu, useGridColumns, columnsStateInitializer, useGridDensity, useGridCsvExport, useGridPrintExport, useGridFilter, filterStateInitializer, useGridFocus, useGridKeyboardNavigation, useGridPagination, paginationStateInitializer, useGridPreferencesPanel, useGridEditing, editingStateInitializer, useGridRows, useGridRowsPreProcessors, rowsStateInitializer, useGridRowsMeta, useGridParamsApi, useGridRowSelection, useGridSorting, sortingStateInitializer, useGridScroll, useGridEvents, dimensionsStateInitializer, useGridDimensions, useGridStatePersistence, useGridRowSelectionPreProcessors, useGridColumnSpanning, columnMenuStateInitializer, densityStateInitializer, focusStateInitializer, preferencePanelStateInitializer, rowsMetaStateInitializer, rowSelectionStateInitializer, useGridColumnGrouping, columnGroupsStateInitializer, headerFilteringStateInitializer, useGridHeaderFiltering, virtualizationStateInitializer, useGridVirtualization } from '@mui/x-data-grid/internals';
+import { useGridInitialization, useGridInitializeState, useGridClipboard, useGridColumnMenu, useGridColumns, columnsStateInitializer, useGridDensity, useGridCsvExport, useGridPrintExport, useGridFilter, filterStateInitializer, useGridFocus, useGridKeyboardNavigation, useGridPagination, paginationStateInitializer, useGridPreferencesPanel, useGridEditing, editingStateInitializer, useGridRows, useGridRowsPreProcessors, rowsStateInitializer, useGridRowsMeta, useGridParamsApi, useGridRowSelection, useGridSorting, sortingStateInitializer, useGridScroll, useGridEvents, dimensionsStateInitializer, useGridDimensions, useGridStatePersistence, useGridRowSelectionPreProcessors, useGridColumnSpanning, columnMenuStateInitializer, densityStateInitializer, focusStateInitializer, preferencePanelStateInitializer, rowsMetaStateInitializer, rowSelectionStateInitializer, useGridColumnGrouping, columnGroupsStateInitializer, headerFilteringStateInitializer, useGridHeaderFiltering, virtualizationStateInitializer, useGridVirtualization, useGridColumnResize, columnResizeStateInitializer } from '@mui/x-data-grid/internals';
 // Pro-only features
 import { useGridInfiniteLoader } from '../hooks/features/infiniteLoader/useGridInfiniteLoader';
 import { useGridColumnReorder, columnReorderStateInitializer } from '../hooks/features/columnReorder/useGridColumnReorder';
-import { useGridColumnResize, columnResizeStateInitializer } from '../hooks/features/columnResize/useGridColumnResize';
 import { useGridTreeData } from '../hooks/features/treeData/useGridTreeData';
 import { useGridTreeDataPreProcessors } from '../hooks/features/treeData/useGridTreeDataPreProcessors';
 import { useGridColumnPinning, columnPinningStateInitializer } from '../hooks/features/columnPinning/useGridColumnPinning';