@mui/x-data-grid 8.26.0 → 8.27.0

package/CHANGELOG.md

@@ -5,6 +5,106 @@
 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_

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,8 +1,8 @@
 import * as React from 'react';
-import { GridRowParams } from "../../models/params/gridRowParams.js";
-import { GridRenderCellParams } from "../../models/params/gridCellParams.js";
-import { GridMenuProps } from "../menu/GridMenu.js";
-import { GridValidRowModel, GridTreeNodeWithRender } from "../../models/gridRows.js";
+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'];

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;
   /**

package/components/cell/GridEditLongTextCell.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import type { GridRenderEditCellParams } from "../../models/params/gridCellParams.js";
+import type { GridSlotProps } from "../../models/gridSlotsComponent.js";
+export interface GridEditLongTextCellProps extends GridRenderEditCellParams<any, string | null> {
+  debounceMs?: number;
+  /**
+   * Callback called when the value is changed by the user.
+   * @param {React.ChangeEvent<HTMLTextAreaElement>} event The event source of the callback.
+   * @param {string} newValue The value that is going to be passed to `apiRef.current.setEditCellValue`.
+   * @returns {Promise<void> | void} A promise to be awaited before calling `apiRef.current.setEditCellValue`
+   */
+  onValueChange?: (event: React.ChangeEvent<HTMLTextAreaElement>, newValue: string) => Promise<void> | void;
+  /**
+   * Props passed to internal components.
+   */
+  slotProps?: {
+    /**
+     * Props passed to the root element.
+     */
+    root?: React.HTMLAttributes<HTMLDivElement>;
+    /**
+     * Props passed to the value element.
+     */
+    value?: React.HTMLAttributes<HTMLDivElement>;
+    /**
+     * Props passed to the popper element.
+     */
+    popper?: Partial<GridSlotProps['basePopper']>;
+    /**
+     * Props passed to the popper content element.
+     */
+    popperContent?: React.HTMLAttributes<HTMLDivElement>;
+    /**
+     * Props passed to the textarea element.
+     */
+    textarea?: Partial<GridSlotProps['baseTextarea']>;
+  };
+}
+declare function GridEditLongTextCell(props: GridEditLongTextCellProps): import("react/jsx-runtime").JSX.Element;
+export { GridEditLongTextCell };
+export declare const renderEditLongTextCell: (params: GridEditLongTextCellProps) => import("react/jsx-runtime").JSX.Element;