@mui/x-data-grid 8.0.0-beta.3 → 8.1.0

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

@@ -1,84 +1,29 @@
-export declare const GridArrowUpwardIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridArrowDownwardIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridKeyboardArrowRight: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridExpandMoreIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridFilterListIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridFilterAltIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridSearchIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridMenuIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridCheckCircleIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridColumnIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridSeparatorIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridViewHeadlineIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridTableRowsIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridViewStreamIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridTripleDotsVerticalIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridCloseIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridAddIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridRemoveIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridLoadIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridDragIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridCheckIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridMoreVertIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridVisibilityOffIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridViewColumnIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridClearIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridDeleteIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridDeleteForeverIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridDownloadIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
+import * as React from 'react';
+export declare const GridArrowUpwardIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridArrowDownwardIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridKeyboardArrowRight: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridExpandMoreIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridFilterListIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridFilterAltIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridSearchIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridMenuIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridCheckCircleIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridColumnIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridSeparatorIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridViewHeadlineIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridTableRowsIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridViewStreamIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridTripleDotsVerticalIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridCloseIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridAddIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridRemoveIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridLoadIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridDragIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridCheckIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridMoreVertIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridVisibilityOffIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridViewColumnIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridClearIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridDeleteIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridDeleteForeverIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridDownloadIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;

package/esm/material/icons/index.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createSvgIcon } from '@mui/material/utils';
+import { createSvgIcon } from "./createSvgIcon.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const GridArrowUpwardIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"

package/esm/material/index.js

