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

package/index.js

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

package/internals/index.d.ts

@@ -6,7 +6,6 @@ export type { GridDetailPanelsProps } from '../components/GridDetailPanels';
 export type { GridPinnedRowsProps } from '../components/GridPinnedRows';
 export { GridHeaders } from '../components/GridHeaders';
 export { GridBaseColumnHeaders } from '../components/columnHeaders/GridBaseColumnHeaders';
-export { GridColumnHeadersInner } from '../components/columnHeaders/GridColumnHeadersInner';
 export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from '../constants/defaultGridSlotsComponents';
 export { getGridFilter } from '../components/panel/filterPanel/GridFilterPanel';
 export { useGridRegisterPipeProcessor } from '../hooks/core/pipeProcessing';
@@ -61,6 +60,7 @@ export { useGridStatePersistence } from '../hooks/features/statePersistence/useG
 export type { GridRestoreStatePreProcessingContext } from '../hooks/features/statePersistence/gridStatePersistenceInterface';
 export { useGridVirtualScroller, EMPTY_DETAIL_PANELS, } from '../hooks/features/virtualization/useGridVirtualScroller';
 export * from '../hooks/features/virtualization';
+export { useGridColumnResize, columnResizeStateInitializer, } from '../hooks/features/columnResize/useGridColumnResize';
 export { useTimeout } from '../hooks/utils/useTimeout';
 export { useGridVisibleRows, getVisibleRows } from '../hooks/utils/useGridVisibleRows';
 export { useGridInitializeState } from '../hooks/utils/useGridInitializeState';
@@ -76,7 +76,9 @@ export * from '../utils/fastMemo';
 export { buildWarning } from '../utils/warning';
 export { exportAs } from '../utils/exportAs';
 export * from '../utils/getPublicApiRef';
+export * from '../utils/cellBorderUtils';
 export type { GridPrivateOnlyApiCommon } from '../models/api/gridApiCommon';
+export type { GridInfiniteLoaderPrivateApi } from '../models/api/gridInfiniteLoaderApi';
 export { useGridPrivateApiContext } from '../hooks/utils/useGridPrivateApiContext';
 export * from '../hooks/utils';
 export type { GridApiCommunity } from '../models/api/gridApiCommunity';

package/internals/index.js

@@ -3,7 +3,6 @@ export { GridVirtualScrollerContent } from '../components/virtualization/GridVir
 export { GridVirtualScrollerRenderZone } from '../components/virtualization/GridVirtualScrollerRenderZone';
 export { GridHeaders } from '../components/GridHeaders';
 export { GridBaseColumnHeaders } from '../components/columnHeaders/GridBaseColumnHeaders';
-export { GridColumnHeadersInner } from '../components/columnHeaders/GridColumnHeadersInner';
 export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from '../constants/defaultGridSlotsComponents';
 export { getGridFilter } from '../components/panel/filterPanel/GridFilterPanel';
 export { useGridRegisterPipeProcessor } from '../hooks/core/pipeProcessing';
@@ -49,6 +48,7 @@ export { dimensionsStateInitializer, useGridDimensions } from '../hooks/features
 export { useGridStatePersistence } from '../hooks/features/statePersistence/useGridStatePersistence';
 export { useGridVirtualScroller, EMPTY_DETAIL_PANELS } from '../hooks/features/virtualization/useGridVirtualScroller';
 export * from '../hooks/features/virtualization';
+export { useGridColumnResize, columnResizeStateInitializer } from '../hooks/features/columnResize/useGridColumnResize';
 export { useTimeout } from '../hooks/utils/useTimeout';
 export { useGridVisibleRows, getVisibleRows } from '../hooks/utils/useGridVisibleRows';
 export { useGridInitializeState } from '../hooks/utils/useGridInitializeState';
@@ -62,6 +62,7 @@ export * from '../utils/fastMemo';
 export { buildWarning } from '../utils/warning';
 export { exportAs } from '../utils/exportAs';
 export * from '../utils/getPublicApiRef';
