@mui/material 5.10.12 → 5.10.14

package/legacy/List/List.js

@@ -10,18 +10,16 @@ import ListContext from './ListContext';
 import { getListUtilityClass } from './listClasses';
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      disablePadding = ownerState.disablePadding,
-      dense = ownerState.dense,
-      subheader = ownerState.subheader;
+    disablePadding = ownerState.disablePadding,
+    dense = ownerState.dense,
+    subheader = ownerState.subheader;
   var slots = {
     root: ['root', !disablePadding && 'padding', dense && 'dense', subheader && 'subheader']
   };
   return composeClasses(slots, getListUtilityClass, classes);
 };
-
 var ListRoot = styled('ul', {
   name: 'MuiList',
   slot: 'Root',
@@ -48,30 +46,26 @@ var List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {
     props: inProps,
     name: 'MuiList'
   });
-
   var children = props.children,
-      className = props.className,
-      _props$component = props.component,
-      component = _props$component === void 0 ? 'ul' : _props$component,
-      _props$dense = props.dense,
-      dense = _props$dense === void 0 ? false : _props$dense,
-      _props$disablePadding = props.disablePadding,
-      disablePadding = _props$disablePadding === void 0 ? false : _props$disablePadding,
-      subheader = props.subheader,
-      other = _objectWithoutProperties(props, ["children", "className", "component", "dense", "disablePadding", "subheader"]);
-
+    className = props.className,
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'ul' : _props$component,
+    _props$dense = props.dense,
+    dense = _props$dense === void 0 ? false : _props$dense,
+    _props$disablePadding = props.disablePadding,
+    disablePadding = _props$disablePadding === void 0 ? false : _props$disablePadding,
+    subheader = props.subheader,
+    other = _objectWithoutProperties(props, ["children", "className", "component", "dense", "disablePadding", "subheader"]);
   var context = React.useMemo(function () {
     return {
       dense: dense
     };
   }, [dense]);
-
   var ownerState = _extends({}, props, {
     component: component,
     dense: dense,
     disablePadding: disablePadding
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(ListContext.Provider, {
     value: context,
@@ -85,35 +79,28 @@ var List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {
     }))
   });
 });
-process.env.NODE_ENV !== "production" ? List.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? List.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * If `true`, compact vertical padding designed for keyboard and mouse input is used for
    * the list and list items.
@@ -121,18 +108,15 @@ process.env.NODE_ENV !== "production" ? List.propTypes
    * @default false
    */
   dense: PropTypes.bool,
-
   /**
    * If `true`, vertical padding is removed from the list.
    * @default false
    */
   disablePadding: PropTypes.bool,
-
   /**
    * The content of the subheader, normally `ListSubheader`.
    */
   subheader: PropTypes.node,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/legacy/List/ListContext.js

@@ -1,12 +1,10 @@
 import * as React from 'react';
+
 /**
  * @ignore - internal component.
  */
-
 var ListContext = /*#__PURE__*/React.createContext({});
-
 if (process.env.NODE_ENV !== 'production') {
   ListContext.displayName = 'ListContext';
 }
-
 export default ListContext;

package/legacy/ListItem/ListItem.js

@@ -23,34 +23,31 @@ export var overridesResolver = function overridesResolver(props, styles) {
   var ownerState = props.ownerState;
   return [styles.root, ownerState.dense && styles.dense, ownerState.alignItems === 'flex-start' && styles.alignItemsFlexStart, ownerState.divider && styles.divider, !ownerState.disableGutters && styles.gutters, !ownerState.disablePadding && styles.padding, ownerState.button && styles.button, ownerState.hasSecondaryAction && styles.secondaryAction];
 };
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var alignItems = ownerState.alignItems,
-      button = ownerState.button,
-      classes = ownerState.classes,
-      dense = ownerState.dense,
-      disabled = ownerState.disabled,
-      disableGutters = ownerState.disableGutters,
-      disablePadding = ownerState.disablePadding,
-      divider = ownerState.divider,
-      hasSecondaryAction = ownerState.hasSecondaryAction,
-      selected = ownerState.selected;
+    button = ownerState.button,
+    classes = ownerState.classes,
+    dense = ownerState.dense,
+    disabled = ownerState.disabled,
+    disableGutters = ownerState.disableGutters,
+    disablePadding = ownerState.disablePadding,
+    divider = ownerState.divider,
+    hasSecondaryAction = ownerState.hasSecondaryAction,
+    selected = ownerState.selected;
   var slots = {
     root: ['root', dense && 'dense', !disableGutters && 'gutters', !disablePadding && 'padding', divider && 'divider', disabled && 'disabled', button && 'button', alignItems === 'flex-start' && 'alignItemsFlexStart', hasSecondaryAction && 'secondaryAction', selected && 'selected'],
     container: ['container']
   };
   return composeClasses(slots, getListItemUtilityClass, classes);
 };
