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

package/modern/material/index.js

@@ -1,16 +1,28 @@
 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"],
+  _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"];
 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';
@@ -48,8 +60,12 @@ 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";
+
+/* eslint-disable material-ui/disallow-react-api-in-server-components */
+
 const InputAdornment = styled(MUIInputAdornment)({
   [`&.${inputAdornmentClasses.positionEnd} .${iconButtonClasses.sizeSmall}`]: {
     marginRight: '-7px'
@@ -93,6 +109,7 @@ const BaseSelect = forwardRef(function BaseSelect(props, ref) {
       id,
       label,
       labelId,
+      material,
       disabled,
       slotProps,
       onChange,
@@ -137,7 +154,7 @@ const BaseSelect = forwardRef(function BaseSelect(props, ref) {
       onOpen: onOpen,
       MenuProps: menuProps,
       size: size
-    }))]
+    }, material))]
   });
 });
 const StyledPagination = styled(MUIPagination)(({
@@ -159,6 +176,7 @@ const StyledPagination = styled(MUIPagination)(({
 const BasePagination = forwardRef(function BasePagination(props, ref) {
   const {
       onRowsPerPageChange,
+      material,
       disabled
     } = props,
     rest = _objectWithoutPropertiesLoose(props, _excluded2);
@@ -190,84 +208,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 +247,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 +256,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,10 +264,88 @@ 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 BaseIconButton = forwardRef(function BaseIconButton(props, ref) {
+  const {
+      material
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded9);
+  return /*#__PURE__*/_jsx(MUIIconButton, _extends({}, rest, material, {
+    ref: ref
+  }));
+});
+const BaseTooltip = forwardRef(function BaseTooltip(props, ref) {
+  const {
+      material
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded10);
+  return /*#__PURE__*/_jsx(MUITooltip, _extends({}, rest, material, {
+    ref: ref
+  }));
+});
+const BaseSkeleton = forwardRef(function BaseSkeleton(props, ref) {
+  const {
+      material
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded11);
+  return /*#__PURE__*/_jsx(MUISkeleton, _extends({}, rest, material, {
+    ref: ref
+  }));
+});
+const BaseSwitch = forwardRef(function BaseSwitch(props, ref) {
+  const {
+      material
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded12);
+  return /*#__PURE__*/_jsx(MUISwitch, _extends({}, rest, material, {
+    ref: ref
+  }));
+});
+const BaseMenuList = forwardRef(function BaseMenuList(props, ref) {
+  const {
+      material
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded13);
+  return /*#__PURE__*/_jsx(MUIMenuList, _extends({}, rest, material, {
+    ref: ref
+  }));
+});
 function BaseMenuItem(props) {
   const {
       inert,
@@ -312,7 +353,7 @@ function BaseMenuItem(props) {
       iconEnd,
       children
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded4);
+    other = _objectWithoutPropertiesLoose(props, _excluded14);
   if (inert) {
     other.disableRipple = true;
   }
@@ -328,12 +369,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, _excluded15);
   return /*#__PURE__*/_jsx(MUITextField, _extends({
     variant: "outlined"
-  }, rest, {
+  }, rest, material, {
     inputProps: slotProps?.htmlInput,
     InputProps: transformInputProps(slotProps?.input),
     InputLabelProps: _extends({
@@ -354,9 +396,10 @@ function BaseAutocomplete(props) {
       onChange,
       label,
       placeholder,
-      slotProps
+      slotProps,
+      material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded6);
+    rest = _objectWithoutPropertiesLoose(props, _excluded16);
   return /*#__PURE__*/_jsx(MUIAutocomplete, _extends({
     id: id,
     multiple: multiple,
@@ -373,7 +416,7 @@ function BaseAutocomplete(props) {
         {
           key
         } = _getTagProps,
-        tagProps = _objectWithoutPropertiesLoose(_getTagProps, _excluded7);
+        tagProps = _objectWithoutPropertiesLoose(_getTagProps, _excluded17);
       return /*#__PURE__*/_jsx(MUIChip, _extends({
         variant: "outlined",
         size: "small",
@@ -386,42 +429,50 @@ function BaseAutocomplete(props) {
           InputProps,
           InputLabelProps
         } = params,
-        inputRest = _objectWithoutPropertiesLoose(params, _excluded8);
-      return /*#__PURE__*/_jsx(rootProps.slots.baseTextField, _extends({}, inputRest, {
+        inputRest = _objectWithoutPropertiesLoose(params, _excluded18);
+      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, _excluded19);
   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 +489,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, _excluded20);
   const modifiers = React.useMemo(() => {
     const result = [];
     if (flip) {
@@ -469,40 +530,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 +595,71 @@ function BaseSelectOption(_ref) {
   let {
       native
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded10);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded21);
   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,
+  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: BaseBadge,
+  baseCheckbox: BaseCheckbox,
+  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/modern/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),
@@ -56,6 +57,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/modern/models/colDef/gridColDef.d.ts

@@ -299,7 +299,7 @@ export type GridColDef<R extends GridValidRowModel = any, V = any, F = V> = Grid
  * @demos
  *   - [List view](/x/react-data-grid/list-view/)
  */
-export type GridListColDef<R extends GridValidRowModel = any, V = any, F = V> = Pick<GridBaseColDef<R, V, F>, 'field' | 'renderCell' | 'align' | 'cellClassName' | 'display'>;
+export type GridListViewColDef<R extends GridValidRowModel = any, V = any, F = V> = Pick<GridBaseColDef<R, V, F>, 'field' | 'renderCell' | 'align' | 'cellClassName' | 'display'>;
 export type GridColTypeDef<V = any, F = V> = Omit<GridBaseColDef<any, V, F>, 'field'>;
 export type GridStateColDef<R extends GridValidRowModel = any, V = any, F = V> = GridColDef<R, V, F> & {
   computedWidth: number;

package/modern/models/colDef/index.d.ts

@@ -1,3 +1,3 @@
-export type { GridAlignment, ValueOptions, GridKeyValue, GridColDef, GridListColDef, GridColTypeDef, GridColumnsMeta, GridSingleSelectColDef, GridActionsColDef, GetApplyQuickFilterFn, GridValueGetter, GridValueFormatter, GridValueSetter, GridValueParser, GridColSpanFn } from './gridColDef';
+export type { GridAlignment, ValueOptions, GridKeyValue, GridColDef, GridListViewColDef, GridColTypeDef, GridColumnsMeta, GridSingleSelectColDef, GridActionsColDef, GetApplyQuickFilterFn, GridValueGetter, GridValueFormatter, GridValueSetter, GridValueParser, GridColSpanFn } from './gridColDef';
 export * from "./gridColType.js";
 export * from "./gridColumnTypesRecord.js";