+export * from '../utils/cellBorderUtils';
 export { useGridPrivateApiContext } from '../hooks/utils/useGridPrivateApiContext';
 export * from '../hooks/utils';
 export { serializeCellValue } from '../hooks/features/export/serializers/csvSerializer';

package/internals/utils/getPinnedCellOffset.d.ts

@@ -0,0 +1,3 @@
+import { GridPinnedColumnPosition, gridColumnPositionsSelector } from '../../hooks/features/columns';
+import type { GridDimensions } from '../../hooks/features/dimensions';
+export declare const getPinnedCellOffset: (pinnedPosition: GridPinnedColumnPosition | undefined, computedWidth: number, columnIndex: number, columnPositions: ReturnType<typeof gridColumnPositionsSelector>, dimensions: GridDimensions) => number;

package/internals/utils/getPinnedCellOffset.js

@@ -0,0 +1,17 @@
+import { GridPinnedColumnPosition } from '../../hooks/features/columns';
+export const getPinnedCellOffset = (pinnedPosition, computedWidth, columnIndex, columnPositions, dimensions) => {
+  const scrollbarWidth = dimensions.hasScrollY ? dimensions.scrollbarSize : 0;
+  let pinnedOffset;
+  switch (pinnedPosition) {
+    case GridPinnedColumnPosition.LEFT:
+      pinnedOffset = columnPositions[columnIndex];
+      break;
+    case GridPinnedColumnPosition.RIGHT:
+      pinnedOffset = dimensions.columnsTotalWidth - columnPositions[columnIndex] - computedWidth + scrollbarWidth;
+      break;
+    default:
+      pinnedOffset = 0;
+      break;
+  }
+  return pinnedOffset;
+};

package/internals/utils/useProps.js

@@ -4,13 +4,12 @@ import * as React from 'react';
 
 /** Gathers props for the root element into a single `.forwardedProps` field */
 function groupForwardedProps(props) {
-  var _props$forwardedProps;
   const keys = Object.keys(props);
   if (!keys.some(key => key.startsWith('aria-') || key.startsWith('data-'))) {
     return props;
   }
   const newProps = {};
-  const forwardedProps = (_props$forwardedProps = props.forwardedProps) != null ? _props$forwardedProps : {};
+  const forwardedProps = props.forwardedProps ?? {};
   for (let i = 0; i < keys.length; i += 1) {
     const key = keys[i];
     if (key.startsWith('aria-') || key.startsWith('data-')) {

package/joy/joySlots.js

@@ -4,10 +4,9 @@ const _excluded = ["touchRippleRef", "inputProps", "onChange", "color", "size",
   _excluded2 = ["onChange", "label", "placeholder", "value", "inputRef", "type", "size", "variant"],
   _excluded3 = ["startIcon", "color", "endIcon", "size", "sx", "variant"],
   _excluded4 = ["color", "size", "sx", "touchRippleRef"],
-  _excluded5 = ["name", "checkedIcon", "color", "disableRipple", "disableFocusRipple", "disableTouchRipple", "edge", "icon", "inputProps", "inputRef", "size", "sx", "onChange", "onClick"],
-  _excluded6 = ["open", "onOpen", "value", "onChange", "size", "color", "variant", "inputProps", "MenuProps", "inputRef", "error", "native", "fullWidth", "labelId"],
-  _excluded7 = ["native"],
-  _excluded8 = ["shrink", "variant", "sx"];
+  _excluded5 = ["open", "onOpen", "value", "onChange", "size", "color", "variant", "inputProps", "MenuProps", "inputRef", "error", "native", "fullWidth", "labelId"],
+  _excluded6 = ["native"],
+  _excluded7 = ["shrink", "variant", "sx"];
 import * as React from 'react';
 import JoyCheckbox from '@mui/joy/Checkbox';
 import JoyInput from '@mui/joy/Input';
@@ -15,7 +14,6 @@ import JoyFormControl from '@mui/joy/FormControl';
 import JoyFormLabel from '@mui/joy/FormLabel';
 import JoyButton from '@mui/joy/Button';
 import JoyIconButton from '@mui/joy/IconButton';
-import JoySwitch from '@mui/joy/Switch';
 import JoySelect from '@mui/joy/Select';
 import JoyOption from '@mui/joy/Option';
 import JoyBox from '@mui/joy/Box';
@@ -81,7 +79,6 @@ const Checkbox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   }));
 });
 const TextField = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
