@mui/x-data-grid 8.26.0 → 8.27.1

package/esm/components/panel/filterPanel/GridFilterInputSingleSelect.d.ts

@@ -1,5 +1,5 @@
-import { TextFieldProps } from "../../../models/gridBaseSlots.js";
-import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
+import type { TextFieldProps } from "../../../models/gridBaseSlots.js";
+import type { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
 export type GridFilterInputSingleSelectProps = GridFilterInputValueProps<TextFieldProps> & {
   type?: 'singleSelect';
 };

package/esm/components/panel/filterPanel/GridFilterInputValue.d.ts

@@ -1,6 +1,6 @@
-import { TextFieldProps } from "../../../models/gridBaseSlots.js";
-import { GridFilterItem } from "../../../models/gridFilterItem.js";
-import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
+import type { TextFieldProps } from "../../../models/gridBaseSlots.js";
+import type { GridFilterItem } from "../../../models/gridFilterItem.js";
+import type { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
 export type GridTypeFilterInputValueProps = GridFilterInputValueProps<TextFieldProps> & {
   type?: 'text' | 'number' | 'date' | 'datetime-local';
 };

package/esm/components/panel/filterPanel/GridFilterPanel.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
-import { GridFilterItem } from "../../../models/gridFilterItem.js";
-import { GridFilterFormProps } from "./GridFilterForm.js";
-import { GridColDef, GridStateColDef } from "../../../models/colDef/gridColDef.js";
+import type { SxProps, Theme } from '@mui/material/styles';
+import { type GridFilterItem } from "../../../models/gridFilterItem.js";
+import { type GridFilterFormProps } from "./GridFilterForm.js";
+import type { GridColDef, GridStateColDef } from "../../../models/colDef/gridColDef.js";
 export interface GetColumnForNewFilterArgs {
   currentFilters: GridFilterItem[];
   columns: GridStateColDef[];

package/esm/components/quickFilter/QuickFilter.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
-import { QuickFilterState } from "./QuickFilterContext.js";
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type QuickFilterState } from "./QuickFilterContext.js";
 import type { GridFilterModel } from "../../models/index.js";
 export type QuickFilterProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> & {
   /**

package/esm/components/quickFilter/QuickFilterClear.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
-import { QuickFilterState } from "./QuickFilterContext.js";
+import { type QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterClearProps = Omit<GridSlotProps['baseIconButton'], 'className'> & {
   /**
    * A function to customize rendering of the component.

package/esm/components/quickFilter/QuickFilterControl.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
-import { QuickFilterState } from "./QuickFilterContext.js";
+import { type QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterControlProps = Omit<GridSlotProps['baseTextField'], 'className'> & {
   /**
    * A function to customize rendering of the component.

package/esm/components/quickFilter/QuickFilterTrigger.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
-import { QuickFilterState } from "./QuickFilterContext.js";
+import { type QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterTriggerProps = Omit<GridSlotProps['baseButton'], 'className'> & {
   /**
    * A function to customize rendering of the component.

package/esm/components/toolbar/GridToolbar.d.ts

@@ -1,6 +1,6 @@
-import { GridToolbarContainerProps } from "../containers/GridToolbarContainer.js";
-import { GridToolbarExportProps } from "./GridToolbarExport.js";
-import { GridToolbarQuickFilterProps } from "./GridToolbarQuickFilter.js";
+import { type GridToolbarContainerProps } from "../containers/GridToolbarContainer.js";
+import { type GridToolbarExportProps } from "./GridToolbarExport.js";
+import { type GridToolbarQuickFilterProps } from "./GridToolbarQuickFilter.js";
 export interface GridToolbarProps extends GridToolbarContainerProps, GridToolbarExportProps {
   /**
    * Show the history controls (undo/redo buttons).

package/esm/components/toolbar/GridToolbarExport.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { GridSlotProps } from "../../models/gridSlotsComponentsProps.js";
-import { GridCsvExportOptions, GridPrintExportOptions } from "../../models/gridExport.js";
+import type { GridCsvExportOptions, GridPrintExportOptions } from "../../models/gridExport.js";
 export interface GridExportDisplayOptions {
   /**
    * If `true`, this export option will be removed from the GridToolbarExport menu.

package/esm/components/toolbar/GridToolbarQuickFilter.d.ts

@@ -1,5 +1,5 @@
-import { TextFieldProps } from "../../models/gridBaseSlots.js";
-import { GridFilterModel } from "../../models/gridFilterModel.js";
+import type { TextFieldProps } from "../../models/gridBaseSlots.js";
+import type { GridFilterModel } from "../../models/gridFilterModel.js";
 export type GridToolbarQuickFilterProps = {
   className?: string;
   /**

package/esm/components/toolbar/GridToolbarQuickFilter.js

@@ -4,7 +4,7 @@ const _excluded = ["quickFilterParser", "quickFilterFormatter", "debounceMs", "c
   _excluded2 = ["ref", "slotProps"];
 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 { getDataGridUtilityClass } from "../../constants/index.js";
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";

package/esm/components/toolbarV8/GridToolbar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridSlotProps } from "../../models/gridSlotsComponentsProps.js";
+import type { GridSlotProps } from "../../models/gridSlotsComponentsProps.js";
 interface GridToolbarInternalProps {
   mainControls?: React.ReactNode;
   additionalExportMenuItems?: (onMenuItemClick: () => void) => React.ReactNode;

package/esm/components/toolbarV8/GridToolbar.js

@@ -8,7 +8,7 @@ const _excluded = ["className"],
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import useId from '@mui/utils/useId';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { GridMenu } from "../menu/GridMenu.js";
 import { Toolbar } from "./Toolbar.js";

package/esm/components/toolbarV8/Toolbar.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
 export type ToolbarProps = React.HTMLAttributes<HTMLDivElement> & {
   /**
    * A function to customize rendering of the component.
    */
   render?: RenderProp<React.ComponentProps<typeof ToolbarRoot>>;
 };
-declare const ToolbarRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
+declare const ToolbarRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
 /**
  * The top level Toolbar component that provides context to child components.
  * It renders a styled `<div />` element.

package/esm/components/toolbarV8/Toolbar.js

@@ -5,7 +5,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["render", "className"];
 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 clsx from 'clsx';
 import { forwardRef } from '@mui/x-internals/forwardRef';

package/esm/components/toolbarV8/ToolbarButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
 export type ToolbarButtonProps = GridSlotProps['baseIconButton'] & {
   /**

package/esm/components/virtualization/GridBottomContainer.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import clsx from 'clsx';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { gridClasses, getDataGridUtilityClass } from "../../constants/gridClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/components/virtualization/GridMainContainer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
+import type { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
 import type { GridOverlayType, GridLoadingOverlayVariant } from "../../hooks/features/overlays/gridOverlaysInterfaces.js";
 type OwnerState = Pick<DataGridProcessedProps, 'classes'> & {
   hasScrollX: boolean;

package/esm/components/virtualization/GridMainContainer.js

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

package/esm/components/virtualization/GridTopContainer.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import clsx from 'clsx';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { gridClasses, getDataGridUtilityClass } from "../../constants/gridClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/components/virtualization/GridVirtualScrollbar.d.ts

@@ -8,6 +8,6 @@ type GridVirtualScrollbarProps = {
   }>;
 };
 export declare const scrollbarSizeCssExpression = "calc(max(var(--DataGrid-scrollbarSize), 14px))";
-export declare const ScrollbarCorner: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
+export declare const ScrollbarCorner: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 declare const GridVirtualScrollbar: React.ForwardRefExoticComponent<GridVirtualScrollbarProps> | React.ForwardRefExoticComponent<GridVirtualScrollbarProps & React.RefAttributes<HTMLDivElement>>;
 export { GridVirtualScrollbar };

package/esm/components/virtualization/GridVirtualScrollbar.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import useEventCallback from '@mui/utils/useEventCallback';
 import useForkRef from '@mui/utils/useForkRef';
 import composeClasses from '@mui/utils/composeClasses';

package/esm/components/virtualization/GridVirtualScroller.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { gridHasBottomFillerSelector, gridHasScrollXSelector, gridHasScrollYSelector } from "../../hooks/features/dimensions/gridDimensionsSelectors.js";
 import { gridRowTreeSelector } from "../../hooks/features/rows/index.js";

package/esm/components/virtualization/GridVirtualScrollerContent.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';
 declare const GridVirtualScrollerContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {

package/esm/components/virtualization/GridVirtualScrollerFiller.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { fastMemo } from '@mui/x-internals/fastMemo';
 import { vars } from "../../constants/cssVariables.js";
 import { useGridSelector } from "../../hooks/utils/useGridSelector.js";

package/esm/components/virtualization/GridVirtualScrollerRenderZone.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';
 declare const GridVirtualScrollerRenderZone: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {

package/esm/constants/defaultGridSlotsComponents.d.ts

@@ -1,2 +1,2 @@
-import { GridSlotsComponent } from "../models/index.js";
+import type { GridSlotsComponent } from "../models/index.js";
 export declare const DATA_GRID_DEFAULT_SLOTS_COMPONENTS: GridSlotsComponent;

package/esm/constants/gridClasses.d.ts

@@ -436,6 +436,50 @@ export interface GridClasses {
    * Styles applied to the root of the input component.
    */
   editInputCell: string;
+  /**
+   * Styles applied to the long text cell root element.
+   */
+  longTextCell: string;
+  /**
+   * Styles applied to the long text cell content element.
+   */
+  longTextCellContent: string;
+  /**
+   * Styles applied to the long text cell expand button.
+   */
+  longTextCellExpandButton: string;
+  /**
+   * Styles applied to the long text cell collapse button.
+   */
+  longTextCellCollapseButton: string;
+  /**
+   * Styles applied to the long text cell popup.
+   */
+  longTextCellPopup: string;
+  /**
+   * Styles applied to the long text cell popper content.
+   */
+  longTextCellPopperContent: string;
+  /**
+   * Styles applied to the edit long text cell root element.
+   */
+  editLongTextCell: string;
+  /**
+   * Styles applied to the edit long text cell value element.
+   */
+  editLongTextCellValue: string;
+  /**
+   * Styles applied to the edit long text cell popup.
+   */
+  editLongTextCellPopup: string;
+  /**
+   * Styles applied to the edit long text cell popper content.
+   */
+  editLongTextCellPopperContent: string;
+  /**
+   * Styles applied to the edit long text cell textarea.
+   */
+  editLongTextCellTextarea: string;
   /**
    * Styles applied to the filter icon element.
    */

package/esm/constants/gridClasses.js

@@ -3,6 +3,6 @@ import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getDataGridUtilityClass(slot) {
   return generateUtilityClass('MuiDataGrid', slot);
 }
-export const gridClasses = generateUtilityClasses('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',
+export const gridClasses = generateUtilityClasses('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/esm/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/esm/constants/localeTextConstants.js

@@ -136,6 +136,9 @@ export const 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/esm/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/hooks/core/gridCoreSelector.d.ts

@@ -1,4 +1,4 @@
-import { GridStateCommunity } from "../../models/gridStateCommunity.js";
+import type { GridStateCommunity } from "../../models/gridStateCommunity.js";
 /**
  * Get the theme state
  * @category Core

package/esm/hooks/core/pipeProcessing/gridPipeProcessingApi.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import { GridCellIndexCoordinates, GridScrollParams, GridColDef, GridCellCoordinates, GridCellParams, GridEditMode } from "../../../models/index.js";
-import { GridInitialStateCommunity } from "../../../models/gridStateCommunity.js";
-import { GridExportStateParams, GridRestoreStatePreProcessingContext, GridRestoreStatePreProcessingValue } from "../../features/statePersistence/gridStatePersistenceInterface.js";
-import { GridHydrateColumnsValue, GridPinnedColumnPosition } from "../../features/columns/gridColumnsInterfaces.js";
-import { GridRowEntry, GridRowId } from "../../../models/gridRows.js";
-import { GridHydrateRowsValue } from "../../features/rows/gridRowsInterfaces.js";
-import { GridPreferencePanelsValue } from "../../features/preferencesPanel/index.js";
-import { GridGetRowsParams, GridGetRowsResponse } from "../../../models/gridDataSource.js";
-import { HeightEntry } from "../../features/rows/gridRowsMetaInterfaces.js";
+import type * as React from 'react';
+import type { GridCellIndexCoordinates, GridScrollParams, GridColDef, GridCellCoordinates, GridCellParams, GridEditMode } from "../../../models/index.js";
+import type { GridInitialStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridExportStateParams, GridRestoreStatePreProcessingContext, GridRestoreStatePreProcessingValue } from "../../features/statePersistence/gridStatePersistenceInterface.js";
+import type { GridHydrateColumnsValue, GridPinnedColumnPosition } from "../../features/columns/gridColumnsInterfaces.js";
+import type { GridRowEntry, GridRowId } from "../../../models/gridRows.js";
+import type { GridHydrateRowsValue } from "../../features/rows/gridRowsInterfaces.js";
+import type { GridPreferencePanelsValue } from "../../features/preferencesPanel/index.js";
+import type { GridGetRowsParams, GridGetRowsResponse } from "../../../models/gridDataSource.js";
+import type { HeightEntry } from "../../features/rows/gridRowsMetaInterfaces.js";
 import type { RowReorderDropPosition } from "../../../models/api/gridRowApi.js";
 export type GridPipeProcessorGroup = keyof GridPipeProcessingLookup;
 export interface GridPipeProcessingLookup {

package/esm/hooks/core/pipeProcessing/useGridPipeProcessing.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommon } from "../../../models/api/gridApiCommon.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommon } from "../../../models/api/gridApiCommon.js";
 /**
  * Implement the Pipeline Pattern
  *

package/esm/hooks/core/pipeProcessing/useGridRegisterPipeApplier.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommon } from "../../../models/api/gridApiCommon.js";
-import { GridPipeProcessorGroup } from "./gridPipeProcessingApi.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommon } from "../../../models/api/gridApiCommon.js";
+import type { GridPipeProcessorGroup } from "./gridPipeProcessingApi.js";
 export declare const useGridRegisterPipeApplier: <PrivateApi extends GridPrivateApiCommon, G extends GridPipeProcessorGroup>(apiRef: RefObject<PrivateApi>, group: G, callback: () => void) => void;

package/esm/hooks/core/pipeProcessing/useGridRegisterPipeProcessor.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommon } from "../../../models/api/gridApiCommon.js";
-import { GridPipeProcessorGroup, GridPipeProcessor } from "./gridPipeProcessingApi.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommon } from "../../../models/api/gridApiCommon.js";
+import type { GridPipeProcessorGroup, GridPipeProcessor } from "./gridPipeProcessingApi.js";
 export declare const useGridRegisterPipeProcessor: <PrivateApi extends GridPrivateApiCommon, G extends GridPipeProcessorGroup>(apiRef: RefObject<PrivateApi>, group: G, callback: GridPipeProcessor<G>, enabled?: boolean) => void;

package/esm/hooks/core/strategyProcessing/useGridRegisterStrategyProcessor.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommon } from "../../../models/api/gridApiCommon.js";
-import { GridStrategyProcessorName, GridStrategyProcessor } from "./gridStrategyProcessingApi.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommon } from "../../../models/api/gridApiCommon.js";
+import type { GridStrategyProcessorName, GridStrategyProcessor } from "./gridStrategyProcessingApi.js";
 export declare const useGridRegisterStrategyProcessor: <Api extends GridPrivateApiCommon, G extends GridStrategyProcessorName>(apiRef: RefObject<Api>, strategyName: string, group: G, processor: GridStrategyProcessor<G>) => void;

package/esm/hooks/core/strategyProcessing/useGridStrategyProcessing.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommon } from "../../../models/api/gridApiCommon.js";
-import { GridStrategyProcessorName, GridStrategyGroupValue } from "./gridStrategyProcessingApi.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommon } from "../../../models/api/gridApiCommon.js";
+import { type GridStrategyProcessorName, type GridStrategyGroupValue } from "./gridStrategyProcessingApi.js";
 export declare const GRID_DEFAULT_STRATEGY = "none";
 export declare const GRID_STRATEGIES_PROCESSORS: { [P in GridStrategyProcessorName]: GridStrategyGroupValue };
 /**

package/esm/hooks/core/useGridApiInitialization.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from '@mui/x-internals/types';
-import { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
 import type { GridApiCommon, GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
 export declare function unwrapPrivateAPI<PrivateApi extends GridPrivateApiCommon, Api extends GridApiCommon>(publicApi: Api): PrivateApi;
 export declare function useGridApiInitialization<PrivateApi extends GridPrivateApiCommon, Api extends GridApiCommon>(inputApiRef: RefObject<Api | null> | undefined, props: Pick<DataGridProcessedProps, 'signature'>): RefObject<PrivateApi>;

package/esm/hooks/core/useGridInitialization.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
+import type { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
-import { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
+import type { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
 /**
  * Initialize the technical pieces of the DataGrid (logger, state, ...) that any DataGrid implementation needs
  */

package/esm/hooks/core/useGridIsRtl.d.ts

@@ -1,3 +1,3 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
 export declare const useGridIsRtl: (apiRef: RefObject<GridPrivateApiCommon>) => void;

package/esm/hooks/core/useGridLocaleText.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
-import { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
+import type { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
 export declare const useGridLocaleText: (apiRef: RefObject<GridPrivateApiCommon>, props: Pick<DataGridProcessedProps, "localeText">) => void;

package/esm/hooks/core/useGridLoggerFactory.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
-import { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
+import type { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
 export declare const useGridLoggerFactory: (apiRef: RefObject<GridPrivateApiCommon>, props: Pick<DataGridProcessedProps, "logger" | "logLevel">) => void;

package/esm/hooks/core/useGridRefs.d.ts

@@ -1,3 +1,3 @@
-import { RefObject } from '@mui/x-internals/types';
+import type { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
 export declare const useGridRefs: <PrivateApi extends GridPrivateApiCommon>(apiRef: RefObject<PrivateApi>) => void;

package/esm/hooks/core/useGridStateInitialization.d.ts

@@ -1,3 +1,3 @@
-import { RefObject } from '@mui/x-internals/types';
+import type { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommon } from "../../models/api/gridApiCommon.js";
 export declare const useGridStateInitialization: <PrivateApi extends GridPrivateApiCommon>(apiRef: RefObject<PrivateApi>) => void;

package/esm/hooks/features/clipboard/useGridClipboard.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 /**
  * @requires useGridCsvExport (method)

package/esm/hooks/features/columnGrouping/gridColumnGroupsInterfaces.d.ts

@@ -1,4 +1,4 @@
-import { GridColumnGroup, GridColumnGroupingModel } from "../../../models/gridColumnGrouping.js";
+import type { GridColumnGroup, GridColumnGroupingModel } from "../../../models/gridColumnGrouping.js";
 export type GridColumnGroupLookup = {
   [groupId: string]: Omit<GridColumnGroup, 'children'>;
 };

package/esm/hooks/features/columnGrouping/gridColumnGroupsSelector.d.ts

@@ -1,4 +1,4 @@
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 /**
  * @category ColumnGrouping
  * @ignore - do not document.

package/esm/hooks/features/columnGrouping/gridColumnGroupsUtils.d.ts

@@ -1,6 +1,6 @@
-import { GridColumnGroupingModel, GridColumnNode, GridColumnGroup } from "../../../models/gridColumnGrouping.js";
-import { GridColDef } from "../../../models/colDef/index.js";
-import { GridColumnGroupLookup, GridGroupingStructure } from "./gridColumnGroupsInterfaces.js";
+import { type GridColumnGroupingModel, type GridColumnNode, type GridColumnGroup } from "../../../models/gridColumnGrouping.js";
+import type { GridColDef } from "../../../models/colDef/index.js";
+import type { GridColumnGroupLookup, GridGroupingStructure } from "./gridColumnGroupsInterfaces.js";
 type UnwrappedGroupingModel = {
   [key: GridColDef['field']]: GridColumnGroup['groupId'][];
 };

package/esm/hooks/features/columnGrouping/useGridColumnGrouping.d.ts

@@ -1,7 +1,7 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
-import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 export declare const columnGroupsStateInitializer: GridStateInitializer<Pick<DataGridProcessedProps, 'columnGroupingModel'>>;
 /**
  * @requires useGridColumns (method, event)