-
 export var ListItemRoot = styled('div', {
   name: 'MuiListItem',
   slot: 'Root',
   overridesResolver: overridesResolver
 })(function (_ref) {
   var _extends2;
-
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({
     display: 'flex',
     justifyContent: 'flex-start',
@@ -121,51 +118,53 @@ var ListItemContainer = styled('li', {
 })({
   position: 'relative'
 });
+
 /**
  * Uses an additional container component if `ListItemSecondaryAction` is the last child.
  */
-
 var ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
     name: 'MuiListItem'
   });
   var _props$alignItems = props.alignItems,
-      alignItems = _props$alignItems === void 0 ? 'center' : _props$alignItems,
-      _props$autoFocus = props.autoFocus,
-      autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
-      _props$button = props.button,
-      button = _props$button === void 0 ? false : _props$button,
-      childrenProp = props.children,
-      className = props.className,
-      componentProp = props.component,
-      _props$components = props.components,
-      components = _props$components === void 0 ? {} : _props$components,
-      _props$componentsProp = props.componentsProps,
-      componentsProps = _props$componentsProp === void 0 ? {} : _props$componentsProp,
-      _props$ContainerCompo = props.ContainerComponent,
-      ContainerComponent = _props$ContainerCompo === void 0 ? 'li' : _props$ContainerCompo,
-      _props$ContainerProps = props.ContainerProps;
+    alignItems = _props$alignItems === void 0 ? 'center' : _props$alignItems,
+    _props$autoFocus = props.autoFocus,
+    autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
+    _props$button = props.button,
+    button = _props$button === void 0 ? false : _props$button,
+    childrenProp = props.children,
+    className = props.className,
+    componentProp = props.component,
+    _props$components = props.components,
+    components = _props$components === void 0 ? {} : _props$components,
+    _props$componentsProp = props.componentsProps,
+    componentsProps = _props$componentsProp === void 0 ? {} : _props$componentsProp,
+    _props$ContainerCompo = props.ContainerComponent,
+    ContainerComponent = _props$ContainerCompo === void 0 ? 'li' : _props$ContainerCompo,
+    _props$ContainerProps = props.ContainerProps;
   _props$ContainerProps = _props$ContainerProps === void 0 ? {} : _props$ContainerProps;
-
   var ContainerClassName = _props$ContainerProps.className,
-      ContainerProps = _objectWithoutProperties(_props$ContainerProps, ["className"]),
-      _props$dense = props.dense,
-      dense = _props$dense === void 0 ? false : _props$dense,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$disableGutters = props.disableGutters,
-      disableGutters = _props$disableGutters === void 0 ? false : _props$disableGutters,
-      _props$disablePadding = props.disablePadding,
-      disablePadding = _props$disablePadding === void 0 ? false : _props$disablePadding,
-      _props$divider = props.divider,
-      divider = _props$divider === void 0 ? false : _props$divider,
-      focusVisibleClassName = props.focusVisibleClassName,
-      secondaryAction = props.secondaryAction,
-      _props$selected = props.selected,
-      selected = _props$selected === void 0 ? false : _props$selected,
-      other = _objectWithoutProperties(props, ["alignItems", "autoFocus", "button", "children", "className", "component", "components", "componentsProps", "ContainerComponent", "ContainerProps", "dense", "disabled", "disableGutters", "disablePadding", "divider", "focusVisibleClassName", "secondaryAction", "selected"]);
-
+    ContainerProps = _objectWithoutProperties(_props$ContainerProps, ["className"]),
+    _props$dense = props.dense,
+    dense = _props$dense === void 0 ? false : _props$dense,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$disableGutters = props.disableGutters,
+    disableGutters = _props$disableGutters === void 0 ? false : _props$disableGutters,
+    _props$disablePadding = props.disablePadding,
+    disablePadding = _props$disablePadding === void 0 ? false : _props$disablePadding,
+    _props$divider = props.divider,
+    divider = _props$divider === void 0 ? false : _props$divider,
+    focusVisibleClassName = props.focusVisibleClassName,
+    secondaryAction = props.secondaryAction,
+    _props$selected = props.selected,
+    selected = _props$selected === void 0 ? false : _props$selected,
+    _props$slotProps = props.slotProps,
+    slotProps = _props$slotProps === void 0 ? {} : _props$slotProps,
+    _props$slots = props.slots,
+    slots = _props$slots === void 0 ? {} : _props$slots,
+    other = _objectWithoutProperties(props, ["alignItems", "autoFocus", "button", "children", "className", "component", "components", "componentsProps", "ContainerComponent", "ContainerProps", "dense", "disabled", "disableGutters", "disablePadding", "divider", "focusVisibleClassName", "secondaryAction", "selected", "slotProps", "slots"]);
   var context = React.useContext(ListContext);
   var childContext = React.useMemo(function () {
     return {
@@ -184,10 +183,10 @@ var ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
       }
     }
   }, [autoFocus]);
-  var children = React.Children.toArray(childrenProp); // v4 implementation, deprecated in v5, will be removed in v6
+  var children = React.Children.toArray(childrenProp);
 
+  // v4 implementation, deprecated in v5, will be removed in v6
   var hasSecondaryAction = children.length && isMuiElement(children[children.length - 1], ['ListItemSecondaryAction']);
-
   var ownerState = _extends({}, props, {
     alignItems: alignItems,
     autoFocus: autoFocus,
@@ -200,30 +199,27 @@ var ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
     hasSecondaryAction: hasSecondaryAction,
     selected: selected
   });
-
   var classes = useUtilityClasses(ownerState);
   var handleRef = useForkRef(listItemRef, ref);
-  var Root = components.Root || ListItemRoot;
-  var rootProps = componentsProps.root || {};
-
+  var Root = slots.root || components.Root || ListItemRoot;
+  var rootProps = slotProps.root || componentsProps.root || {};
   var componentProps = _extends({
     className: clsx(classes.root, rootProps.className, className),
     disabled: disabled
   }, other);
-
   var Component = componentProp || 'li';
-
   if (button) {
     componentProps.component = componentProp || 'div';
     componentProps.focusVisibleClassName = clsx(listItemClasses.focusVisible, focusVisibleClassName);
     Component = ButtonBase;
-  } // v4 implementation, deprecated in v5, will be removed in v6
-
+  }
 
