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

package/hooks/features/columnHeaders/useGridColumnHeaders.d.ts

@@ -1,14 +1,12 @@
 import * as React from 'react';
 import { UseGridColumnHeadersProps, GetHeadersParams } from '@mui/x-data-grid/internals';
 export declare const useGridColumnHeaders: (props: UseGridColumnHeadersProps) => {
-    getColumnFilters: (params?: GetHeadersParams, other?: {}) => React.JSX.Element | null;
-    renderContext: import("@mui/x-data-grid").GridRenderContext;
+    getColumnFiltersRow: () => React.JSX.Element | null;
     getFillers: (params: GetHeadersParams | undefined, children: React.ReactNode, leftOverflow: number, borderTop?: boolean | undefined) => React.JSX.Element;
-    getColumnHeaders: (params?: GetHeadersParams | undefined, other?: {} | undefined) => React.JSX.Element;
-    getColumnGroupHeaders: (params?: GetHeadersParams | undefined) => React.JSX.Element[] | null;
+    getColumnHeadersRow: () => React.JSX.Element;
+    getColumnGroupHeadersRows: () => React.JSX.Element[] | null;
     isDragging: boolean;
     getInnerProps: () => {
-        ref: ((instance: HTMLDivElement | null) => void) | null;
         role: string;
     };
 };

package/hooks/features/columnHeaders/useGridColumnHeaders.js

@@ -13,7 +13,7 @@ var _internals = require("@mui/x-data-grid/internals");
 var _utils = require("@mui/utils");
 var _useGridRootProps = require("../../utils/useGridRootProps");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["getColumnsToRender"];
+const _excluded = ["getColumnsToRender", "renderContext", "leftRenderContext", "rightRenderContext", "pinnedColumns", "visibleColumns", "getCellOffsetStyle"];
 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 => {
@@ -39,7 +39,13 @@ const useGridColumnHeaders = props => {
       hasOtherElementInTabSequence: hasOtherElementInTabSequence || columnHeaderFilterTabIndexState !== null
     })),
     {
-      getColumnsToRender
+      getColumnsToRender,
+      renderContext,
+      leftRenderContext,
+      rightRenderContext,
+      pinnedColumns,
+      visibleColumns,
+      getCellOffsetStyle
     } = _useGridColumnHeaders,
     otherProps = (0, _objectWithoutPropertiesLoose2.default)(_useGridColumnHeaders, _excluded);
   const headerFiltersRef = React.useRef(null);
@@ -69,10 +75,7 @@ const useGridColumnHeaders = props => {
     filterItemsCache[colDef.field] = defaultItem;
     return defaultItem;
   }, [filterModel]);
-  const getColumnFilters = (params, other = {}) => {
-    if (disableHeaderFiltering) {
-      return null;
-    }
+  const getColumnFilters = params => {
     const {
       renderedColumns,
       firstColumnToRender
@@ -90,6 +93,12 @@ const useGridColumnHeaders = props => {
         colDef
       }) : colDef.headerClassName;
       const item = getFilterItem(colDef);
+      const pinnedPosition = params?.position;
+      const style = getCellOffsetStyle({
+        pinnedPosition,
+        columnIndex,
+        computedWidth: colDef.computedWidth
+      });
       filters.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.headerFilterCell, (0, _extends2.default)({
         colIndex: columnIndex,
         height: dimensions.headerHeight,
@@ -100,20 +109,44 @@ const useGridColumnHeaders = props => {
         headerFilterMenuRef: headerFilterMenuRef,
         headerClassName: headerClassName,
         "data-field": colDef.field,
-        item: item
-      }, rootProps.slotProps?.headerFilterCell, other), `${colDef.field}-filter`));
+        item: item,
+        pinnedPosition: pinnedPosition,
+        style: style,
+        indexInSection: i,
+        sectionLength: renderedColumns.length
+      }, rootProps.slotProps?.headerFilterCell), `${colDef.field}-filter`));
+    }
+    return otherProps.getFillers(params, filters, 0, true);
+  };
+  const getColumnFiltersRow = () => {
+    if (disableHeaderFiltering) {
+      return null;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.GridColumnHeaderRow, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.GridColumnHeaderRow, {
       ref: headerFiltersRef,
       className: classes.headerFilterRow,
       role: "row",
       "aria-rowindex": headerGroupingMaxDepth + 2,
       ownerState: rootProps,
-      children: otherProps.getFillers(params, filters, 0, true)
+      children: [leftRenderContext && getColumnFilters({
+        position: _xDataGrid.GridPinnedColumnPosition.LEFT,
+        renderContext: leftRenderContext,
+        minFirstColumn: leftRenderContext.firstColumnIndex,
+        maxLastColumn: leftRenderContext.lastColumnIndex
+      }), getColumnFilters({
+        renderContext,
+        minFirstColumn: pinnedColumns.left.length,
+        maxLastColumn: visibleColumns.length - pinnedColumns.right.length
+      }), rightRenderContext && getColumnFilters({
+        position: _xDataGrid.GridPinnedColumnPosition.RIGHT,
+        renderContext: rightRenderContext,
+        minFirstColumn: rightRenderContext.firstColumnIndex,
+        maxLastColumn: rightRenderContext.lastColumnIndex
+      })]
     });
   };
   return (0, _extends2.default)({}, otherProps, {
-    getColumnFilters
+    getColumnFiltersRow
   });
 };
 exports.useGridColumnHeaders = useGridColumnHeaders;

