@mui/x-data-grid 9.14.0 → 9.15.0

package/internals/index.d.ts

@@ -102,6 +102,7 @@ export { useGridDataSourceBase } from "../hooks/features/dataSource/useGridDataS
 export { CacheChunkManager } from "../hooks/features/dataSource/utils.js";
 export { gridGetRowsParamsSelector } from "../hooks/features/dataSource/gridDataSourceSelector.js";
 export { useGridDataSourceFilterModelChange } from "../hooks/features/dataSource/useGridDataSourceFilterModelChange.js";
+export { useGridDataSourcePolling } from "../hooks/features/dataSource/useGridDataSourcePolling.js";
 export { getColumnsToExport, defaultGetRowsToExport } from "../hooks/features/export/utils.js";
 export * from "../utils/createControllablePromise.js";
 export * from "../utils/focusElement.js";

package/internals/index.js

@@ -121,6 +121,7 @@ var _exportNames = {
   useGridDataSourceBase: true,
   gridGetRowsParamsSelector: true,
   useGridDataSourceFilterModelChange: true,
+  useGridDataSourcePolling: true,
   getColumnsToExport: true,
   defaultGetRowsToExport: true,
   NotRendered: true,
@@ -765,6 +766,12 @@ Object.defineProperty(exports, "useGridDataSourceFilterModelChange", {
     return _useGridDataSourceFilterModelChange.useGridDataSourceFilterModelChange;
   }
 });