+  // v4 implementation, deprecated in v5, will be removed in v6
   if (hasSecondaryAction) {
     // Use div by default.
-    Component = !componentProps.component && !componentProp ? 'div' : Component; // Avoid nesting of li > li.
+    Component = !componentProps.component && !componentProp ? 'div' : Component;
 
+    // Avoid nesting of li > li.
     if (ContainerComponent === 'li') {
       if (Component === 'li') {
         Component = 'div';
@@ -231,7 +227,6 @@ var ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
         componentProps.component = 'div';
       }
     }
-
     return /*#__PURE__*/_jsx(ListContext.Provider, {
       value: childContext,
       children: /*#__PURE__*/_jsxs(ListItemContainer, _extends({
@@ -249,13 +244,11 @@ var ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
       }))
     });
   }
-
   return /*#__PURE__*/_jsx(ListContext.Provider, {
     value: childContext,
     children: /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, {
       as: Component,
-      ref: handleRef,
-      ownerState: ownerState
+      ref: handleRef
     }, !isHostComponent(Root) && {
       ownerState: _extends({}, ownerState, rootProps.ownerState)
     }, componentProps, {
@@ -265,20 +258,16 @@ var ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
     }))
   });
 });
-process.env.NODE_ENV !== "production" ? ListItem.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * Defines the `align-items` style property.
    * @default 'center'
    */
   alignItems: PropTypes.oneOf(['center', 'flex-start']),