package/hooks/features/columnPinning/useGridColumnPinning.js

@@ -188,16 +188,16 @@ const useGridColumnPinning = (apiRef, props) => {
      * on must be moved to left or right to make room for it. The ^^^ below represents the column
      * which gave space to receive X.
      *
-     * | X | B | C | D | -> | B | C | D | X | (e.g. X moved to after D, so delta=1)
+     * | X | B | C | D | -> | B | C | D | X | (for example X moved to after D, so delta=1)
      *              ^^^              ^^^
      *
-     * | A | B | C | X | -> | X | A | B | C | (e.g. X moved before A, so delta=-1)
+     * | A | B | C | X | -> | X | A | B | C | (for example X moved before A, so delta=-1)
      *  ^^^                      ^^^
      *
      * If column P is pinned, it will not move to provide space. However, it will jump to the next
      * non-pinned column.
      *
-     * | X | B | P | D | -> | B | D | P | X | (e.g. X moved to after D, with P pinned)
+     * | X | B | P | D | -> | B | D | P | X | (for example X moved to after D, with P pinned)
      *              ^^^          ^^^
      */
     const siblingField = latestColumnFields[targetIndex - delta];

package/hooks/features/columnPinning/useGridColumnPinningPreProcessors.js

@@ -116,5 +116,7 @@ const useGridColumnPinningPreProcessors = (apiRef, props) => {
     });
   }, [apiRef, disableColumnPinning, pinnedColumns]);
   (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'hydrateColumns', reorderPinnedColumns);
+  const isColumnPinned = React.useCallback((initialValue, field) => apiRef.current.isColumnPinned(field), [apiRef]);
+  (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'isColumnPinned', isColumnPinned);
 };
 exports.useGridColumnPinningPreProcessors = useGridColumnPinningPreProcessors;

package/hooks/features/detailPanel/useGridDetailPanel.js

@@ -188,7 +188,7 @@ const useGridDetailPanel = (apiRef, props) => {
     }
     updateCachesIfNeeded();
     const heightCache = (0, _gridDetailPanelSelector.gridDetailPanelExpandedRowsHeightCacheSelector)(apiRef);
-    initialValue.detail = heightCache[row.id] ?? 0; // Fallback to zero because the cache might not be ready yet (e.g. page was changed)
+    initialValue.detail = heightCache[row.id] ?? 0; // Fallback to zero because the cache might not be ready yet (for example page was changed)
     return initialValue;
   }, [apiRef, expandedRowIds, updateCachesIfNeeded]);
   (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'rowHeight', addDetailHeight);

package/hooks/features/index.d.ts

@@ -1,6 +1,5 @@
 export * from './columnPinning';
 export * from './columnReorder';
-export * from './columnResize';
 export * from './rowReorder';
 export * from './treeData';
 export * from './detailPanel';

package/hooks/features/index.js

@@ -25,17 +25,6 @@ Object.keys(_columnReorder).forEach(function (key) {
     }
   });
 });
