@mui/x-data-grid 8.25.0 → 8.27.0

package/CHANGELOG.md

@@ -5,6 +5,190 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## v8.27.0
+
+_Feb 2, 2026_
+
+We'd like to extend a big thank you to the 8 contributors who made this release possible. Here are some highlights ✨:
+
+- 📝 Data Grid supports new `longText` [column type](https://mui.com/x/react-data-grid/column-definition/#column-types)
+
+The following team members contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @JCQuintas, @MBilalShafi, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.27.0`
+
+- [DataGrid] Fix virtualization crash by preventing out-of-bounds `focusedVirtualCell` indices (#21123) @cherniavskii
+- [DataGrid] Fix focus steal issue with `<Dialog />` (#21106) @MBilalShafi
+- [DataGrid] Add new `longText` column type (#21103) @siriwatknp
+
+#### `@mui/x-data-grid-pro@8.27.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.27.0`.
+
+#### `@mui/x-data-grid-premium@8.27.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.27.0`, plus:
+
+- [DataGridPremium] Fix focus retention when undo/redo operations are done on the same cell (#21110) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.27.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.27.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.27.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.27.0`
+
+- [charts] Deprecate `AxisId` class in favour of to `data-axis-id` attribute (#21048) @JCQuintas
+
+#### `@mui/x-charts-pro@8.27.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.27.0`, plus:
+
+- [charts-pro] Add `onItemClick` to the heatmap (#20817) (#21030) @alexfauquette
+
+#### `@mui/x-charts-premium@8.27.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@8.27.0`, plus:
+
+- [charts-premium] Fix wrong `defaultSlots` in premium charts (#21052) @bernardobelchior
+
+### Tree View
+
+#### `@mui/x-tree-view@8.27.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.27.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.27.0`, plus:
+
+- [RichTreeViewPro] Do not export `useSimpleTreeViewApiRef()` and `useRichTreeViewApiRef()` from pro package (#21145) @flaviendelangle
+
+### Codemod
+
+#### `@mui/x-codemod@8.27.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix DataGrid's cell edit renderers (@arminmeh) (#21041) @github-actions[bot]
+
+### Core
+
+- [code-infra] Add `consistent-type-imports` rule to the grid packages (#21119) @arminmeh
+- [code-infra] Allow user to select target branch if it exists for current major (#21005) @JCQuintas
+- [code-infra] Fix the target branch condition in the release script (#21051) @arminmeh
+- [code-infra] Update docs deploy script to fetch from `v8.x` (#21013) @arminmeh
+
+## 8.26.1
+
+_Jan 23, 2026_
+
+Release highlight ✨:
+
+- 🐞 Hotfix for Data Grid Premium type imports
+
+### Data Grid
+
+#### `@mui/x-data-grid-premium@8.26.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+- [DataGridPremium] Fix type import (#21033) @arminmeh
+
+## 8.26.0
+
+_Jan 22, 2026_
+
+We'd like to extend a big thank you to the 6 contributors who made this release possible. Here are some highlights ✨:
+
+- 🔄 Data Grid now supports undo and redo actions. See the [Undo and redo](https://mui.com/x/react-data-grid/undo-redo/) page for details about out-of-the-box support and customization options.
+- 🐞 Bugfixes
+
+Special thanks go out to these community members for their valuable contributions:
+@jhe-iqbis
+
+The following team members contributed to this release:
+@arminmeh, @cherniavskii, @flaviendelangle, @JCQuintas, @romgrk
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.26.0`
+
+- [DataGrid] Add `onMenuOpen()` and `onMenuClose()` event handlers in `GridActionsCell` (#20994) @jhe-iqbis
+- [DataGrid] Fix scroll position when virtualization is disabled (#20958) @romgrk
+
+#### `@mui/x-data-grid-pro@8.26.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.26.0`.
+
+#### `@mui/x-data-grid-premium@8.26.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.26.0`, plus:
+
+- [DataGridPremium] Undo and redo (#20993) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.26.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.26.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.26.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.26.0`
+
+Internal changes.
+
+#### `@mui/x-charts-pro@8.26.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.26.0`.
+
+#### `@mui/x-charts-premium@8.26.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@8.26.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.26.0`
+
+- [tree view] Fix `props.id` not passed to the root element (#20976) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@8.26.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.26.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.26.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Recipe for lazy loading DataGrid's detail panels with auto height (#20995) @arminmeh
+
+### Core
+
+- [code-infra] Update `master` to `v8` references (#20864) @JCQuintas
+- [code-infra] Update v8 branch tags (#20926) @JCQuintas
+- [code-infra] V8 changes in master (#20919) @JCQuintas
+- [code-infra] Allow user to select target branch if it exists for current major (#21005) @JCQuintas
+- [internal] Set up shared instructions for coding agents (#21000) @cherniavskii
+
 ## 8.25.0
 
 <!-- generated comparing v8.24.0..master -->

package/DataGrid/DataGrid.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { DataGridProps } from "../models/props/DataGridProps.js";
-import { GridValidRowModel } from "../models/gridRows.js";
+import type { DataGridProps } from "../models/props/DataGridProps.js";
+import type { GridValidRowModel } from "../models/gridRows.js";
 export type { GridSlotsComponent as GridSlots } from "../models/index.js";
 interface DataGridComponent {
   <R extends GridValidRowModel = any>(props: DataGridProps<R> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;

package/DataGrid/useDataGridComponent.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from '@mui/x-internals/types';
-import { DataGridProcessedProps } from "../models/props/DataGridProps.js";
-import { GridPrivateApiCommunity } from "../models/api/gridApiCommunity.js";
-import { GridConfiguration } from "../models/configuration/gridConfiguration.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { DataGridProcessedProps } from "../models/props/DataGridProps.js";
+import type { GridPrivateApiCommunity } from "../models/api/gridApiCommunity.js";
+import type { GridConfiguration } from "../models/configuration/gridConfiguration.js";
 export declare const useDataGridComponent: (apiRef: RefObject<GridPrivateApiCommunity>, props: DataGridProcessedProps, configuration: GridConfiguration) => void;

package/DataGrid/useDataGridProps.d.ts

@@ -1,3 +1,3 @@
-import { DataGridProcessedProps, DataGridProps } from "../models/props/DataGridProps.js";
-import { GridValidRowModel } from "../models/index.js";
+import type { DataGridProcessedProps, DataGridProps } from "../models/props/DataGridProps.js";
+import type { GridValidRowModel } from "../models/index.js";
 export declare const useDataGridProps: <R extends GridValidRowModel>(inProps: DataGridProps<R>) => DataGridProcessedProps<R>;

package/colDef/gridActionsColDef.d.ts

@@ -1,3 +1,3 @@
-import { GridColTypeDef } from "../models/colDef/gridColDef.js";
+import type { GridColTypeDef } from "../models/colDef/gridColDef.js";
 export declare const GRID_ACTIONS_COLUMN_TYPE = "actions";
 export declare const GRID_ACTIONS_COL_DEF: GridColTypeDef;

package/colDef/gridBooleanColDef.d.ts

@@ -1,2 +1,2 @@
-import { GridColTypeDef } from "../models/colDef/gridColDef.js";
+import type { GridColTypeDef } from "../models/colDef/gridColDef.js";
 export declare const GRID_BOOLEAN_COL_DEF: GridColTypeDef<boolean | null, any>;

package/colDef/gridBooleanOperators.d.ts

@@ -1,2 +1,2 @@
-import { GridFilterOperator } from "../models/gridFilterOperator.js";
+import type { GridFilterOperator } from "../models/gridFilterOperator.js";
 export declare const getGridBooleanOperators: () => GridFilterOperator<any, boolean | null, any>[];

package/colDef/gridCheckboxSelectionColDef.d.ts

@@ -1,3 +1,3 @@
-import { GridColDef } from "../models/colDef/gridColDef.js";
+import type { GridColDef } from "../models/colDef/gridColDef.js";
 export declare const GRID_CHECKBOX_SELECTION_FIELD = "__check__";
 export declare const GRID_CHECKBOX_SELECTION_COL_DEF: GridColDef;

package/colDef/gridDateColDef.d.ts

@@ -1,4 +1,4 @@
-import { GridColTypeDef, GridValueFormatter } from "../models/colDef/gridColDef.js";
+import type { GridColTypeDef, GridValueFormatter } from "../models/colDef/gridColDef.js";
 export declare const gridDateFormatter: GridValueFormatter;
 export declare const gridDateTimeFormatter: GridValueFormatter;
 export declare const GRID_DATE_COL_DEF: GridColTypeDef<Date, string>;

package/colDef/gridDateOperators.d.ts

@@ -1,3 +1,3 @@
-import { GridFilterInputDateProps } from "../components/panel/filterPanel/GridFilterInputDate.js";
-import { GridFilterOperator } from "../models/gridFilterOperator.js";
+import { type GridFilterInputDateProps } from "../components/panel/filterPanel/GridFilterInputDate.js";
+import type { GridFilterOperator } from "../models/gridFilterOperator.js";
 export declare const getGridDateOperators: (showTime?: boolean) => GridFilterOperator<any, Date, any, GridFilterInputDateProps>[];

package/colDef/gridDefaultColumnTypes.js

@@ -10,6 +10,7 @@ var _gridDateColDef = require("./gridDateColDef");
 var _gridBooleanColDef = require("./gridBooleanColDef");
 var _gridSingleSelectColDef = require("./gridSingleSelectColDef");
 var _gridActionsColDef = require("./gridActionsColDef");
+var _gridLongTextColDef = require("./gridLongTextColDef");
 const DEFAULT_GRID_COL_TYPE_KEY = exports.DEFAULT_GRID_COL_TYPE_KEY = 'string';
 const getGridDefaultColumnTypes = () => {
   const nativeColumnTypes = {
@@ -20,7 +21,8 @@ const getGridDefaultColumnTypes = () => {
     boolean: _gridBooleanColDef.GRID_BOOLEAN_COL_DEF,
     singleSelect: _gridSingleSelectColDef.GRID_SINGLE_SELECT_COL_DEF,
     [_gridActionsColDef.GRID_ACTIONS_COLUMN_TYPE]: _gridActionsColDef.GRID_ACTIONS_COL_DEF,
-    custom: _gridStringColDef.GRID_STRING_COL_DEF
+    custom: _gridStringColDef.GRID_STRING_COL_DEF,
+    longText: _gridLongTextColDef.GRID_LONG_TEXT_COL_DEF
   };
   return nativeColumnTypes;
 };

package/colDef/gridLongTextColDef.d.ts

@@ -0,0 +1,2 @@
+import type { GridColTypeDef } from "../models/colDef/gridColDef.js";
+export declare const GRID_LONG_TEXT_COL_DEF: GridColTypeDef<string | null, any>;

package/colDef/gridLongTextColDef.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GRID_LONG_TEXT_COL_DEF = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _gridStringColDef = require("./gridStringColDef");
+var _GridLongTextCell = require("../components/cell/GridLongTextCell");
+var _GridEditLongTextCell = require("../components/cell/GridEditLongTextCell");
+const GRID_LONG_TEXT_COL_DEF = exports.GRID_LONG_TEXT_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRING_COL_DEF, {
+  type: 'longText',
+  display: 'flex',
+  renderCell: _GridLongTextCell.renderLongTextCell,
+  renderEditCell: _GridEditLongTextCell.renderEditLongTextCell
+});

package/colDef/gridNumericColDef.d.ts

@@ -1,2 +1,2 @@
-import { GridColTypeDef } from "../models/colDef/gridColDef.js";
+import type { GridColTypeDef } from "../models/colDef/gridColDef.js";
 export declare const GRID_NUMERIC_COL_DEF: GridColTypeDef<number | string | null, string>;

package/colDef/gridNumericOperators.d.ts

@@ -1,4 +1,4 @@
-import { GridFilterOperator } from "../models/gridFilterOperator.js";
+import type { GridFilterOperator } from "../models/gridFilterOperator.js";
 import type { GridFilterInputValueProps } from "../models/gridFilterInputComponent.js";
 import type { GetApplyQuickFilterFn } from "../models/colDef/gridColDef.js";
 export declare const getGridNumericQuickFilterFn: GetApplyQuickFilterFn<any, number | string | null>;

package/colDef/gridSingleSelectColDef.d.ts

@@ -1,2 +1,2 @@
-import { GridSingleSelectColDef } from "../models/colDef/gridColDef.js";
+import type { GridSingleSelectColDef } from "../models/colDef/gridColDef.js";
 export declare const GRID_SINGLE_SELECT_COL_DEF: Omit<GridSingleSelectColDef, 'field'>;

package/colDef/gridSingleSelectOperators.d.ts

@@ -1,2 +1,2 @@
-import { GridFilterOperator } from "../models/gridFilterOperator.js";
+import type { GridFilterOperator } from "../models/gridFilterOperator.js";
 export declare const getGridSingleSelectOperators: () => GridFilterOperator[];

package/colDef/gridStringColDef.d.ts

@@ -1,4 +1,4 @@
-import { GridColTypeDef } from "../models/colDef/gridColDef.js";
+import type { GridColTypeDef } from "../models/colDef/gridColDef.js";
 /**
  * TODO: Move pro and premium properties outside of this Community file
  */

package/colDef/gridStringOperators.d.ts

@@ -1,4 +1,4 @@
 import type { GetApplyQuickFilterFn } from "../models/colDef/gridColDef.js";
-import { GridFilterOperator } from "../models/gridFilterOperator.js";
+import type { GridFilterOperator } from "../models/gridFilterOperator.js";
 export declare const getGridStringQuickFilterFn: GetApplyQuickFilterFn<any, unknown>;
 export declare const getGridStringOperators: (disableTrim?: boolean) => GridFilterOperator<any, number | string | null, any>[];

package/colDef/index.d.ts

@@ -5,6 +5,7 @@ export * from "./gridDateColDef.js";
 export * from "./gridNumericColDef.js";
 export * from "./gridSingleSelectColDef.js";
 export * from "./gridStringColDef.js";
+export * from "./gridLongTextColDef.js";
 export * from "./gridBooleanOperators.js";
 export * from "./gridDateOperators.js";
 export * from "./gridNumericOperators.js";

package/colDef/index.js

@@ -80,6 +80,17 @@ Object.keys(_gridStringColDef).forEach(function (key) {
     }
   });
 });
+var _gridLongTextColDef = require("./gridLongTextColDef");
+Object.keys(_gridLongTextColDef).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridLongTextColDef[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridLongTextColDef[key];
+    }
+  });
+});
 var _gridBooleanOperators = require("./gridBooleanOperators");
 Object.keys(_gridBooleanOperators).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/components/GridColumnHeaders.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { UseGridColumnHeadersProps } from "../hooks/features/columnHeaders/useGridColumnHeaders.js";
+import { type UseGridColumnHeadersProps } from "../hooks/features/columnHeaders/useGridColumnHeaders.js";
 export interface GridColumnHeadersProps extends React.HTMLAttributes<HTMLDivElement>, UseGridColumnHeadersProps {
   ref?: React.Ref<HTMLDivElement>;
 }

package/components/GridColumnSortButton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GridSlotProps } from "../models/index.js";
-import { GridSortDirection } from "../models/gridSortModel.js";
+import type { GridSlotProps } from "../models/index.js";
+import type { GridSortDirection } from "../models/gridSortModel.js";
 export type GridColumnSortButtonProps = GridSlotProps['baseIconButton'] & {
   field: string;
   direction: GridSortDirection;

package/components/GridColumnUnsortedIcon.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GridBaseIconProps } from "../models/gridSlotsComponentsProps.js";
-import { GridSortDirection } from "../models/gridSortModel.js";
+import type { GridBaseIconProps } from "../models/gridSlotsComponentsProps.js";
+import type { GridSortDirection } from "../models/gridSortModel.js";
 export interface GridColumnUnsortedIconProps extends GridBaseIconProps {
   sortingOrder: GridSortDirection[];
 }

package/components/GridFooter.d.ts

@@ -1,4 +1,4 @@
-import { GridFooterContainerProps } from "./containers/GridFooterContainer.js";
+import { type GridFooterContainerProps } from "./containers/GridFooterContainer.js";
 declare const GridFooter: import("react").ForwardRefExoticComponent<GridFooterContainerProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/components/GridLoadingOverlay.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridOverlayProps } from "./containers/GridOverlay.js";
+import { type GridOverlayProps } from "./containers/GridOverlay.js";
 import type { GridLoadingOverlayVariant } from "../hooks/features/overlays/gridOverlaysInterfaces.js";
 export interface GridLoadingOverlayProps extends GridOverlayProps {
   /**

package/components/GridNoColumnsOverlay.d.ts

@@ -1,4 +1,4 @@
-import { GridOverlayProps } from "./containers/GridOverlay.js";
+import { type GridOverlayProps } from "./containers/GridOverlay.js";
 declare const GridNoColumnsOverlay: import("react").ForwardRefExoticComponent<GridOverlayProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/components/GridNoResultsOverlay.d.ts

@@ -1,4 +1,4 @@
-import { GridOverlayProps } from "./containers/GridOverlay.js";
+import { type GridOverlayProps } from "./containers/GridOverlay.js";
 export declare const GridNoResultsOverlay: import("react").ForwardRefExoticComponent<GridOverlayProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/components/GridNoRowsOverlay.d.ts

@@ -1,4 +1,4 @@
-import { GridOverlayProps } from "./containers/GridOverlay.js";
+import { type GridOverlayProps } from "./containers/GridOverlay.js";
 declare const GridNoRowsOverlay: import("react").ForwardRefExoticComponent<GridOverlayProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/components/GridRow.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GridRowId, GridRowModel } from "../models/gridRows.js";
-import { GridPinnedColumns } from "../hooks/features/columns/index.js";
+import type { GridRowId, GridRowModel } from "../models/gridRows.js";
+import type { GridPinnedColumns } from "../hooks/features/columns/index.js";
 import type { GridStateColDef } from "../models/colDef/gridColDef.js";
 export interface GridRowProps extends React.HTMLAttributes<HTMLDivElement> {
   row: GridRowModel;

package/components/GridRowCount.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { type SxProps, type Theme } from '@mui/system';
 interface RowCountProps {
   rowCount: number;
   visibleRowCount: number;

package/components/GridScrollArea.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridScrollParams } from "../models/params/gridScrollParams.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridScrollParams } from "../models/params/gridScrollParams.js";
 interface ScrollAreaProps {
   scrollDirection: 'left' | 'right' | 'up' | 'down';
   scrollPosition: RefObject<GridScrollParams>;

package/components/GridSelectedRowCount.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { type SxProps, type Theme } from '@mui/system';
 interface SelectedRowCountProps {
   selectedRowCount: number;
 }

package/components/GridSkeletonLoadingOverlay.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridColDef } from "../models/index.js";
+import type { GridColDef } from "../models/index.js";
 type GridSkeletonLoadingOverlayInnerProps = React.HTMLAttributes<HTMLDivElement> & {
   skeletonRowsCount: number;
   showFirstRowBorder?: boolean;

package/components/cell/GridActionsCell.d.ts

@@ -1,7 +1,9 @@
 import * as React from 'react';
-import { GridRenderCellParams } from "../../models/params/gridCellParams.js";
-import { GridMenuProps } from "../menu/GridMenu.js";
-interface GridActionsCellProps extends Omit<GridRenderCellParams, 'api'> {
+import type { GridRowParams } from "../../models/params/gridRowParams.js";
+import type { GridRenderCellParams } from "../../models/params/gridCellParams.js";
+import { type GridMenuProps } from "../menu/GridMenu.js";
+import type { GridValidRowModel, GridTreeNodeWithRender } from "../../models/gridRows.js";
+interface GridActionsCellProps<R extends GridValidRowModel = any, V = any, F = V, N extends GridTreeNodeWithRender = GridTreeNodeWithRender> extends Omit<GridRenderCellParams<R, V, F, N>, 'api'> {
   api?: GridRenderCellParams['api'];
   position?: GridMenuProps['position'];
   children: React.ReactNode;
@@ -12,8 +14,26 @@ interface GridActionsCellProps extends Omit<GridRenderCellParams, 'api'> {
    * @default false
    */
   suppressChildrenValidation?: boolean;
+  /**
+   * Callback to fire before the menu gets opened.
+   * Use this callback to prevent the menu from opening.
+   *
+   * @param {GridRowParams<R>} params Row parameters.
+   * @param {React.MouseEvent<HTMLElement>} event The event triggering this callback.
+   * @returns {boolean} if the menu should be opened.
+   */
+  onMenuOpen?: (params: GridRowParams<R>, event: React.MouseEvent<HTMLElement>) => boolean;
+  /**
+   * Callback to fire before the menu gets closed.
+   * Use this callback to prevent the menu from closing.
+   *
+   * @param {GridRowParams<R>} params Row parameters.
+   * @param {React.MouseEvent<HTMLElement> | React.KeyboardEvent | MouseEvent | TouchEvent | undefined} event The event triggering this callback.
+   * @returns {boolean} if the menu should be closed.
+   */
+  onMenuClose?: (params: GridRowParams<R>, event: React.MouseEvent<HTMLElement> | React.KeyboardEvent | MouseEvent | TouchEvent | undefined) => boolean;
 }
-declare function GridActionsCell(props: GridActionsCellProps): import("react/jsx-runtime").JSX.Element;
+declare function GridActionsCell<R extends GridValidRowModel = any, V = any, F = V, N extends GridTreeNodeWithRender = GridTreeNodeWithRender>(props: GridActionsCellProps<R, V, F, N>): import("react/jsx-runtime").JSX.Element;
 declare namespace GridActionsCell {
   var propTypes: any;
 }

package/components/cell/GridActionsCell.js

@@ -21,13 +21,16 @@ var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
 var _GridActionsCellItem = require("./GridActionsCellItem");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["api", "colDef", "id", "hasFocus", "isEditable", "field", "value", "formattedValue", "row", "rowNode", "cellMode", "tabIndex", "position", "children", "suppressChildrenValidation"];
+const _excluded = ["api", "colDef", "id", "hasFocus", "isEditable", "field", "value", "formattedValue", "row", "rowNode", "cellMode", "tabIndex", "position", "onMenuOpen", "onMenuClose", "children", "suppressChildrenValidation"];
 const hasActions = colDef => typeof colDef.getActions === 'function';
 function GridActionsCell(props) {
   const {
+      id,
       hasFocus,
       tabIndex,
       position = 'bottom-end',
+      onMenuOpen,
+      onMenuClose,
       children,
       suppressChildrenValidation
     } = props,
@@ -43,6 +46,7 @@ function GridActionsCell(props) {
   const menuId = (0, _useId.default)();
   const buttonId = (0, _useId.default)();
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const rowParams = apiRef.current.getRowParams(id);
   const actions = [];
   React.Children.forEach(children, child => {
     // Unwrap React.Fragment
@@ -101,21 +105,27 @@ If this is intentional, you can suppress this warning by passing the \`suppressC
       setFocusedButtonIndex(numberOfButtons - 1);
     }
   }, [focusedButtonIndex, numberOfButtons]);
-  const showMenu = () => {
+  const showMenu = event => {
+    if (onMenuOpen && !onMenuOpen(rowParams, event)) {
+      return;
+    }
     setOpen(true);
     setFocusedButtonIndex(numberOfButtons - 1);
     ignoreCallToFocus.current = true;
   };
-  const hideMenu = () => {
+  const hideMenu = event => {
+    if (onMenuClose && !onMenuClose(rowParams, event)) {
+      return;
+    }
     setOpen(false);
   };
   const toggleMenu = event => {
     event.stopPropagation();
     event.preventDefault();
     if (open) {
-      hideMenu();
+      hideMenu(event);
     } else {
-      showMenu();
+      showMenu(event);
     }
   };
   const handleTouchRippleRef = index => instance => {

package/components/cell/GridActionsCellItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridSlotProps, GridBaseIconProps } from "../../models/gridSlotsComponentsProps.js";
+import type { GridSlotProps, GridBaseIconProps } from "../../models/gridSlotsComponentsProps.js";
 interface GridActionsCellItemCommonProps {
   icon?: React.JSXElementConstructor<GridBaseIconProps> | React.ReactNode;
   /** from https://mui.com/material-ui/api/button-base/#ButtonBase-prop-component */

package/components/cell/GridCell.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { GridRowId } from "../../models/index.js";
-import { GridAlignment, GridStateColDef } from "../../models/colDef/gridColDef.js";
-import { GridRowModel, GridTreeNode } from "../../models/gridRows.js";
+import { type GridRowId } from "../../models/index.js";
+import type { GridAlignment, GridStateColDef } from "../../models/colDef/gridColDef.js";
+import type { GridRowModel, GridTreeNode } from "../../models/gridRows.js";
 import { GridPinnedColumnPosition } from "../../hooks/features/columns/gridColumnsInterfaces.js";
 import { PinnedColumnPosition } from "../../internals/constants.js";
 export declare const gridPinnedColumnPositionLookup: {

package/components/cell/GridEditBooleanCell.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridRenderEditCellParams } from "../../models/params/gridCellParams.js";
+import type { GridRenderEditCellParams } from "../../models/params/gridCellParams.js";
 export interface GridEditBooleanCellProps extends GridRenderEditCellParams, Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, 'id' | 'tabIndex'> {
   /**
    * Callback called when the value is changed by the user.

package/components/cell/GridEditDateCell.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GridSlotProps } from "../../models/gridSlotsComponent.js";
-import { GridRenderEditCellParams } from "../../models/params/gridCellParams.js";
+import type { GridSlotProps } from "../../models/gridSlotsComponent.js";
+import type { GridRenderEditCellParams } from "../../models/params/gridCellParams.js";
 export interface GridEditDateCellProps extends GridRenderEditCellParams {
   /**
    * Callback called when the value is changed by the user.

package/components/cell/GridEditInputCell.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GridSlotProps } from "../../models/gridSlotsComponent.js";
-import { GridRenderEditCellParams } from "../../models/params/gridCellParams.js";
+import type { GridSlotProps } from "../../models/gridSlotsComponent.js";
+import type { GridRenderEditCellParams } from "../../models/params/gridCellParams.js";
 export interface GridEditInputCellProps extends GridRenderEditCellParams {
   debounceMs?: number;
   /**