@@ -12,15 +12,16 @@ const _excluded = ["id", "label", "labelId", "material", "disabled", "slotProps"
   _excluded10 = ["material"],
   _excluded11 = ["material"],
   _excluded12 = ["material"],
-  _excluded13 = ["material"],
-  _excluded14 = ["inert", "iconStart", "iconEnd", "children"],
-  _excluded15 = ["slotProps", "material"],
-  _excluded16 = ["id", "multiple", "freeSolo", "options", "getOptionLabel", "isOptionEqualToValue", "value", "onChange", "label", "placeholder", "slotProps", "material"],
-  _excluded17 = ["key"],
-  _excluded18 = ["inputProps", "InputProps", "InputLabelProps"],
-  _excluded19 = ["slotProps", "material"],
-  _excluded20 = ["ref", "open", "children", "className", "clickAwayTouchEvent", "clickAwayMouseEvent", "flip", "focusTrap", "onExited", "onClickAway", "onDidShow", "onDidHide", "id", "target", "transition", "placement", "material"],
-  _excluded21 = ["native"];
+  _excluded13 = ["material", "label", "className"],
+  _excluded14 = ["material"],
+  _excluded15 = ["inert", "iconStart", "iconEnd", "children", "material"],
+  _excluded16 = ["slotProps", "material"],
+  _excluded17 = ["id", "multiple", "freeSolo", "options", "getOptionLabel", "isOptionEqualToValue", "value", "onChange", "label", "placeholder", "slotProps", "material"],
+  _excluded18 = ["key"],
+  _excluded19 = ["inputProps", "InputProps", "InputLabelProps"],
+  _excluded20 = ["slotProps", "material"],
+  _excluded21 = ["ref", "open", "children", "className", "clickAwayTouchEvent", "clickAwayMouseEvent", "flip", "focusTrap", "onExited", "onClickAway", "onDidShow", "onDidHide", "id", "target", "transition", "placement", "material"],
+  _excluded22 = ["native"];
 import * as React from 'react';
 import clsx from 'clsx';
 import useForkRef from '@mui/utils/useForkRef';
@@ -36,7 +37,7 @@ import MUIInputBase from '@mui/material/InputBase';
 import MUIFocusTrap from '@mui/material/Unstable_TrapFocus';
 import MUILinearProgress from '@mui/material/LinearProgress';
 import MUIListItemIcon from '@mui/material/ListItemIcon';
-import MUIListItemText from '@mui/material/ListItemText';
+import MUIListItemText, { listItemTextClasses } from '@mui/material/ListItemText';
 import MUIMenuList from '@mui/material/MenuList';
 import MUIMenuItem from '@mui/material/MenuItem';
 import MUITextField from '@mui/material/TextField';
@@ -56,7 +57,6 @@ import MUIPaper from '@mui/material/Paper';
 import MUIInputLabel from '@mui/material/InputLabel';
 import MUISkeleton from '@mui/material/Skeleton';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { GridColumnUnsortedIcon } from "./icons/GridColumnUnsortedIcon.js";
 import { GridAddIcon, GridArrowDownwardIcon, GridArrowUpwardIcon, GridCheckIcon, GridCloseIcon, GridColumnIcon, GridDragIcon, GridExpandMoreIcon, GridFilterAltIcon, GridFilterListIcon, GridKeyboardArrowRight, GridMoreVertIcon, GridRemoveIcon, GridSearchIcon, GridSeparatorIcon, GridTableRowsIcon, GridTripleDotsVerticalIcon, GridViewHeadlineIcon, GridViewStreamIcon, GridVisibilityOffIcon, GridViewColumnIcon, GridClearIcon, GridLoadIcon, GridDeleteForeverIcon, GridDownloadIcon } from "./icons/index.js";
 import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
@@ -66,11 +66,13 @@ export { useMaterialCSSVariables } from "./variables.js";
 
 /* eslint-disable material-ui/disallow-react-api-in-server-components */
 
-const InputAdornment = styled(MUIInputAdornment)({
+const InputAdornment = styled(MUIInputAdornment)(({
+  theme
+}) => ({
   [`&.${inputAdornmentClasses.positionEnd} .${iconButtonClasses.sizeSmall}`]: {
-    marginRight: '-7px'
+    marginRight: theme.spacing(-0.75)
   }
-});
+}));
 const FormControlLabel = styled(MUIFormControlLabel, {
   shouldForwardProp: prop => prop !== 'fullWidth'
 })(({
@@ -78,8 +80,12 @@ const FormControlLabel = styled(MUIFormControlLabel, {
 }) => ({
   gap: theme.spacing(0.5),
   margin: 0,
+  overflow: 'hidden',
   [`& .${formControlLabelClasses.label}`]: {
-    fontSize: theme.typography.pxToRem(14)
+    fontSize: theme.typography.pxToRem(14),
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap'
   },
   variants: [{
     props: {
@@ -104,6 +110,13 @@ const Checkbox = styled(MUICheckbox, {
     }
   }]
 }));
+const ListItemText = styled(MUIListItemText)({
+  [`& .${listItemTextClasses.primary}`]: {
+    overflowX: 'clip',
+    textOverflow: 'ellipsis',
+    maxWidth: '300px'
+  }
+});
 const BaseSelect = forwardRef(function BaseSelect(props, ref) {
   const {
       id,
@@ -301,47 +314,68 @@ const BaseButton = forwardRef(function BaseButton(props, ref) {
     ref: ref
   }));
 });
-const BaseIconButton = forwardRef(function BaseIconButton(props, ref) {
+const BaseChip = forwardRef(function BaseChip(props, ref) {
   const {
       material
     } = props,
     rest = _objectWithoutPropertiesLoose(props, _excluded9);
-  return /*#__PURE__*/_jsx(MUIIconButton, _extends({}, rest, material, {
+  return /*#__PURE__*/_jsx(MUIChip, _extends({}, rest, material, {
     ref: ref
   }));
 });
-const BaseTooltip = forwardRef(function BaseTooltip(props, ref) {
+const BaseIconButton = forwardRef(function BaseIconButton(props, ref) {
   const {
       material
     } = props,
     rest = _objectWithoutPropertiesLoose(props, _excluded10);
-  return /*#__PURE__*/_jsx(MUITooltip, _extends({}, rest, material, {
+  return /*#__PURE__*/_jsx(MUIIconButton, _extends({}, rest, material, {
     ref: ref
   }));
 });
-const BaseSkeleton = forwardRef(function BaseSkeleton(props, ref) {
+const BaseTooltip = forwardRef(function BaseTooltip(props, ref) {
   const {
       material
     } = props,
     rest = _objectWithoutPropertiesLoose(props, _excluded11);
-  return /*#__PURE__*/_jsx(MUISkeleton, _extends({}, rest, material, {
+  return /*#__PURE__*/_jsx(MUITooltip, _extends({}, rest, material, {
     ref: ref
   }));
 });
-const BaseSwitch = forwardRef(function BaseSwitch(props, ref) {
+const BaseSkeleton = forwardRef(function BaseSkeleton(props, ref) {
   const {
       material
     } = props,
     rest = _objectWithoutPropertiesLoose(props, _excluded12);
-  return /*#__PURE__*/_jsx(MUISwitch, _extends({}, rest, material, {
+  return /*#__PURE__*/_jsx(MUISkeleton, _extends({}, rest, material, {
     ref: ref
   }));
 });
+const BaseSwitch = forwardRef(function BaseSwitch(props, ref) {
+  const {
+      material,
+      label,
+      className
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded13);
+  if (!label) {
+    return /*#__PURE__*/_jsx(MUISwitch, _extends({}, rest, material, {
+      className: className,
+      ref: ref
+    }));
+  }
+  return /*#__PURE__*/_jsx(FormControlLabel, {
+    className: className,
+    control: /*#__PURE__*/_jsx(MUISwitch, _extends({}, rest, material, {
+      ref: ref
+    })),
+    label: label
+  });
+});
 const BaseMenuList = forwardRef(function BaseMenuList(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded13);
+    rest = _objectWithoutPropertiesLoose(props, _excluded14);
   return /*#__PURE__*/_jsx(MUIMenuList, _extends({}, rest, material, {
     ref: ref
   }));
@@ -351,15 +385,16 @@ function BaseMenuItem(props) {
       inert,
       iconStart,
       iconEnd,
-      children
+      children,
+      material
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded14);
+    other = _objectWithoutPropertiesLoose(props, _excluded15);
   if (inert) {
     other.disableRipple = true;
   }
-  return /*#__PURE__*/React.createElement(MUIMenuItem, other, [iconStart && /*#__PURE__*/_jsx(MUIListItemIcon, {
+  return /*#__PURE__*/React.createElement(MUIMenuItem, _extends({}, other, material), [iconStart && /*#__PURE__*/_jsx(MUIListItemIcon, {
     children: iconStart
-  }, "1"), /*#__PURE__*/_jsx(MUIListItemText, {
+  }, "1"), /*#__PURE__*/_jsx(ListItemText, {
     children: children
   }, "2"), iconEnd && /*#__PURE__*/_jsx(MUIListItemIcon, {
     children: iconEnd
@@ -372,7 +407,7 @@ function BaseTextField(props) {
       slotProps,
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded15);
+    rest = _objectWithoutPropertiesLoose(props, _excluded16);
   return /*#__PURE__*/_jsx(MUITextField, _extends({
     variant: "outlined"
   }, rest, material, {
@@ -399,7 +434,7 @@ function BaseAutocomplete(props) {
       slotProps,
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded16);
+    rest = _objectWithoutPropertiesLoose(props, _excluded17);
   return /*#__PURE__*/_jsx(MUIAutocomplete, _extends({
     id: id,
     multiple: multiple,
@@ -416,7 +451,7 @@ function BaseAutocomplete(props) {
         {
           key
         } = _getTagProps,
-        tagProps = _objectWithoutPropertiesLoose(_getTagProps, _excluded17);
+        tagProps = _objectWithoutPropertiesLoose(_getTagProps, _excluded18);
       return /*#__PURE__*/_jsx(MUIChip, _extends({
         variant: "outlined",
         size: "small",
@@ -429,7 +464,7 @@ function BaseAutocomplete(props) {
           InputProps,
           InputLabelProps
         } = params,
-        inputRest = _objectWithoutPropertiesLoose(params, _excluded18);
+        inputRest = _objectWithoutPropertiesLoose(params, _excluded19);
       return /*#__PURE__*/_jsx(MUITextField, _extends({}, inputRest, {
         label: label,
         placeholder: placeholder,
@@ -453,7 +488,7 @@ function transformInputProps(props, wrapAdornments = true) {
       slotProps,
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded19);
+    rest = _objectWithoutPropertiesLoose(props, _excluded20);
   const result = rest;
   if (wrapAdornments) {
     if (result.startAdornment) {
@@ -502,7 +537,7 @@ function BasePopper(props) {
       placement,
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded20);
+    rest = _objectWithoutPropertiesLoose(props, _excluded21);
   const modifiers = React.useMemo(() => {
     const result = [];
     if (flip) {
@@ -595,7 +630,7 @@ function BaseSelectOption(_ref) {
   let {
       native
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded21);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded22);
   if (native) {
     return /*#__PURE__*/_jsx("option", _extends({}, props));
   }
@@ -609,7 +644,6 @@ const iconSlots = {
   filterPanelDeleteIcon: GridCloseIcon,
   columnFilteredIcon: GridFilterAltIcon,
   columnSelectorIcon: GridColumnIcon,
-  columnUnsortedIcon: GridColumnUnsortedIcon,
   columnSortedAscendingIcon: GridArrowUpwardIcon,
   columnSortedDescendingIcon: GridArrowDownwardIcon,
   columnResizeIcon: GridSeparatorIcon,
@@ -644,6 +678,7 @@ const baseSlots = {
   baseAutocomplete: BaseAutocomplete,
   baseBadge: BaseBadge,
   baseCheckbox: BaseCheckbox,
+  baseChip: BaseChip,
   baseCircularProgress: BaseCircularProgress,
   baseDivider: BaseDivider,
   baseInput: BaseInput,

package/esm/material/variables.js

@@ -39,7 +39,8 @@ function transformTheme(t) {
     [k.colors.foreground.muted]: (t.vars || t).palette.text.secondary,
     [k.colors.foreground.accent]: (t.vars || t).palette.primary.dark,
     [k.colors.foreground.disabled]: (t.vars || t).palette.text.disabled,
-    [k.colors.interactive.hover]: removeOpacity((t.vars || t).palette.action.hover),
+    [k.colors.foreground.error]: (t.vars || t).palette.error.dark,
+    [k.colors.interactive.hover]: (t.vars || t).palette.action.hover,
     [k.colors.interactive.hoverOpacity]: (t.vars || t).palette.action.hoverOpacity,
     [k.colors.interactive.focus]: removeOpacity((t.vars || t).palette.primary.main),
     [k.colors.interactive.focusOpacity]: (t.vars || t).palette.action.focusOpacity,

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

@@ -29,6 +29,7 @@ import type { GridInitialStateCommunity, GridStateCommunity } from '../gridState
 import type { GridHeaderFilteringApi, GridHeaderFilteringPrivateApi } from './gridHeaderFilteringApi';
 import type { DataGridProcessedProps } from '../props/DataGridProps';
 import type { GridColumnResizeApi } from '../../hooks/features/columnResize';
+import type { GridPivotingPrivateApiCommunity } from '../../hooks/features/pivoting/gridPivotingInterfaces';
 export interface GridApiCommon<GridState extends GridStateCommunity = any, GridInitialState extends GridInitialStateCommunity = any> extends GridCoreApi, GridPipeProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditingApi, GridParamsApi, GridColumnApi, GridRowSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridVirtualizationApi, GridLocaleTextApi, GridScrollApi, GridColumnSpanningApi, GridStateApi<GridState>, GridStatePersistenceApi<GridInitialState>, GridColumnGroupingApi, GridHeaderFilteringApi, GridColumnResizeApi {}
-export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon, Props extends DataGridProcessedProps> extends GridCorePrivateApi<Api, PrivateApi, Props>, GridStatePrivateApi<PrivateApi['state']>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi, GridVirtualizationPrivateApi, GridRowProPrivateApi, GridParamsPrivateApi {}
+export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon, Props extends DataGridProcessedProps> extends GridCorePrivateApi<Api, PrivateApi, Props>, GridStatePrivateApi<PrivateApi['state']>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi, GridVirtualizationPrivateApi, GridRowProPrivateApi, GridParamsPrivateApi, GridPivotingPrivateApiCommunity {}
 export interface GridPrivateApiCommon extends GridApiCommon, GridPrivateOnlyApiCommon<GridApiCommon, GridPrivateApiCommon, DataGridProcessedProps> {}

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

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

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

@@ -1,5 +1,5 @@
+import { MuiBaseEvent } from '@mui/x-internals/types';
 import { GridRowId } from "../gridRows.js";
-import { MuiBaseEvent } from "../muiEvent.js";
 import { GridColumnGroupIdentifier } from "../../hooks/features/focus/index.js";
 export interface GridFocusApi {
   /**

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

@@ -8,6 +8,7 @@ export interface GridLocaleText {
   noResultsOverlayLabel: string;
   noColumnsOverlayLabel: string;
   noColumnsOverlayManageColumns: string;
+  emptyPivotOverlayLabel: string;
   toolbarDensity: React.ReactNode;
   toolbarDensityLabel: string;
   toolbarDensityCompact: string;
@@ -23,20 +24,13 @@ export interface GridLocaleText {
   toolbarQuickFilterPlaceholder: string;
   toolbarQuickFilterLabel: string;
   toolbarQuickFilterDeleteIconLabel: string;
-  toolbarPromptControlPlaceholder: string;
-  toolbarPromptControlWithRecordingPlaceholder: string;
-  toolbarPromptControlRecordingPlaceholder: string;
-  toolbarPromptControlLabel: string;
-  toolbarPromptControlRecordButtonDefaultLabel: string;
-  toolbarPromptControlRecordButtonActiveLabel: string;
-  toolbarPromptControlSendActionLabel: string;
-  toolbarPromptControlSendActionAriaLabel: string;
-  toolbarPromptControlErrorMessage: string;
   toolbarExport: React.ReactNode;
   toolbarExportLabel: string;
   toolbarExportCSV: React.ReactNode;
   toolbarExportPrint: React.ReactNode;
   toolbarExportExcel: string;
+  toolbarPivot: string;
+  toolbarAssistant: React.ReactNode;
   columnsManagementSearchTitle: string;
   columnsManagementNoColumns: string;
   columnsManagementShowHideAllText: string;
@@ -107,6 +101,7 @@ export interface GridLocaleText {
   columnMenuUnsort: React.ReactNode;
   columnMenuSortAsc: React.ReactNode | ((colDef: GridColDef) => React.ReactNode);
   columnMenuSortDesc: React.ReactNode | ((colDef: GridColDef) => React.ReactNode);
+  columnMenuManagePivot: string;
   columnHeaderFiltersTooltipActive: (count: number) => React.ReactNode;
   columnHeaderFiltersLabel: string;
   columnHeaderSortIconLabel: string;
@@ -148,6 +143,63 @@ export interface GridLocaleText {
     estimated: number | undefined;
   }) => string;
   paginationItemAriaLabel: (type: 'first' | 'last' | 'previous' | 'next') => string;
+  pivotToggleLabel: string;
+  pivotCloseButton: string;
+  pivotSearchButton: string;
+  pivotSearchControlPlaceholder: string;
+  pivotSearchControlLabel: string;
+  pivotSearchControlClear: string;
+  pivotNoFields: string;
+  pivotRows: string;
+  pivotColumns: string;
+  pivotValues: string;
+  pivotMenuMoveUp: string;
+  pivotMenuMoveDown: string;
+  pivotMenuMoveToTop: string;
+  pivotMenuMoveToBottom: string;
+  pivotMenuRows: string;
+  pivotMenuColumns: string;
+  pivotMenuValues: string;
+  pivotMenuOptions: string;
+  pivotMenuAddToRows: string;
+  pivotMenuAddToColumns: string;
+  pivotMenuAddToValues: string;
+  pivotMenuRemove: string;
+  pivotDragToRows: string;
+  pivotDragToColumns: string;
+  pivotDragToValues: string;
+  pivotYearColumnHeaderName: string;
+  pivotQuarterColumnHeaderName: string;
+  aiAssistantPanelTitle: string;
+  aiAssistantPanelClose: string;
+  aiAssistantPanelConversationHistory: string;
+  aiAssistantPanelNewConversation: string;
+  aiAssistantPanelEmptyConversation: string;
+  aiAssistantSuggestions: string;
+  promptRerun: string;
+  promptProcessing: string;
+  promptAppliedChanges: string;
+  promptChangeGroupDescription: (column: string) => string;
+  promptChangeAggregationLabel: (column: string, aggregation: string) => string;
+  promptChangeAggregationDescription: (column: string, aggregation: string) => string;
+  promptChangeFilterLabel: (column: string, operator: string, value: string) => string;
+  promptChangeFilterDescription: (column: string, operator: string, value: string) => string;
+  promptChangeSortDescription: (column: string, direction: string) => string;
+  promptChangePivotEnableLabel: string;
+  promptChangePivotEnableDescription: string;
+  promptChangePivotColumnsLabel: (count: number) => string;
+  promptChangePivotColumnsDescription: (column: string, direction: string) => string;
+  promptChangePivotRowsLabel: (count: number) => string;
+  promptChangePivotValuesLabel: (count: number) => string;
+  promptChangePivotValuesDescription: (column: string, aggregation: string) => string;
+  promptFieldLabel: string;
+  promptFieldPlaceholder: string;
+  promptFieldPlaceholderWithRecording: string;
+  promptFieldPlaceholderListening: string;
+  promptFieldSpeechRecognitionNotSupported: string;
+  promptFieldSend: string;
+  promptFieldRecord: string;
+  promptFieldStopRecording: string;
 }
 export type GridTranslationKeys = keyof GridLocaleText;
 /**

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

@@ -5,7 +5,7 @@ import { GridPreferencePanelsValue } from "../../hooks/features/preferencesPanel
 export interface GridPreferencesPanelApi {
   /**
    * Displays the preferences panel. The `newValue` argument controls the content of the panel.
-   * @param {GridPreferencePanelsValue} newValue The panel to open. Use `"filters"` or `"columns"`.
+   * @param {GridPreferencePanelsValue} newValue The panel to open.
    * @param {string} panelId The unique panel id
    * @param {string} labelId The unique button id
    */

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

@@ -113,8 +113,7 @@ export interface GridRowProPrivateApi {
   /**
    * Allows to update, insert and delete rows at a specific nested level.
    * @param {GridRowModelUpdate[]} updates An array of rows with an `action` specifying what to do.
-   * @param {string[]} groupKeys The group keys of the rows to update.
-   * @param {boolean} throttle Whether to throttle the updates or not. (default: `true`)
+   * @param {string[]} nestedLevel The nested level of the rows to update, it represents the path to the row in the tree based on `node.groupingKey`.
    */
-  updateServerRows: (updates: GridRowModelUpdate[], groupKeys?: string[]) => void;
+  updateNestedRows: (updates: GridRowModelUpdate[], nestedLevel?: string[]) => void;
 }

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

@@ -240,7 +240,7 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
   /**
    * Example values that can be used by the grid to get more context about the column.
    */
-  unstable_examples?: V[];
+  examples?: V[];
 }
 /**
  * Column Definition interface used for columns with the `actions` type.

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { GridRowAriaAttributesInternalHook } from "./gridRowConfiguration.js";
 import type { GridCSSVariablesInterface } from '../../constants/cssVariables';
+import type { GridRowId } from '../gridRows';
 export interface GridAriaAttributesInternalHook {
   useGridAriaAttributes: () => React.HTMLAttributes<HTMLElement>;
 }
@@ -9,6 +10,10 @@ export interface GridInternalHook extends GridAriaAttributesInternalHook, GridRo
     id: string;
     variables: GridCSSVariablesInterface;
   };
+  useCellAggregationResult: (id: GridRowId, field: string) => {
+    position: 'footer' | 'inline';
+    value: any;
+  } | null;
 }
 export interface GridConfiguration {
   hooks: GridInternalHook;

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

@@ -1,4 +1,4 @@
-import type { MuiBaseEvent, MuiEvent } from '../muiEvent';
+import type { MuiBaseEvent, MuiEvent } from '@mui/x-internals/types';
 import type { GridCallbackDetails } from '../api/gridCallbackDetails';
 import type { GridEventLookup, GridEvents } from './gridEventLookup';
 export type GridEventListener<E extends GridEvents> = (params: GridEventLookup[E] extends {

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { MuiBaseEvent } from '@mui/x-internals/types';
 import type { GridColumnHeaderParams, GridColumnOrderChangeParams, GridColumnResizeParams, GridHeaderSelectionCheckboxParams, GridMenuParams, GridPreferencePanelParams, GridRowParams, GridRowSelectionCheckboxParams, GridScrollParams, GridColumnGroupHeaderParams, GridRenderContext } from '../params';
 import { GridCellEditStartParams, GridCellEditStopParams } from "../params/gridEditCellParams.js";
 import { GridCellParams } from "../params/gridCellParams.js";
@@ -6,7 +7,6 @@ import type { GridFilterModel } from '../gridFilterModel';
 import type { GridSortModel } from '../gridSortModel';
 import type { GridRowSelectionModel } from '../gridRowSelectionModel';
 import type { ElementSize } from '../elementSize';
-import type { MuiBaseEvent } from '../muiEvent';
 import type { GridGroupNode } from '../gridRows';
 import type { GridColumnVisibilityModel } from '../../hooks/features/columns';
 import type { GridStrategyProcessorName } from '../../hooks/core/strategyProcessing';

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

@@ -1,4 +1,4 @@
-import type { MuiBaseEvent } from '../muiEvent';
+import type { MuiBaseEvent } from '@mui/x-internals/types';
 import type { GridEventLookup, GridEvents } from './gridEventLookup';
 type PublisherArgsNoEvent<E extends GridEvents, T extends {
   params: any;