-var _columnResize = require("./columnResize");
-Object.keys(_columnResize).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _columnResize[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _columnResize[key];
-    }
-  });
-});
 var _rowReorder = require("./rowReorder");
 Object.keys(_rowReorder).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/hooks/features/infiniteLoader/useGridInfiniteLoader.js

@@ -94,10 +94,10 @@ const useGridInfiniteLoader = (apiRef, props) => {
       role: "presentation"
     }, `trigger-${lastRowId}`);
   }, [isEnabled, triggerRef]);
-  const infiteLoaderPrivateApi = {
+  const infiniteLoaderPrivateApi = {
     getInfiniteLoadingTriggerElement
   };
-  (0, _xDataGrid.useGridApiMethod)(apiRef, infiteLoaderPrivateApi, 'private');
+  (0, _xDataGrid.useGridApiMethod)(apiRef, infiniteLoaderPrivateApi, 'private');
   (0, _xDataGrid.useGridApiOptionHandler)(apiRef, 'rowsScrollEnd', props.onRowsScrollEnd);
 };
 exports.useGridInfiniteLoader = useGridInfiniteLoader;

package/hooks/features/lazyLoader/useGridLazyLoader.d.ts

@@ -7,4 +7,4 @@ import { DataGridProProcessedProps } from '../../../models/dataGridProProps';
  * @requires useGridDimensions (method) - can be after
  * @requires useGridScroll (method
  */
-export declare const useGridLazyLoader: (privateApiRef: React.MutableRefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, 'onFetchRows' | 'rowsLoadingMode' | 'pagination' | 'paginationMode' | 'rowBuffer' | 'experimentalFeatures'>) => void;
+export declare const useGridLazyLoader: (privateApiRef: React.MutableRefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, 'onFetchRows' | 'rowsLoadingMode' | 'pagination' | 'paginationMode' | 'experimentalFeatures'>) => void;

package/hooks/features/lazyLoader/useGridLazyLoader.js

@@ -42,18 +42,6 @@ function findSkeletonRowsSection({
     lastRowIndex
   } : undefined;
 }
-function isLazyLoadingDisabled({
-  lazyLoadingFeatureFlag,
-  rowsLoadingMode
-}) {
-  if (!lazyLoadingFeatureFlag) {
-    return true;
-  }
-  if (rowsLoadingMode !== 'server') {
-    return true;
-  }
-  return false;
-}
 
 /**
  * @requires useGridRows (state)
@@ -68,13 +56,7 @@ const useGridLazyLoader = (privateApiRef, props) => {
     firstRowToRender: 0,
     lastRowToRender: 0
   });
-  const {
-    lazyLoading
-  } = props.experimentalFeatures ?? {};
-  const isDisabled = isLazyLoadingDisabled({
-    lazyLoadingFeatureFlag: lazyLoading,
-    rowsLoadingMode: props.rowsLoadingMode
-  });
+  const isDisabled = props.rowsLoadingMode !== 'server';
   const handleRenderedRowsIntervalChange = React.useCallback(params => {
     if (isDisabled) {
       return;

package/hooks/features/lazyLoader/useGridLazyLoaderPreProcessors.js

@@ -14,12 +14,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const GRID_SKELETON_ROW_ROOT_ID = exports.GRID_SKELETON_ROW_ROOT_ID = 'auto-generated-skeleton-row-root';
 const getSkeletonRowId = index => `${GRID_SKELETON_ROW_ROOT_ID}-${index}`;
 const useGridLazyLoaderPreProcessors = (privateApiRef, props) => {
-  const {
-    lazyLoading
-  } = props.experimentalFeatures ?? {};
   const addSkeletonRows = React.useCallback(groupingParams => {
     const rootGroup = groupingParams.tree[_xDataGrid.GRID_ROOT_GROUP_ID];
-    if (!lazyLoading || props.rowsLoadingMode !== 'server' || !props.rowCount || rootGroup.children.length >= props.rowCount) {
+    if (props.rowsLoadingMode !== 'server' || !props.rowCount || rootGroup.children.length >= props.rowCount) {
       return groupingParams;
     }
     const tree = (0, _extends2.default)({}, groupingParams.tree);
@@ -41,7 +38,7 @@ const useGridLazyLoaderPreProcessors = (privateApiRef, props) => {
     return (0, _extends2.default)({}, groupingParams, {
       tree
     });
-  }, [props.rowCount, props.rowsLoadingMode, lazyLoading]);
+  }, [props.rowCount, props.rowsLoadingMode]);
   (0, _internals.useGridRegisterPipeProcessor)(privateApiRef, 'hydrateRows', addSkeletonRows);
 };
 exports.useGridLazyLoaderPreProcessors = useGridLazyLoaderPreProcessors;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v7.0.0-beta.6
+ * @mui/x-data-grid-pro v7.0.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/internals/index.d.ts

@@ -2,7 +2,6 @@ export * from '@mui/x-data-grid/internals';
 export { GridColumnHeaders } from '../components/GridColumnHeaders';
 export { DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS } from '../constants/dataGridProDefaultSlotsComponents';
 export { useGridColumnHeaders } from '../hooks/features/columnHeaders/useGridColumnHeaders';
-export { useGridColumnResize, columnResizeStateInitializer, } from '../hooks/features/columnResize/useGridColumnResize';
 export { useGridColumnPinning, columnPinningStateInitializer, } from '../hooks/features/columnPinning/useGridColumnPinning';
 export { useGridColumnPinningPreProcessors } from '../hooks/features/columnPinning/useGridColumnPinningPreProcessors';
 export { useGridColumnReorder, columnReorderStateInitializer, } from '../hooks/features/columnReorder/useGridColumnReorder';

package/internals/index.js

@@ -7,8 +7,6 @@ var _exportNames = {
   GridColumnHeaders: true,
   DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS: true,
   useGridColumnHeaders: true,
-  useGridColumnResize: true,
-  columnResizeStateInitializer: true,
   useGridColumnPinning: true,
   columnPinningStateInitializer: true,
   useGridColumnPinningPreProcessors: true,
@@ -72,12 +70,6 @@ Object.defineProperty(exports, "columnReorderStateInitializer", {
     return _useGridColumnReorder.columnReorderStateInitializer;
   }
 });
-Object.defineProperty(exports, "columnResizeStateInitializer", {
-  enumerable: true,
-  get: function () {
-    return _useGridColumnResize.columnResizeStateInitializer;
-  }
-});
 Object.defineProperty(exports, "createRowTree", {
   enumerable: true,
   get: function () {
@@ -150,12 +142,6 @@ Object.defineProperty(exports, "useGridColumnReorder", {
     return _useGridColumnReorder.useGridColumnReorder;
   }
 });
-Object.defineProperty(exports, "useGridColumnResize", {
-  enumerable: true,
-  get: function () {
-    return _useGridColumnResize.useGridColumnResize;
-  }
-});
 Object.defineProperty(exports, "useGridDetailPanel", {
   enumerable: true,
   get: function () {
@@ -237,7 +223,6 @@ Object.keys(_internals).forEach(function (key) {
 var _GridColumnHeaders = require("../components/GridColumnHeaders");
 var _dataGridProDefaultSlotsComponents = require("../constants/dataGridProDefaultSlotsComponents");
 var _useGridColumnHeaders = require("../hooks/features/columnHeaders/useGridColumnHeaders");
-var _useGridColumnResize = require("../hooks/features/columnResize/useGridColumnResize");
 var _useGridColumnPinning = require("../hooks/features/columnPinning/useGridColumnPinning");
 var _useGridColumnPinningPreProcessors = require("../hooks/features/columnPinning/useGridColumnPinningPreProcessors");
 var _useGridColumnReorder = require("../hooks/features/columnReorder/useGridColumnReorder");

package/models/dataGridProProps.d.ts

@@ -7,12 +7,7 @@ import { GridGroupingColDefOverride, GridGroupingColDefOverrideParams } from './
 import { GridInitialStatePro } from './gridStatePro';
 import { GridProSlotsComponent } from './gridProSlotsComponent';
 import type { GridProSlotProps } from './gridProSlotProps';
-import type { GridAutosizeOptions } from '../hooks';
 export interface GridExperimentalProFeatures extends GridExperimentalFeatures {
-    /**
-     * Enables the data grid to lazy load rows while scrolling.
-     */
-    lazyLoading: boolean;
 }
 interface DataGridProPropsWithComplexDefaultValueBeforeProcessing extends Omit<DataGridPropsWithComplexDefaultValueBeforeProcessing, 'components'> {
     /**
@@ -23,7 +18,7 @@ interface DataGridProPropsWithComplexDefaultValueBeforeProcessing extends Omit<D
 /**
  * The props users can give to the `DataGridProProps` component.
  */
-export interface DataGridProProps<R extends GridValidRowModel = any> extends Omit<Partial<DataGridProPropsWithDefaultValue> & DataGridProPropsWithComplexDefaultValueBeforeProcessing & DataGridProPropsWithoutDefaultValue<R>, DataGridProForcedPropsKey> {
+export interface DataGridProProps<R extends GridValidRowModel = any> extends Omit<Partial<DataGridProPropsWithDefaultValue<R>> & DataGridProPropsWithComplexDefaultValueBeforeProcessing & DataGridProPropsWithoutDefaultValue<R>, DataGridProForcedPropsKey> {
 }
 interface DataGridProPropsWithComplexDefaultValueAfterProcessing extends Omit<DataGridPropsWithComplexDefaultValueAfterProcessing, 'slots'> {
     slots: GridProSlotsComponent;
@@ -31,7 +26,7 @@ interface DataGridProPropsWithComplexDefaultValueAfterProcessing extends Omit<Da
 /**
  * The props of the `DataGridPro` component after the pre-processing phase.
  */
-export interface DataGridProProcessedProps<R extends GridValidRowModel = any> extends DataGridProPropsWithDefaultValue, DataGridProPropsWithComplexDefaultValueAfterProcessing, Omit<DataGridProPropsWithoutDefaultValue<R>, 'componentsProps'> {
+export interface DataGridProProcessedProps<R extends GridValidRowModel = any> extends DataGridProPropsWithDefaultValue<R>, DataGridProPropsWithComplexDefaultValueAfterProcessing, Omit<DataGridProPropsWithoutDefaultValue<R>, 'componentsProps'> {
 }
 export type DataGridProForcedPropsKey = 'signature';
 /**
@@ -39,7 +34,7 @@ export type DataGridProForcedPropsKey = 'signature';
  * None of the entry of this interface should be optional, they all have default values and `DataGridProps` already applies a `Partial<DataGridSimpleOptions>` for the public interface
  * The controlled model do not have a default value at the prop processing level, so they must be defined in `DataGridOtherProps`
  */
-export interface DataGridProPropsWithDefaultValue extends DataGridPropsWithDefaultValues {
+export interface DataGridProPropsWithDefaultValue<R extends GridValidRowModel = any> extends DataGridPropsWithDefaultValues<R> {
     /**
      * Set the area in `px` at the bottom of the grid viewport where onRowsScrollEnd is called.
      * @default 80
@@ -63,16 +58,6 @@ export interface DataGridProPropsWithDefaultValue extends DataGridPropsWithDefau
      * @returns {boolean} A boolean indicating if the group is expanded.
      */
     isGroupExpandedByDefault?: (node: GridGroupNode) => boolean;
-    /**
-     * If `true`, columns are autosized after the datagrid is mounted.
-     * @default false
-     */
-    autosizeOnMount: boolean;
-    /**
-     * If `true`, column autosizing on header separator double-click is disabled.
-     * @default false
-     */
-    disableAutosize: boolean;
     /**
      * If `true`, the column pinning is disabled.
      * @default false
@@ -124,10 +109,6 @@ export interface DataGridProPropsWithoutDefaultValue<R extends GridValidRowModel
      * The ref object that allows grid manipulation. Can be instantiated with `useGridApiRef()`.
      */
     apiRef?: React.MutableRefObject<GridApiPro>;
-    /**
-     * The options for autosize when user-initiated.
-     */
-    autosizeOptions?: GridAutosizeOptions;
     /**
      * The initial state of the DataGridPro.
      * The data in it will be set in the state on initialization but will not be controlled.
@@ -148,20 +129,6 @@ export interface DataGridProPropsWithoutDefaultValue<R extends GridValidRowModel
      * @returns {string[]} The path to the row.
      */
     getTreeDataPath?: (row: R) => string[];
-    /**
-     * Callback fired while a column is being resized.
-     * @param {GridColumnResizeParams} params With all properties from [[GridColumnResizeParams]].
-     * @param {MuiEvent<React.MouseEvent>} event The event object.
-     * @param {GridCallbackDetails} details Additional details for this callback.
-     */
-    onColumnResize?: GridEventListener<'columnResize'>;
-    /**
-     * Callback fired when the width of a column is changed.
-     * @param {GridColumnResizeParams} params With all properties from [[GridColumnResizeParams]].
-     * @param {MuiEvent<React.MouseEvent>} event The event object.
-     * @param {GridCallbackDetails} details Additional details for this callback.
-     */
-    onColumnWidthChange?: GridEventListener<'columnWidthChange'>;
     /**
      * Callback fired when scrolling to the bottom of the grid viewport.
      * @param {GridRowScrollEndParams} params With all properties from [[GridRowScrollEndParams]].

package/models/dataSource.d.ts

@@ -29,7 +29,7 @@ interface GetRowsResponse {
     rows: GridRowModel[];
     /**
      * To reflect updates in total `rowCount` (optional).
-     * Useful when the `rowCount` is inaccurate (e.g. when filtering) or not available upfront.
+     * Useful when the `rowCount` is inaccurate (for example when filtering) or not available upfront.
      */
     rowCount?: number;
     /**

package/models/gridApiPro.d.ts

@@ -1,12 +1,12 @@
 import { GridApiCommon, GridColumnReorderApi, GridRowMultiSelectionApi, GridRowProApi } from '@mui/x-data-grid';
-import { GridPrivateOnlyApiCommon } from '@mui/x-data-grid/internals';
+import { GridPrivateOnlyApiCommon, GridInfiniteLoaderPrivateApi } from '@mui/x-data-grid/internals';
 import { GridInitialStatePro, GridStatePro } from './gridStatePro';
-import type { GridColumnPinningApi, GridColumnResizeApi, GridDetailPanelApi, GridRowPinningApi, GridDetailPanelPrivateApi } from '../hooks';
+import type { GridColumnPinningApi, GridDetailPanelApi, GridRowPinningApi, GridDetailPanelPrivateApi } from '../hooks';
 import type { DataGridProProcessedProps } from './dataGridProProps';
 /**
  * The api of `DataGridPro`.
  */
-export interface GridApiPro extends GridApiCommon<GridStatePro, GridInitialStatePro>, GridRowProApi, GridColumnPinningApi, GridColumnResizeApi, GridDetailPanelApi, GridRowPinningApi, GridRowMultiSelectionApi, GridColumnReorderApi {
+export interface GridApiPro extends GridApiCommon<GridStatePro, GridInitialStatePro>, GridRowProApi, GridColumnPinningApi, GridDetailPanelApi, GridRowPinningApi, GridRowMultiSelectionApi, GridColumnReorderApi {
 }
-export interface GridPrivateApiPro extends GridApiPro, GridPrivateOnlyApiCommon<GridApiPro, GridPrivateApiPro, DataGridProProcessedProps>, GridDetailPanelPrivateApi {
+export interface GridPrivateApiPro extends GridApiPro, GridPrivateOnlyApiCommon<GridApiPro, GridPrivateApiPro, DataGridProProcessedProps>, GridDetailPanelPrivateApi, GridInfiniteLoaderPrivateApi {
 }

package/models/gridStatePro.d.ts

@@ -1,11 +1,10 @@
 import { GridInitialState as GridInitialStateCommunity, GridState as GridStateCommunity, GridColumnPinningState, GridPinnedColumnFields } from '@mui/x-data-grid';
-import type { GridDetailPanelState, GridDetailPanelInitialState, GridColumnReorderState, GridColumnResizeState } from '../hooks';
+import type { GridDetailPanelState, GridDetailPanelInitialState, GridColumnReorderState } from '../hooks';
 /**
  * The state of `DataGridPro`.
  */
 export interface GridStatePro extends GridStateCommunity {
     columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
     pinnedColumns: GridColumnPinningState;
     detailPanel: GridDetailPanelState;
 }

package/modern/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/modern/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';