@mui/x-data-grid 8.0.0-alpha.0 → 8.0.0-alpha.2

package/locales/urPK.js

@@ -23,6 +23,17 @@ const urPKGrid = {
   toolbarQuickFilterPlaceholder: 'تلاش کریں۔۔۔',
   toolbarQuickFilterLabel: 'تلاش کریں',
   toolbarQuickFilterDeleteIconLabel: 'کلئیر کریں',
+  // Prompt toolbar field
+  // toolbarPromptControlPlaceholder: 'Type a prompt…',
+  // toolbarPromptControlWithRecordingPlaceholder: 'Type or record a prompt…',
+  // toolbarPromptControlRecordingPlaceholder: 'Listening for prompt…',
+  // toolbarPromptControlLabel: 'Prompt input',
+  // toolbarPromptControlRecordButtonDefaultLabel: 'Record',
+  // toolbarPromptControlRecordButtonActiveLabel: 'Stop recording',
+  // toolbarPromptControlSendActionLabel: 'Send',
+  // toolbarPromptControlSendActionAriaLabel: 'Send prompt',
+  // toolbarPromptControlErrorMessage: 'An error occurred while processing the request. Please try again with a different prompt.',
+
   // Export selector toolbar button text
   toolbarExport: 'ایکسپورٹ',
   toolbarExportLabel: 'ایکسپورٹ',
@@ -34,6 +45,7 @@ const urPKGrid = {
   // columnsManagementNoColumns: 'No columns',
   // columnsManagementShowHideAllText: 'Show/Hide All',
   // columnsManagementReset: 'Reset',
+  // columnsManagementDeleteIconLabel: 'Clear',
 
   // Filter panel text
   filterPanelAddFilter: 'نیا فلٹر',

package/locales/viVN.js

@@ -23,6 +23,17 @@ const viVNGrid = {
   toolbarQuickFilterPlaceholder: 'Tìm kiếm…',
   toolbarQuickFilterLabel: 'Tìm kiếm',
   toolbarQuickFilterDeleteIconLabel: 'Xóa tìm kiếm',
+  // Prompt toolbar field
+  // toolbarPromptControlPlaceholder: 'Type a prompt…',
+  // toolbarPromptControlWithRecordingPlaceholder: 'Type or record a prompt…',
+  // toolbarPromptControlRecordingPlaceholder: 'Listening for prompt…',
+  // toolbarPromptControlLabel: 'Prompt input',
+  // toolbarPromptControlRecordButtonDefaultLabel: 'Record',
+  // toolbarPromptControlRecordButtonActiveLabel: 'Stop recording',
+  // toolbarPromptControlSendActionLabel: 'Send',
+  // toolbarPromptControlSendActionAriaLabel: 'Send prompt',
+  // toolbarPromptControlErrorMessage: 'An error occurred while processing the request. Please try again with a different prompt.',
+
   // Export selector toolbar button text
   toolbarExport: 'Xuất',
   toolbarExportLabel: 'Xuất',
@@ -34,6 +45,8 @@ const viVNGrid = {
   columnsManagementNoColumns: 'Không có cột',
   columnsManagementShowHideAllText: 'Hiện/Ẩn Tất cả',
   columnsManagementReset: 'Đặt lại',
+  // columnsManagementDeleteIconLabel: 'Clear',
+
   // Filter panel text
   filterPanelAddFilter: 'Thêm bộ lọc',
   filterPanelRemoveAll: 'Xóa tất cả',

package/locales/zhCN.js

@@ -23,6 +23,16 @@ const zhCNGrid = {
   toolbarQuickFilterPlaceholder: '搜索…',
   toolbarQuickFilterLabel: '搜索',
   toolbarQuickFilterDeleteIconLabel: '清除',
+  // Prompt toolbar field
+  toolbarPromptControlPlaceholder: '输入提示词',
+  toolbarPromptControlWithRecordingPlaceholder: '输入提示词或点击录音',
+  toolbarPromptControlRecordingPlaceholder: '正在录音…',
+  toolbarPromptControlLabel: '提示词输入',
+  toolbarPromptControlRecordButtonDefaultLabel: '录音',
+  toolbarPromptControlRecordButtonActiveLabel: '停止录音',
+  toolbarPromptControlSendActionLabel: '发送',
+  toolbarPromptControlSendActionAriaLabel: '发送提示词',
+  toolbarPromptControlErrorMessage: '处理请求时出现错误。请使用其他提示词再试。',
   // Export selector toolbar button text
   toolbarExport: '导出',
   toolbarExportLabel: '导出',
@@ -34,6 +44,7 @@ const zhCNGrid = {
   columnsManagementNoColumns: '没有列',
   columnsManagementShowHideAllText: '显示/隐藏所有',
   columnsManagementReset: '重置',
+  columnsManagementDeleteIconLabel: '清除',
   // Filter panel text
   filterPanelAddFilter: '添加筛选器',
   filterPanelRemoveAll: '清除全部',
@@ -47,9 +58,9 @@ const zhCNGrid = {
   filterPanelInputPlaceholder: '筛选值',
   // Filter operators text
   filterOperatorContains: '包含',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: '不包含',
   filterOperatorEquals: '等于',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: '不等于',
   filterOperatorStartsWith: '开始于',
   filterOperatorEndsWith: '结束于',
   filterOperatorIs: '是',
@@ -69,9 +80,9 @@ const zhCNGrid = {
   'filterOperator<=': '<=',
   // Header filter operators text
   headerFilterOperatorContains: '包含',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: '不包含',
   headerFilterOperatorEquals: '等于',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: '不等于',
   headerFilterOperatorStartsWith: '开始于',
   headerFilterOperatorEndsWith: '结束于',
   headerFilterOperatorIs: '是',

package/locales/zhHK.js

@@ -23,6 +23,17 @@ const zhHKGrid = {
   toolbarQuickFilterPlaceholder: '搜尋…',
   toolbarQuickFilterLabel: '搜尋',
   toolbarQuickFilterDeleteIconLabel: '清除',
+  // Prompt toolbar field
+  // toolbarPromptControlPlaceholder: 'Type a prompt…',
+  // toolbarPromptControlWithRecordingPlaceholder: 'Type or record a prompt…',
+  // toolbarPromptControlRecordingPlaceholder: 'Listening for prompt…',
+  // toolbarPromptControlLabel: 'Prompt input',
+  // toolbarPromptControlRecordButtonDefaultLabel: 'Record',
+  // toolbarPromptControlRecordButtonActiveLabel: 'Stop recording',
+  // toolbarPromptControlSendActionLabel: 'Send',
+  // toolbarPromptControlSendActionAriaLabel: 'Send prompt',
+  // toolbarPromptControlErrorMessage: 'An error occurred while processing the request. Please try again with a different prompt.',
+
   // Export selector toolbar button text
   toolbarExport: '出口',
   toolbarExportLabel: '出口',
@@ -34,6 +45,7 @@ const zhHKGrid = {
   // columnsManagementNoColumns: 'No columns',
   // columnsManagementShowHideAllText: 'Show/Hide All',
   // columnsManagementReset: 'Reset',
+  // columnsManagementDeleteIconLabel: 'Clear',
 
   // Filter panel text
   filterPanelAddFilter: '新增過濾器',

package/locales/zhTW.js

@@ -23,6 +23,17 @@ const zhTWGrid = {
   toolbarQuickFilterPlaceholder: '搜尋…',
   toolbarQuickFilterLabel: '搜尋',
   toolbarQuickFilterDeleteIconLabel: '清除',
+  // Prompt toolbar field
+  // toolbarPromptControlPlaceholder: 'Type a prompt…',
+  // toolbarPromptControlWithRecordingPlaceholder: 'Type or record a prompt…',
+  // toolbarPromptControlRecordingPlaceholder: 'Listening for prompt…',
+  // toolbarPromptControlLabel: 'Prompt input',
+  // toolbarPromptControlRecordButtonDefaultLabel: 'Record',
+  // toolbarPromptControlRecordButtonActiveLabel: 'Stop recording',
+  // toolbarPromptControlSendActionLabel: 'Send',
+  // toolbarPromptControlSendActionAriaLabel: 'Send prompt',
+  // toolbarPromptControlErrorMessage: 'An error occurred while processing the request. Please try again with a different prompt.',
+
   // Export selector toolbar button text
   toolbarExport: '匯出',
   toolbarExportLabel: '匯出',
@@ -34,6 +45,7 @@ const zhTWGrid = {
   // columnsManagementNoColumns: 'No columns',
   // columnsManagementShowHideAllText: 'Show/Hide All',
   // columnsManagementReset: 'Reset',
+  // columnsManagementDeleteIconLabel: 'Clear',
 
   // Filter panel text
   filterPanelAddFilter: '增加篩選器',

package/models/api/gridCoreApi.d.ts

@@ -59,7 +59,7 @@ export interface GridCorePrivateApi<GridPublicApi extends GridApiCommon, GridPri
     /**
      * The React ref of the grid main container div element.
      */
-    mainElementRef: React.RefObject<HTMLDivElement>;
+    mainElementRef: React.MutableRefObject<HTMLDivElement | null>;
     /**
      * The React ref of the grid's virtual scroller container element.
      */

package/models/api/gridLocaleTextApi.d.ts

@@ -26,6 +26,15 @@ export interface GridLocaleText {
     toolbarQuickFilterPlaceholder: string;
     toolbarQuickFilterLabel: string;
     toolbarQuickFilterDeleteIconLabel: string;
+    toolbarPromptControlPlaceholder: string;
+    toolbarPromptControlWithRecordingPlaceholder: string;
+    toolbarPromptControlRecordingPlaceholder: string;
+    toolbarPromptControlLabel: string;
+    toolbarPromptControlRecordButtonDefaultLabel: string;
+    toolbarPromptControlRecordButtonActiveLabel: string;
+    toolbarPromptControlSendActionLabel: string;
+    toolbarPromptControlSendActionAriaLabel: string;
+    toolbarPromptControlErrorMessage: string;
     toolbarExport: React.ReactNode;
     toolbarExportLabel: string;
     toolbarExportCSV: React.ReactNode;
@@ -35,6 +44,7 @@ export interface GridLocaleText {
     columnsManagementNoColumns: string;
     columnsManagementShowHideAllText: string;
     columnsManagementReset: string;
+    columnsManagementDeleteIconLabel: string;
     filterPanelAddFilter: React.ReactNode;
     filterPanelRemoveAll: React.ReactNode;
     filterPanelDeleteIconLabel: string;

package/models/colDef/gridColDef.d.ts

@@ -36,43 +36,43 @@ export type GridColSpanFn<R extends GridValidRowModel = GridValidRowModel, V = a
  */
 export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel, V = any, F = V> {
     /**
-     * The column identifier. It's used to map with [[GridRowModel]] values.
+     * The unique identifier of the column. Used to map with [[GridRowModel]] values.
      */
     field: string;
     /**
-     * The title of the column rendered in the column header cell.
+     * The title displayed in the column header cell.
      */
     headerName?: string;
     /**
-     * The description of the column rendered as tooltip if the column header name is not fully displayed.
+     * The tooltip text shown when the column header name is truncated.
      */
     description?: string;
     /**
-     * Set the width of the column.
+     * The width of the column in pixels.
      * @default 100
      */
     width?: number;
     /**
-     * If set, it indicates that a column has fluid width. Range [0, ∞).
+     * The flex grow factor of the column. Must be a positive number.
      */
     flex?: number;
     /**
-     * Sets the minimum width of a column.
+     * The minimum width of the column in pixels.
      * @default 50
      */
     minWidth?: number;
     /**
-     * Sets the maximum width of a column.
+     * The maximum width of the column in pixels.
      * @default Infinity
      */
     maxWidth?: number;
     /**
-     * If `false`, removes the buttons for hiding this column.
+     * If `false`, removes the option to hide this column.
      * @default true
      */
     hideable?: boolean;
     /**
-     * If `true`, the column is sortable.
+     * If `false`, disables sorting for this column.
      * @default true
      */
     sortable?: boolean;
@@ -81,7 +81,7 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      */
     sortingOrder?: readonly GridSortDirection[];
     /**
-     * If `true`, the column is resizable.
+     * If `false`, disables resizing for this column.
      * @default true
      */
     resizable?: boolean;
@@ -109,7 +109,7 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      */
     sortComparator?: GridComparatorFn<V>;
     /**
-     * Allows to use a different comparator function depending on the sort direction.
+     * Provide an alternative comparator function for sorting.
      * Takes precedence over `sortComparator`.
      * @param {GridSortDirection} sortDirection The direction of the sort.
      * @returns {GridComparatorFn<V>} The comparator function to use.
@@ -122,25 +122,25 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      */
     type?: GridColType;
     /**
-     * Allows to align the column values in cells.
+     * Align cell content.
      */
     align?: GridAlignment;
     /**
-     * Function that allows to get a specific data instead of field to render in the cell.
+     * Function that returns specific data to render in the cell instead of using the field value.
      */
     valueGetter?: GridValueGetter<R, V, F>;
     /**
-     * Function that allows to provide a specific value to be used in row spanning.
+     * Function that returns a specific value to be used in row spanning.
      */
     rowSpanValueGetter?: GridValueGetter<R, V, F>;
     /**
-     * Function that allows to customize how the entered value is stored in the row.
-     * It only works with cell/row editing.
+     * Function that customizes how the entered value is stored in the row.
+     * Only works with cell/row editing.
      * @returns {R} The row with the updated field.
      */
     valueSetter?: GridValueSetter<R, V, F>;
     /**
-     * Function that allows to apply a formatter before rendering its value.
+     * Formats the cell value before rendering.
      */
     valueFormatter?: GridValueFormatter<R, V, F>;
     /**
@@ -149,7 +149,7 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      */
     valueParser?: GridValueParser<R, V, F>;
     /**
-     * Class name that will be added in cells for that column.
+     * Class name added to cells in this column.
      */
     cellClassName?: GridCellClassNamePropType<R, V>;
     /**
@@ -159,38 +159,38 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      */
     display?: 'text' | 'flex';
     /**
-     * Allows to override the component rendered as cell for this column.
+     * Override the component rendered as cell for this column.
      * @template R, V, F
      * @param {GridRenderCellParams<R, V, F>} params Object containing parameters for the renderer.
      * @returns {React.ReactNode} The element to be rendered.
      */
     renderCell?: (params: GridRenderCellParams<R, V, F>) => React.ReactNode;
     /**
-     * Allows to override the component rendered in edit cell mode for this column.
+     * Override the component rendered in edit cell mode for this column.
      * @param {GridRenderEditCellParams} params Object containing parameters for the renderer.
      * @returns {React.ReactNode} The element to be rendered.
      */
     renderEditCell?: (params: GridRenderEditCellParams<R, V, F>) => React.ReactNode;
     /**
      * Callback fired when the edit props of the cell changes.
-     * It allows to process the props that saved into the state.
+     * Processes the props before being saved into the state.
      * @param {GridPreProcessEditCellProps} params Object containing parameters of the cell being edited.
      * @returns {GridEditCellProps | Promise<GridEditCellProps>} The new edit cell props.
      */
     preProcessEditCellProps?: (params: GridPreProcessEditCellProps) => GridEditCellProps | Promise<GridEditCellProps>;
     /**
-     * Class name that will be added in the column header cell.
+     * Class name added to the column header cell.
      */
     headerClassName?: GridColumnHeaderClassNamePropType;
     /**
-     * Allows to render a component in the column header cell.
+     * Override the component rendered in the column header cell.
      * @template R, V, F
      * @param {GridColumnHeaderParams<R, V, F>} params Object containing parameters for the renderer.
      * @returns {React.ReactNode} The element to be rendered.
      */
     renderHeader?: (params: GridColumnHeaderParams<R, V, F>) => React.ReactNode;
     /**
-     * Header cell element alignment.
+     * Align column header content.
      */
     headerAlign?: GridAlignment;
     /**
@@ -236,6 +236,10 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      * @default 1
      */
     colSpan?: number | GridColSpanFn<R, V, F>;
+    /**
+     * Example values that can be used by the grid to get more context about the column.
+     */
+    unstable_examples?: V[];
 }
 /**
  * Column Definition interface used for columns with the `actions` type.

package/models/gridDataSource.d.ts

@@ -34,7 +34,7 @@ export interface GridGetRowsResponse {
     rowCount?: number;
     /**
      * Additional `pageInfo` for advanced use-cases.
-     * `hasNextPage`: When row count is unknown/estimated, `hasNextPage` will be used to check if more records are available on server
+     * `hasNextPage`: When row count is unknown/estimated, `hasNextPage` will be used to check if more records are available on server.
      */
     pageInfo?: {
         hasNextPage?: boolean;
@@ -44,25 +44,25 @@ export interface GridGetRowsResponse {
 export interface GridDataSource {
     /**
      * This method will be called when the grid needs to fetch some rows.
-     * @param {GridGetRowsParams} params The parameters required to fetch the rows
-     * @returns {Promise<GridGetRowsResponse>} A promise that resolves to the data of type [GridGetRowsResponse]
+     * @param {GridGetRowsParams} params The parameters required to fetch the rows.
+     * @returns {Promise<GridGetRowsResponse>} A promise that resolves to the data of type [GridGetRowsResponse].
      */
     getRows(params: GridGetRowsParams): Promise<GridGetRowsResponse>;
     /**
      * This method will be called when the user updates a row [Not yet implemented].
-     * @param {GridRowModel} updatedRow The updated row
-     * @returns {Promise<any>} If resolved (synced on the backend), the grid will update the row and mutate the cache
+     * @param {GridRowModel} updatedRow The updated row.
+     * @returns {Promise<any>} If resolved (synced on the backend), the grid will update the row and mutate the cache.
      */
     updateRow?(updatedRow: GridRowModel): Promise<any>;
     /**
      * Used to group rows by their parent group. Replaces `getTreeDataPath` used in client side tree-data.
-     * @param {GridRowModel} row The row to get the group key of
-     * @returns {string} The group key for the row
+     * @param {GridRowModel} row The row to get the group key of.
+     * @returns {string} The group key for the row.
      */
     getGroupKey?: (row: GridRowModel) => string;
     /**
      * Used to determine the number of children a row has on server.
-     * @param {GridRowModel} row The row to check the number of children
+     * @param {GridRowModel} row The row to check the number of children.
      * @returns {number} The number of children the row has.
      * If the children count is not available for some reason, but there are some children, `getChildrenCount` should return `-1`.
      */
@@ -71,14 +71,14 @@ export interface GridDataSource {
 export interface GridDataSourceCache {
     /**
      * Set the cache entry for the given key.
-     * @param {GridGetRowsParams} key The key of type `GridGetRowsParams`
-     * @param {GridGetRowsResponse} value The value to be stored in the cache
+     * @param {GridGetRowsParams} key The key of type `GridGetRowsParams`.
+     * @param {GridGetRowsResponse} value The value to be stored in the cache.
      */
     set: (key: GridGetRowsParams, value: GridGetRowsResponse) => void;
     /**
      * Get the cache entry for the given key.
-     * @param {GridGetRowsParams} key The key of type `GridGetRowsParams`
-     * @returns {GridGetRowsResponse} The value stored in the cache
+     * @param {GridGetRowsParams} key The key of type `GridGetRowsParams`.
+     * @returns {GridGetRowsResponse} The value stored in the cache.
      */
     get: (key: GridGetRowsParams) => GridGetRowsResponse | undefined;
     /**

package/models/props/DataGridProps.d.ts

@@ -223,14 +223,6 @@ export interface DataGridPropsWithDefaultValues<R extends GridValidRowModel = an
      * @default false
      */
     ignoreDiacritics: boolean;
-    /**
-     * If `select`, a group header checkbox in indeterminate state (like "Select All" checkbox)
-     * will select all the rows under it.
-     * If `deselect`, it will deselect all the rows under it.
-     * Works only if `checkboxSelection` is enabled.
-     * @default "deselect"
-     */
-    indeterminateCheckboxAction: 'select' | 'deselect';
     /**
      * If `true`, the selection model will retain selected rows that do not exist.
      * Useful when using server side pagination and row selections need to be retained
@@ -369,6 +361,14 @@ export interface DataGridPropsWithDefaultValues<R extends GridValidRowModel = an
      * @default false
      */
     unstable_rowSpanning: boolean;
+    /**
+     * If `true`, the Data Grid enables column virtualization when `getRowHeight` is set to `() => 'auto'`.
+     * By default, column virtualization is disabled when dynamic row height is enabled to measure the row height correctly.
+     * For datasets with a large number of columns, this can cause performance issues.
+     * The downside of enabling this prop is that the row height will be estimated based the cells that are currently rendered, which can cause row height change when scrolling horizontally.
+     * @default false
+     */
+    virtualizeColumnsWithAutoRowHeight: boolean;
 }
 /**
  * The Data Grid props with no default value.
@@ -814,7 +814,7 @@ export interface DataGridProSharedPropsWithDefaultValue {
      * - Deselecting a descendant of a selected parent deselects the parent automatically.
      *
      * Works with tree data and row grouping on the client-side only.
-     * @default { parents: false, descendants: false }
+     * @default { parents: true, descendants: true }
      */
     rowSelectionPropagation: GridRowSelectionPropagation;
     /**

package/modern/DataGrid/DataGrid.js

@@ -325,14 +325,6 @@ DataGridRaw.propTypes = {
     clipboardExport: PropTypes.bool,
     csvExport: PropTypes.bool
   }), PropTypes.bool]),
-  /**
-   * If `select`, a group header checkbox in indeterminate state (like "Select All" checkbox)
-   * will select all the rows under it.
-   * If `deselect`, it will deselect all the rows under it.
-   * Works only if `checkboxSelection` is enabled.
-   * @default "deselect"
-   */
-  indeterminateCheckboxAction: PropTypes.oneOf(['deselect', 'select']),
   /**
    * The initial state of the DataGrid.
    * The data in it will be set in the state on initialization but will not be controlled.
@@ -766,5 +758,13 @@ DataGridRaw.propTypes = {
    * If `true`, the Data Grid will auto span the cells over the rows having the same value.
    * @default false
    */
-  unstable_rowSpanning: PropTypes.bool
+  unstable_rowSpanning: PropTypes.bool,
+  /**
+   * If `true`, the Data Grid enables column virtualization when `getRowHeight` is set to `() => 'auto'`.
+   * By default, column virtualization is disabled when dynamic row height is enabled to measure the row height correctly.
+   * For datasets with a large number of columns, this can cause performance issues.
+   * The downside of enabling this prop is that the row height will be estimated based the cells that are currently rendered, which can cause row height change when scrolling horizontally.
+   * @default false
+   */
+  virtualizeColumnsWithAutoRowHeight: PropTypes.bool
 };

package/modern/components/GridLoadingOverlay.js

@@ -30,8 +30,8 @@ const LOADING_VARIANTS = {
 };
 const GridLoadingOverlay = /*#__PURE__*/React.forwardRef(function GridLoadingOverlay(props, ref) {
   const {
-      variant = 'circular-progress',
-      noRowsVariant = 'circular-progress',
+      variant = 'linear-progress',
+      noRowsVariant = 'skeleton',
       style
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
@@ -52,13 +52,13 @@ process.env.NODE_ENV !== "production" ? GridLoadingOverlay.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * The variant of the overlay when no rows are displayed.
-   * @default 'circular-progress'
+   * @default 'skeleton'
    */
   noRowsVariant: PropTypes.oneOf(['circular-progress', 'linear-progress', 'skeleton']),
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
    * The variant of the overlay.
-   * @default 'circular-progress'
+   * @default 'linear-progress'
    */
   variant: PropTypes.oneOf(['circular-progress', 'linear-progress', 'skeleton'])
 } : void 0;

package/modern/components/GridPagination.js

@@ -50,7 +50,8 @@ const defaultLabelDisplayedRows = ({
   if (!estimated) {
     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
   }
-  return `${from}–${to} of ${count !== -1 ? count : `more than ${estimated > to ? estimated : to}`}`;
+  const estimateLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
+  return `${from}–${to} of ${count !== -1 ? count : estimateLabel}`;
 };
 
 // A mutable version of a readonly array.

package/modern/components/base/GridOverlays.js

@@ -52,7 +52,7 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getDataGridUtilityClass, classes);
 };
-function GridOverlayWrapper(props) {
+export function GridOverlayWrapper(props) {
   const apiRef = useGridApiContext();
   const rootProps = useGridRootProps();
   const dimensions = useGridSelector(apiRef, gridDimensionsSelector);
@@ -83,26 +83,4 @@ process.env.NODE_ENV !== "production" ? GridOverlayWrapper.propTypes = {
   // ----------------------------------------------------------------------
   loadingOverlayVariant: PropTypes.oneOf(['circular-progress', 'linear-progress', 'skeleton']),
   overlayType: PropTypes.oneOf(['loadingOverlay', 'noResultsOverlay', 'noRowsOverlay'])
-} : void 0;
-process.env.NODE_ENV !== "production" ? GridOverlays.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  loadingOverlayVariant: PropTypes.oneOf(['circular-progress', 'linear-progress', 'skeleton']),
-  overlayType: PropTypes.oneOf(['loadingOverlay', 'noResultsOverlay', 'noRowsOverlay'])
-} : void 0;
-export function GridOverlays(props) {
-  const {
-    overlayType
-  } = props;
-  const rootProps = useGridRootProps();
-  if (!overlayType) {
-    return null;
-  }
-  const Overlay = rootProps.slots?.[overlayType];
-  const overlayProps = rootProps.slotProps?.[overlayType];
-  return /*#__PURE__*/_jsx(GridOverlayWrapper, _extends({}, props, {
-    children: /*#__PURE__*/_jsx(Overlay, _extends({}, overlayProps))
-  }));
-}
+} : void 0;

package/modern/components/base/index.js

@@ -1,3 +1,2 @@
 export * from "./GridBody.js";
-export * from "./GridFooterPlaceholder.js";
-export * from "./GridOverlays.js";
+export * from "./GridFooterPlaceholder.js";

package/modern/components/cell/GridCell.js

@@ -15,7 +15,6 @@ import { useGridSelector, objectShallowCompare } from "../../hooks/utils/useGrid
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { gridFocusCellSelector } from "../../hooks/features/focus/gridFocusStateSelector.js";
-import { MissingRowIdError } from "../../hooks/features/rows/useGridParamsApi.js";
 import { shouldCellShowLeftBorder, shouldCellShowRightBorder } from "../../utils/cellBorderUtils.js";
 import { GridPinnedColumnPosition } from "../../hooks/features/columns/gridColumnsInterfaces.js";
 import { gridRowSpanningHiddenCellsSelector, gridRowSpanningSpannedCellsSelector } from "../../hooks/features/rows/gridRowSpanningSelectors.js";
@@ -114,16 +113,13 @@ const GridCell = /*#__PURE__*/React.forwardRef(function GridCell(props, ref) {
     // This is required because `.getCellParams` tries to get the `state.rows.tree` entry
     // associated with `rowId`/`fieldId`, but this selector runs after the state has been
     // updated, while `rowId`/`fieldId` reference an entry in the old state.
-    try {
-      const result = apiRef.current.getCellParams(rowId, field);
-      result.api = apiRef.current;
-      return result;
-    } catch (error) {
-      if (error instanceof MissingRowIdError) {
-        return EMPTY_CELL_PARAMS;
-      }
-      throw error;
+    const row = apiRef.current.getRow(rowId);
+    if (!row) {
+      return EMPTY_CELL_PARAMS;
     }
+    const result = apiRef.current.getCellParams(rowId, field);
+    result.api = apiRef.current;
+    return result;
   }, objectShallowCompare);
   const isSelected = useGridSelector(apiRef, () => apiRef.current.unstable_applyPipeProcessors('isCellSelected', false, {
     id: rowId,
@@ -211,6 +207,7 @@ const GridCell = /*#__PURE__*/React.forwardRef(function GridCell(props, ref) {
         padding: 0,
         opacity: 0,
         width: 0,
+        height: 0,
         border: 0
       };
     }
@@ -229,6 +226,9 @@ const GridCell = /*#__PURE__*/React.forwardRef(function GridCell(props, ref) {
     if (rowSpan > 1) {
       cellStyle.height = `calc(var(--height) * ${rowSpan})`;
       cellStyle.zIndex = 5;
+      if (isLeftPinned || isRightPinned) {
+        cellStyle.zIndex = 6;
+      }
     }
     return cellStyle;
   }, [width, isNotVisible, styleProp, pinnedOffset, pinnedPosition, isRtl, rowSpan]);

package/modern/components/columnSelection/GridCellCheckboxRenderer.js

@@ -79,12 +79,11 @@ const GridCellCheckboxForwardRef = /*#__PURE__*/React.forwardRef(function GridCe
   if (rowNode.type === 'footer' || rowNode.type === 'pinnedRow') {
     return null;
   }
-  const label = apiRef.current.getLocaleText(isChecked ? 'checkboxSelectionUnselectRow' : 'checkboxSelectionSelectRow');
-  const checked = rootProps.indeterminateCheckboxAction === 'select' ? isChecked && !isIndeterminate : isChecked;
+  const label = apiRef.current.getLocaleText(isChecked && !isIndeterminate ? 'checkboxSelectionUnselectRow' : 'checkboxSelectionSelectRow');
   return /*#__PURE__*/_jsx(rootProps.slots.baseCheckbox, _extends({
     ref: handleRef,
     tabIndex: tabIndex,
-    checked: checked,
+    checked: isChecked && !isIndeterminate,
     onChange: handleChange,
     className: classes.root,
     inputProps: {