@mui/x-data-grid 8.25.0 → 8.27.0

package/esm/material/augmentation.d.ts

@@ -15,6 +15,7 @@ import type { TablePaginationProps } from '@mui/material/TablePagination';
 import type { PopperProps } from '@mui/material/Popper';
 import type { TooltipProps } from '@mui/material/Tooltip';
 import type { InputProps } from '@mui/material/Input';
+import type { TextareaAutosizeProps } from '@mui/material/TextareaAutosize';
 import type { SelectProps } from '@mui/material/Select';
 import type { SkeletonProps } from '@mui/material/Skeleton';
 import type { ToggleButtonProps } from '@mui/material/ToggleButton';
@@ -77,6 +78,9 @@ declare module '@mui/x-data-grid' {
   interface BaseInputPropsOverrides {
     material?: Partial<InputProps>;
   }
+  interface BaseTextareaPropsOverrides {
+    material?: Partial<TextareaAutosizeProps>;
+  }
   interface BaseSelectPropsOverrides {
     material?: Partial<SelectProps>;
   }

package/esm/material/icons/createSvgIcon.d.ts

@@ -1,2 +1,2 @@
-import { GridBaseIconProps } from "../../models/gridSlotsComponentsProps.js";
+import type { GridBaseIconProps } from "../../models/gridSlotsComponentsProps.js";
 export declare const createSvgIcon: (path: React.ReactNode, displayName?: string) => (props: GridBaseIconProps) => React.ReactNode;

package/esm/material/icons/index.d.ts

@@ -7,6 +7,8 @@ export declare const GridFilterAltIcon: (props: import("@mui/x-data-grid").GridB
 export declare const GridSearchIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridMenuIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridCheckCircleIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridUndoIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridRedoIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridColumnIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridSeparatorIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridViewHeadlineIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
@@ -25,4 +27,6 @@ export declare const GridViewColumnIcon: (props: import("@mui/x-data-grid").Grid
 export declare const GridClearIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridDeleteIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridDeleteForeverIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
-export declare const GridDownloadIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridDownloadIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridLongTextCellExpandIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridLongTextCellCollapseIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;

package/esm/material/icons/index.js

@@ -27,6 +27,12 @@ export const GridMenuIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
 export const GridCheckCircleIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
 }), 'CheckCircle');
+export const GridUndoIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+  d: "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8"
+}), 'Undo');
+export const GridRedoIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+  d: "M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7z"
+}), 'Redo');
 export const GridColumnIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z"
 }), 'ColumnIcon');
@@ -88,4 +94,10 @@ export const GridDeleteForeverIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
 }), 'Delete');
 export const GridDownloadIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M5 20h14v-2H5zM19 9h-4V3H9v6H5l7 7z"
-}), 'Download');
+}), 'Download');
+export const GridLongTextCellExpandIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+  d: "M21 11V3h-8l3.29 3.29-10 10L3 13v8h8l-3.29-3.29 10-10z"
+}), 'OpenInFull');
+export const GridLongTextCellCollapseIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+  d: "M5 15h2V8.41L18.59 20 20 18.59 8.41 7H15V5H5z"
+}), 'NorthWest');

package/esm/material/index.js

