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

package/material/index.js

@@ -29,7 +29,7 @@ var _InputBase = _interopRequireDefault(require("@mui/material/InputBase"));
 var _Unstable_TrapFocus = _interopRequireDefault(require("@mui/material/Unstable_TrapFocus"));
 var _LinearProgress = _interopRequireDefault(require("@mui/material/LinearProgress"));
 var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
-var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
+var _ListItemText = _interopRequireWildcard(require("@mui/material/ListItemText"));
 var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
@@ -49,7 +49,6 @@ var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
 var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
 var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
-var _GridColumnUnsortedIcon = require("./icons/GridColumnUnsortedIcon");
 var _icons = require("./icons");
 var _useGridApiContext = require("../hooks/utils/useGridApiContext");
 var _useGridRootProps = require("../hooks/utils/useGridRootProps");
@@ -68,22 +67,25 @@ 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"];
 /* eslint-disable material-ui/disallow-react-api-in-server-components */
 
-const InputAdornment = (0, _styles.styled)(_InputAdornment.default)({
+const InputAdornment = (0, _styles.styled)(_InputAdornment.default)(({
+  theme
+}) => ({
   [`&.${_InputAdornment.inputAdornmentClasses.positionEnd} .${_IconButton.iconButtonClasses.sizeSmall}`]: {
-    marginRight: '-7px'
+    marginRight: theme.spacing(-0.75)
   }
-});
+}));
 const FormControlLabel = (0, _styles.styled)(_FormControlLabel.default, {
   shouldForwardProp: prop => prop !== 'fullWidth'
 })(({
@@ -91,8 +93,12 @@ const FormControlLabel = (0, _styles.styled)(_FormControlLabel.default, {
 }) => ({
   gap: theme.spacing(0.5),
   margin: 0,
+  overflow: 'hidden',
   [`& .${_FormControlLabel.formControlLabelClasses.label}`]: {
-    fontSize: theme.typography.pxToRem(14)
+    fontSize: theme.typography.pxToRem(14),
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap'
   },
   variants: [{
     props: {
@@ -117,6 +123,13 @@ const Checkbox = (0, _styles.styled)(_Checkbox.default, {
     }
   }]
 }));
+const ListItemText = (0, _styles.styled)(_ListItemText.default)({
+  [`& .${_ListItemText.listItemTextClasses.primary}`]: {
+    overflowX: 'clip',
+    textOverflow: 'ellipsis',
+    maxWidth: '300px'
+  }
+});
 const BaseSelect = (0, _forwardRef.forwardRef)(function BaseSelect(props, ref) {
   const {
       id,
@@ -314,47 +327,68 @@ const BaseButton = (0, _forwardRef.forwardRef)(function BaseButton(props, ref) {
     ref: ref
   }));
 });
-const BaseIconButton = (0, _forwardRef.forwardRef)(function BaseIconButton(props, ref) {
+const BaseChip = (0, _forwardRef.forwardRef)(function BaseChip(props, ref) {
   const {
       material
     } = props,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded9);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, (0, _extends2.default)({}, rest, material, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, (0, _extends2.default)({}, rest, material, {
     ref: ref
   }));
 });
-const BaseTooltip = (0, _forwardRef.forwardRef)(function BaseTooltip(props, ref) {
+const BaseIconButton = (0, _forwardRef.forwardRef)(function BaseIconButton(props, ref) {
   const {
       material
     } = props,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded10);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, (0, _extends2.default)({}, rest, material, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, (0, _extends2.default)({}, rest, material, {
     ref: ref
   }));
 });
-const BaseSkeleton = (0, _forwardRef.forwardRef)(function BaseSkeleton(props, ref) {
+const BaseTooltip = (0, _forwardRef.forwardRef)(function BaseTooltip(props, ref) {
   const {
       material
     } = props,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded11);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, (0, _extends2.default)({}, rest, material, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, (0, _extends2.default)({}, rest, material, {
     ref: ref
   }));
 });
-const BaseSwitch = (0, _forwardRef.forwardRef)(function BaseSwitch(props, ref) {
+const BaseSkeleton = (0, _forwardRef.forwardRef)(function BaseSkeleton(props, ref) {
   const {
       material
     } = props,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded12);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, (0, _extends2.default)({}, rest, material, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, (0, _extends2.default)({}, rest, material, {
     ref: ref
   }));
 });
+const BaseSwitch = (0, _forwardRef.forwardRef)(function BaseSwitch(props, ref) {
+  const {
+      material,
+      label,
+      className
+    } = props,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded13);
+  if (!label) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, (0, _extends2.default)({}, rest, material, {
+      className: className,
+      ref: ref
+    }));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormControlLabel, {
+    className: className,
+    control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, (0, _extends2.default)({}, rest, material, {
+      ref: ref
+    })),
+    label: label
+  });
+});
 const BaseMenuList = (0, _forwardRef.forwardRef)(function BaseMenuList(props, ref) {
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded13);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded14);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuList.default, (0, _extends2.default)({}, rest, material, {
     ref: ref
   }));
@@ -364,15 +398,16 @@ function BaseMenuItem(props) {
       inert,
       iconStart,
       iconEnd,
-      children
+      children,
+      material
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded14);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded15);
   if (inert) {
     other.disableRipple = true;
   }
-  return /*#__PURE__*/React.createElement(_MenuItem.default, other, [iconStart && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
+  return /*#__PURE__*/React.createElement(_MenuItem.default, (0, _extends2.default)({}, other, material), [iconStart && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
     children: iconStart
-  }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+  }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemText, {
     children: children
   }, "2"), iconEnd && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
     children: iconEnd
@@ -385,7 +420,7 @@ function BaseTextField(props) {
       slotProps,
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded15);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded16);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, (0, _extends2.default)({
     variant: "outlined"
   }, rest, material, {
@@ -412,7 +447,7 @@ function BaseAutocomplete(props) {
       slotProps,
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded16);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded17);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Autocomplete.default, (0, _extends2.default)({
     id: id,
     multiple: multiple,
@@ -429,7 +464,7 @@ function BaseAutocomplete(props) {
         {
           key
         } = _getTagProps,
-        tagProps = (0, _objectWithoutPropertiesLoose2.default)(_getTagProps, _excluded17);
+        tagProps = (0, _objectWithoutPropertiesLoose2.default)(_getTagProps, _excluded18);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, (0, _extends2.default)({
         variant: "outlined",
         size: "small",
@@ -442,7 +477,7 @@ function BaseAutocomplete(props) {
           InputProps,
           InputLabelProps
         } = params,
-        inputRest = (0, _objectWithoutPropertiesLoose2.default)(params, _excluded18);
+        inputRest = (0, _objectWithoutPropertiesLoose2.default)(params, _excluded19);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, (0, _extends2.default)({}, inputRest, {
         label: label,
         placeholder: placeholder,
@@ -466,7 +501,7 @@ function transformInputProps(props, wrapAdornments = true) {
       slotProps,
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded19);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded20);
   const result = rest;
   if (wrapAdornments) {
     if (result.startAdornment) {
@@ -515,7 +550,7 @@ function BasePopper(props) {
       placement,
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded20);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded21);
   const modifiers = React.useMemo(() => {
     const result = [];
     if (flip) {
@@ -608,7 +643,7 @@ function BaseSelectOption(_ref) {
   let {
       native
     } = _ref,
-    props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded21);
+    props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded22);
   if (native) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", (0, _extends2.default)({}, props));
   }
@@ -622,7 +657,6 @@ const iconSlots = {
   filterPanelDeleteIcon: _icons.GridCloseIcon,
   columnFilteredIcon: _icons.GridFilterAltIcon,
   columnSelectorIcon: _icons.GridColumnIcon,
-  columnUnsortedIcon: _GridColumnUnsortedIcon.GridColumnUnsortedIcon,
   columnSortedAscendingIcon: _icons.GridArrowUpwardIcon,
   columnSortedDescendingIcon: _icons.GridArrowDownwardIcon,
   columnResizeIcon: _icons.GridSeparatorIcon,
@@ -657,6 +691,7 @@ const baseSlots = {
   baseAutocomplete: BaseAutocomplete,
   baseBadge: BaseBadge,
   baseCheckbox: BaseCheckbox,
+  baseChip: BaseChip,
   baseCircularProgress: BaseCircularProgress,
   baseDivider: BaseDivider,
   baseInput: BaseInput,

package/material/variables.js

@@ -45,7 +45,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/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/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/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/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/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/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/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/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/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/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/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;

package/models/gridBaseSlots.d.ts

@@ -62,7 +62,7 @@ export type AutocompleteProps<Value = string, Multiple extends boolean = false,
 };
 export type BadgeProps = CommonProps & {
   badgeContent?: React.ReactNode;
-  children: React.ReactNode;
+  children?: React.ReactNode;
   color?: 'primary' | 'default' | 'error';
   invisible?: boolean;
   overlap?: 'circular';
@@ -86,7 +86,6 @@ export type CheckboxProps = CommonProps & {
   id?: string;
   autoFocus?: boolean;
   checked?: boolean;
-  className?: string;
   disabled?: boolean;
   fullWidth?: boolean;
   indeterminate?: boolean;
@@ -103,6 +102,15 @@ export type CheckboxProps = CommonProps & {
   tabIndex?: number;
   touchRippleRef?: any;
 };
+export type ChipProps = CommonProps & {
+  ref?: Ref<HTMLDivElement>;
+  id?: string;
+  label: string;
+  size?: 'small' | 'medium';
+  icon?: React.ReactElement;
+  children?: null;
+  variant?: 'filled' | 'outlined';
+};
 export type IconButtonProps = Omit<ButtonProps, 'startIcon'> & {
   label?: string;
   color?: 'default' | 'inherit' | 'primary';
@@ -227,6 +235,7 @@ export type SwitchProps = CommonProps & {
   checked?: boolean;
   onChange?: React.ChangeEventHandler;
   size?: 'small' | 'medium';
+  label?: React.ReactNode;
 };
 export type TextFieldProps = CommonProps & {
   role?: string;
@@ -251,10 +260,17 @@ export type TextFieldProps = CommonProps & {
   type?: React.HTMLInputTypeAttribute;
   value?: string;
   ref?: Ref<HTMLInputElement>;
+  multiline?: boolean;
+  autoFocus?: boolean;
 };
 export type TooltipProps = CommonProps & {
   children: React.ReactElement<any, any>;
   enterDelay?: number;
   title: React.ReactNode;
 };
+export type IconProps = CommonProps<SVGSVGElement> & {
+  fontSize?: 'small' | 'medium' | 'large' | 'inherit';
+  color?: 'action' | string;
+  titleAccess?: string;
+};
 export {};