@mui/x-data-grid-pro 8.26.0 → 8.27.1

package/CHANGELOG.md

@@ -5,6 +5,159 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## v8.27.1
+
+<!-- generated comparing v8.27.0..v8.x -->
+
+_Feb 13, 2026_
+
+We'd like to extend a big thank you to the 6 contributors who made this release possible. Here are some highlights ✨:
+
+- 📝 CSS bundler support is no longer needed for the Data Grid
+- 🐞 Bugfixes
+
+Special thanks go out to these community members for their valuable contributions:
+@sai6855
+
+The following team members contributed to this release:
+@arminmeh, @cherniavskii, @flaviendelangle, @mj12albert, @MBilalShafi
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.27.1`
+
+- [DataGrid] Hide column menu icon when there are no items (#21303) @MBilalShafi
+- [DataGrid] Migrate styled imports and remove `index.css` (#21176) @MBilalShafi
+- [DataGrid] Optimize `GridRootStyles` overrides resolver (#21251) @sai6855
+
+#### `@mui/x-data-grid-pro@8.27.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.27.1`, plus:
+
+- [DataGridPro] Fix column pinning issue with `restoreState` (#21305) @MBilalShafi
+- [DataGridPro] Fix lazy loading params for page with one row (#21238) @MBilalShafi
+- [DataGridPro] Properly extract parent path (#21301) @arminmeh
+
+#### `@mui/x-data-grid-premium@8.27.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.27.1`, plus:
+
+- [DataGridPremium] Fix aggregation display when `initialState` has both `sortModel` and `pinnedColumns` (#21152) @mj12albert
+
+### Tree View
+
+#### `@mui/x-tree-view@8.27.1`
+
+- [tree view] Fix `apiRef.current.setItemExpansion()` (#21095) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@8.27.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.27.1`.
+
+### Core
+
+- [internal] Add CLI for translation using LLM (#21299) @cherniavskii
+
+## v8.27.0
+
+_Feb 2, 2026_
+
+We'd like to extend a big thank you to the 8 contributors who made this release possible. Here are some highlights ✨:
+
+- 📝 Data Grid supports new `longText` [column type](https://mui.com/x/react-data-grid/column-definition/#column-types)
+
+The following team members contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @JCQuintas, @MBilalShafi, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.27.0`
+
+- [DataGrid] Fix virtualization crash by preventing out-of-bounds `focusedVirtualCell` indices (#21123) @cherniavskii
+- [DataGrid] Fix focus steal issue with `<Dialog />` (#21106) @MBilalShafi
+- [DataGrid] Add new `longText` column type (#21103) @siriwatknp
+
+#### `@mui/x-data-grid-pro@8.27.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.27.0`.
+
+#### `@mui/x-data-grid-premium@8.27.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.27.0`, plus:
+
+- [DataGridPremium] Fix focus retention when undo/redo operations are done on the same cell (#21110) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.27.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.27.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.27.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.27.0`
+
+- [charts] Deprecate `AxisId` class in favour of to `data-axis-id` attribute (#21048) @JCQuintas
+
+#### `@mui/x-charts-pro@8.27.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.27.0`, plus:
+
+- [charts-pro] Add `onItemClick` to the heatmap (#20817) (#21030) @alexfauquette
+
+#### `@mui/x-charts-premium@8.27.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@8.27.0`, plus:
+
+- [charts-premium] Fix wrong `defaultSlots` in premium charts (#21052) @bernardobelchior
+
+### Tree View
+
+#### `@mui/x-tree-view@8.27.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.27.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.27.0`, plus:
+
+- [RichTreeViewPro] Do not export `useSimpleTreeViewApiRef()` and `useRichTreeViewApiRef()` from pro package (#21145) @flaviendelangle
+
+### Codemod
+
+#### `@mui/x-codemod@8.27.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix DataGrid's cell edit renderers (@arminmeh) (#21041) @github-actions[bot]
+
+### Core
+
+- [code-infra] Add `consistent-type-imports` rule to the grid packages (#21119) @arminmeh
+- [code-infra] Allow user to select target branch if it exists for current major (#21005) @JCQuintas
+- [code-infra] Fix the target branch condition in the release script (#21051) @arminmeh
+- [code-infra] Update docs deploy script to fetch from `v8.x` (#21013) @arminmeh
+
+## 8.26.1
+
+_Jan 23, 2026_
+
+Release highlight ✨:
+
+- 🐞 Hotfix for Data Grid Premium type imports
+
+### Data Grid
+
+#### `@mui/x-data-grid-premium@8.26.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+- [DataGridPremium] Fix type import (#21033) @arminmeh
+
 ## 8.26.0
 
 _Jan 22, 2026_

package/DataGridPro/DataGridPro.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GridValidRowModel } from '@mui/x-data-grid';
-import { DataGridProProps } from "../models/dataGridProProps.js";
+import { type GridValidRowModel } from '@mui/x-data-grid';
+import type { DataGridProProps } from "../models/dataGridProProps.js";
 export type { GridProSlotsComponent as GridSlots } from "../models/index.js";
 interface DataGridProComponent {
   <R extends GridValidRowModel = any>(props: DataGridProProps<R> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;

package/DataGridPro/DataGridPro.js

@@ -34,7 +34,7 @@ const configuration = {
     useFilterValueGetter: apiRef => apiRef.current.getRowValue
   }
 };
-const releaseInfo = "MTc2OTA0MDAwMDAwMA==";
+const releaseInfo = "MTc3MDk0MDgwMDAwMA==";
 const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
   packageName: "x-data-grid-pro",
   releaseInfo: releaseInfo

package/DataGridPro/useDataGridProComponent.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridConfiguration } from '@mui/x-data-grid/internals';
-import { GridPrivateApiPro } from "../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../models/dataGridProProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import { type GridConfiguration } from '@mui/x-data-grid/internals';
+import type { GridPrivateApiPro } from "../models/gridApiPro.js";
+import type { DataGridProProcessedProps } from "../models/dataGridProProps.js";
 export declare const useDataGridProComponent: (apiRef: RefObject<GridPrivateApiPro>, props: DataGridProProcessedProps, configuration: GridConfiguration) => void;

package/DataGridPro/useDataGridProProps.d.ts

@@ -1,5 +1,5 @@
-import { GridValidRowModel } from '@mui/x-data-grid';
-import { DataGridProProps, DataGridProProcessedProps, DataGridProPropsWithDefaultValue } from "../models/dataGridProProps.js";
+import { type GridValidRowModel } from '@mui/x-data-grid';
+import type { DataGridProProps, DataGridProProcessedProps, DataGridProPropsWithDefaultValue } from "../models/dataGridProProps.js";
 /**
  * The default values of `DataGridProPropsWithDefaultValue` to inject in the props of DataGridPro.
  */

package/components/GridColumnHeaders.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { UseGridColumnHeadersProps } from '@mui/x-data-grid/internals';
+import { type UseGridColumnHeadersProps } from '@mui/x-data-grid/internals';
 export interface GridColumnHeadersProps extends React.HTMLAttributes<HTMLDivElement>, UseGridColumnHeadersProps {}
 declare const GridColumnHeaders: React.ForwardRefExoticComponent<GridColumnHeadersProps> | React.ForwardRefExoticComponent<GridColumnHeadersProps & React.RefAttributes<HTMLDivElement>>;
 export { GridColumnHeaders };

package/components/GridColumnMenuPinningItem.d.ts

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

package/components/GridDataSourceTreeDataGroupingCell.d.ts

@@ -1,4 +1,4 @@
-import { GridRenderCellParams, GridDataSourceGroupNode } from '@mui/x-data-grid';
+import { type GridRenderCellParams, type GridDataSourceGroupNode } from '@mui/x-data-grid';
 interface GridTreeDataGroupingCellProps extends GridRenderCellParams<any, any, any, GridDataSourceGroupNode> {
   hideDescendantCount?: boolean;
   /**

package/components/GridDetailPanel.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridRowId } from '@mui/x-data-grid';
+import { type GridRowId } from '@mui/x-data-grid';
 interface GridDetailPanelProps extends Pick<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> {
   /**
    * The row ID that this panel belongs to.

package/components/GridDetailPanelToggleCell.d.ts

@@ -1,4 +1,4 @@
-import { GridRenderCellParams } from '@mui/x-data-grid';
+import { type GridRenderCellParams } from '@mui/x-data-grid';
 declare function GridDetailPanelToggleCell(props: GridRenderCellParams): import("react/jsx-runtime").JSX.Element;
 declare namespace GridDetailPanelToggleCell {
   var propTypes: any;

package/components/GridDetailPanels.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { GridDetailPanelsProps } from '@mui/x-data-grid/internals';
+import type { GridDetailPanelsProps } from '@mui/x-data-grid/internals';
 export declare function GridDetailPanels(props: GridDetailPanelsProps): React.FunctionComponentElement<GridDetailPanelsProps> | null;

package/components/GridPinnedRows.d.ts

@@ -1,4 +1,4 @@
-import { GridPinnedRowsProps } from '@mui/x-data-grid/internals';
+import { type GridPinnedRowsProps } from '@mui/x-data-grid/internals';
 export declare function GridPinnedRows({
   position,
   virtualScroller

package/components/GridProColumnMenu.d.ts

@@ -1,4 +1,4 @@
-import { GridColumnMenuProps } from '@mui/x-data-grid';
+import type { GridColumnMenuComponent } from '@mui/x-data-grid/internals';
 import { GridColumnMenuPinningItem } from "./GridColumnMenuPinningItem.js";
 export declare const GRID_COLUMN_MENU_SLOTS_PRO: {
   columnMenuPinningItem: typeof GridColumnMenuPinningItem;
@@ -20,4 +20,4 @@ export declare const GRID_COLUMN_MENU_SLOT_PROPS_PRO: {
     displayOrder: number;
   };
 };
-export declare const GridProColumnMenu: import("react").ForwardRefExoticComponent<GridColumnMenuProps> | import("react").ForwardRefExoticComponent<GridColumnMenuProps & import("react").RefAttributes<HTMLUListElement>>;
+export declare const GridProColumnMenu: GridColumnMenuComponent;

package/components/GridProColumnMenu.js

@@ -26,4 +26,6 @@ const GridProColumnMenu = exports.GridProColumnMenu = (0, _forwardRef.forwardRef
     ref: ref
   }));
 });
-if (process.env.NODE_ENV !== "production") GridProColumnMenu.displayName = "GridProColumnMenu";
+if (process.env.NODE_ENV !== "production") GridProColumnMenu.displayName = "GridProColumnMenu";
+GridProColumnMenu.defaultSlots = GRID_COLUMN_MENU_SLOTS_PRO;
+GridProColumnMenu.defaultSlotProps = GRID_COLUMN_MENU_SLOT_PROPS_PRO;

package/components/GridRowReorderCell.d.ts

@@ -1,4 +1,4 @@
-import { GridRenderCellParams } from '@mui/x-data-grid';
+import { type GridRenderCellParams } from '@mui/x-data-grid';
 declare function GridRowReorderCell(params: GridRenderCellParams): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridRowReorderCell {
   var propTypes: any;

package/components/GridRowReorderCell.js

@@ -11,7 +11,7 @@ exports.renderRowReorderCell = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _xDataGrid = require("@mui/x-data-grid");
 var _internals = require("@mui/x-data-grid/internals");
@@ -29,7 +29,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _xDataGrid.getDataGridUtilityClass, classes);
 };
-const RowReorderIcon = (0, _system.styled)('svg', {
+const RowReorderIcon = (0, _styles.styled)('svg', {
   name: 'MuiDataGrid',
   slot: 'RowReorderIcon'
 })({

package/components/GridTreeDataGroupingCell.d.ts

@@ -1,4 +1,4 @@
-import { GridRenderCellParams, GridGroupNode } from '@mui/x-data-grid';
+import { type GridRenderCellParams, type GridGroupNode } from '@mui/x-data-grid';
 interface GridTreeDataGroupingCellProps extends GridRenderCellParams<any, any, any, GridGroupNode> {
   hideDescendantCount?: boolean;
   /**

package/components/headerFiltering/GridHeaderFilterCell.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GridFilterItem, GridFilterOperator, GridColDef } from '@mui/x-data-grid';
-import { PinnedColumnPosition, GridStateColDef } from '@mui/x-data-grid/internals';
+import { type GridFilterItem, type GridFilterOperator, type GridColDef } from '@mui/x-data-grid';
+import { PinnedColumnPosition, type GridStateColDef } from '@mui/x-data-grid/internals';
 export interface GridRenderHeaderFilterProps extends GridHeaderFilterCellProps {
   inputRef: React.RefObject<unknown>;
 }

package/components/headerFiltering/GridHeaderFilterCell.js

@@ -82,7 +82,8 @@ const DEFAULT_INPUT_COMPONENTS = {
   boolean: _xDataGrid.GridFilterInputBoolean,
   singleSelect: _xDataGrid.GridFilterInputSingleSelect,
   actions: null,
-  custom: null
+  custom: null,
+  longText: _xDataGrid.GridFilterInputValue
 };
 const GridHeaderFilterCell = (0, _forwardRef.forwardRef)((props, ref) => {
   const {

package/components/headerFiltering/GridHeaderFilterClearButton.d.ts

@@ -1,4 +1,4 @@
-import { GridSlotProps } from '@mui/x-data-grid';
+import type { GridSlotProps } from '@mui/x-data-grid';
 type BaseIconButtonProps = GridSlotProps['baseIconButton'];
 interface GridHeaderFilterClearIconProps extends BaseIconButtonProps {}
 declare function GridHeaderFilterClearButton(props: GridHeaderFilterClearIconProps): import("react/jsx-runtime").JSX.Element;

package/components/headerFiltering/GridHeaderFilterMenu.d.ts

@@ -1,4 +1,4 @@
-import { GridFilterOperator, GridFilterItem, GridColDef } from '@mui/x-data-grid';
+import { type GridFilterOperator, type GridFilterItem, type GridColDef } from '@mui/x-data-grid';
 interface GridHeaderFilterMenuProps {
   field: GridColDef['field'];
   applyFilterChanges: (item: GridFilterItem) => void;

package/components/headerFiltering/GridHeaderFilterMenuContainer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridFilterItem, GridFilterOperator, GridColDef } from '@mui/x-data-grid';
+import { type GridFilterItem, type GridFilterOperator, type GridColDef } from '@mui/x-data-grid';
 declare function GridHeaderFilterMenuContainer(props: {
   operators: GridFilterOperator<any, any, any>[];
   field: GridColDef['field'];

package/esm/DataGridPro/DataGridPro.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GridValidRowModel } from '@mui/x-data-grid';
-import { DataGridProProps } from "../models/dataGridProProps.js";
+import { type GridValidRowModel } from '@mui/x-data-grid';
+import type { DataGridProProps } from "../models/dataGridProProps.js";
 export type { GridProSlotsComponent as GridSlots } from "../models/index.js";
 interface DataGridProComponent {
   <R extends GridValidRowModel = any>(props: DataGridProProps<R> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;

package/esm/DataGridPro/DataGridPro.js

@@ -27,7 +27,7 @@ const configuration = {
     useFilterValueGetter: apiRef => apiRef.current.getRowValue
   }
 };
-const releaseInfo = "MTc2OTA0MDAwMDAwMA==";
+const releaseInfo = "MTc3MDk0MDgwMDAwMA==";
 const watermark = /*#__PURE__*/_jsx(Watermark, {
   packageName: "x-data-grid-pro",
   releaseInfo: releaseInfo

package/esm/DataGridPro/useDataGridProComponent.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridConfiguration } from '@mui/x-data-grid/internals';
-import { GridPrivateApiPro } from "../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../models/dataGridProProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import { type GridConfiguration } from '@mui/x-data-grid/internals';
+import type { GridPrivateApiPro } from "../models/gridApiPro.js";
+import type { DataGridProProcessedProps } from "../models/dataGridProProps.js";
 export declare const useDataGridProComponent: (apiRef: RefObject<GridPrivateApiPro>, props: DataGridProProcessedProps, configuration: GridConfiguration) => void;

package/esm/DataGridPro/useDataGridProProps.d.ts

@@ -1,5 +1,5 @@
-import { GridValidRowModel } from '@mui/x-data-grid';
-import { DataGridProProps, DataGridProProcessedProps, DataGridProPropsWithDefaultValue } from "../models/dataGridProProps.js";
+import { type GridValidRowModel } from '@mui/x-data-grid';
+import type { DataGridProProps, DataGridProProcessedProps, DataGridProPropsWithDefaultValue } from "../models/dataGridProProps.js";
 /**
  * The default values of `DataGridProPropsWithDefaultValue` to inject in the props of DataGridPro.
  */

package/esm/components/GridColumnHeaders.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { UseGridColumnHeadersProps } from '@mui/x-data-grid/internals';
+import { type UseGridColumnHeadersProps } from '@mui/x-data-grid/internals';
 export interface GridColumnHeadersProps extends React.HTMLAttributes<HTMLDivElement>, UseGridColumnHeadersProps {}
 declare const GridColumnHeaders: React.ForwardRefExoticComponent<GridColumnHeadersProps> | React.ForwardRefExoticComponent<GridColumnHeadersProps & React.RefAttributes<HTMLDivElement>>;
 export { GridColumnHeaders };

package/esm/components/GridColumnMenuPinningItem.d.ts

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

package/esm/components/GridDataSourceTreeDataGroupingCell.d.ts

@@ -1,4 +1,4 @@
-import { GridRenderCellParams, GridDataSourceGroupNode } from '@mui/x-data-grid';
+import { type GridRenderCellParams, type GridDataSourceGroupNode } from '@mui/x-data-grid';
 interface GridTreeDataGroupingCellProps extends GridRenderCellParams<any, any, any, GridDataSourceGroupNode> {
   hideDescendantCount?: boolean;
   /**

package/esm/components/GridDetailPanel.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridRowId } from '@mui/x-data-grid';
+import { type GridRowId } from '@mui/x-data-grid';
 interface GridDetailPanelProps extends Pick<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> {
   /**
    * The row ID that this panel belongs to.

package/esm/components/GridDetailPanelToggleCell.d.ts

@@ -1,4 +1,4 @@
-import { GridRenderCellParams } from '@mui/x-data-grid';
+import { type GridRenderCellParams } from '@mui/x-data-grid';
 declare function GridDetailPanelToggleCell(props: GridRenderCellParams): import("react/jsx-runtime").JSX.Element;
 declare namespace GridDetailPanelToggleCell {
   var propTypes: any;

package/esm/components/GridDetailPanels.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { GridDetailPanelsProps } from '@mui/x-data-grid/internals';
+import type { GridDetailPanelsProps } from '@mui/x-data-grid/internals';
 export declare function GridDetailPanels(props: GridDetailPanelsProps): React.FunctionComponentElement<GridDetailPanelsProps> | null;

package/esm/components/GridPinnedRows.d.ts

@@ -1,4 +1,4 @@
-import { GridPinnedRowsProps } from '@mui/x-data-grid/internals';
+import { type GridPinnedRowsProps } from '@mui/x-data-grid/internals';
 export declare function GridPinnedRows({
   position,
   virtualScroller

package/esm/components/GridProColumnMenu.d.ts

@@ -1,4 +1,4 @@
-import { GridColumnMenuProps } from '@mui/x-data-grid';
+import type { GridColumnMenuComponent } from '@mui/x-data-grid/internals';
 import { GridColumnMenuPinningItem } from "./GridColumnMenuPinningItem.js";
 export declare const GRID_COLUMN_MENU_SLOTS_PRO: {
   columnMenuPinningItem: typeof GridColumnMenuPinningItem;
@@ -20,4 +20,4 @@ export declare const GRID_COLUMN_MENU_SLOT_PROPS_PRO: {
     displayOrder: number;
   };
 };
-export declare const GridProColumnMenu: import("react").ForwardRefExoticComponent<GridColumnMenuProps> | import("react").ForwardRefExoticComponent<GridColumnMenuProps & import("react").RefAttributes<HTMLUListElement>>;
+export declare const GridProColumnMenu: GridColumnMenuComponent;

package/esm/components/GridProColumnMenu.js

@@ -20,4 +20,6 @@ export const GridProColumnMenu = forwardRef(function GridProColumnMenu(props, re
     ref: ref
   }));
 });
-if (process.env.NODE_ENV !== "production") GridProColumnMenu.displayName = "GridProColumnMenu";
+if (process.env.NODE_ENV !== "production") GridProColumnMenu.displayName = "GridProColumnMenu";
+GridProColumnMenu.defaultSlots = GRID_COLUMN_MENU_SLOTS_PRO;
+GridProColumnMenu.defaultSlotProps = GRID_COLUMN_MENU_SLOT_PROPS_PRO;

package/esm/components/GridRowReorderCell.d.ts

@@ -1,4 +1,4 @@
-import { GridRenderCellParams } from '@mui/x-data-grid';
+import { type GridRenderCellParams } from '@mui/x-data-grid';
 declare function GridRowReorderCell(params: GridRenderCellParams): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridRowReorderCell {
   var propTypes: any;

package/esm/components/GridRowReorderCell.js

@@ -3,7 +3,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 { gridSortModelSelector, useGridApiContext, useGridSelector, getDataGridUtilityClass, gridClasses } from '@mui/x-data-grid';
 import { gridEditRowsStateSelector, isEventTargetInPortal, vars } from '@mui/x-data-grid/internals';

package/esm/components/GridTreeDataGroupingCell.d.ts

@@ -1,4 +1,4 @@
-import { GridRenderCellParams, GridGroupNode } from '@mui/x-data-grid';
+import { type GridRenderCellParams, type GridGroupNode } from '@mui/x-data-grid';
 interface GridTreeDataGroupingCellProps extends GridRenderCellParams<any, any, any, GridGroupNode> {
   hideDescendantCount?: boolean;
   /**

package/esm/components/headerFiltering/GridHeaderFilterCell.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GridFilterItem, GridFilterOperator, GridColDef } from '@mui/x-data-grid';
-import { PinnedColumnPosition, GridStateColDef } from '@mui/x-data-grid/internals';
+import { type GridFilterItem, type GridFilterOperator, type GridColDef } from '@mui/x-data-grid';
+import { PinnedColumnPosition, type GridStateColDef } from '@mui/x-data-grid/internals';
 export interface GridRenderHeaderFilterProps extends GridHeaderFilterCellProps {
   inputRef: React.RefObject<unknown>;
 }

package/esm/components/headerFiltering/GridHeaderFilterCell.js

@@ -75,7 +75,8 @@ const DEFAULT_INPUT_COMPONENTS = {
   boolean: GridFilterInputBoolean,
   singleSelect: GridFilterInputSingleSelect,
   actions: null,
-  custom: null
+  custom: null,
+  longText: GridFilterInputValue
 };
 const GridHeaderFilterCell = forwardRef((props, ref) => {
   const {

package/esm/components/headerFiltering/GridHeaderFilterClearButton.d.ts

@@ -1,4 +1,4 @@
-import { GridSlotProps } from '@mui/x-data-grid';
+import type { GridSlotProps } from '@mui/x-data-grid';
 type BaseIconButtonProps = GridSlotProps['baseIconButton'];
 interface GridHeaderFilterClearIconProps extends BaseIconButtonProps {}
 declare function GridHeaderFilterClearButton(props: GridHeaderFilterClearIconProps): import("react/jsx-runtime").JSX.Element;

package/esm/components/headerFiltering/GridHeaderFilterMenu.d.ts

@@ -1,4 +1,4 @@
-import { GridFilterOperator, GridFilterItem, GridColDef } from '@mui/x-data-grid';
+import { type GridFilterOperator, type GridFilterItem, type GridColDef } from '@mui/x-data-grid';
 interface GridHeaderFilterMenuProps {
   field: GridColDef['field'];
   applyFilterChanges: (item: GridFilterItem) => void;

package/esm/components/headerFiltering/GridHeaderFilterMenuContainer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridFilterItem, GridFilterOperator, GridColDef } from '@mui/x-data-grid';
+import { type GridFilterItem, type GridFilterOperator, type GridColDef } from '@mui/x-data-grid';
 declare function GridHeaderFilterMenuContainer(props: {
   operators: GridFilterOperator<any, any, any>[];
   field: GridColDef['field'];

package/esm/hooks/features/columnHeaders/useGridColumnHeaders.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { UseGridColumnHeadersProps, GetHeadersParams } from '@mui/x-data-grid/internals';
+import { type UseGridColumnHeadersProps, type GetHeadersParams } from '@mui/x-data-grid/internals';
 export declare const useGridColumnHeadersPro: (props: UseGridColumnHeadersProps) => {
   getColumnFiltersRow: () => import("react/jsx-runtime").JSX.Element | null;
   getFillers: (params: GetHeadersParams | undefined, children: React.ReactNode, leftOverflow: number, borderBottom?: boolean) => import("react/jsx-runtime").JSX.Element;

package/esm/hooks/features/columnPinning/gridColumnPinningInterface.d.ts

@@ -1,5 +1,5 @@
-import { GridPinnedColumnPosition } from '@mui/x-data-grid';
-import { GridPinnedColumnFields } from '@mui/x-data-grid/internals';
+import type { GridPinnedColumnPosition } from '@mui/x-data-grid';
+import type { GridPinnedColumnFields } from '@mui/x-data-grid/internals';
 /**
  * The column pinning API interface that is available in the grid [[apiRef]].
  */

package/esm/hooks/features/columnPinning/useGridColumnPinning.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridStateInitializer } from '@mui/x-data-grid/internals';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import { type GridStateInitializer } from '@mui/x-data-grid/internals';
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
 export declare const columnPinningStateInitializer: GridStateInitializer<Pick<DataGridProProcessedProps, 'pinnedColumns' | 'initialState'>>;
 export declare const useGridColumnPinning: (apiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "disableColumnPinning" | "initialState" | "pinnedColumns" | "onPinnedColumnsChange" | "slotProps" | "slots">) => void;

package/esm/hooks/features/columnPinning/useGridColumnPinning.js

@@ -104,7 +104,11 @@ export const useGridColumnPinning = (apiRef, props) => {
   const stateRestorePreProcessing = React.useCallback((params, context) => {
     const newPinnedColumns = context.stateToRestore.pinnedColumns;
     if (newPinnedColumns != null) {
+      apiRef.current.caches.columnPinning.orderedFieldsBeforePinningColumns = null;
       setState(apiRef, newPinnedColumns);
+      return _extends({}, params, {
+        callbacks: [...params.callbacks, () => apiRef.current.requestPipeProcessorsApplication('hydrateColumns')]
+      });
     }
     return params;
   }, [apiRef]);

package/esm/hooks/features/columnPinning/useGridColumnPinningPreProcessors.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
 export declare const useGridColumnPinningPreProcessors: (apiRef: RefObject<GridPrivateApiPro>, props: DataGridProProcessedProps) => void;

package/esm/hooks/features/columnReorder/columnReorderSelector.d.ts

@@ -1,4 +1,4 @@
-import { GridStatePro } from "../../../models/gridStatePro.js";
+import type { GridStatePro } from "../../../models/gridStatePro.js";
 export declare const gridColumnReorderSelector: import("@mui/x-data-grid").OutputSelector<GridStatePro, unknown, import("./columnReorderInterfaces.js").GridColumnReorderState>;
 export declare const gridColumnReorderDragColSelector: (args_0: import("react").RefObject<{
   state: GridStatePro;

package/esm/hooks/features/columnReorder/useGridColumnReorder.d.ts

@@ -1,7 +1,7 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridStateInitializer } from '@mui/x-data-grid/internals';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridStateInitializer } from '@mui/x-data-grid/internals';
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
 export declare const columnReorderStateInitializer: GridStateInitializer;
 /**
  * @requires useGridColumns (method)

package/esm/hooks/features/dataSource/gridDataSourceSelector.d.ts

@@ -1,5 +1,5 @@
 import type { GridRowId } from '@mui/x-data-grid';
-import { GridStatePro } from "../../../models/gridStatePro.js";
+import type { GridStatePro } from "../../../models/gridStatePro.js";
 export declare const gridDataSourceStateSelector: import("@mui/x-data-grid").OutputSelector<GridStatePro, unknown, import("./models.js").GridDataSourceState>;
 export declare const gridDataSourceLoadingSelector: (args_0: import("react").RefObject<{
   state: GridStatePro;