-  var _props$InputProps, _props$inputProps;
   let {
       onChange,
       label,
@@ -93,8 +90,8 @@ const TextField = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
       variant
     } = _ref2,
     props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-  const rootRef = useForkRef(ref, (_props$InputProps = props.InputProps) == null ? void 0 : _props$InputProps.ref);
-  const inputForkRef = useForkRef(inputRef, props == null || (_props$inputProps = props.inputProps) == null ? void 0 : _props$inputProps.ref);
+  const rootRef = useForkRef(ref, props.InputProps?.ref);
+  const inputForkRef = useForkRef(inputRef, props?.inputProps?.ref);
   const {
     startAdornment,
     endAdornment
@@ -111,7 +108,7 @@ const TextField = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
       variant: convertVariant(variant, 'outlined'),
       size: convertSize(size),
       slotProps: {
-        input: _extends({}, props == null ? void 0 : props.inputProps, {
+        input: _extends({}, props?.inputProps, {
           ref: inputForkRef
         })
       },
@@ -141,7 +138,6 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(_ref3, ref) {
   }));
 });
 const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(_ref4, ref) {
-  var _convertColor;
   let {
       color,
       size,
@@ -150,49 +146,13 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(_ref4, ref)
     props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
   return /*#__PURE__*/_jsx(JoyIconButton, _extends({}, props, {
     size: convertSize(size),
-    color: (_convertColor = convertColor(color)) != null ? _convertColor : 'neutral',
+    color: convertColor(color) ?? 'neutral',
     variant: "plain",
     ref: ref,
     sx: sx
   }));
 });