-
   /**
    * If `true`, the list item is focused during the first mount.
    * Focus will also be triggered if the value changes from false to true.
@@ -286,7 +275,6 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes
    * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
   autoFocus: PropTypes.bool,
-
   /**
    * If `true`, the list item is a button (using `ButtonBase`). Props intended
    * for `ButtonBase` can then be applied to `ListItem`.
@@ -294,129 +282,139 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes
    * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
   button: PropTypes.bool,
-
   /**
    * The content of the component if a `ListItemSecondaryAction` is used it must
    * be the last child.
    */
   children: chainPropTypes(PropTypes.node, function (props) {
-    var children = React.Children.toArray(props.children); // React.Children.toArray(props.children).findLastIndex(isListItemSecondaryAction)
+    var children = React.Children.toArray(props.children);
 
+    // React.Children.toArray(props.children).findLastIndex(isListItemSecondaryAction)
     var secondaryActionIndex = -1;
-
     for (var i = children.length - 1; i >= 0; i -= 1) {
       var child = children[i];
-
       if (isMuiElement(child, ['ListItemSecondaryAction'])) {
         secondaryActionIndex = i;
         break;
       }
-    } //  is ListItemSecondaryAction the last child of ListItem
-
+    }
 
+    //  is ListItemSecondaryAction the last child of ListItem
     if (secondaryActionIndex !== -1 && secondaryActionIndex !== children.length - 1) {
       return new Error('MUI: You used an element after ListItemSecondaryAction. ' + 'For ListItem to detect that it has a secondary action ' + 'you must pass it as the last child to ListItem.');
     }
-
     return null;
   }),
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
-   * The components used for each slot inside the InputBase.
-   * Either a string to use a HTML element or a component.
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
    * @default {}
    */
   components: PropTypes.shape({
     Root: PropTypes.elementType
   }),
-
   /**
-   * The props used for each slot inside the Input.
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
    * @default {}
    */
   componentsProps: PropTypes.shape({
     root: PropTypes.object
   }),
-
   /**
    * The container component used when a `ListItemSecondaryAction` is the last child.
    * @default 'li'
    * @deprecated
    */
   ContainerComponent: elementTypeAcceptingRef,
-
   /**
    * Props applied to the container component if used.
    * @default {}
    * @deprecated
    */
   ContainerProps: PropTypes.object,
-
   /**
    * If `true`, compact vertical padding designed for keyboard and mouse input is used.
    * The prop defaults to the value inherited from the parent List component.
    * @default false
    */
   dense: PropTypes.bool,
-
   /**
    * If `true`, the component is disabled.
    * @default false
    * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
   disabled: PropTypes.bool,
-
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
   disableGutters: PropTypes.bool,
-
   /**
    * If `true`, all padding is removed.
    * @default false
    */
   disablePadding: PropTypes.bool,
-
   /**
    * If `true`, a 1px light border is added to the bottom of the list item.
    * @default false
    */
   divider: PropTypes.bool,
-
   /**
    * @ignore
    */
   focusVisibleClassName: PropTypes.string,
-
   /**
    * The element to display at the end of ListItem.
    */
   secondaryAction: PropTypes.node,
-
   /**
    * Use to apply selected styling.
    * @default false
    * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
   selected: PropTypes.bool,
-
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    root: PropTypes.object
+  }),
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    root: PropTypes.elementType
+  }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/legacy/ListItemAvatar/ListItemAvatar.js

@@ -9,16 +9,14 @@ import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { getListItemAvatarUtilityClass } from './listItemAvatarClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var alignItems = ownerState.alignItems,
-      classes = ownerState.classes;
+    classes = ownerState.classes;
   var slots = {
     root: ['root', alignItems === 'flex-start' && 'alignItemsFlexStart']
   };
   return composeClasses(slots, getListItemAvatarUtilityClass, classes);
 };
-
 var ListItemAvatarRoot = styled('div', {
   name: 'MuiListItemAvatar',
   slot: 'Root',
@@ -35,25 +33,21 @@ var ListItemAvatarRoot = styled('div', {
     marginTop: 8
   });
 });
+
 /**
  * A simple wrapper to apply `List` styles to an `Avatar`.
  */
-
 var ListItemAvatar = /*#__PURE__*/React.forwardRef(function ListItemAvatar(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
     name: 'MuiListItemAvatar'
   });
-
   var className = props.className,
-      other = _objectWithoutProperties(props, ["className"]);
-
+    other = _objectWithoutProperties(props, ["className"]);
   var context = React.useContext(ListContext);
-
   var ownerState = _extends({}, props, {
     alignItems: context.alignItems
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(ListItemAvatarRoot, _extends({
     className: clsx(classes.root, className),
@@ -61,29 +55,23 @@ var ListItemAvatar = /*#__PURE__*/React.forwardRef(function ListItemAvatar(inPro
     ref: ref
   }, other));
 });
-process.env.NODE_ENV !== "production" ? ListItemAvatar.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? ListItemAvatar.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component, normally an `Avatar`.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */