@mui/x-data-grid 8.0.0-beta.2 → 8.0.0

package/esm/material/index.js

@@ -1,16 +1,29 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["id", "label", "labelId", "disabled", "slotProps", "onChange", "onKeyDown", "onOpen", "onClose", "size", "style", "fullWidth"],
-  _excluded2 = ["onRowsPerPageChange", "disabled"],
-  _excluded3 = ["autoFocus", "label", "fullWidth", "slotProps", "className"],
-  _excluded4 = ["inert", "iconStart", "iconEnd", "children"],
-  _excluded5 = ["slotProps"],
-  _excluded6 = ["id", "multiple", "freeSolo", "options", "getOptionLabel", "isOptionEqualToValue", "value", "onChange", "label", "placeholder", "slotProps"],
-  _excluded7 = ["key"],
-  _excluded8 = ["inputProps", "InputProps", "InputLabelProps"],
-  _excluded9 = ["slotProps"],
-  _excluded10 = ["native"];
+const _excluded = ["id", "label", "labelId", "material", "disabled", "slotProps", "onChange", "onKeyDown", "onOpen", "onClose", "size", "style", "fullWidth"],
+  _excluded2 = ["onRowsPerPageChange", "material", "disabled"],
+  _excluded3 = ["material"],
+  _excluded4 = ["autoFocus", "label", "fullWidth", "slotProps", "className", "material"],
+  _excluded5 = ["material"],
+  _excluded6 = ["material"],
+  _excluded7 = ["material"],
+  _excluded8 = ["material"],
+  _excluded9 = ["material"],
+  _excluded10 = ["material"],
+  _excluded11 = ["material"],
+  _excluded12 = ["material"],
+  _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';
 import useEventCallback from '@mui/utils/useEventCallback';
 import { styled } from '@mui/material/styles';
