@mui/x-data-grid 8.25.0 → 8.27.0

package/esm/components/containers/GridRoot.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from '@mui/material/styles';
+import type { SxProps } from '@mui/system';
+import type { Theme } from '@mui/material/styles';
 export interface GridRootProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.

package/esm/components/containers/GridRootStyles.d.ts

@@ -1,4 +1,4 @@
-import { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
+import type { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
 export type OwnerState = DataGridProcessedProps;
 export declare const GridRootStyles: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: OwnerState;

package/esm/components/containers/GridToolbarContainer.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';
 export type GridToolbarContainerProps = React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 };

package/esm/components/export/ExportCsv.d.ts

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

package/esm/components/export/ExportPrint.d.ts

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

package/esm/components/filterPanel/FilterPanelTrigger.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 interface FilterPanelState {
   /**

package/esm/components/menu/GridMenu.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PopperProps } from "../../models/gridBaseSlots.js";
+import type { PopperProps } from "../../models/gridBaseSlots.js";
 type MenuPosition = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top' | undefined;
 export interface GridMenuProps extends Pick<PopperProps, 'className' | 'onExited'> {
   open: boolean;

package/esm/components/menu/columnMenu/GridColumnHeaderMenu.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridMenuProps } from "../GridMenu.js";
+import { type GridMenuProps } from "../GridMenu.js";
 export interface GridColumnHeaderMenuProps {
   columnMenuId?: string;
   columnMenuButtonId?: string;

package/esm/components/menu/columnMenu/GridColumnMenu.d.ts

@@ -1,7 +1,7 @@
 import { GridColumnMenuColumnsItem } from "./menuItems/GridColumnMenuColumnsItem.js";
 import { GridColumnMenuFilterItem } from "./menuItems/GridColumnMenuFilterItem.js";
 import { GridColumnMenuSortItem } from "./menuItems/GridColumnMenuSortItem.js";
-import { GridColumnMenuProps, GridGenericColumnMenuProps } from "./GridColumnMenuProps.js";
+import type { GridColumnMenuProps, GridGenericColumnMenuProps } from "./GridColumnMenuProps.js";
 export declare const GRID_COLUMN_MENU_SLOTS: {
   columnMenuSortItem: typeof GridColumnMenuSortItem;
   columnMenuFilterItem: typeof GridColumnMenuFilterItem;

package/esm/components/menu/columnMenu/GridColumnMenuContainer.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { GridColumnMenuContainerProps } from "./GridColumnMenuProps.js";
+import type { GridColumnMenuContainerProps } from "./GridColumnMenuProps.js";
 declare const GridColumnMenuContainer: React.ForwardRefExoticComponent<GridColumnMenuContainerProps> | React.ForwardRefExoticComponent<GridColumnMenuContainerProps & React.RefAttributes<HTMLUListElement>>;
 export { GridColumnMenuContainer };

package/esm/components/menu/columnMenu/GridColumnMenuItemProps.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { GridColDef } from "../../../models/colDef/gridColDef.js";
+import type * as React from 'react';
+import type { GridColDef } from "../../../models/colDef/gridColDef.js";
 export interface GridColumnMenuItemProps {
   colDef: GridColDef;
   onClick: (event: React.MouseEvent<any>) => void;

package/esm/components/menu/columnMenu/GridColumnMenuProps.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { GridColDef } from "../../../models/colDef/gridColDef.js";
-import { GridColumnMenuRootProps } from "../../../hooks/features/columnMenu/index.js";
+import type * as React from 'react';
+import type { GridColDef } from "../../../models/colDef/gridColDef.js";
+import type { GridColumnMenuRootProps } from "../../../hooks/features/columnMenu/index.js";
 export interface GridColumnMenuContainerProps extends React.HTMLAttributes<HTMLUListElement> {
   hideMenu: (event: React.SyntheticEvent) => void;
   colDef: GridColDef;

package/esm/components/menu/columnMenu/menuItems/GridColumnMenuColumnsItem.d.ts

@@ -1,4 +1,4 @@
-import { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
+import type { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
 declare function GridColumnMenuColumnsItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridColumnMenuColumnsItem {
   var propTypes: any;

package/esm/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.d.ts

@@ -1,4 +1,4 @@
-import { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
+import type { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
 declare function GridColumnMenuFilterItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridColumnMenuFilterItem {
   var propTypes: any;

package/esm/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.d.ts

@@ -1,4 +1,4 @@
-import { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
+import type { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
 declare function GridColumnMenuHideItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridColumnMenuHideItem {
   var propTypes: any;

package/esm/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.d.ts

@@ -1,4 +1,4 @@
-import { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
+import type { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
 declare function GridColumnMenuManageItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridColumnMenuManageItem {
   var propTypes: any;

package/esm/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.d.ts

@@ -1,4 +1,4 @@
-import { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
+import type { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
 declare function GridColumnMenuSortItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridColumnMenuSortItem {
   var propTypes: any;

package/esm/components/panel/GridColumnsPanel.d.ts

@@ -1,4 +1,4 @@
-import { GridPanelWrapperProps } from "./GridPanelWrapper.js";
+import { type GridPanelWrapperProps } from "./GridPanelWrapper.js";
 export interface GridColumnsPanelProps extends GridPanelWrapperProps {}
 declare function GridColumnsPanel(props: GridColumnsPanelProps): import("react/jsx-runtime").JSX.Element;
 export { GridColumnsPanel };

package/esm/components/panel/GridPanel.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridSlotProps } from "../../models/gridSlotsComponent.js";
+import type { GridSlotProps } from "../../models/gridSlotsComponent.js";
 export interface GridPanelClasses {
   /** Styles applied to the root element. */
   panel: string;

package/esm/components/panel/GridPanelContent.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 function GridPanelContent(props: React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }): import("react/jsx-runtime").JSX.Element;

package/esm/components/panel/GridPanelFooter.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
+import { type SxProps, type Theme } from '@mui/material/styles';
 declare function GridPanelFooter(props: React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }): import("react/jsx-runtime").JSX.Element;