-const Switch = /*#__PURE__*/React.forwardRef(function Switch(_ref5, ref) {
-  let {
-      name,
-      color: colorProp,
-      edge,
-      icon,
-      inputProps,
-      inputRef,
-      size,
-      sx,
-      onChange,
-      onClick
-    } = _ref5,
-    props = _objectWithoutPropertiesLoose(_ref5, _excluded5);
-  return /*#__PURE__*/_jsx(JoySwitch, _extends({}, props, {
-    onChange: onChange,
-    size: convertSize(size),
-    color: convertColor(colorProp),
-    ref: ref,
-    slotProps: {
-      input: _extends({}, inputProps, {
-        name,
-        onClick: onClick,
-        ref: inputRef
-      }),
-      thumb: {
-        children: icon
-      }
-    },
-    sx: [_extends({}, edge === 'start' && {
-      ml: '-8px'
-    }, edge === 'end' && {
-      mr: '-8px'
-    }), ...(Array.isArray(sx) ? sx : [sx])]
-  }));
-});
-const Select = /*#__PURE__*/React.forwardRef((_ref6, ref) => {
+const Select = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
   let {
       open,
       onOpen,
@@ -204,8 +164,8 @@ const Select = /*#__PURE__*/React.forwardRef((_ref6, ref) => {
       MenuProps,
       inputRef,
       labelId
-    } = _ref6,
-    props = _objectWithoutPropertiesLoose(_ref6, _excluded6);
+    } = _ref5,
+    props = _objectWithoutPropertiesLoose(_ref5, _excluded5);
   const handleChange = (event, newValue) => {
     if (event && onChange) {
       // Same as in https://github.com/mui/material-ui/blob/e5558282a8f36856aef1299f3a36f3235e92e770/packages/mui-material/src/Select/SelectInput.js#L288-L300
@@ -231,10 +191,9 @@ const Select = /*#__PURE__*/React.forwardRef((_ref6, ref) => {
     listboxOpen: open,
     onListboxOpenChange: isOpen => {
       if (isOpen) {
-        onOpen == null || onOpen({});
+        onOpen?.({});
       } else {
-        var _MenuProps$onClose;
-        MenuProps == null || (_MenuProps$onClose = MenuProps.onClose) == null || _MenuProps$onClose.call(MenuProps, {}, undefined);
+        MenuProps?.onClose?.({}, undefined);
       }
     },
     size: convertSize(size),
@@ -257,17 +216,17 @@ const Select = /*#__PURE__*/React.forwardRef((_ref6, ref) => {
     }
   }));
 });
-const Option = /*#__PURE__*/React.forwardRef((_ref7, ref) => {
-  let props = _objectWithoutPropertiesLoose(_ref7, _excluded7);
+const Option = /*#__PURE__*/React.forwardRef((_ref6, ref) => {
+  let props = _objectWithoutPropertiesLoose(_ref6, _excluded6);
   return /*#__PURE__*/_jsx(JoyOption, _extends({}, props, {
     ref: ref
   }));
 });
-const InputLabel = /*#__PURE__*/React.forwardRef((_ref8, ref) => {
+const InputLabel = /*#__PURE__*/React.forwardRef((_ref7, ref) => {
   let {
       sx
-    } = _ref8,
-    props = _objectWithoutPropertiesLoose(_ref8, _excluded8);
+    } = _ref7,
+    props = _objectWithoutPropertiesLoose(_ref7, _excluded7);
   return /*#__PURE__*/_jsx(JoyFormLabel, _extends({}, props, {
     ref: ref,
     sx: sx
@@ -295,10 +254,7 @@ const Pagination = /*#__PURE__*/React.forwardRef((props, ref) => {
   const rootProps = useGridRootProps();
   const paginationModel = gridPaginationModelSelector(apiRef);
   const visibleTopLevelRowCount = gridFilteredTopLevelRowCountSelector(apiRef);
-  const rowCount = React.useMemo(() => {
-    var _ref9, _rootProps$rowCount;
-    return (_ref9 = (_rootProps$rowCount = rootProps.rowCount) != null ? _rootProps$rowCount : visibleTopLevelRowCount) != null ? _ref9 : 0;
-  }, [rootProps.rowCount, visibleTopLevelRowCount]);
+  const rowCount = React.useMemo(() => rootProps.rowCount ?? visibleTopLevelRowCount ?? 0, [rootProps.rowCount, visibleTopLevelRowCount]);
   const lastPage = React.useMemo(() => Math.floor(rowCount / (paginationModel.pageSize || 1)), [rowCount, paginationModel.pageSize]);
   const handlePageChange = React.useCallback(page => {
     apiRef.current.setPage(page);
@@ -400,7 +356,6 @@ const joySlots = _extends({}, joyIconSlots, {
   baseTextField: TextField,
   baseButton: Button,
   baseIconButton: IconButton,
-  baseSwitch: Switch,
   baseSelect: Select,
   baseSelectOption: Option,
   baseInputLabel: InputLabel,

package/locales/jaJP.js

@@ -30,10 +30,9 @@ const jaJPGrid = {
   toolbarExportPrint: '印刷',
   toolbarExportExcel: 'Excelダウンロード',
   // Columns management text
-  // columnsManagementSearchTitle: 'Search',
-  // columnsManagementNoColumns: 'No columns',
-  // columnsManagementShowHideAllText: 'Show/Hide All',
-
+  columnsManagementSearchTitle: '検索',
+  columnsManagementNoColumns: 'カラムなし',
+  columnsManagementShowHideAllText: 'すべて表示/非表示',
   // Filter panel text
   filterPanelAddFilter: 'フィルター追加',
   filterPanelRemoveAll: 'すべて削除',

package/material/index.js

@@ -3,7 +3,6 @@ import MUICheckbox from '@mui/material/Checkbox';
 import MUITextField from '@mui/material/TextField';
 import MUIFormControl from '@mui/material/FormControl';
 import MUISelect from '@mui/material/Select';
-import MUISwitch from '@mui/material/Switch';
 import MUIButton from '@mui/material/Button';
 import MUIIconButton from '@mui/material/IconButton';
 import MUIInputAdornment from '@mui/material/InputAdornment';
@@ -56,7 +55,6 @@ const materialSlots = _extends({}, iconSlots, {
   baseTextField: MUITextField,
   baseFormControl: MUIFormControl,
   baseSelect: MUISelect,
-  baseSwitch: MUISwitch,
   baseButton: MUIButton,
   baseIconButton: MUIIconButton,
   baseInputAdornment: MUIInputAdornment,

package/models/api/gridApiCommon.d.ts

@@ -28,10 +28,10 @@ import { GridColumnGroupingApi } from './gridColumnGroupingApi';
 import type { GridInitialStateCommunity, GridStateCommunity } from '../gridStateCommunity';
 import { GridHeaderFilteringApi, GridHeaderFilteringPrivateApi } from './gridHeaderFilteringApi';
 import type { DataGridProcessedProps } from '../props/DataGridProps';
-import type { GridInfiniteLoaderPrivateApi } from './gridInfiniteLoaderApi';
-export interface GridApiCommon<GridState extends GridStateCommunity = any, GridInitialState extends GridInitialStateCommunity = any> extends GridCoreApi, GridPipeProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditingApi, GridParamsApi, GridColumnApi, GridRowSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridVirtualizationApi, GridLocaleTextApi, GridScrollApi, GridColumnSpanningApi, GridStateApi<GridState>, GridStatePersistenceApi<GridInitialState>, GridColumnGroupingApi, GridHeaderFilteringApi {
+import type { GridColumnResizeApi } from '../../hooks/features/columnResize';
+export interface GridApiCommon<GridState extends GridStateCommunity = any, GridInitialState extends GridInitialStateCommunity = any> extends GridCoreApi, GridPipeProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditingApi, GridParamsApi, GridColumnApi, GridRowSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridVirtualizationApi, GridLocaleTextApi, GridScrollApi, GridColumnSpanningApi, GridStateApi<GridState>, GridStatePersistenceApi<GridInitialState>, GridColumnGroupingApi, GridHeaderFilteringApi, GridColumnResizeApi {
 }
-export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon, Props extends DataGridProcessedProps> extends GridCorePrivateApi<Api, PrivateApi, Props>, GridStatePrivateApi<PrivateApi['state']>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi, GridVirtualizationPrivateApi, GridInfiniteLoaderPrivateApi {
+export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon, Props extends DataGridProcessedProps> extends GridCorePrivateApi<Api, PrivateApi, Props>, GridStatePrivateApi<PrivateApi['state']>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi, GridVirtualizationPrivateApi {
 }
 export interface GridPrivateApiCommon extends GridApiCommon, GridPrivateOnlyApiCommon<GridApiCommon, GridPrivateApiCommon, DataGridProcessedProps> {
 }

package/models/api/gridCoreApi.d.ts

@@ -67,11 +67,7 @@ export interface GridCorePrivateApi<GridPublicApi extends GridApiCommon, GridPri
     /**
      * The React ref of the grid column container virtualized div element.
      */
-    columnHeadersContainerElementRef?: React.RefObject<HTMLDivElement>;
-    /**
-     * The React ref of the grid column headers container element.
-     */
-    columnHeadersElementRef?: React.RefObject<HTMLDivElement>;
+    columnHeadersContainerRef?: React.RefObject<HTMLDivElement>;
     /**
      * The React ref of the grid header filter row element.
      */

package/models/api/gridRowsMetaApi.d.ts

@@ -52,7 +52,7 @@ export interface GridRowsMetaPrivateApi {
     rowHasAutoHeight: (id: GridRowId) => boolean;
     /**
      * Returns the index of the last row measured.
-     * The value considers only the rows reachable by scroll, e.g. first row has index=0 in all pages.
+     * The value considers only the rows reachable by scroll, for example first row has index=0 in all pages.
      * @returns {number} The index of the last measured row.
      */
     getLastMeasuredRowIndex: () => number;

package/models/api/index.d.ts

@@ -17,7 +17,7 @@ export * from './gridPreferencesPanelApi';
 export * from './gridPrintExportApi';
 export * from './gridCallbackDetails';
 export * from './gridScrollApi';
-export * from './gridVirtualizationApi';
+export type { GridVirtualizationApi } from './gridVirtualizationApi';
 export type { GridApiCommon } from './gridApiCommon';
 export type { GridEditingApi, GridCellModesModel, GridRowModesModel } from './gridEditingApi';
 export type GridEditRowApi = GridEditingApi;

package/models/api/index.js

@@ -12,5 +12,4 @@ export * from './gridPreferencesPanelApi';
 export * from './gridPrintExportApi';
 export * from './gridCallbackDetails';
 export * from './gridScrollApi';
-export * from './gridVirtualizationApi';
 export {};

package/models/events/gridEventLookup.d.ts

@@ -13,6 +13,7 @@ import type { GridStrategyProcessorName } from '../../hooks/core/strategyProcess
 import { GridRowEditStartParams, GridRowEditStopParams } from '../params/gridRowParams';
 import { GridCellModesModel, GridRowModesModel } from '../api/gridEditingApi';
 import { GridPaginationModel } from '../gridPaginationProps';
+import { GridDensity } from '../gridDensity';
 export interface GridRowEventLookup {
     /**
      * Fired when a row is clicked.
@@ -369,6 +370,18 @@ export interface GridControlledStateEventLookup {
     columnVisibilityModelChange: {
         params: GridColumnVisibilityModel;
     };
+    /**
+     * Fired when the row count change.
+     */
+    rowCountChange: {
+        params: number;
+    };
+    /**
+     * Fired when the density changes.
+     */
+    densityChange: {
+        params: GridDensity;
+    };
 }
 export interface GridControlledStateReasonLookup {
     filter: 'upsertFilterItem' | 'upsertFilterItems' | 'deleteFilterItem' | 'changeLogicOperator' | 'restoreState' | 'removeAllFilterItems';

package/models/gridExport.d.ts

@@ -88,6 +88,12 @@ export interface GridCsvExportOptions extends GridFileExportOptions {
      * @returns {GridRowId[]} The list of row ids to export.
      */
     getRowsToExport?: (params: GridCsvGetRowsToExportParams) => GridRowId[];
+    /**
+     * @ignore
+     * If `false`, the quotes will not be appended to the cell value.
+     * @default true
+     */
+    shouldAppendQuotes?: boolean;
 }
 /**
  * The options to apply on the Print export.

package/models/gridHeaderFilteringModel.d.ts

@@ -1,5 +1,6 @@
 import { GridColDef } from './colDef';
 export type GridHeaderFilteringState = {
+    enabled: boolean;
     editing: GridColDef['field'] | null;
     menuOpen: GridColDef['field'] | null;
 };

package/models/gridSlotsComponent.d.ts

@@ -33,11 +33,6 @@ export interface GridBaseSlots {
      * @default Select
      */
     baseSelect: React.JSXElementConstructor<GridSlotProps['baseSelect']>;
-    /**
-     * The custom Switch component used in the grid.
-     * @default Switch
-     */
-    baseSwitch: React.JSXElementConstructor<GridSlotProps['baseSwitch']>;
     /**
      * The custom Button component used in the grid.
      * @default Button

package/models/gridStateCommunity.d.ts

@@ -5,6 +5,7 @@ import type { GridEditingState } from './gridEditRowModel';
 import { GridHeaderFilteringState } from './gridHeaderFilteringModel';
 import type { GridRowSelectionModel } from './gridRowSelectionModel';
 import type { GridVisibleRowsLookupState } from '../hooks/features/filter/gridFilterState';
+import type { GridColumnResizeState } from '../hooks/features/columnResize';
 /**
  * The state of `DataGrid`.
  */
@@ -29,6 +30,7 @@ export interface GridStateCommunity {
     preferencePanel: GridPreferencePanelState;
     density: GridDensityState;
     virtualization: GridVirtualizationState;
+    columnResize: GridColumnResizeState;
 }
 /**
  * The initial state of `DataGrid`.
@@ -39,4 +41,5 @@ export interface GridInitialStateCommunity {
     filter?: GridFilterInitialState;
     columns?: GridColumnsInitialState;
     preferencePanel?: GridPreferencePanelInitialState;
+    density?: GridDensityState;
 }

package/models/params/gridScrollParams.d.ts

@@ -1,9 +1,11 @@
-export interface GridRenderContext {
-    firstRowIndex: number;
-    lastRowIndex: number;
+export interface GridColumnsRenderContext {
     firstColumnIndex: number;
     lastColumnIndex: number;
 }
+export interface GridRenderContext extends GridColumnsRenderContext {
+    firstRowIndex: number;
+    lastRowIndex: number;
+}
 export interface GridScrollParams {
     left: number;
     top: number;

package/models/props/DataGridProps.d.ts

@@ -24,6 +24,7 @@ import { GridColumnVisibilityModel } from '../../hooks/features/columns/gridColu
 import { GridCellModesModel, GridRowModesModel } from '../api/gridEditingApi';
 import { GridColumnGroupingModel } from '../gridColumnGrouping';
 import { GridPaginationModel } from '../gridPaginationProps';
+import type { GridAutosizeOptions } from '../../hooks/features/columnResize';
 export interface GridExperimentalFeatures {
     /**
      * Emits a warning if the cell receives focus without also syncing the focus state.
@@ -34,7 +35,7 @@ export interface GridExperimentalFeatures {
 /**
  * The props users can give to the `DataGrid` component.
  */
-export type DataGridProps<R extends GridValidRowModel = any> = Omit<Partial<DataGridPropsWithDefaultValues> & DataGridPropsWithComplexDefaultValueBeforeProcessing & DataGridPropsWithoutDefaultValue<R>, DataGridForcedPropsKey> & {
+export type DataGridProps<R extends GridValidRowModel = any> = Omit<Partial<DataGridPropsWithDefaultValues<R>> & DataGridPropsWithComplexDefaultValueBeforeProcessing & DataGridPropsWithoutDefaultValue<R>, DataGridForcedPropsKey> & {
     pagination?: true;
 };
 /**
@@ -46,7 +47,7 @@ export interface DataGridProcessedProps<R extends GridValidRowModel = any> exten
  * The props of the `DataGrid` component after the pre-processing phase that the user should not be able to override.
  * Those are usually used in feature-hook for which the pro-plan has more advanced features (eg: multi-sorting, multi-filtering, ...).
  */
-export type DataGridForcedPropsKey = 'checkboxSelectionVisibleOnly' | 'disableMultipleColumnsFiltering' | 'disableMultipleColumnsSorting' | 'disableColumnReorder' | 'disableColumnResize' | 'keepColumnPositionIfDraggedOutside' | 'throttleRowsMs' | 'hideFooterRowCount' | 'pagination' | 'signature';
+export type DataGridForcedPropsKey = 'checkboxSelectionVisibleOnly' | 'disableMultipleColumnsFiltering' | 'disableMultipleColumnsSorting' | 'disableColumnReorder' | 'keepColumnPositionIfDraggedOutside' | 'throttleRowsMs' | 'hideFooterRowCount' | 'pagination' | 'signature';
 /**
  * The `DataGrid` options with a default value that must be merged with the value given through props.
  */
@@ -74,7 +75,7 @@ export interface DataGridPropsWithComplexDefaultValueBeforeProcessing {
  * The controlled model do not have a default value at the prop processing level, so they must be defined in `DataGridOtherProps`
  * TODO: add multiSortKey
  */
-export interface DataGridPropsWithDefaultValues {
+export interface DataGridPropsWithDefaultValues<R extends GridValidRowModel = any> {
     /**
      * If `true`, the Data Grid height is dynamic and follow the number of rows in the Data Grid.
      * @default false
@@ -97,35 +98,20 @@ export interface DataGridPropsWithDefaultValues {
      */
     checkboxSelectionVisibleOnly: boolean;
     /**
-     * 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: number;
+    columnBufferPx: number;
     /**
-     * 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: number;
+    rowBufferPx: number;
     /**
      * If `false`, the row selection mode is disabled.
      * @default true
      */
     rowSelection: boolean;
-    /**
-     * Number of rows from the `rowBuffer` that can be visible before a new slice is rendered.
-     * @default 3
-     */
-    rowThreshold: number;
-    /**
-     * Number of rows from the `columnBuffer` that can be visible before a new slice is rendered.
-     * @default 3
-     */
-    columnThreshold: number;
-    /**
-     * Set the density of the Data Grid.
-     * @default "standard"
-     */
-    density: GridDensity;
     /**
      * If `true`, column filters are disabled.
      * @default false
@@ -259,6 +245,11 @@ export interface DataGridPropsWithDefaultValues {
      * @default "client"
      */
     paginationMode: GridFeatureMode;
+    /**
+     * Set of rows of type [[GridRowsProp]].
+     * @default []
+     */
+    rows: GridRowsProp<R>;
     /**
      * Sets the height in pixel of a row in the Data Grid.
      * @default 52
@@ -342,6 +333,16 @@ export interface DataGridPropsWithDefaultValues {
      * @default 166
      */
     rowPositionsDebounceMs: number;
+    /**
+     * 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;
 }
 /**
  * The `DataGrid` props with no default value.
@@ -366,6 +367,11 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
      * Override or extend the styles applied to the component.
      */
     classes?: Partial<GridClasses>;
+    /**
+     * Set the density of the Data Grid.
+     * @default "standard"
+     */
+    density?: GridDensity;
     /**
      * 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.
@@ -519,6 +525,11 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
      * @param {GridCallbackDetails} details Additional details for this callback.
      */
     onColumnOrderChange?: GridEventListener<'columnOrderChange'>;
+    /**
+     * Callback fired when the density changes.
+     * @param {GridDensity} density New density value.
+     */
+    onDensityChange?: (density: GridDensity) => void;
     /**
      * Callback fired when a row is clicked.
      * Not called if the target clicked is an interactive element added by the built-in columns.
@@ -559,6 +570,11 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
      * @param {GridCallbackDetails} details Additional details for this callback.
      */
     onPaginationModelChange?: (model: GridPaginationModel, details: GridCallbackDetails) => void;
+    /**
+     * Callback fired when the row count has changed.
+     * @param {number} count Updated row count.
+     */
+    onRowCountChange?: (count: number) => void;
     /**
      * Callback fired when the preferences panel is closed.
      * @param {GridPreferencePanelParams} params With all properties from [[GridPreferencePanelParams]].
@@ -672,10 +688,6 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
      * Nonce of the inline styles for [Content Security Policy](https://www.w3.org/TR/2016/REC-CSP2-20161215/#script-src-the-nonce-attribute).
      */
     nonce?: string;
-    /**
-     * Set of rows of type [[GridRowsProp]].
-     */
-    rows: GridRowsProp<R>;
     /**
      * The initial state of the DataGrid.
      * The data in it will be set in the state on initialization but will not be controlled.
@@ -714,4 +726,22 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
      * @param {string} data The data copied to the clipboard.
      */
     onClipboardCopy?: GridEventListener<'clipboardCopy'>;
+    /**
+     * The options for autosize when user-initiated.
+     */
+    autosizeOptions?: GridAutosizeOptions;
+    /**
+     * 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'>;
 }