@@ -24,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';
@@ -44,17 +57,22 @@ 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";
+import "./augmentation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export { useMaterialCSSVariables } from "./variables.js";
-const InputAdornment = styled(MUIInputAdornment)({
+
+/* eslint-disable material-ui/disallow-react-api-in-server-components */
+
+const InputAdornment = styled(MUIInputAdornment)(({
+  theme
+}) => ({
   [`&.${inputAdornmentClasses.positionEnd} .${iconButtonClasses.sizeSmall}`]: {
-    marginRight: '-7px'
+    marginRight: theme.spacing(-0.75)
   }
-});
+}));
 const FormControlLabel = styled(MUIFormControlLabel, {
   shouldForwardProp: prop => prop !== 'fullWidth'
 })(({
@@ -62,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: {
@@ -88,11 +110,19 @@ 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,
       label,
       labelId,
+      material,
       disabled,
       slotProps,
       onChange,
@@ -137,7 +167,7 @@ const BaseSelect = forwardRef(function BaseSelect(props, ref) {
       onOpen: onOpen,
       MenuProps: menuProps,
       size: size
-    }))]
+    }, material))]
   });
 });
 const StyledPagination = styled(MUIPagination)(({
@@ -159,6 +189,7 @@ const StyledPagination = styled(MUIPagination)(({
 const BasePagination = forwardRef(function BasePagination(props, ref) {
   const {
       onRowsPerPageChange,
+      material,
       disabled
     } = props,
     rest = _objectWithoutPropertiesLoose(props, _excluded2);
@@ -190,84 +221,29 @@ const BasePagination = forwardRef(function BasePagination(props, ref) {
       estimated: estimatedRowCount
     })),
     getItemAriaLabel: apiRef.current.getLocaleText('paginationItemAriaLabel')
-  }, computedProps, rest, {
+  }, computedProps, rest, material, {
     ref: ref
   }));
 });
-
-/* eslint-disable material-ui/disallow-react-api-in-server-components */
-
-const iconSlots = {
-  booleanCellTrueIcon: GridCheckIcon,
-  booleanCellFalseIcon: GridCloseIcon,
-  columnMenuIcon: GridTripleDotsVerticalIcon,
-  openFilterButtonIcon: GridFilterListIcon,
-  filterPanelDeleteIcon: GridCloseIcon,
-  columnFilteredIcon: GridFilterAltIcon,
-  columnSelectorIcon: GridColumnIcon,
-  columnUnsortedIcon: GridColumnUnsortedIcon,
-  columnSortedAscendingIcon: GridArrowUpwardIcon,
-  columnSortedDescendingIcon: GridArrowDownwardIcon,
-  columnResizeIcon: GridSeparatorIcon,
-  densityCompactIcon: GridViewHeadlineIcon,
-  densityStandardIcon: GridTableRowsIcon,
-  densityComfortableIcon: GridViewStreamIcon,
-  exportIcon: GridDownloadIcon,
-  moreActionsIcon: GridMoreVertIcon,
-  treeDataCollapseIcon: GridExpandMoreIcon,
-  treeDataExpandIcon: GridKeyboardArrowRight,
-  groupingCriteriaCollapseIcon: GridExpandMoreIcon,
-  groupingCriteriaExpandIcon: GridKeyboardArrowRight,
-  detailPanelExpandIcon: GridAddIcon,
-  detailPanelCollapseIcon: GridRemoveIcon,
-  rowReorderIcon: GridDragIcon,
-  quickFilterIcon: GridSearchIcon,
-  quickFilterClearIcon: GridClearIcon,
-  columnMenuHideIcon: GridVisibilityOffIcon,
-  columnMenuSortAscendingIcon: GridArrowUpwardIcon,
-  columnMenuSortDescendingIcon: GridArrowDownwardIcon,
-  columnMenuUnsortIcon: null,
-  columnMenuFilterIcon: GridFilterAltIcon,
-  columnMenuManageColumnsIcon: GridViewColumnIcon,
-  columnMenuClearIcon: GridClearIcon,
-  loadIcon: GridLoadIcon,
-  filterPanelAddIcon: GridAddIcon,
-  filterPanelRemoveAllIcon: GridDeleteForeverIcon,
-  columnReorderIcon: GridDragIcon,
-  menuItemCheckIcon: GridCheckIcon
-};
-const baseSlots = {
-  baseAutocomplete: BaseAutocomplete,
-  baseBadge: MUIBadge,
-  baseCheckbox: /*#__PURE__*/React.forwardRef(BaseCheckbox),
-  baseCircularProgress: MUICircularProgress,
-  baseDivider: MUIDivider,
-  baseInput: BaseInput,
-  baseLinearProgress: MUILinearProgress,
-  baseMenuList: BaseMenuList,
-  baseMenuItem: BaseMenuItem,
-  baseTextField: BaseTextField,
-  baseButton: MUIButton,
-  baseIconButton: MUIIconButton,
-  baseTooltip: MUITooltip,
-  basePagination: BasePagination,
-  basePopper: BasePopper,
-  baseSelect: BaseSelect,
-  baseSelectOption: BaseSelectOption,
-  baseSkeleton: MUISkeleton,
-  baseSwitch: MUISwitch
-};
-const materialSlots = _extends({}, baseSlots, iconSlots);
-export default materialSlots;
-function BaseCheckbox(props, ref) {
+const BaseBadge = forwardRef(function BaseBadge(props, ref) {
+  const {
+      material
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded3);
+  return /*#__PURE__*/_jsx(MUIBadge, _extends({}, rest, material, {
+    ref: ref
+  }));
+});
+const BaseCheckbox = forwardRef(function BaseCheckbox(props, ref) {
   const {
       autoFocus,
       label,
       fullWidth,
       slotProps,
-      className
+      className,
+      material
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded3);
+    other = _objectWithoutPropertiesLoose(props, _excluded4);
   const elementRef = React.useRef(null);
   const handleRef = useForkRef(elementRef, ref);
   const rippleRef = React.useRef(null);
@@ -284,8 +260,8 @@ function BaseCheckbox(props, ref) {
     }
   }, [autoFocus]);
   if (!label) {
-    return /*#__PURE__*/_jsx(Checkbox, _extends({}, other, {
-      className: className,
+    return /*#__PURE__*/_jsx(Checkbox, _extends({}, other, material, {
+      className: clsx(className, material?.className),
       inputProps: slotProps?.htmlInput,
       ref: handleRef,
       touchRippleRef: rippleRef
@@ -293,7 +269,7 @@ function BaseCheckbox(props, ref) {
   }
   return /*#__PURE__*/_jsx(FormControlLabel, {
     className: className,
-    control: /*#__PURE__*/_jsx(Checkbox, _extends({}, other, {
+    control: /*#__PURE__*/_jsx(Checkbox, _extends({}, other, material, {
       inputProps: slotProps?.htmlInput,
       ref: handleRef,
       touchRippleRef: rippleRef
@@ -301,24 +277,124 @@ function BaseCheckbox(props, ref) {
     label: label,
     fullWidth: fullWidth
   });
-}
-function BaseMenuList(props) {
-  return /*#__PURE__*/_jsx(MUIMenuList, _extends({}, props));
-}
+});
+const BaseCircularProgress = forwardRef(function BaseCircularProgress(props, ref) {
+  const {
+      material
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded5);
+  return /*#__PURE__*/_jsx(MUICircularProgress, _extends({}, rest, material, {
+    ref: ref
+  }));
+});
+const BaseDivider = forwardRef(function BaseDivider(props, ref) {
+  const {
+      material
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded6);
+  return /*#__PURE__*/_jsx(MUIDivider, _extends({}, rest, material, {
+    ref: ref
+  }));
+});
+const BaseLinearProgress = forwardRef(function BaseLinearProgress(props, ref) {
+  const {
+      material
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded7);
+  return /*#__PURE__*/_jsx(MUILinearProgress, _extends({}, rest, material, {
+    ref: ref
+  }));
+});
+const BaseButton = forwardRef(function BaseButton(props, ref) {
+  const {
+      material
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded8);
+  return /*#__PURE__*/_jsx(MUIButton, _extends({}, rest, material, {
+    ref: ref
+  }));
+});
+const BaseChip = forwardRef(function BaseChip(props, ref) {
+  const {
+      material
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded9);
+  return /*#__PURE__*/_jsx(MUIChip, _extends({}, rest, material, {
+    ref: ref
+  }));
+});
+const BaseIconButton = forwardRef(function BaseIconButton(props, ref) {
+  const {
+      material
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded10);
+  return /*#__PURE__*/_jsx(MUIIconButton, _extends({}, rest, material, {
+    ref: ref
+  }));
+});
+const BaseTooltip = forwardRef(function BaseTooltip(props, ref) {
+  const {
+      material
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded11);
+  return /*#__PURE__*/_jsx(MUITooltip, _extends({}, rest, material, {
+    ref: ref
+  }));
+});
+const BaseSkeleton = forwardRef(function BaseSkeleton(props, ref) {
+  const {
+      material
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded12);
+  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, _excluded14);
+  return /*#__PURE__*/_jsx(MUIMenuList, _extends({}, rest, material, {
+    ref: ref
+  }));
+});
 function BaseMenuItem(props) {
   const {
       inert,
       iconStart,
       iconEnd,
-      children
+      children,
+      material
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded4);
+    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
@@ -328,12 +404,13 @@ function BaseTextField(props) {
   // MaterialUI v5 doesn't support slotProps, until we drop v5 support we need to
   // translate the pattern.
   const {
-      slotProps
+      slotProps,
+      material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded5);
+    rest = _objectWithoutPropertiesLoose(props, _excluded16);
   return /*#__PURE__*/_jsx(MUITextField, _extends({
     variant: "outlined"
-  }, rest, {
+  }, rest, material, {
     inputProps: slotProps?.htmlInput,
     InputProps: transformInputProps(slotProps?.input),
     InputLabelProps: _extends({
@@ -354,9 +431,10 @@ function BaseAutocomplete(props) {
       onChange,
       label,
       placeholder,
-      slotProps
+      slotProps,
+      material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded6);
+    rest = _objectWithoutPropertiesLoose(props, _excluded17);
   return /*#__PURE__*/_jsx(MUIAutocomplete, _extends({
     id: id,
     multiple: multiple,
@@ -373,7 +451,7 @@ function BaseAutocomplete(props) {
         {
           key
         } = _getTagProps,
-        tagProps = _objectWithoutPropertiesLoose(_getTagProps, _excluded7);
+        tagProps = _objectWithoutPropertiesLoose(_getTagProps, _excluded18);
       return /*#__PURE__*/_jsx(MUIChip, _extends({
         variant: "outlined",
         size: "small",
@@ -386,42 +464,50 @@ function BaseAutocomplete(props) {
           InputProps,
           InputLabelProps
         } = params,
-        inputRest = _objectWithoutPropertiesLoose(params, _excluded8);
-      return /*#__PURE__*/_jsx(rootProps.slots.baseTextField, _extends({}, inputRest, {
+        inputRest = _objectWithoutPropertiesLoose(params, _excluded19);
+      return /*#__PURE__*/_jsx(MUITextField, _extends({}, inputRest, {
         label: label,
         placeholder: placeholder,
-        slotProps: {
-          input: InputProps,
-          inputLabel: InputLabelProps,
-          htmlInput: inputProps
-        }
+        inputProps: inputProps,
+        InputProps: transformInputProps(InputProps, false),
+        InputLabelProps: _extends({
+          shrink: true
+        }, InputLabelProps)
       }, slotProps?.textField, rootProps.slotProps?.baseTextField));
     }
-  }, rest));
+  }, rest, material));
 }
 function BaseInput(props) {
   return /*#__PURE__*/_jsx(MUIInputBase, _extends({}, transformInputProps(props)));
 }
-function transformInputProps(props) {
+function transformInputProps(props, wrapAdornments = true) {
   if (!props) {
     return undefined;
   }
   const {
-      slotProps
+      slotProps,
+      material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded9);
+    rest = _objectWithoutPropertiesLoose(props, _excluded20);
   const result = rest;
-  if (result.startAdornment) {
-    result.startAdornment = /*#__PURE__*/_jsx(InputAdornment, {
-      position: "start",
-      children: result.startAdornment
-    });
+  if (wrapAdornments) {
+    if (result.startAdornment) {
+      result.startAdornment = /*#__PURE__*/_jsx(InputAdornment, {
+        position: "start",
+        children: result.startAdornment
+      });
+    }
+    if (result.endAdornment) {
+      result.endAdornment = /*#__PURE__*/_jsx(InputAdornment, {
+        position: "end",
+        children: result.endAdornment
+      });
+    }
   }
-  if (result.endAdornment) {
-    result.endAdornment = /*#__PURE__*/_jsx(InputAdornment, {
-      position: "end",
-      children: result.endAdornment
-    });
+  for (const k in material) {
+    if (Object.hasOwn(material, k)) {
+      result[k] = material[k];
+    }
   }
   if (slotProps?.htmlInput) {
     if (result.inputProps) {
@@ -438,10 +524,20 @@ const transformOrigin = {
 };
 function BasePopper(props) {
   const {
-    flip,
-    onDidShow,
-    onDidHide
-  } = props;
+      open,
+      children,
+      className,
+      flip,
+      onExited,
+      onDidShow,
+      onDidHide,
+      id,
+      target,
+      transition,
+      placement,
+      material
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded21);
   const modifiers = React.useMemo(() => {
     const result = [];
     if (flip) {
@@ -469,40 +565,38 @@ function BasePopper(props) {
     return result;
   }, [flip, onDidShow, onDidHide]);
   let content;
-  if (!props.transition) {
-    content = wrappers(props, props.children);
+  if (!transition) {
+    content = wrappers(props, children);
   } else {
     const handleExited = popperOnExited => node => {
       if (popperOnExited) {
         popperOnExited();
       }
-      if (props.onExited) {
-        props.onExited(node);
+      if (onExited) {
+        onExited(node);
       }
     };
-    content = ({
-      TransitionProps,
-      placement
-    }) => wrappers(props, /*#__PURE__*/_jsx(MUIGrow, _extends({}, TransitionProps, {
+    content = p => wrappers(props, /*#__PURE__*/_jsx(MUIGrow, _extends({}, p.TransitionProps, {
       style: {
-        transformOrigin: transformOrigin[placement]
+        transformOrigin: transformOrigin[p.placement]
       },
-      onExited: handleExited(TransitionProps?.onExited),
+      onExited: handleExited(p.TransitionProps?.onExited),
       children: /*#__PURE__*/_jsx(MUIPaper, {
-        children: props.children
+        children: children
       })
     })));
   }
-  return /*#__PURE__*/_jsx(MUIPopper, {
-    id: props.id,
-    className: props.className,
-    open: props.open,
-    anchorEl: props.target,
-    transition: props.transition,
-    placement: props.placement,
-    modifiers: modifiers,
+  return /*#__PURE__*/_jsx(MUIPopper, _extends({
+    id: id,
+    className: className,
+    open: open,
+    anchorEl: target,
+    transition: transition,
+    placement: placement,
+    modifiers: modifiers
+  }, rest, material, {
     children: content
-  });
+  }));
 }
 function wrappers(props, content) {
   return focusTrapWrapper(props, clickAwayWrapper(props, content));
@@ -536,9 +630,71 @@ function BaseSelectOption(_ref) {
   let {
       native
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded10);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded22);
   if (native) {
     return /*#__PURE__*/_jsx("option", _extends({}, props));
   }
   return /*#__PURE__*/_jsx(MUIMenuItem, _extends({}, props));
-}
+}
+const iconSlots = {
+  booleanCellTrueIcon: GridCheckIcon,
+  booleanCellFalseIcon: GridCloseIcon,
+  columnMenuIcon: GridTripleDotsVerticalIcon,
+  openFilterButtonIcon: GridFilterListIcon,
+  filterPanelDeleteIcon: GridCloseIcon,
+  columnFilteredIcon: GridFilterAltIcon,
+  columnSelectorIcon: GridColumnIcon,
+  columnSortedAscendingIcon: GridArrowUpwardIcon,
+  columnSortedDescendingIcon: GridArrowDownwardIcon,
+  columnResizeIcon: GridSeparatorIcon,
+  densityCompactIcon: GridViewHeadlineIcon,
+  densityStandardIcon: GridTableRowsIcon,
+  densityComfortableIcon: GridViewStreamIcon,
+  exportIcon: GridDownloadIcon,
+  moreActionsIcon: GridMoreVertIcon,
+  treeDataCollapseIcon: GridExpandMoreIcon,
+  treeDataExpandIcon: GridKeyboardArrowRight,
+  groupingCriteriaCollapseIcon: GridExpandMoreIcon,
+  groupingCriteriaExpandIcon: GridKeyboardArrowRight,
+  detailPanelExpandIcon: GridAddIcon,
+  detailPanelCollapseIcon: GridRemoveIcon,
+  rowReorderIcon: GridDragIcon,
+  quickFilterIcon: GridSearchIcon,
+  quickFilterClearIcon: GridClearIcon,
+  columnMenuHideIcon: GridVisibilityOffIcon,
+  columnMenuSortAscendingIcon: GridArrowUpwardIcon,
+  columnMenuSortDescendingIcon: GridArrowDownwardIcon,
+  columnMenuUnsortIcon: null,
+  columnMenuFilterIcon: GridFilterAltIcon,
+  columnMenuManageColumnsIcon: GridViewColumnIcon,
+  columnMenuClearIcon: GridClearIcon,
+  loadIcon: GridLoadIcon,
+  filterPanelAddIcon: GridAddIcon,
+  filterPanelRemoveAllIcon: GridDeleteForeverIcon,
+  columnReorderIcon: GridDragIcon,
+  menuItemCheckIcon: GridCheckIcon
+};
+const baseSlots = {
+  baseAutocomplete: BaseAutocomplete,
+  baseBadge: BaseBadge,
+  baseCheckbox: BaseCheckbox,
+  baseChip: BaseChip,
+  baseCircularProgress: BaseCircularProgress,
+  baseDivider: BaseDivider,
+  baseInput: BaseInput,
+  baseLinearProgress: BaseLinearProgress,
+  baseMenuList: BaseMenuList,
+  baseMenuItem: BaseMenuItem,
+  baseTextField: BaseTextField,
+  baseButton: BaseButton,
+  baseIconButton: BaseIconButton,
+  baseTooltip: BaseTooltip,
+  basePagination: BasePagination,
+  basePopper: BasePopper,
+  baseSelect: BaseSelect,
+  baseSelectOption: BaseSelectOption,
+  baseSkeleton: BaseSkeleton,
+  baseSwitch: BaseSwitch
+};
+const materialSlots = _extends({}, baseSlots, iconSlots);
+export default materialSlots;

package/esm/material/variables.js

@@ -27,6 +27,7 @@ function transformTheme(t) {
   const radius = getRadius(t);
   const fontBody = t.vars?.font?.body2 ?? formatFont(t.typography.body2);
   const fontSmall = t.vars?.font?.caption ?? formatFont(t.typography.caption);
+  const fontLarge = t.vars?.font?.body1 ?? formatFont(t.typography.body1);
   const k = vars.keys;
   return {
     [k.spacingUnit]: t.vars ? t.vars.spacing ?? t.spacing(1) : t.spacing(1),
@@ -38,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,
@@ -56,6 +58,7 @@ function transformTheme(t) {
     [k.typography.fontWeight.bold]: t.typography.fontWeightBold,
     [k.typography.font.body]: fontBody,
     [k.typography.font.small]: fontSmall,
+    [k.typography.font.large]: fontLarge,
     [k.transitions.easing.easeIn]: t.transitions.easing.easeIn,
     [k.transitions.easing.easeOut]: t.transitions.easing.easeOut,
     [k.transitions.easing.easeInOut]: t.transitions.easing.easeInOut,

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> {}