@@ -21,10 +21,11 @@ const _excluded = ["id", "label", "labelId", "material", "disabled", "slotProps"
   _excluded17 = ["key"],
   _excluded18 = ["inputProps", "InputProps", "InputLabelProps"],
   _excluded19 = ["slotProps", "material"],
-  _excluded20 = ["ref", "open", "children", "className", "clickAwayTouchEvent", "clickAwayMouseEvent", "flip", "focusTrap", "onExited", "onClickAway", "onDidShow", "onDidHide", "id", "target", "transition", "placement", "material"],
-  _excluded21 = ["native"],
-  _excluded22 = ["children", "value", "active"],
-  _excluded23 = ["items", "value", "material"];
+  _excluded20 = ["material"],
+  _excluded21 = ["ref", "open", "children", "className", "clickAwayTouchEvent", "clickAwayMouseEvent", "flip", "focusTrap", "onExited", "onClickAway", "onDidShow", "onDidHide", "id", "target", "transition", "placement", "material"],
+  _excluded22 = ["native"],
+  _excluded23 = ["children", "value", "active"],
+  _excluded24 = ["items", "value", "material"];
 import * as React from 'react';
 import clsx from 'clsx';
 import useForkRef from '@mui/utils/useForkRef';
@@ -44,6 +45,7 @@ import MUIListItemText, { listItemTextClasses } from '@mui/material/ListItemText
 import MUIMenuList from '@mui/material/MenuList';
 import MUIMenuItem from '@mui/material/MenuItem';
 import MUITextField from '@mui/material/TextField';
+import MUITextareaAutosize from '@mui/material/TextareaAutosize';
 import MUIFormControl from '@mui/material/FormControl';
 import MUIFormControlLabel, { formControlLabelClasses } from '@mui/material/FormControlLabel';
 import MUISelect from '@mui/material/Select';
@@ -64,7 +66,7 @@ import MUITab from '@mui/material/Tab';
 import MUIToggleButton from '@mui/material/ToggleButton';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import useId from '@mui/utils/useId';
-import { GridAddIcon, GridArrowDownwardIcon, GridArrowUpwardIcon, GridCheckIcon, GridCloseIcon, GridColumnIcon, GridDragIcon, GridExpandMoreIcon, GridFilterAltIcon, GridFilterListIcon, GridKeyboardArrowRight, GridMoreVertIcon, GridRemoveIcon, GridSearchIcon, GridSeparatorIcon, GridTableRowsIcon, GridTripleDotsVerticalIcon, GridViewHeadlineIcon, GridViewStreamIcon, GridVisibilityOffIcon, GridViewColumnIcon, GridClearIcon, GridLoadIcon, GridDeleteForeverIcon, GridDownloadIcon } from "./icons/index.js";
+import { GridAddIcon, GridArrowDownwardIcon, GridArrowUpwardIcon, GridCheckIcon, GridCloseIcon, GridUndoIcon, GridRedoIcon, GridColumnIcon, GridDragIcon, GridExpandMoreIcon, GridFilterAltIcon, GridFilterListIcon, GridKeyboardArrowRight, GridMoreVertIcon, GridRemoveIcon, GridSearchIcon, GridSeparatorIcon, GridTableRowsIcon, GridTripleDotsVerticalIcon, GridViewHeadlineIcon, GridViewStreamIcon, GridVisibilityOffIcon, GridViewColumnIcon, GridClearIcon, GridLoadIcon, GridDeleteForeverIcon, GridDownloadIcon, GridLongTextCellExpandIcon, GridLongTextCellCollapseIcon } from "./icons/index.js";
 import { GridColumnUnsortedIcon } from "../components/GridColumnUnsortedIcon.js";
 import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
@@ -577,6 +579,16 @@ function transformInputProps(props, wrapAdornments = true) {
   }
   return result;
 }