+Object.defineProperty(exports, "useGridDataSourcePolling", {
+  enumerable: true,
+  get: function () {
+    return _useGridDataSourcePolling.useGridDataSourcePolling;
+  }
+});
 Object.defineProperty(exports, "useGridDensity", {
   enumerable: true,
   get: function () {
@@ -1144,6 +1151,7 @@ var _utils2 = require("../hooks/features/dataSource/utils");
 var _useGridDataSourceBase = require("../hooks/features/dataSource/useGridDataSourceBase");
 var _gridDataSourceSelector = require("../hooks/features/dataSource/gridDataSourceSelector");
 var _useGridDataSourceFilterModelChange = require("../hooks/features/dataSource/useGridDataSourceFilterModelChange");
+var _useGridDataSourcePolling = require("../hooks/features/dataSource/useGridDataSourcePolling");
 var _utils3 = require("../hooks/features/export/utils");
 var _createControllablePromise = require("../utils/createControllablePromise");
 Object.keys(_createControllablePromise).forEach(function (key) {

package/internals/index.mjs

@@ -80,6 +80,7 @@ export { useGridDataSourceBase } from "../hooks/features/dataSource/useGridDataS
 export { CacheChunkManager } from "../hooks/features/dataSource/utils.mjs";
 export { gridGetRowsParamsSelector } from "../hooks/features/dataSource/gridDataSourceSelector.mjs";
 export { useGridDataSourceFilterModelChange } from "../hooks/features/dataSource/useGridDataSourceFilterModelChange.mjs";
+export { useGridDataSourcePolling } from "../hooks/features/dataSource/useGridDataSourcePolling.mjs";
 export { getColumnsToExport, defaultGetRowsToExport } from "../hooks/features/export/utils.mjs";
 export * from "../utils/createControllablePromise.mjs";
 export * from "../utils/focusElement.mjs";

package/internals/utils/cache.d.mts

@@ -1,7 +1,6 @@
 import type { GridGetRowsParams, GridGetRowsResponse } from "../../models/gridDataSource.mjs";
 export declare class TestCache {
   private cache;
-  constructor();
   set(key: GridGetRowsParams, value: GridGetRowsResponse): void;
   get(key: GridGetRowsParams): GridGetRowsResponse | undefined;
   size(): number;

package/internals/utils/cache.d.ts

@@ -1,7 +1,6 @@
 import type { GridGetRowsParams, GridGetRowsResponse } from "../../models/gridDataSource.js";
 export declare class TestCache {
   private cache;
-  constructor();
   set(key: GridGetRowsParams, value: GridGetRowsResponse): void;
   get(key: GridGetRowsParams): GridGetRowsResponse | undefined;
   size(): number;

package/internals/utils/cache.js

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TestCache = void 0;
 var _cache = require("../../hooks/features/dataSource/cache");
 class TestCache {
-  constructor() {
-    this.cache = new Map();
-  }
+  cache = new Map();
   set(key, value) {
     this.cache.set((0, _cache.getKeyDefault)(key), value);
   }

package/internals/utils/cache.mjs

@@ -1,8 +1,6 @@
 import { getKeyDefault } from "../../hooks/features/dataSource/cache.mjs";
 export class TestCache {
-  constructor() {
-    this.cache = new Map();
-  }
+  cache = new Map();
   set(key, value) {
     this.cache.set(getKeyDefault(key), value);
   }

package/internals/utils/computeSlots.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 export function computeSlots({
   defaultSlots,
   slots

package/internals/utils/propValidation.js

@@ -8,7 +8,7 @@ exports.validateProps = validateProps;
 var _warning = require("@mui/x-internals/warning");
 var _utils = require("../../utils/utils");
 var _signature = require("../../constants/signature");
-const propValidatorsDataGrid = exports.propValidatorsDataGrid = [props => props.autoPageSize && props.autoHeight && ['MUI X: `<DataGrid autoPageSize={true} autoHeight={true} />` are not valid props.', 'You cannot use both the `autoPageSize` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to the `pageSize`.', '', 'Please remove one of these two props.'].join('\n') || undefined, props => props.paginationMode === 'client' && props.paginationMeta != null && ['MUI X: Usage of the `paginationMeta` prop with client-side pagination (`paginationMode="client"`) has no effect.', '`paginationMeta` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.signature === _signature.GridSignature.DataGrid && props.paginationMode === 'client' && (0, _utils.isNumber)(props.rowCount) && ['MUI X: Usage of the `rowCount` prop with client side pagination (`paginationMode="client"`) has no effect.', '`rowCount` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.paginationMode === 'server' && props.rowCount == null && !props.dataSource && !props.paginationMeta && ["MUI X: The `rowCount` prop must be passed using `paginationMode='server'`", 'For more detail, see http://mui.com/components/data-grid/pagination/#index-based-pagination'].join('\n') || undefined];
+const propValidatorsDataGrid = exports.propValidatorsDataGrid = [props => props.autoPageSize && props.autoHeight && ['MUI X: `<DataGrid autoPageSize={true} autoHeight={true} />` are not valid props.', 'You cannot use both the `autoPageSize` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to the `pageSize`.', '', 'Please remove one of these two props.'].join('\n') || undefined, props => props.height != null && props.autoHeight && ['MUI X: `<DataGrid height={...} autoHeight={true} />` are not valid props.', 'You cannot use both the `height` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to its content.', '', 'Please remove one of these two props.'].join('\n') || undefined, props => props.paginationMode === 'client' && props.paginationMeta != null && ['MUI X: Usage of the `paginationMeta` prop with client-side pagination (`paginationMode="client"`) has no effect.', '`paginationMeta` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.signature === _signature.GridSignature.DataGrid && props.paginationMode === 'client' && (0, _utils.isNumber)(props.rowCount) && ['MUI X: Usage of the `rowCount` prop with client side pagination (`paginationMode="client"`) has no effect.', '`rowCount` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.paginationMode === 'server' && props.rowCount == null && !props.dataSource && !props.paginationMeta && ["MUI X: The `rowCount` prop must be passed using `paginationMode='server'`", 'For more detail, see http://mui.com/components/data-grid/pagination/#index-based-pagination'].join('\n') || undefined];
 function validateProps(props, validators) {
   if (process.env.NODE_ENV === 'production') {
     return;
@@ -16,7 +16,7 @@ function validateProps(props, validators) {
   validators.forEach(validator => {
     const message = validator(props);
     if (message) {
-      (0, _warning.warnOnce)(message, 'error');
+      (0, _warning.errorOnce)(message);
     }
   });
 }

package/internals/utils/propValidation.mjs

@@ -1,7 +1,7 @@
-import { warnOnce } from '@mui/x-internals/warning';
+import { errorOnce } from '@mui/x-internals/warning';
 import { isNumber } from "../../utils/utils.mjs";
 import { GridSignature } from "../../constants/signature.mjs";
-export const propValidatorsDataGrid = [props => props.autoPageSize && props.autoHeight && ['MUI X: `<DataGrid autoPageSize={true} autoHeight={true} />` are not valid props.', 'You cannot use both the `autoPageSize` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to the `pageSize`.', '', 'Please remove one of these two props.'].join('\n') || undefined, props => props.paginationMode === 'client' && props.paginationMeta != null && ['MUI X: Usage of the `paginationMeta` prop with client-side pagination (`paginationMode="client"`) has no effect.', '`paginationMeta` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.signature === GridSignature.DataGrid && props.paginationMode === 'client' && isNumber(props.rowCount) && ['MUI X: Usage of the `rowCount` prop with client side pagination (`paginationMode="client"`) has no effect.', '`rowCount` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.paginationMode === 'server' && props.rowCount == null && !props.dataSource && !props.paginationMeta && ["MUI X: The `rowCount` prop must be passed using `paginationMode='server'`", 'For more detail, see http://mui.com/components/data-grid/pagination/#index-based-pagination'].join('\n') || undefined];
+export const propValidatorsDataGrid = [props => props.autoPageSize && props.autoHeight && ['MUI X: `<DataGrid autoPageSize={true} autoHeight={true} />` are not valid props.', 'You cannot use both the `autoPageSize` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to the `pageSize`.', '', 'Please remove one of these two props.'].join('\n') || undefined, props => props.height != null && props.autoHeight && ['MUI X: `<DataGrid height={...} autoHeight={true} />` are not valid props.', 'You cannot use both the `height` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to its content.', '', 'Please remove one of these two props.'].join('\n') || undefined, props => props.paginationMode === 'client' && props.paginationMeta != null && ['MUI X: Usage of the `paginationMeta` prop with client-side pagination (`paginationMode="client"`) has no effect.', '`paginationMeta` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.signature === GridSignature.DataGrid && props.paginationMode === 'client' && isNumber(props.rowCount) && ['MUI X: Usage of the `rowCount` prop with client side pagination (`paginationMode="client"`) has no effect.', '`rowCount` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.paginationMode === 'server' && props.rowCount == null && !props.dataSource && !props.paginationMeta && ["MUI X: The `rowCount` prop must be passed using `paginationMode='server'`", 'For more detail, see http://mui.com/components/data-grid/pagination/#index-based-pagination'].join('\n') || undefined];
 export function validateProps(props, validators) {
   if (process.env.NODE_ENV === 'production') {
     return;
@@ -9,7 +9,7 @@ export function validateProps(props, validators) {
   validators.forEach(validator => {
     const message = validator(props);
     if (message) {
-      warnOnce(message, 'error');
+      errorOnce(message);
     }
   });
 }

package/material/index.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["id", "label", "labelId", "material", "disabled", "multiple", "slotProps", "onChange", "onKeyDown", "onOpen", "onClose", "renderValue", "size", "style", "fullWidth"],
   _excluded2 = ["onRowsPerPageChange", "material", "disabled"],
   _excluded3 = ["material"],

package/models/api/gridCoreApi.d.mts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
 import type { EventManager, EventListenerOptions } from '@mui/x-internals/EventManager';
-import type { Store } from '@mui/x-internals/store';
+import type { Store } from '@base-ui/utils/store';
 import type { GridEventPublisher, GridEventListener, GridEvents } from "../events/index.mjs";
 import type { GridApiCaches } from "../gridApiCaches.mjs";
 import type { GridApiCommon, GridPrivateApiCommon } from "./gridApiCommon.mjs";

package/models/api/gridCoreApi.d.ts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
 import type { EventManager, EventListenerOptions } from '@mui/x-internals/EventManager';
-import type { Store } from '@mui/x-internals/store';
+import type { Store } from '@base-ui/utils/store';
 import type { GridEventPublisher, GridEventListener, GridEvents } from "../events/index.js";
 import type { GridApiCaches } from "../gridApiCaches.js";
 import type { GridApiCommon, GridPrivateApiCommon } from "./gridApiCommon.js";

package/models/api/gridEditingApi.d.mts

@@ -4,17 +4,17 @@ import type { GridCellModes, GridRowModes } from "../gridEditRowModel.mjs";
 import type { GridRowId, GridRowModel } from "../gridRows.mjs";
 import type { GridCellParams } from "../params/gridCellParams.mjs";
 import type { GridEditCellValueParams } from "../params/gridEditCellParams.mjs";
-export type GridCellModesModelProps = ({
+export type GridCellModesModelProps = {
   mode: GridCellModes.View;
-} & Omit<GridStopCellEditModeParams, 'id' | 'field'>) | ({
+} & Omit<GridStopCellEditModeParams, 'id' | 'field'> | {
   mode: GridCellModes.Edit;
-} & Omit<GridStartCellEditModeParams, 'id' | 'field'>);
+} & Omit<GridStartCellEditModeParams, 'id' | 'field'>;
 export type GridCellModesModel = Record<GridRowId, Record<string, GridCellModesModelProps>>;
-export type GridRowModesModelProps = ({
+export type GridRowModesModelProps = {
   mode: GridRowModes.View;
-} & Omit<GridStopRowEditModeParams, 'id' | 'field'>) | ({
+} & Omit<GridStopRowEditModeParams, 'id' | 'field'> | {
   mode: GridRowModes.Edit;
-} & Omit<GridStartRowEditModeParams, 'id' | 'field'>);
+} & Omit<GridStartRowEditModeParams, 'id' | 'field'>;
 export type GridRowModesModel = Record<GridRowId, GridRowModesModelProps>;
 export interface GridEditCellMeta {
   changeReason?: 'debouncedSetEditCellValue' | 'setEditCellValue';

package/models/api/gridEditingApi.d.ts

@@ -4,17 +4,17 @@ import type { GridCellModes, GridRowModes } from "../gridEditRowModel.js";
 import type { GridRowId, GridRowModel } from "../gridRows.js";
 import type { GridCellParams } from "../params/gridCellParams.js";
 import type { GridEditCellValueParams } from "../params/gridEditCellParams.js";
-export type GridCellModesModelProps = ({
+export type GridCellModesModelProps = {
   mode: GridCellModes.View;
-} & Omit<GridStopCellEditModeParams, 'id' | 'field'>) | ({
+} & Omit<GridStopCellEditModeParams, 'id' | 'field'> | {
   mode: GridCellModes.Edit;
-} & Omit<GridStartCellEditModeParams, 'id' | 'field'>);
+} & Omit<GridStartCellEditModeParams, 'id' | 'field'>;
 export type GridCellModesModel = Record<GridRowId, Record<string, GridCellModesModelProps>>;
-export type GridRowModesModelProps = ({
+export type GridRowModesModelProps = {
   mode: GridRowModes.View;
-} & Omit<GridStopRowEditModeParams, 'id' | 'field'>) | ({
+} & Omit<GridStopRowEditModeParams, 'id' | 'field'> | {
   mode: GridRowModes.Edit;
-} & Omit<GridStartRowEditModeParams, 'id' | 'field'>);
+} & Omit<GridStartRowEditModeParams, 'id' | 'field'>;
 export type GridRowModesModel = Record<GridRowId, GridRowModesModelProps>;
 export interface GridEditCellMeta {
   changeReason?: 'debouncedSetEditCellValue' | 'setEditCellValue';

package/models/api/gridPrintExportApi.d.mts

@@ -6,6 +6,7 @@ export interface GridPrintExportApi {
   /**
    * Print the grid's data.
    * @param {GridPrintExportOptions} options The options to apply on the export.
+   * @returns {Promise<void>} A promise that resolves once the print dialog has been shown, which in most browsers means once it's closed, and rejects if the print fails, for example when `onStylesheetError` stops it.
    */
-  exportDataAsPrint: (options?: GridPrintExportOptions) => void;
+  exportDataAsPrint: (options?: GridPrintExportOptions) => Promise<void>;
 }

package/models/api/gridPrintExportApi.d.ts

@@ -6,6 +6,7 @@ export interface GridPrintExportApi {
   /**
    * Print the grid's data.
    * @param {GridPrintExportOptions} options The options to apply on the export.
+   * @returns {Promise<void>} A promise that resolves once the print dialog has been shown, which in most browsers means once it's closed, and rejects if the print fails, for example when `onStylesheetError` stops it.
    */
-  exportDataAsPrint: (options?: GridPrintExportOptions) => void;
+  exportDataAsPrint: (options?: GridPrintExportOptions) => Promise<void>;
 }

package/models/events/gridEventLookup.d.mts

@@ -503,17 +503,17 @@ export interface GridEventLookup extends GridRowEventLookup, GridColumnHeaderEve
   };
   /**
    * Fired when the rows are updated.
-   * @ignore - do not document.
+   * The filtering and sorting of the updated rows run after this event.
    */
   rowsSet: {};
   /**
-   * Fired when the filtered rows are updated
-   * @ignore - do not document.
+   * Fired when the filtered rows are updated.
+   * The event fires after the state update and before the re-render.
    */
   filteredRowsSet: {};
   /**
-   * Fired when the sorted rows are updated
-   * @ignore - do not document
+   * Fired when the sorted rows are updated.
+   * The event fires after the state update and before the re-render.
    */
   sortedRowsSet: {};
   /**

package/models/events/gridEventLookup.d.ts

@@ -503,17 +503,17 @@ export interface GridEventLookup extends GridRowEventLookup, GridColumnHeaderEve
   };
   /**
    * Fired when the rows are updated.
-   * @ignore - do not document.
+   * The filtering and sorting of the updated rows run after this event.
    */
   rowsSet: {};
   /**
-   * Fired when the filtered rows are updated
-   * @ignore - do not document.
+   * Fired when the filtered rows are updated.
+   * The event fires after the state update and before the re-render.
    */
   filteredRowsSet: {};
   /**
-   * Fired when the sorted rows are updated
-   * @ignore - do not document
+   * Fired when the sorted rows are updated.
+   * The event fires after the state update and before the re-render.
    */
   sortedRowsSet: {};
   /**

package/models/gridBaseSlots.d.mts

@@ -152,7 +152,7 @@ export type IconButtonProps = Omit<ButtonProps, 'startIcon'> & {
   label?: string;
   color?: 'default' | 'inherit' | 'primary';
   edge?: 'start' | 'end' | false;
-};
+} & LinkableComponentProps;
 export type ToggleButtonProps = Omit<CommonProps, 'onChange'> & {
   selected?: boolean;
   value: string;
@@ -179,6 +179,23 @@ export type MenuItemProps = CommonProps & {
   selected?: boolean;
   value?: number | string | readonly string[];
   style?: React.CSSProperties;
+} & LinkableComponentProps;
+/**
+ * Props shared by components that can render as a link, either by setting
+ * `href` directly, or by overriding `component` (for example with a router `Link`).
+ */
+type LinkableComponentProps = {
+  /** The component used for the root node. Either a string to use an HTML element or a component. */
+  component?: React.ElementType;
+  /** The URL to link to. If set, and `component` is not set, the component renders as an anchor tag. */
+  href?: string;
+  /** Where to display the linked URL, as the name for a browsing context. */
+  target?: React.HTMLAttributeAnchorTarget;
+  /**
+   * The relationship of the linked URL.
+   * Set it to `noopener noreferrer` when `target` is set to `_blank` to avoid a security issue.
+   */
+  rel?: string;
 };
 type BasePlacement = 'top' | 'bottom' | 'left' | 'right';
 type VariationPlacement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';

package/models/gridBaseSlots.d.ts

@@ -152,7 +152,7 @@ export type IconButtonProps = Omit<ButtonProps, 'startIcon'> & {
   label?: string;
   color?: 'default' | 'inherit' | 'primary';
   edge?: 'start' | 'end' | false;
-};
+} & LinkableComponentProps;
 export type ToggleButtonProps = Omit<CommonProps, 'onChange'> & {
   selected?: boolean;
   value: string;
@@ -179,6 +179,23 @@ export type MenuItemProps = CommonProps & {
   selected?: boolean;
   value?: number | string | readonly string[];
   style?: React.CSSProperties;
+} & LinkableComponentProps;
+/**
+ * Props shared by components that can render as a link, either by setting
+ * `href` directly, or by overriding `component` (for example with a router `Link`).
+ */
+type LinkableComponentProps = {
+  /** The component used for the root node. Either a string to use an HTML element or a component. */
+  component?: React.ElementType;
+  /** The URL to link to. If set, and `component` is not set, the component renders as an anchor tag. */
+  href?: string;
+  /** Where to display the linked URL, as the name for a browsing context. */
+  target?: React.HTMLAttributeAnchorTarget;
+  /**
+   * The relationship of the linked URL.
+   * Set it to `noopener noreferrer` when `target` is set to `_blank` to avoid a security issue.
+   */
+  rel?: string;
 };
 type BasePlacement = 'top' | 'bottom' | 'left' | 'right';
 type VariationPlacement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';

package/models/gridEditRowModel.d.mts

@@ -15,14 +15,14 @@ export type GridEditingState = {
 export type GridEditMode = 'cell' | 'row';
 declare enum GridEditModes {
   Cell = "cell",
-  Row = "row",
+  Row = "row"
 }
 declare enum GridCellModes {
   Edit = "edit",
-  View = "view",
+  View = "view"
 }
 declare enum GridRowModes {
   Edit = "edit",
-  View = "view",
+  View = "view"
 }
 export { GridEditModes, GridCellModes, GridRowModes };

package/models/gridEditRowModel.d.ts

@@ -15,14 +15,14 @@ export type GridEditingState = {
 export type GridEditMode = 'cell' | 'row';
 declare enum GridEditModes {
   Cell = "cell",
-  Row = "row",
+  Row = "row"
 }
 declare enum GridCellModes {
   Edit = "edit",
-  View = "view",
+  View = "view"
 }
 declare enum GridRowModes {
   Edit = "edit",
-  View = "view",
+  View = "view"
 }
 export { GridEditModes, GridCellModes, GridRowModes };

package/models/gridExport.d.mts

@@ -1,4 +1,5 @@
 import type { RefObject } from '@mui/x-internals/types';
+import type { StylesheetErrorReason } from '@mui/x-internals/export';
 import type { GridRowId } from "./gridRows.mjs";
 import type { GridApiCommon } from "./api/index.mjs";
 import type { GridApiCommunity } from "./api/gridApiCommunity.mjs";
@@ -132,6 +133,18 @@ export interface GridPrintExportOptions extends GridExportOptions {
    * @default true
    */
   copyStyles?: boolean;
+  /**
+   * Callback function that is called when a stylesheet, or a stylesheet it imports, fails to load in the print window,
+   * for example if a request fails or a Content Security Policy blocks it.
+   * Return or resolve to `false` to cancel the export without an error.
+   * Throw or reject to make the export fail with that error.
+   * Return anything else to continue the export, so the result may be missing some styles.
+   * If not provided, the export continues and the failure is logged as a warning in development.
+   * @param {HTMLLinkElement} element The stylesheet link element that failed to load, or whose import failed to load.
+   * @param {StylesheetErrorReason} reason `'content-security-policy'` if the Content Security Policy blocked the stylesheet, `'load-error'` if the request failed or a stylesheet it imports failed to load.
+   * @returns {Promise<boolean | void> | boolean | void} `false` to cancel the export. If a promise is returned, the export waits for it to settle before proceeding.
+   */
+  onStylesheetError?: (element: HTMLLinkElement, reason: StylesheetErrorReason) => Promise<boolean | void> | boolean | void;
   /**
    * One or more classes passed to the print window.
    */

package/models/gridExport.d.ts

@@ -1,4 +1,5 @@
 import type { RefObject } from '@mui/x-internals/types';
+import type { StylesheetErrorReason } from '@mui/x-internals/export';
 import type { GridRowId } from "./gridRows.js";
 import type { GridApiCommon } from "./api/index.js";
 import type { GridApiCommunity } from "./api/gridApiCommunity.js";
@@ -132,6 +133,18 @@ export interface GridPrintExportOptions extends GridExportOptions {
    * @default true
    */
   copyStyles?: boolean;
+  /**
+   * Callback function that is called when a stylesheet, or a stylesheet it imports, fails to load in the print window,
+   * for example if a request fails or a Content Security Policy blocks it.
+   * Return or resolve to `false` to cancel the export without an error.
+   * Throw or reject to make the export fail with that error.
+   * Return anything else to continue the export, so the result may be missing some styles.
+   * If not provided, the export continues and the failure is logged as a warning in development.
+   * @param {HTMLLinkElement} element The stylesheet link element that failed to load, or whose import failed to load.
+   * @param {StylesheetErrorReason} reason `'content-security-policy'` if the Content Security Policy blocked the stylesheet, `'load-error'` if the request failed or a stylesheet it imports failed to load.
+   * @returns {Promise<boolean | void> | boolean | void} `false` to cancel the export. If a promise is returned, the export waits for it to settle before proceeding.
+   */
+  onStylesheetError?: (element: HTMLLinkElement, reason: StylesheetErrorReason) => Promise<boolean | void> | boolean | void;
   /**
    * One or more classes passed to the print window.
    */

package/models/gridFilterItem.d.mts

@@ -23,10 +23,10 @@ export interface GridFilterItem {
    * The name of the operator we want to apply.
    * A custom operator is supported by providing any string value.
    */
-  operator: 'contains' | 'doesNotContain' | 'equals' | 'doesNotEqual' | 'startsWith' | 'endsWith' | '=' | '!=' | '>' | '>=' | '<' | '<=' | 'is' | 'not' | 'after' | 'onOrAfter' | 'before' | 'onOrBefore' | 'isEmpty' | 'isNotEmpty' | 'isAnyOf' | (string & {});
+  operator: 'contains' | 'doesNotContain' | 'equals' | 'doesNotEqual' | 'startsWith' | 'endsWith' | '=' | '!=' | '>' | '>=' | '<' | '<=' | 'is' | 'not' | 'after' | 'onOrAfter' | 'before' | 'onOrBefore' | 'isEmpty' | 'isNotEmpty' | 'isAnyOf' | string & {};
 }
 declare enum GridLogicOperator {
   And = "and",
-  Or = "or",
+  Or = "or"
 }
 export { GridLogicOperator };

package/models/gridFilterItem.d.ts

@@ -23,10 +23,10 @@ export interface GridFilterItem {
    * The name of the operator we want to apply.
    * A custom operator is supported by providing any string value.
    */
-  operator: 'contains' | 'doesNotContain' | 'equals' | 'doesNotEqual' | 'startsWith' | 'endsWith' | '=' | '!=' | '>' | '>=' | '<' | '<=' | 'is' | 'not' | 'after' | 'onOrAfter' | 'before' | 'onOrBefore' | 'isEmpty' | 'isNotEmpty' | 'isAnyOf' | (string & {});
+  operator: 'contains' | 'doesNotContain' | 'equals' | 'doesNotEqual' | 'startsWith' | 'endsWith' | '=' | '!=' | '>' | '>=' | '<' | '<=' | 'is' | 'not' | 'after' | 'onOrAfter' | 'before' | 'onOrBefore' | 'isEmpty' | 'isNotEmpty' | 'isAnyOf' | string & {};
 }
 declare enum GridLogicOperator {
   And = "and",
-  Or = "or",
+  Or = "or"
 }
 export { GridLogicOperator };

package/models/index.d.mts

@@ -28,4 +28,5 @@ export * from "./gridColumnGrouping.mjs";
 export type { GridDataSourceCache, GridUpdateRowParams } from "./gridDataSource.mjs";
 export type { GridExportOptions, GridFileExportOptions, GridGetRowsToExportParams, GridCsvGetRowsToExportParams, GridPrintGetRowsToExportParams, GridCsvExportOptions, GridPrintExportOptions } from "./gridExport.mjs";
 export * from "./gridFilterOperator.mjs";
-export type { PropsFromSlot } from '@mui/x-internals/slots';
+export type { PropsFromSlot } from '@mui/x-internals/slots';
+export type { StylesheetErrorReason } from '@mui/x-internals/export';

package/models/index.d.ts

@@ -28,4 +28,5 @@ export * from "./gridColumnGrouping.js";
 export type { GridDataSourceCache, GridUpdateRowParams } from "./gridDataSource.js";
 export type { GridExportOptions, GridFileExportOptions, GridGetRowsToExportParams, GridCsvGetRowsToExportParams, GridPrintGetRowsToExportParams, GridCsvExportOptions, GridPrintExportOptions } from "./gridExport.js";
 export * from "./gridFilterOperator.js";
-export type { PropsFromSlot } from '@mui/x-internals/slots';
+export type { PropsFromSlot } from '@mui/x-internals/slots';
+export type { StylesheetErrorReason } from '@mui/x-internals/export';

package/models/params/gridEditCellParams.d.mts

@@ -30,7 +30,7 @@ declare enum GridCellEditStartReasons {
   cellDoubleClick = "cellDoubleClick",
   printableKeyDown = "printableKeyDown",
   deleteKeyDown = "deleteKeyDown",
-  pasteKeyDown = "pasteKeyDown",
+  pasteKeyDown = "pasteKeyDown"
 }
 /**
  * Params passed to the `cellEditStart` event.
@@ -51,7 +51,7 @@ declare enum GridCellEditStopReasons {
   escapeKeyDown = "escapeKeyDown",
   enterKeyDown = "enterKeyDown",
   tabKeyDown = "tabKeyDown",
-  shiftTabKeyDown = "shiftTabKeyDown",
+  shiftTabKeyDown = "shiftTabKeyDown"
 }
 /**
  * Params passed to the `cellEditStop event.

package/models/params/gridEditCellParams.d.ts

@@ -30,7 +30,7 @@ declare enum GridCellEditStartReasons {
   cellDoubleClick = "cellDoubleClick",
   printableKeyDown = "printableKeyDown",
   deleteKeyDown = "deleteKeyDown",
-  pasteKeyDown = "pasteKeyDown",
+  pasteKeyDown = "pasteKeyDown"
 }
 /**
  * Params passed to the `cellEditStart` event.
@@ -51,7 +51,7 @@ declare enum GridCellEditStopReasons {
   escapeKeyDown = "escapeKeyDown",
   enterKeyDown = "enterKeyDown",
   tabKeyDown = "tabKeyDown",
-  shiftTabKeyDown = "shiftTabKeyDown",
+  shiftTabKeyDown = "shiftTabKeyDown"
 }
 /**
  * Params passed to the `cellEditStop event.

package/models/params/gridRowParams.d.mts

@@ -57,7 +57,7 @@ declare enum GridRowEditStartReasons {
   enterKeyDown = "enterKeyDown",
   cellDoubleClick = "cellDoubleClick",
   printableKeyDown = "printableKeyDown",
-  deleteKeyDown = "deleteKeyDown",
+  deleteKeyDown = "deleteKeyDown"
 }
 /**
  * Params passed to the `rowEditStart` event.
@@ -81,7 +81,7 @@ declare enum GridRowEditStopReasons {
   escapeKeyDown = "escapeKeyDown",
   enterKeyDown = "enterKeyDown",
   tabKeyDown = "tabKeyDown",
-  shiftTabKeyDown = "shiftTabKeyDown",
+  shiftTabKeyDown = "shiftTabKeyDown"
 }
 export interface GridRowEditStopParams<R extends GridValidRowModel = any> extends GridRowParams<R> {
   /**

package/models/params/gridRowParams.d.ts

@@ -57,7 +57,7 @@ declare enum GridRowEditStartReasons {
   enterKeyDown = "enterKeyDown",
   cellDoubleClick = "cellDoubleClick",
   printableKeyDown = "printableKeyDown",
-  deleteKeyDown = "deleteKeyDown",
+  deleteKeyDown = "deleteKeyDown"
 }
 /**
  * Params passed to the `rowEditStart` event.
@@ -81,7 +81,7 @@ declare enum GridRowEditStopReasons {
   escapeKeyDown = "escapeKeyDown",
   enterKeyDown = "enterKeyDown",
   tabKeyDown = "tabKeyDown",
-  shiftTabKeyDown = "shiftTabKeyDown",
+  shiftTabKeyDown = "shiftTabKeyDown"
 }
 export interface GridRowEditStopParams<R extends GridValidRowModel = any> extends GridRowParams<R> {
   /**

package/models/props/DataGridProps.d.mts

@@ -459,6 +459,14 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
    * Override the height/width of the Data Grid inner scrollbar.
    */
   scrollbarSize?: number;
+  /**
+   * The fixed height of the Data Grid.
+   * Accepts a number (pixels), a CSS length (for example `'50vh'`), a percentage, or a CSS calculation.
+   * Percentage values require a parent with an explicit height.
+   * Content-based values such as `'auto'`, `'min-content'`, `'max-content'`, and `'fit-content'` are not supported.
+   * For content-based sizing, use a flex parent container instead.
+   */
+  height?: number | string;
   /**
    * Function that applies CSS classes dynamically on cells.
    * @param {GridCellParams} params With all properties from [[GridCellParams]].

package/models/props/DataGridProps.d.ts

@@ -459,6 +459,14 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
    * Override the height/width of the Data Grid inner scrollbar.
    */
   scrollbarSize?: number;
+  /**
+   * The fixed height of the Data Grid.
+   * Accepts a number (pixels), a CSS length (for example `'50vh'`), a percentage, or a CSS calculation.
+   * Percentage values require a parent with an explicit height.
+   * Content-based values such as `'auto'`, `'min-content'`, `'max-content'`, and `'fit-content'` are not supported.
+   * For content-based sizing, use a flex parent container instead.
+   */
+  height?: number | string;
   /**
    * Function that applies CSS classes dynamically on cells.
    * @param {GridCellParams} params With all properties from [[GridCellParams]].