@mui/x-data-grid 8.26.0 → 8.27.1

package/constants/gridClasses.js

@@ -11,6 +11,6 @@ var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generat
 function getDataGridUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiDataGrid', slot);
 }
-const gridClasses = exports.gridClasses = (0, _generateUtilityClasses.default)('MuiDataGrid', ['aiAssistantPanel', 'aiAssistantPanelHeader', 'aiAssistantPanelTitleContainer', 'aiAssistantPanelTitle', 'aiAssistantPanelBody', 'aiAssistantPanelEmptyText', 'aiAssistantPanelFooter', 'aiAssistantPanelConversation', 'aiAssistantPanelConversationList', 'aiAssistantPanelConversationTitle', 'aiAssistantPanelSuggestions', 'aiAssistantPanelSuggestionsList', 'aiAssistantPanelSuggestionsItem', 'aiAssistantPanelSuggestionsLabel', 'actionsCell', 'aggregationColumnHeader', 'aggregationColumnHeader--alignLeft', 'aggregationColumnHeader--alignCenter', 'aggregationColumnHeader--alignRight', 'aggregationColumnHeaderLabel', 'aggregationRowOverlayWrapper', 'autoHeight', 'autosizing', 'mainContent', 'withSidePanel', 'booleanCell', 'cell--editable', 'cell--editing', 'cell--flex', 'cell--textCenter', 'cell--textLeft', 'cell--textRight', 'cell--rangeTop', 'cell--rangeBottom', 'cell--rangeLeft', 'cell--rangeRight', 'cell--pinnedLeft', 'cell--pinnedRight', 'cell--selectionMode', 'cell', 'cellCheckbox', 'cellEmpty', 'cellSkeleton', 'cellOffsetLeft', 'checkboxInput', 'collapsible', 'collapsibleTrigger', 'collapsibleIcon', 'collapsiblePanel', 'columnHeader', 'columnHeader--alignCenter', 'columnHeader--alignLeft', 'columnHeader--alignRight', 'columnHeader--dragging', 'columnHeader--moving', 'columnHeader--numeric', 'columnHeader--sortable', 'columnHeader--sorted', 'columnHeader--filtered', 'columnHeader--pinnedLeft', 'columnHeader--pinnedRight', 'columnHeader--last', 'columnHeader--siblingFocused', 'columnHeader--filter', 'columnHeaderFilterInput', 'columnHeaderFilterOperatorLabel', 'columnHeaderCheckbox', 'columnHeaderDraggableContainer', 'columnHeaderTitle', 'columnHeaderTitleContainer', 'columnHeaderTitleContainerContent', 'columnHeader--filledGroup', 'columnHeader--emptyGroup', 'columnHeaders', 'columnSeparator--resizable', 'columnSeparator--resizing', 'columnSeparator--sideLeft', 'columnSeparator--sideRight', 'columnSeparator', 'columnsManagement', 'columnsManagementRow', 'columnsManagementHeader', 'columnsManagementSearchInput', 'columnsManagementFooter', 'columnsManagementScrollArea', 'columnsManagementEmptyText', 'container--top', 'container--bottom', 'detailPanel', 'detailPanelToggleCell', 'detailPanelToggleCell--expanded', 'footerCell', 'panel', 'panelHeader', 'panelWrapper', 'panelContent', 'panelFooter', 'paper', 'editBooleanCell', 'editInputCell', 'filler', 'filler--borderBottom', 'filler--pinnedLeft', 'filler--pinnedRight', 'filterForm', 'filterFormDeleteIcon', 'filterFormLogicOperatorInput', 'filterFormColumnInput', 'filterFormOperatorInput', 'filterFormValueInput', 'filterIcon', 'footerContainer', 'headerFilterRow', 'iconButtonContainer', 'iconSeparator', 'main', 'main--hasPinnedRight', 'main--hiddenContent', 'menu', 'menuIcon', 'menuIconButton', 'menuOpen', 'menuList', 'overlay', 'overlayWrapper', 'overlayWrapperInner', 'root', 'root--densityStandard', 'root--densityComfortable', 'root--densityCompact', 'root--disableUserSelection', 'root--noToolbar', 'row', 'row--editable', 'row--editing', 'row--firstVisible', 'row--lastVisible',
+const gridClasses = exports.gridClasses = (0, _generateUtilityClasses.default)('MuiDataGrid', ['aiAssistantPanel', 'aiAssistantPanelHeader', 'aiAssistantPanelTitleContainer', 'aiAssistantPanelTitle', 'aiAssistantPanelBody', 'aiAssistantPanelEmptyText', 'aiAssistantPanelFooter', 'aiAssistantPanelConversation', 'aiAssistantPanelConversationList', 'aiAssistantPanelConversationTitle', 'aiAssistantPanelSuggestions', 'aiAssistantPanelSuggestionsList', 'aiAssistantPanelSuggestionsItem', 'aiAssistantPanelSuggestionsLabel', 'actionsCell', 'aggregationColumnHeader', 'aggregationColumnHeader--alignLeft', 'aggregationColumnHeader--alignCenter', 'aggregationColumnHeader--alignRight', 'aggregationColumnHeaderLabel', 'aggregationRowOverlayWrapper', 'autoHeight', 'autosizing', 'mainContent', 'withSidePanel', 'booleanCell', 'cell--editable', 'cell--editing', 'cell--flex', 'cell--textCenter', 'cell--textLeft', 'cell--textRight', 'cell--rangeTop', 'cell--rangeBottom', 'cell--rangeLeft', 'cell--rangeRight', 'cell--pinnedLeft', 'cell--pinnedRight', 'cell--selectionMode', 'cell', 'cellCheckbox', 'cellEmpty', 'cellSkeleton', 'cellOffsetLeft', 'checkboxInput', 'collapsible', 'collapsibleTrigger', 'collapsibleIcon', 'collapsiblePanel', 'columnHeader', 'columnHeader--alignCenter', 'columnHeader--alignLeft', 'columnHeader--alignRight', 'columnHeader--dragging', 'columnHeader--moving', 'columnHeader--numeric', 'columnHeader--sortable', 'columnHeader--sorted', 'columnHeader--filtered', 'columnHeader--pinnedLeft', 'columnHeader--pinnedRight', 'columnHeader--last', 'columnHeader--siblingFocused', 'columnHeader--filter', 'columnHeaderFilterInput', 'columnHeaderFilterOperatorLabel', 'columnHeaderCheckbox', 'columnHeaderDraggableContainer', 'columnHeaderTitle', 'columnHeaderTitleContainer', 'columnHeaderTitleContainerContent', 'columnHeader--filledGroup', 'columnHeader--emptyGroup', 'columnHeaders', 'columnSeparator--resizable', 'columnSeparator--resizing', 'columnSeparator--sideLeft', 'columnSeparator--sideRight', 'columnSeparator', 'columnsManagement', 'columnsManagementRow', 'columnsManagementHeader', 'columnsManagementSearchInput', 'columnsManagementFooter', 'columnsManagementScrollArea', 'columnsManagementEmptyText', 'container--top', 'container--bottom', 'detailPanel', 'detailPanelToggleCell', 'detailPanelToggleCell--expanded', 'footerCell', 'panel', 'panelHeader', 'panelWrapper', 'panelContent', 'panelFooter', 'paper', 'editBooleanCell', 'editInputCell', 'longTextCell', 'longTextCellContent', 'longTextCellExpandButton', 'longTextCellCollapseButton', 'longTextCellPopup', 'longTextCellPopperContent', 'editLongTextCell', 'editLongTextCellValue', 'editLongTextCellPopup', 'editLongTextCellPopperContent', 'editLongTextCellTextarea', 'filler', 'filler--borderBottom', 'filler--pinnedLeft', 'filler--pinnedRight', 'filterForm', 'filterFormDeleteIcon', 'filterFormLogicOperatorInput', 'filterFormColumnInput', 'filterFormOperatorInput', 'filterFormValueInput', 'filterIcon', 'footerContainer', 'headerFilterRow', 'iconButtonContainer', 'iconSeparator', 'main', 'main--hasPinnedRight', 'main--hiddenContent', 'menu', 'menuIcon', 'menuIconButton', 'menuOpen', 'menuList', 'overlay', 'overlayWrapper', 'overlayWrapperInner', 'root', 'root--densityStandard', 'root--densityComfortable', 'root--densityCompact', 'root--disableUserSelection', 'root--noToolbar', 'row', 'row--editable', 'row--editing', 'row--firstVisible', 'row--lastVisible',
 // TODO v9: Rename to `cell--dragging`
 'row--dragging', 'row--beingDragged', 'row--dynamicHeight', 'row--detailPanelExpanded', 'row--borderBottom', 'rowReorderCellPlaceholder', 'rowCount', 'rowReorderCellContainer', 'rowReorderCell', 'rowReorderCell--draggable', 'rowReorderIcon', 'rowSkeleton', 'scrollArea--left', 'scrollArea--right', 'scrollArea--up', 'scrollArea--down', 'scrollArea', 'scrollbar', 'scrollbar--vertical', 'scrollbar--horizontal', 'scrollbarFiller', 'scrollbarFiller--pinnedRight', 'scrollShadow', 'scrollShadow--vertical', 'scrollShadow--horizontal', 'selectedRowCount', 'sortButton', 'sortIcon', 'shadowScrollArea', 'sidebar', 'sidebarHeader', 'toolbarContainer', 'toolbar', 'toolbarLabel', 'toolbarDivider', 'toolbarFilterList', 'toolbarQuickFilter', 'toolbarQuickFilterTrigger', 'toolbarQuickFilterControl', 'virtualScroller', 'virtualScroller--hasScrollX', 'virtualScrollerContent', 'virtualScrollerContent--overflowed', 'virtualScrollerRenderZone', 'withVerticalBorder', 'withBorderColor', 'cell--withRightBorder', 'cell--withLeftBorder', 'columnHeader--withRightBorder', 'columnHeader--withLeftBorder', 'treeDataGroupingCell', 'treeDataGroupingCellToggle', 'treeDataGroupingCellLoadingContainer', 'groupingCriteriaCell', 'groupingCriteriaCellToggle', 'groupingCriteriaCellLoadingContainer', 'pinnedRows', 'pinnedRows--top', 'pinnedRows--bottom', 'pivotPanelAvailableFields', 'pivotPanelField', 'pivotPanelField--sorted', 'pivotPanelFieldActionContainer', 'pivotPanelFieldCheckbox', 'pivotPanelFieldDragIcon', 'pivotPanelFieldList', 'pivotPanelFieldName', 'pivotPanelHeader', 'pivotPanelPlaceholder', 'pivotPanelScrollArea', 'pivotPanelSearchContainer', 'pivotPanelSection', 'pivotPanelSectionTitle', 'pivotPanelSections', 'pivotPanelSwitch', 'pivotPanelSwitchLabel', 'prompt', 'promptContent', 'promptText', 'promptFeedback', 'promptChangeList', 'promptChangesToggle', 'promptChangesToggleIcon', 'promptIcon', 'promptIconContainer', 'promptError', 'promptAction']);

package/constants/localeTextConstants.d.ts

@@ -1,2 +1,2 @@
-import { GridLocaleText } from "../models/api/gridLocaleTextApi.js";
+import type { GridLocaleText } from "../models/api/gridLocaleTextApi.js";
 export declare const GRID_DEFAULT_LOCALE_TEXT: GridLocaleText;

package/constants/localeTextConstants.js

@@ -142,6 +142,9 @@ const GRID_DEFAULT_LOCALE_TEXT = exports.GRID_DEFAULT_LOCALE_TEXT = {
   // Boolean cell text
   booleanCellTrueLabel: 'yes',
   booleanCellFalseLabel: 'no',
+  // Long text cell
+  longTextCellExpandLabel: 'Expand',
+  longTextCellCollapseLabel: 'Collapse',
   // Actions cell more text
   actionsCellMore: 'more',
   // Column pinning text

package/context/GridContextProvider.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../models/api/gridApiCommunity.js";
-import { GridConfiguration } from "../models/configuration/gridConfiguration.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../models/api/gridApiCommunity.js";
+import type { GridConfiguration } from "../models/configuration/gridConfiguration.js";
 type GridContextProviderProps = {
   privateApiRef: RefObject<GridPrivateApiCommunity>;
   configuration: GridConfiguration;

package/esm/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/esm/DataGrid/index.js

@@ -1,2 +1 @@
-import '../index.css';
 export * from "./DataGrid.js";

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/colDef/gridDefaultColumnTypes.js

@@ -4,6 +4,7 @@ import { GRID_DATE_COL_DEF, GRID_DATETIME_COL_DEF } from "./gridDateColDef.js";
 import { GRID_BOOLEAN_COL_DEF } from "./gridBooleanColDef.js";
 import { GRID_SINGLE_SELECT_COL_DEF } from "./gridSingleSelectColDef.js";
 import { GRID_ACTIONS_COL_DEF, GRID_ACTIONS_COLUMN_TYPE } from "./gridActionsColDef.js";
+import { GRID_LONG_TEXT_COL_DEF } from "./gridLongTextColDef.js";
 export const DEFAULT_GRID_COL_TYPE_KEY = 'string';
 export const getGridDefaultColumnTypes = () => {
   const nativeColumnTypes = {
@@ -14,7 +15,8 @@ export const getGridDefaultColumnTypes = () => {
     boolean: GRID_BOOLEAN_COL_DEF,
     singleSelect: GRID_SINGLE_SELECT_COL_DEF,
     [GRID_ACTIONS_COLUMN_TYPE]: GRID_ACTIONS_COL_DEF,
-    custom: GRID_STRING_COL_DEF
+    custom: GRID_STRING_COL_DEF,
+    longText: GRID_LONG_TEXT_COL_DEF
   };
   return nativeColumnTypes;
 };

package/esm/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/esm/colDef/gridLongTextColDef.js

@@ -0,0 +1,10 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { GRID_STRING_COL_DEF } from "./gridStringColDef.js";
+import { renderLongTextCell } from "../components/cell/GridLongTextCell.js";
+import { renderEditLongTextCell } from "../components/cell/GridEditLongTextCell.js";
+export const GRID_LONG_TEXT_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
+  type: 'longText',
+  display: 'flex',
+  renderCell: renderLongTextCell,
+  renderEditCell: renderEditLongTextCell
+});

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/colDef/index.js

@@ -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/esm/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/esm/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/esm/components/GridColumnSortButton.js

@@ -4,7 +4,7 @@ const _excluded = ["direction", "index", "sortingOrder", "disabled", "className"
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import clsx from 'clsx';
 import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
 import { getDataGridUtilityClass } from "../constants/gridClasses.js";

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/components/GridScrollArea.js

@@ -5,7 +5,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { fastMemo } from '@mui/x-internals/fastMemo';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";

package/esm/components/GridScrollShadows.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { useRtl } from '@mui/system/RtlProvider';
 import composeClasses from '@mui/utils/composeClasses';
 import { gridDimensionsSelector, gridPinnedColumnsSelector, useGridEvent, useGridSelector } from "../hooks/index.js";

package/esm/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/esm/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/esm/components/GridSkeletonLoadingOverlay.js

@@ -5,7 +5,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["skeletonRowsCount", "visibleColumns", "showFirstRowBorder"];
 import * as React from 'react';
 import clsx from 'clsx';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import useForkRef from '@mui/utils/useForkRef';
 import composeClasses from '@mui/utils/composeClasses';
 import { useRtl } from '@mui/system/RtlProvider';

package/esm/components/base/GridOverlays.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { minimalContentHeight } from "../../hooks/features/rows/gridRowsUtils.js";
 import { useGridSelector } from "../../hooks/utils/useGridSelector.js";

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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;