package/esm/components/panel/GridPanelHeader.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 function GridPanelHeader(props: React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }): import("react/jsx-runtime").JSX.Element;

package/esm/components/panel/GridPanelWrapper.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Theme } from '@mui/material/styles';
-import { MUIStyledCommonProps } from '@mui/system';
+import { type Theme } from '@mui/material/styles';
+import type { MUIStyledCommonProps } from '@mui/system';
 export interface GridPanelWrapperProps extends React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>, MUIStyledCommonProps<Theme> {}
 declare const GridPanelWrapper: React.ForwardRefExoticComponent<GridPanelWrapperProps> | React.ForwardRefExoticComponent<GridPanelWrapperProps & React.RefAttributes<HTMLDivElement>>;
 export { GridPanelWrapper };

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GridFilterItem, GridLogicOperator } from "../../../models/gridFilterItem.js";
-import { GridColDef, GridStateColDef } from "../../../models/colDef/gridColDef.js";
+import { type GridFilterItem, GridLogicOperator } from "../../../models/gridFilterItem.js";
+import type { GridColDef, GridStateColDef } from "../../../models/colDef/gridColDef.js";
 export interface FilterColumnsArgs {
   field: GridColDef['field'];
   columns: GridStateColDef[];

package/esm/components/panel/filterPanel/GridFilterInputBoolean.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 GridFilterInputBooleanProps = GridFilterInputValueProps<TextFieldProps>;
 declare function GridFilterInputBoolean(props: GridFilterInputBooleanProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridFilterInputBoolean {

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

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

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

@@ -1,5 +1,5 @@
-import { AutocompleteProps } from "../../../models/gridBaseSlots.js";
-import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
+import type { AutocompleteProps } from "../../../models/gridBaseSlots.js";
+import type { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
 import type { ValueOptions } from "../../../models/colDef/gridColDef.js";
 export type GridFilterInputMultipleSingleSelectProps = GridFilterInputValueProps<Omit<AutocompleteProps<ValueOptions, true, false, true>, 'options'>> & {
   type?: 'singleSelect';

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

@@ -1,5 +1,5 @@
-import { AutocompleteProps } from "../../../models/gridBaseSlots.js";
-import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
+import type { AutocompleteProps } from "../../../models/gridBaseSlots.js";
+import type { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
 export type GridFilterInputMultipleValueProps = GridFilterInputValueProps<Omit<AutocompleteProps<string, true, false, true>, 'options'>> & {
   type?: 'text' | 'number' | 'date' | 'datetime-local';
 };

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,7 +1,12 @@
-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).
+   * @default true
+   */
+  showHistoryControls?: boolean;
   /**
    * Show the quick filter component.
    * @default true

package/esm/components/toolbar/GridToolbar.js

@@ -68,6 +68,11 @@ process.env.NODE_ENV !== "production" ? GridToolbar.propTypes = {
     quickFilterParser: PropTypes.func,
     slotProps: PropTypes.object
   }),
+  /**
+   * Show the history controls (undo/redo buttons).
+   * @default true
+   */
+  showHistoryControls: PropTypes.bool,
   /**
    * Show the quick filter component.
    * @default true

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/toolbarV8/GridToolbar.d.ts

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

package/esm/components/toolbarV8/GridToolbar.js

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["className"],
   _excluded2 = ["className"],
-  _excluded3 = ["showQuickFilter", "quickFilterProps", "csvOptions", "printOptions", "additionalItems", "additionalExportMenuItems"];
+  _excluded3 = ["showQuickFilter", "quickFilterProps", "csvOptions", "printOptions", "mainControls", "additionalExportMenuItems"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import useId from '@mui/utils/useId';
@@ -84,7 +84,7 @@ function GridToolbar(props) {
       quickFilterProps,
       csvOptions,
       printOptions,
-      additionalItems,
+      mainControls,
       additionalExportMenuItems
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded3);
@@ -99,30 +99,32 @@ function GridToolbar(props) {
   return /*#__PURE__*/_jsxs(Toolbar, _extends({}, other, {
     children: [rootProps.label && /*#__PURE__*/_jsx(GridToolbarLabel, {
       children: rootProps.label
-    }), !rootProps.disableColumnSelector && /*#__PURE__*/_jsx(rootProps.slots.baseTooltip, {
-      title: apiRef.current.getLocaleText('toolbarColumns'),
-      children: /*#__PURE__*/_jsx(ColumnsPanelTrigger, {
-        render: /*#__PURE__*/_jsx(ToolbarButton, {}),
-        children: /*#__PURE__*/_jsx(rootProps.slots.columnSelectorIcon, {
-          fontSize: "small"
+    }), mainControls || /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [!rootProps.disableColumnSelector && /*#__PURE__*/_jsx(rootProps.slots.baseTooltip, {
+        title: apiRef.current.getLocaleText('toolbarColumns'),
+        children: /*#__PURE__*/_jsx(ColumnsPanelTrigger, {
+          render: /*#__PURE__*/_jsx(ToolbarButton, {}),
+          children: /*#__PURE__*/_jsx(rootProps.slots.columnSelectorIcon, {
+            fontSize: "small"
+          })
         })
-      })
-    }), !rootProps.disableColumnFilter && /*#__PURE__*/_jsx(rootProps.slots.baseTooltip, {
-      title: apiRef.current.getLocaleText('toolbarFilters'),
-      children: /*#__PURE__*/_jsx(FilterPanelTrigger, {
-        render: (triggerProps, state) => /*#__PURE__*/_jsx(ToolbarButton, _extends({}, triggerProps, {
-          color: state.filterCount > 0 ? 'primary' : 'default',
-          children: /*#__PURE__*/_jsx(rootProps.slots.baseBadge, {
-            badgeContent: state.filterCount,
-            color: "primary",
-            variant: "dot",
-            children: /*#__PURE__*/_jsx(rootProps.slots.openFilterButtonIcon, {
-              fontSize: "small"
+      }), !rootProps.disableColumnFilter && /*#__PURE__*/_jsx(rootProps.slots.baseTooltip, {
+        title: apiRef.current.getLocaleText('toolbarFilters'),
+        children: /*#__PURE__*/_jsx(FilterPanelTrigger, {
+          render: (triggerProps, state) => /*#__PURE__*/_jsx(ToolbarButton, _extends({}, triggerProps, {
+            color: state.filterCount > 0 ? 'primary' : 'default',
+            children: /*#__PURE__*/_jsx(rootProps.slots.baseBadge, {
+              badgeContent: state.filterCount,
+              color: "primary",
+              variant: "dot",
+              children: /*#__PURE__*/_jsx(rootProps.slots.openFilterButtonIcon, {
+                fontSize: "small"
+              })
             })
-          })
-        }))
-      })
-    }), additionalItems, showExportMenu && (!rootProps.disableColumnFilter || !rootProps.disableColumnSelector) && /*#__PURE__*/_jsx(GridToolbarDivider, {}), showExportMenu && /*#__PURE__*/_jsxs(React.Fragment, {
+          }))
+        })
+      })]
+    }), showExportMenu && (!rootProps.disableColumnFilter || !rootProps.disableColumnSelector) && /*#__PURE__*/_jsx(GridToolbarDivider, {}), showExportMenu && /*#__PURE__*/_jsxs(React.Fragment, {
       children: [/*#__PURE__*/_jsx(rootProps.slots.baseTooltip, {
         title: apiRef.current.getLocaleText('toolbarExport'),
         disableInteractive: exportMenuOpen,

package/esm/components/toolbarV8/Toolbar.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';
 export type ToolbarProps = React.HTMLAttributes<HTMLDivElement> & {
   /**
    * A function to customize rendering of the component.

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