+const BaseTextarea = forwardRef(function BaseTextarea(props, ref) {
+  const {
+      material
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded20);
+  return /*#__PURE__*/_jsx(MUITextareaAutosize, _extends({}, other, material, {
+    ref: ref
+  }));
+});
+if (process.env.NODE_ENV !== "production") BaseTextarea.displayName = "BaseTextarea";
 const transformOrigin = {
   'bottom-start': 'top left',
   'bottom-end': 'top right'
@@ -596,7 +608,7 @@ function BasePopper(props) {
       placement,
       material
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded20);
+    other = _objectWithoutPropertiesLoose(props, _excluded21);
   const modifiers = React.useMemo(() => {
     const result = [{
       name: 'preventOverflow',
@@ -691,7 +703,7 @@ function BaseSelectOption(_ref) {
   let {
       native
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded21);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded22);
   if (native) {
     return /*#__PURE__*/_jsx("option", _extends({}, props));
   }
@@ -726,7 +738,7 @@ function TabPanel(props) {
       children,
       active
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded22);
+    other = _objectWithoutPropertiesLoose(props, _excluded23);
   return /*#__PURE__*/_jsx(StyledTabPanel, _extends({
     role: "tabpanel",
     style: {
@@ -742,7 +754,7 @@ function BaseTabs(_ref2) {
       value,
       material
     } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded23);
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded24);
   const id = useId();
   const labelId = `${id}-tab-${value}`;
   const panelId = `${id}-tabpanel-${value}`;
@@ -773,6 +785,8 @@ const iconSlots = {
   columnMenuIcon: GridTripleDotsVerticalIcon,
   openFilterButtonIcon: GridFilterListIcon,
   filterPanelDeleteIcon: GridCloseIcon,
+  undoIcon: GridUndoIcon,
+  redoIcon: GridRedoIcon,
   columnFilteredIcon: GridFilterAltIcon,
   columnSelectorIcon: GridColumnIcon,
   columnUnsortedIcon: GridColumnUnsortedIcon,
@@ -804,7 +818,9 @@ const iconSlots = {
   filterPanelAddIcon: GridAddIcon,
   filterPanelRemoveAllIcon: GridDeleteForeverIcon,
   columnReorderIcon: GridDragIcon,
-  menuItemCheckIcon: GridCheckIcon
+  menuItemCheckIcon: GridCheckIcon,
+  longTextCellExpandIcon: GridLongTextCellExpandIcon,
+  longTextCellCollapseIcon: GridLongTextCellCollapseIcon
 };
 const baseSlots = {
   baseAutocomplete: BaseAutocomplete,
@@ -814,6 +830,7 @@ const baseSlots = {
   baseCircularProgress: BaseCircularProgress,
   baseDivider: BaseDivider,
   baseInput: BaseInput,
+  baseTextarea: BaseTextarea,
   baseLinearProgress: BaseLinearProgress,
   baseMenuList: BaseMenuList,
   baseMenuItem: BaseMenuItem,

package/esm/models/api/gridColumnApi.d.ts

@@ -1,4 +1,4 @@
-import { GridColDef, GridStateColDef } from "../colDef/gridColDef.js";
+import type { GridColDef, GridStateColDef } from "../colDef/gridColDef.js";
 import type { GridColumnVisibilityModel } from "../../hooks/features/columns/gridColumnsInterfaces.js";
 /**
  * The column API interface that is available in the grid [[apiRef]].

package/esm/models/api/gridColumnGroupingApi.d.ts

@@ -1,5 +1,5 @@
-import { GridColumnGroupLookup } from "../../hooks/features/columnGrouping/gridColumnGroupsInterfaces.js";
-import { GridColumnGroup } from "../gridColumnGrouping.js";
+import type { GridColumnGroupLookup } from "../../hooks/features/columnGrouping/gridColumnGroupsInterfaces.js";
+import type { GridColumnGroup } from "../gridColumnGrouping.js";
 /**
  * The column grouping API interface that is available in the grid [[apiRef]].
  */

package/esm/models/api/gridColumnSpanning.d.ts

@@ -1,6 +1,6 @@
-import { GridStateColDef } from "../colDef/gridColDef.js";
-import { GridColumnIndex, GridCellColSpanInfo } from "../gridColumnSpanning.js";
-import { GridRowId } from "../gridRows.js";
+import type { GridStateColDef } from "../colDef/gridColDef.js";
+import type { GridColumnIndex, GridCellColSpanInfo } from "../gridColumnSpanning.js";
+import type { GridRowId } from "../gridRows.js";
 /**
  * The Column Spanning API interface that is available in the grid `apiRef`.
  */

package/esm/models/api/gridCoreApi.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { EventManager, EventListenerOptions } from '@mui/x-internals/EventManager';
+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 { GridEventPublisher, GridEventListener, GridEvents } from "../events/index.js";
 import type { GridApiCaches } from "../gridApiCaches.js";

package/esm/models/api/gridCsvExportApi.d.ts

@@ -1,4 +1,4 @@
-import { GridCsvExportOptions } from "../gridExport.js";
+import type { GridCsvExportOptions } from "../gridExport.js";
 /**
  * The CSV export API interface that is available in the grid [[apiRef]].
  */

package/esm/models/api/gridDensityApi.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { GridDensity } from "../gridDensity.js";
+import type * as React from 'react';
+import type { GridDensity } from "../gridDensity.js";
 export interface GridDensityOption {
   icon: React.ReactElement<any>;
   label: string;

package/esm/models/api/gridEditingApi.d.ts

@@ -1,9 +1,9 @@
-import { MuiBaseEvent } from '@mui/x-internals/types';
-import { GridCellMode, GridRowMode } from "../gridCell.js";
-import { GridCellModes, GridRowModes } from "../gridEditRowModel.js";
-import { GridRowId, GridRowModel } from "../gridRows.js";
-import { GridCellParams } from "../params/gridCellParams.js";
-import { GridEditCellValueParams } from "../params/gridEditCellParams.js";
+import type { MuiBaseEvent } from '@mui/x-internals/types';
+import type { GridCellMode, GridRowMode } from "../gridCell.js";
+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 = ({
   mode: GridCellModes.View;
 } & Omit<GridStopCellEditModeParams, 'id' | 'field'>) | ({

package/esm/models/api/gridFilterApi.d.ts

@@ -1,8 +1,8 @@
-import { GridFilterModel } from "../gridFilterModel.js";
-import { GridFilterItem, GridLogicOperator } from "../gridFilterItem.js";
-import { GridControlledStateReasonLookup } from "../events/index.js";
+import type { GridFilterModel } from "../gridFilterModel.js";
+import type { GridFilterItem, GridLogicOperator } from "../gridFilterItem.js";
+import type { GridControlledStateReasonLookup } from "../events/index.js";
 import type { DataGridProcessedProps } from "../props/DataGridProps.js";
-import { GridStateCommunity } from "../gridStateCommunity.js";
+import type { GridStateCommunity } from "../gridStateCommunity.js";
 /**
  * The filter API interface that is available in the grid [[apiRef]].
  */

package/esm/models/api/gridFocusApi.d.ts

@@ -1,6 +1,6 @@
-import { MuiBaseEvent } from '@mui/x-internals/types';
-import { GridRowId } from "../gridRows.js";
-import { GridColumnGroupIdentifier } from "../../hooks/features/focus/index.js";
+import type { MuiBaseEvent } from '@mui/x-internals/types';
+import type { GridRowId } from "../gridRows.js";
+import type { GridColumnGroupIdentifier } from "../../hooks/features/focus/index.js";
 export interface GridFocusApi {
   /**
    * Sets the focus to the cell at the given `id` and `field`.

package/esm/models/api/gridHeaderFilteringApi.d.ts

@@ -1,5 +1,5 @@
-import { GridColDef } from "../colDef/index.js";
-import { GridHeaderFilteringState } from "../gridHeaderFilteringModel.js";
+import type { GridColDef } from "../colDef/index.js";
+import type { GridHeaderFilteringState } from "../gridHeaderFilteringModel.js";
 export interface GridHeaderFilteringPrivateApi {
   /**
    * Internal function to set the header filter state.

package/esm/models/api/gridLocaleTextApi.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { GridColDef } from "../colDef/index.js";
 /**
  * Set the types of the texts in the grid.
@@ -14,6 +14,8 @@ export interface GridLocaleText {
   toolbarDensityCompact: string;
   toolbarDensityStandard: string;
   toolbarDensityComfortable: string;
+  toolbarUndo: React.ReactNode;
+  toolbarRedo: React.ReactNode;
   toolbarColumns: React.ReactNode;
   toolbarColumnsLabel: string;
   toolbarFilters: React.ReactNode;
@@ -117,6 +119,8 @@ export interface GridLocaleText {
   checkboxSelectionUnselectRow: string;
   booleanCellTrueLabel: string;
   booleanCellFalseLabel: string;
+  longTextCellExpandLabel: string;
+  longTextCellCollapseLabel: string;
   actionsCellMore: string;
   pinToLeft: string;
   pinToRight: string;

package/esm/models/api/gridLoggerApi.d.ts

@@ -1,4 +1,4 @@
-import { Logger } from "../logger.js";
+import type { Logger } from "../logger.js";
 /**
  * The logger API interface that is available in the grid `apiRef`.
  */

package/esm/models/api/gridParamsApi.d.ts

@@ -1,10 +1,10 @@
-import { GridColDef } from "../colDef/index.js";
-import { GridStateColDef } from "../colDef/gridColDef.js";
-import { GridCellMode } from "../gridCell.js";
-import { GridValidRowModel, GridRowId, GridTreeNode, GridRowModel } from "../gridRows.js";
-import { GridCellParams } from "../params/gridCellParams.js";
-import { GridColumnHeaderParams } from "../params/gridColumnHeaderParams.js";
-import { GridRowParams } from "../params/gridRowParams.js";
+import type { GridColDef } from "../colDef/index.js";
+import type { GridStateColDef } from "../colDef/gridColDef.js";
+import type { GridCellMode } from "../gridCell.js";
+import type { GridValidRowModel, GridRowId, GridTreeNode, GridRowModel } from "../gridRows.js";
+import type { GridCellParams } from "../params/gridCellParams.js";
+import type { GridColumnHeaderParams } from "../params/gridColumnHeaderParams.js";
+import type { GridRowParams } from "../params/gridRowParams.js";
 export interface GridParamsApi {
   /**
    * Gets the value of a cell at the given `id` and `field`.

package/esm/models/api/gridPreferencesPanelApi.d.ts

@@ -1,4 +1,4 @@
-import { GridPreferencePanelsValue } from "../../hooks/features/preferencesPanel/gridPreferencePanelsValue.js";
+import type { GridPreferencePanelsValue } from "../../hooks/features/preferencesPanel/gridPreferencePanelsValue.js";
 /**
  * The preferences panel API interface that is available in the grid [[apiRef]].
  */

package/esm/models/api/gridPrintExportApi.d.ts

@@ -1,4 +1,4 @@
-import { GridPrintExportOptions } from "../gridExport.js";
+import type { GridPrintExportOptions } from "../gridExport.js";
 /**
  * The Print export API interface that is available in the grid [[apiRef]].
  */

package/esm/models/api/gridRowApi.d.ts

@@ -1,4 +1,4 @@
-import { GridRowModel, GridRowId, GridRowModelUpdate, GridValidRowModel, GridTreeNode } from "../gridRows.js";
+import type { GridRowModel, GridRowId, GridRowModelUpdate, GridValidRowModel, GridTreeNode } from "../gridRows.js";
 export type RowReorderDropPosition = 'above' | 'below' | 'inside';
 export type RowReorderDragDirection = 'up' | 'down';
 export interface GridRowGroupChildrenGetterParams {

package/esm/models/api/gridRowSelectionApi.d.ts

@@ -1,6 +1,6 @@
 import type { GridRowId, GridRowModel } from "../gridRows.js";
 import type { GridRowSelectionModel } from "../gridRowSelectionModel.js";
-import { GridControlledStateReasonLookup } from "../events/index.js";
+import type { GridControlledStateReasonLookup } from "../events/index.js";
 /**
  * The selection API interface that is available in the grid [[apiRef]].
  */

package/esm/models/api/gridRowsMetaApi.d.ts

@@ -1,5 +1,5 @@
-import { GridRowId } from "../gridRows.js";
-import { HeightEntry } from "../../hooks/features/rows/gridRowsMetaInterfaces.js";
+import type { GridRowId } from "../gridRows.js";
+import type { HeightEntry } from "../../hooks/features/rows/gridRowsMetaInterfaces.js";
 /**
  * The Row Meta API interface that is available in the grid `apiRef`.
  */

package/esm/models/api/gridScrollApi.d.ts

@@ -1,5 +1,5 @@
-import { GridCellIndexCoordinates } from "../gridCell.js";
-import { GridScrollParams } from "../params/gridScrollParams.js";
+import type { GridCellIndexCoordinates } from "../gridCell.js";
+import type { GridScrollParams } from "../params/gridScrollParams.js";
 /**
  * The scroll API interface that is available in the grid [[apiRef]].
  */

package/esm/models/api/gridSortApi.d.ts

@@ -1,6 +1,6 @@
-import { GridColDef } from "../colDef/gridColDef.js";
-import { GridRowId, GridRowModel } from "../gridRows.js";
-import { GridSortDirection, GridSortModel } from "../gridSortModel.js";
+import type { GridColDef } from "../colDef/gridColDef.js";
+import type { GridRowId, GridRowModel } from "../gridRows.js";
+import type { GridSortDirection, GridSortModel } from "../gridSortModel.js";
 /**
  * The sort API interface that is available in the grid [[apiRef]].
  */

package/esm/models/api/gridStateApi.d.ts

@@ -1,6 +1,6 @@
-import { GridStateCommunity } from "../gridStateCommunity.js";
-import { GridControlledStateEventLookup, GridControlledStateReasonLookup } from "../events/index.js";
-import { GridControlStateItem } from "../controlStateItem.js";
+import type { GridStateCommunity } from "../gridStateCommunity.js";
+import type { GridControlledStateEventLookup, GridControlledStateReasonLookup } from "../events/index.js";
+import type { GridControlStateItem } from "../controlStateItem.js";
 export interface GridStateApi<State extends GridStateCommunity> {
   /**
    * Property that contains the whole state of the grid.

package/esm/models/colDef/gridColDef.d.ts

@@ -1,18 +1,18 @@
-import * as React from 'react';
-import { RefObject } from '@mui/x-internals/types';
-import { GridCellClassNamePropType } from "../gridCellClass.js";
-import { GridColumnHeaderClassNamePropType } from "../gridColumnHeaderClass.js";
+import type * as React from 'react';
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridCellClassNamePropType } from "../gridCellClass.js";
+import type { GridColumnHeaderClassNamePropType } from "../gridColumnHeaderClass.js";
 import type { GridFilterOperator } from "../gridFilterOperator.js";
-import { GridRenderCellParams, GridRenderEditCellParams, GridPreProcessEditCellProps } from "../params/gridCellParams.js";
-import { GridColumnHeaderParams } from "../params/gridColumnHeaderParams.js";
-import { GridComparatorFn, GridSortDirection } from "../gridSortModel.js";
-import { GridColType } from "./gridColType.js";
-import { GridRowParams } from "../params/gridRowParams.js";
-import { GridValueOptionsParams } from "../params/gridValueOptionsParams.js";
-import { GridActionsCellItemProps } from "../../components/cell/GridActionsCellItem.js";
-import { GridEditCellProps } from "../gridEditRowModel.js";
+import type { GridRenderCellParams, GridRenderEditCellParams, GridPreProcessEditCellProps } from "../params/gridCellParams.js";
+import type { GridColumnHeaderParams } from "../params/gridColumnHeaderParams.js";
+import type { GridComparatorFn, GridSortDirection } from "../gridSortModel.js";
+import type { GridColType } from "./gridColType.js";
+import type { GridRowParams } from "../params/gridRowParams.js";
+import type { GridValueOptionsParams } from "../params/gridValueOptionsParams.js";
+import type { GridActionsCellItemProps } from "../../components/cell/GridActionsCellItem.js";
+import type { GridEditCellProps } from "../gridEditRowModel.js";
 import type { GridValidRowModel } from "../gridRows.js";
-import { GridApiCommunity } from "../api/gridApiCommunity.js";
+import type { GridApiCommunity } from "../api/gridApiCommunity.js";
 /**
  * Alignment used in position elements in Cells.
  */

package/esm/models/colDef/gridColType.d.ts

@@ -7,5 +7,6 @@ export interface GridColumnTypes {
   singleSelect: 'singleSelect';
   actions: 'actions';
   custom: 'custom';
+  longText: 'longText';
 }
 export type GridColType = GridColumnTypes[keyof GridColumnTypes];

package/esm/models/colDef/gridColumnTypesRecord.d.ts

@@ -1,3 +1,3 @@
-import { GridColTypeDef } from "./gridColDef.js";
-import { GridColType } from "./gridColType.js";
+import type { GridColTypeDef } from "./gridColDef.js";
+import type { GridColType } from "./gridColType.js";
 export type GridColumnTypesRecord = Record<GridColType, GridColTypeDef>;

package/esm/models/configuration/gridAggregationConfiguration.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
+import type { RefObject } from '@mui/x-internals/types';
 import type { GridRowId, GridRowModel } from "../gridRows.js";
-import { GridColDef } from "../colDef/index.js";
+import type { GridColDef } from "../colDef/index.js";
 /**
  * Get the cell aggregation result
  * @param {GridRowId} id The row id

package/esm/models/configuration/gridCellEditableConfiguration.d.ts

@@ -1,7 +1,7 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../api/gridApiCommunity.js";
-import { DataGridProcessedProps } from "../props/DataGridProps.js";
-import { GridEditingApi } from "../api/gridEditingApi.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../props/DataGridProps.js";
+import type { GridEditingApi } from "../api/gridEditingApi.js";
 /**
  * Get the cell editable condition function
  * @param {Object} params The cell parameters

package/esm/models/configuration/gridConfiguration.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { GridRowAriaAttributesInternalHook, GridRowsOverridableMethodsInternalHook } from "./gridRowConfiguration.js";
 import type { GridAggregationInternalHooks } from "./gridAggregationConfiguration.js";
 import type { GridCellEditableInternalHook } from "./gridCellEditableConfiguration.js";

package/esm/models/configuration/gridParamsConfiguration.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridParamsApi } from "../api/gridParamsApi.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridParamsApi } from "../api/gridParamsApi.js";
 /**
  * Overridable params methods interface, these methods could be overriden in a higher plan package.
  */

package/esm/models/configuration/gridRowConfiguration.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { RefObject } from '@mui/x-internals/types';
-import { GridTreeNode } from "../gridRows.js";
-import { GridRowProApi } from "../api/index.js";
+import type * as React from 'react';
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridTreeNode } from "../gridRows.js";
+import type { GridRowProApi } from "../api/index.js";
 /**
  * Get the ARIA attributes for a row
  * @param {GridTreeNode} rowNode The row node

package/esm/models/controlStateItem.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
+import type { RefObject } from '@mui/x-internals/types';
 import type { GridCallbackDetails } from "./api/gridCallbackDetails.js";
 import type { GridEventLookup, GridControlledStateEventLookup } from "./events/index.js";
 import type { OutputSelector } from "../utils/createSelector.js";

package/esm/models/events/gridEventLookup.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { MuiBaseEvent } from '@mui/x-internals/types';
 import type { GridColumnHeaderParams, GridColumnOrderChangeParams, GridColumnResizeParams, GridHeaderSelectionCheckboxParams, GridMenuParams, GridPreferencePanelParams, GridRowParams, GridRowSelectionCheckboxParams, GridScrollParams, GridColumnGroupHeaderParams, GridRenderContext } from "../params/index.js";
-import { GridCellEditStartParams, GridCellEditStopParams } from "../params/gridEditCellParams.js";
-import { GridCellParams } from "../params/gridCellParams.js";
+import type { GridCellEditStartParams, GridCellEditStopParams } from "../params/gridEditCellParams.js";
+import type { GridCellParams } from "../params/gridCellParams.js";
 import type { GridFilterModel } from "../gridFilterModel.js";
 import type { GridSortModel } from "../gridSortModel.js";
 import type { GridRowSelectionModel } from "../gridRowSelectionModel.js";
@@ -10,10 +10,10 @@ import type { ElementSize } from "../elementSize.js";
 import type { GridGroupNode } from "../gridRows.js";
 import type { GridColumnVisibilityModel } from "../../hooks/features/columns/index.js";
 import type { GridStrategyProcessorName } from "../../hooks/core/strategyProcessing/index.js";
-import { GridRowEditStartParams, GridRowEditStopParams } from "../params/gridRowParams.js";
-import { GridCellModesModel, GridRowModesModel } from "../api/gridEditingApi.js";
-import { GridPaginationMeta, GridPaginationModel } from "../gridPaginationProps.js";
-import { GridDensity } from "../gridDensity.js";
+import type { GridRowEditStartParams, GridRowEditStopParams } from "../params/gridRowParams.js";
+import type { GridCellModesModel, GridRowModesModel } from "../api/gridEditingApi.js";
+import type { GridPaginationMeta, GridPaginationModel } from "../gridPaginationProps.js";
+import type { GridDensity } from "../gridDensity.js";
 export interface GridRowEventLookup {
   /**
    * Fired when a row is clicked.

package/esm/models/gridBaseSlots.d.ts

@@ -162,6 +162,7 @@ export type PaginationProps = CommonProps & {
   disabled?: boolean;
 };
 export type PopperProps = CommonProps & {
+  role?: string;
   ref?: Ref<HTMLDivElement>;
   open: boolean;
   children?: React.ReactNode;
@@ -203,6 +204,18 @@ export type InputProps = CommonProps & {
     htmlInput?: React.InputHTMLAttributes<HTMLInputElement>;
   };
 };
+export type TextareaProps = CommonProps & {
+  ref?: React.Ref<HTMLTextAreaElement>;
+  inputRef?: React.Ref<HTMLTextAreaElement>;
+  fullWidth?: boolean;
+  value?: string;
+  onChange: React.ChangeEventHandler<HTMLTextAreaElement>;
+  onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement>;
+  disabled?: boolean;
+  autoFocus?: boolean;
+  minRows?: number;
+  maxRows?: number;
+};
 export type SelectProps = CommonProps & {
   ref?: Ref;
   id?: string;

package/esm/models/gridCell.d.ts

@@ -1,5 +1,5 @@
 import type { GridColDef } from "./colDef/index.js";
-import { GridRowId } from "./gridRows.js";
+import type { GridRowId } from "./gridRows.js";
 /**
  * The mode of the cell.
  */

package/esm/models/gridCellClass.d.ts

@@ -1,5 +1,5 @@
-import { GridValidRowModel } from "./gridRows.js";
-import { GridCellParams } from "./params/gridCellParams.js";
+import type { GridValidRowModel } from "./gridRows.js";
+import type { GridCellParams } from "./params/gridCellParams.js";
 /**
  * A function used to process cellClassName params.
  * @param {GridCellParams<R, V>} params The parameters of the cell.

package/esm/models/gridColumnGrouping.d.ts

@@ -1,4 +1,4 @@
-import { GridColDef } from "./colDef/index.js";
+import type { GridColDef } from "./colDef/index.js";
 import type { GridColumnGroupHeaderParams } from "./params/gridColumnGroupHeaderParams.js";
 export interface GridLeafColumn {
   field: GridColDef['field'];

package/esm/models/gridColumnHeaderClass.d.ts

@@ -1,4 +1,4 @@
-import { GridColumnHeaderParams } from "./params/gridColumnHeaderParams.js";
+import type { GridColumnHeaderParams } from "./params/gridColumnHeaderParams.js";
 /**
  * A function used to process headerClassName params.
  * @param {GridColumnHeaderParams} params The parameters of the column header.

package/esm/models/gridExport.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridRowId } from "./gridRows.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridRowId } from "./gridRows.js";
 import type { GridApiCommon } from "./api/index.js";
 import type { GridApiCommunity } from "./api/gridApiCommunity.js";
 /**