@mui/material 5.10.13 → 5.10.15

package/legacy/ListItemButton/ListItemButton.js

@@ -18,22 +18,20 @@ 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];
 };
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var alignItems = ownerState.alignItems,
-      classes = ownerState.classes,
-      dense = ownerState.dense,
-      disabled = ownerState.disabled,
-      disableGutters = ownerState.disableGutters,
-      divider = ownerState.divider,
-      selected = ownerState.selected;
+    classes = ownerState.classes,
+    dense = ownerState.dense,
+    disabled = ownerState.disabled,
+    disableGutters = ownerState.disableGutters,
+    divider = ownerState.divider,
+    selected = ownerState.selected;
   var slots = {
     root: ['root', dense && 'dense', !disableGutters && 'gutters', divider && 'divider', disabled && 'disabled', alignItems === 'flex-start' && 'alignItemsFlexStart', selected && 'selected']
   };
   var composedClasses = composeClasses(slots, getListItemButtonUtilityClass, classes);
   return _extends({}, classes, composedClasses);
 };
-
 var ListItemButtonRoot = styled(ButtonBase, {
   shouldForwardProp: function shouldForwardProp(prop) {
     return rootShouldForwardProp(prop) || prop === 'classes';
@@ -43,9 +41,8 @@ var ListItemButtonRoot = styled(ButtonBase, {
   overridesResolver: overridesResolver
 })(function (_ref) {
   var _extends2;
-
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends((_extends2 = {
     display: 'flex',
     flexGrow: 1,
@@ -101,26 +98,24 @@ var ListItemButton = /*#__PURE__*/React.forwardRef(function ListItemButton(inPro
     props: inProps,
     name: 'MuiListItemButton'
   });
-
   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$component = props.component,
-      component = _props$component === void 0 ? 'div' : _props$component,
-      children = props.children,
-      _props$dense = props.dense,
-      dense = _props$dense === void 0 ? false : _props$dense,
-      _props$disableGutters = props.disableGutters,
-      disableGutters = _props$disableGutters === void 0 ? false : _props$disableGutters,
-      _props$divider = props.divider,
-      divider = _props$divider === void 0 ? false : _props$divider,
-      focusVisibleClassName = props.focusVisibleClassName,
-      _props$selected = props.selected,
-      selected = _props$selected === void 0 ? false : _props$selected,
-      className = props.className,
-      other = _objectWithoutProperties(props, ["alignItems", "autoFocus", "component", "children", "dense", "disableGutters", "divider", "focusVisibleClassName", "selected", "className"]);
-
+    alignItems = _props$alignItems === void 0 ? 'center' : _props$alignItems,
+    _props$autoFocus = props.autoFocus,
+    autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'div' : _props$component,
+    children = props.children,
+    _props$dense = props.dense,
+    dense = _props$dense === void 0 ? false : _props$dense,
+    _props$disableGutters = props.disableGutters,
+    disableGutters = _props$disableGutters === void 0 ? false : _props$disableGutters,
+    _props$divider = props.divider,
+    divider = _props$divider === void 0 ? false : _props$divider,
+    focusVisibleClassName = props.focusVisibleClassName,
+    _props$selected = props.selected,
+    selected = _props$selected === void 0 ? false : _props$selected,
+    className = props.className,
+    other = _objectWithoutProperties(props, ["alignItems", "autoFocus", "component", "children", "dense", "disableGutters", "divider", "focusVisibleClassName", "selected", "className"]);
   var context = React.useContext(ListContext);
   var childContext = React.useMemo(function () {
     return {
@@ -139,7 +134,6 @@ var ListItemButton = /*#__PURE__*/React.forwardRef(function ListItemButton(inPro
       }
     }
   }, [autoFocus]);
-
   var ownerState = _extends({}, props, {
     alignItems: alignItems,
     dense: childContext.dense,
@@ -147,7 +141,6 @@ var ListItemButton = /*#__PURE__*/React.forwardRef(function ListItemButton(inPro
     divider: divider,
     selected: selected
   });
-
   var classes = useUtilityClasses(ownerState);
   var handleRef = useForkRef(listItemRef, ref);
   return /*#__PURE__*/_jsx(ListContext.Provider, {
@@ -165,74 +158,61 @@ var ListItemButton = /*#__PURE__*/React.forwardRef(function ListItemButton(inPro
     }))
   });
 });
-process.env.NODE_ENV !== "production" ? ListItemButton.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? ListItemButton.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.
    * @default false
    */
   autoFocus: PropTypes.bool,
-
   /**
    * The content of the component if a `ListItemSecondaryAction` is used it must
    * be the last child.
    */
   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.
    * 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
    */
   disabled: PropTypes.bool,
-
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
   disableGutters: PropTypes.bool,
-
   /**
    * If `true`, a 1px light border is added to the bottom of the list item.
    * @default false
    */
   divider: PropTypes.bool,
-
   /**
    * This prop can help identify which element has keyboard focus.
    * The class name will be applied when the element gains the focus through keyboard interaction.
@@ -242,18 +222,15 @@ process.env.NODE_ENV !== "production" ? ListItemButton.propTypes
    * if needed.
    */
   focusVisibleClassName: PropTypes.string,
-
   /**
    * @ignore
    */
   href: PropTypes.string,
-
   /**
    * Use to apply selected styling.
    * @default false
    */
   selected: PropTypes.bool,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/legacy/ListItemIcon/ListItemIcon.js

@@ -9,16 +9,14 @@ import useThemeProps from '../styles/useThemeProps';
 import { getListItemIconUtilityClass } from './listItemIconClasses';
 import ListContext from '../List/ListContext';
 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, getListItemIconUtilityClass, classes);
 };
-
 var ListItemIconRoot = styled('div', {
   name: 'MuiListItemIcon',
   slot: 'Root',
@@ -28,7 +26,7 @@ var ListItemIconRoot = styled('div', {
   }
 })(function (_ref) {
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({
     minWidth: 56,
     color: (theme.vars || theme).palette.action.active,
@@ -38,25 +36,21 @@ var ListItemIconRoot = styled('div', {
     marginTop: 8
   });
 });
+
 /**
  * A simple wrapper to apply `List` styles to an `Icon` or `SvgIcon`.
  */
-
 var ListItemIcon = /*#__PURE__*/React.forwardRef(function ListItemIcon(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
     name: 'MuiListItemIcon'
   });
-
   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(ListItemIconRoot, _extends({
     className: clsx(classes.root, className),
@@ -64,30 +58,24 @@ var ListItemIcon = /*#__PURE__*/React.forwardRef(function ListItemIcon(inProps,
     ref: ref
   }, other));
 });
-process.env.NODE_ENV !== "production" ? ListItemIcon.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? ListItemIcon.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 `Icon`, `SvgIcon`,
    * or a `@mui/icons-material` SVG icon element.
    */
   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.
    */

package/legacy/ListItemSecondaryAction/ListItemSecondaryAction.js

@@ -9,16 +9,14 @@ import useThemeProps from '../styles/useThemeProps';
 import ListContext from '../List/ListContext';
 import { getListItemSecondaryActionClassesUtilityClass } from './listItemSecondaryActionClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var disableGutters = ownerState.disableGutters,
-      classes = ownerState.classes;
+    classes = ownerState.classes;
   var slots = {
     root: ['root', disableGutters && 'disableGutters']
   };
   return composeClasses(slots, getListItemSecondaryActionClassesUtilityClass, classes);
 };
-
 var ListItemSecondaryActionRoot = styled('div', {
   name: 'MuiListItemSecondaryAction',
   slot: 'Root',
@@ -37,25 +35,21 @@ var ListItemSecondaryActionRoot = styled('div', {
     right: 0
   });
 });
+
 /**
  * Must be used as the last child of ListItem to function properly.
  */
-
 var ListItemSecondaryAction = /*#__PURE__*/React.forwardRef(function ListItemSecondaryAction(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
     name: 'MuiListItemSecondaryAction'
   });
-
   var className = props.className,
-      other = _objectWithoutProperties(props, ["className"]);
-
+    other = _objectWithoutProperties(props, ["className"]);
   var context = React.useContext(ListContext);
-
   var ownerState = _extends({}, props, {
     disableGutters: context.disableGutters
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(ListItemSecondaryActionRoot, _extends({
     className: clsx(classes.root, className),
@@ -63,29 +57,23 @@ var ListItemSecondaryAction = /*#__PURE__*/React.forwardRef(function ListItemSec
     ref: ref
   }, other));
 });
-process.env.NODE_ENV !== "production" ? ListItemSecondaryAction.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? ListItemSecondaryAction.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 `IconButton` or selection control.
    */
   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.
    */

package/legacy/ListItemText/ListItemText.js

@@ -12,13 +12,12 @@ import styled from '../styles/styled';
 import listItemTextClasses, { getListItemTextUtilityClass } from './listItemTextClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      inset = ownerState.inset,
-      primary = ownerState.primary,
-      secondary = ownerState.secondary,
-      dense = ownerState.dense;
+    inset = ownerState.inset,
+    primary = ownerState.primary,
+    secondary = ownerState.secondary,
+    dense = ownerState.dense;
   var slots = {
     root: ['root', inset && 'inset', dense && 'dense', primary && secondary && 'multiline'],
     primary: ['primary'],
@@ -26,7 +25,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getListItemTextUtilityClass, classes);
 };
-
 var ListItemTextRoot = styled('div', {
   name: 'MuiListItemText',
   slot: 'Root',
@@ -53,25 +51,21 @@ var ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps,
     props: inProps,
     name: 'MuiListItemText'
   });
-
   var children = props.children,
-      className = props.className,
-      _props$disableTypogra = props.disableTypography,
-      disableTypography = _props$disableTypogra === void 0 ? false : _props$disableTypogra,
-      _props$inset = props.inset,
-      inset = _props$inset === void 0 ? false : _props$inset,
-      primaryProp = props.primary,
-      primaryTypographyProps = props.primaryTypographyProps,
-      secondaryProp = props.secondary,
-      secondaryTypographyProps = props.secondaryTypographyProps,
-      other = _objectWithoutProperties(props, ["children", "className", "disableTypography", "inset", "primary", "primaryTypographyProps", "secondary", "secondaryTypographyProps"]);
-
+    className = props.className,
+    _props$disableTypogra = props.disableTypography,
+    disableTypography = _props$disableTypogra === void 0 ? false : _props$disableTypogra,
+    _props$inset = props.inset,
+    inset = _props$inset === void 0 ? false : _props$inset,
+    primaryProp = props.primary,
+    primaryTypographyProps = props.primaryTypographyProps,
+    secondaryProp = props.secondary,
+    secondaryTypographyProps = props.secondaryTypographyProps,
+    other = _objectWithoutProperties(props, ["children", "className", "disableTypography", "inset", "primary", "primaryTypographyProps", "secondary", "secondaryTypographyProps"]);
   var _React$useContext = React.useContext(ListContext),
-      dense = _React$useContext.dense;
-
+    dense = _React$useContext.dense;
   var primary = primaryProp != null ? primaryProp : children;
   var secondary = secondaryProp;
-
   var ownerState = _extends({}, props, {
     disableTypography: disableTypography,
     inset: inset,
@@ -79,9 +73,7 @@ var ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps,
     secondary: !!secondary,
     dense: dense
   });
-
   var classes = useUtilityClasses(ownerState);
-
   if (primary != null && primary.type !== Typography && !disableTypography) {
     primary = /*#__PURE__*/_jsx(Typography, _extends({
       variant: dense ? 'body2' : 'body1',
@@ -92,7 +84,6 @@ var ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps,
       children: primary
     }));
   }
-
   if (secondary != null && secondary.type !== Typography && !disableTypography) {
     secondary = /*#__PURE__*/_jsx(Typography, _extends({
       variant: "body2",
@@ -103,7 +94,6 @@ var ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps,
       children: secondary
     }));
   }
-
   return /*#__PURE__*/_jsxs(ListItemTextRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
@@ -112,29 +102,23 @@ var ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps,
     children: [primary, secondary]
   }));
 });
-process.env.NODE_ENV !== "production" ? ListItemText.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? ListItemText.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * Alias for the `primary` prop.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * If `true`, the children won't be wrapped by a Typography component.
    * This can be useful to render an alternative Typography variant by wrapping
@@ -143,36 +127,30 @@ process.env.NODE_ENV !== "production" ? ListItemText.propTypes
    * @default false
    */
   disableTypography: PropTypes.bool,
-
   /**
    * If `true`, the children are indented.
    * This should be used if there is no left avatar or left icon.
    * @default false
    */
   inset: PropTypes.bool,
-
   /**
    * The main content element.
    */
   primary: PropTypes.node,
-
   /**
    * These props will be forwarded to the primary typography component
    * (as long as disableTypography is not `true`).
    */
   primaryTypographyProps: PropTypes.object,
-
   /**
    * The secondary content element.
    */
   secondary: PropTypes.node,
-
   /**
    * These props will be forwarded to the secondary typography component
    * (as long as disableTypography is not `true`).
    */
   secondaryTypographyProps: PropTypes.object,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/legacy/ListSubheader/ListSubheader.js

@@ -9,19 +9,17 @@ import useThemeProps from '../styles/useThemeProps';
 import capitalize from '../utils/capitalize';
 import { getListSubheaderUtilityClass } from './listSubheaderClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      color = ownerState.color,
-      disableGutters = ownerState.disableGutters,
-      inset = ownerState.inset,
-      disableSticky = ownerState.disableSticky;
+    color = ownerState.color,
+    disableGutters = ownerState.disableGutters,
+    inset = ownerState.inset,
+    disableSticky = ownerState.disableSticky;
   var slots = {
     root: ['root', color !== 'default' && "color".concat(capitalize(color)), !disableGutters && 'gutters', inset && 'inset', !disableSticky && 'sticky']
   };
   return composeClasses(slots, getListSubheaderUtilityClass, classes);
 };
-
 var ListSubheaderRoot = styled('li', {
   name: 'MuiListSubheader',
   slot: 'Root',
@@ -31,7 +29,7 @@ var ListSubheaderRoot = styled('li', {
   }
 })(function (_ref) {
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({
     boxSizing: 'border-box',
     lineHeight: '48px',
@@ -61,20 +59,18 @@ var ListSubheader = /*#__PURE__*/React.forwardRef(function ListSubheader(inProps
     props: inProps,
     name: 'MuiListSubheader'
   });
-
   var className = props.className,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'default' : _props$color,
-      _props$component = props.component,
-      component = _props$component === void 0 ? 'li' : _props$component,
-      _props$disableGutters = props.disableGutters,
-      disableGutters = _props$disableGutters === void 0 ? false : _props$disableGutters,
-      _props$disableSticky = props.disableSticky,
-      disableSticky = _props$disableSticky === void 0 ? false : _props$disableSticky,
-      _props$inset = props.inset,
-      inset = _props$inset === void 0 ? false : _props$inset,
-      other = _objectWithoutProperties(props, ["className", "color", "component", "disableGutters", "disableSticky", "inset"]);
-
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'default' : _props$color,
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'li' : _props$component,
+    _props$disableGutters = props.disableGutters,
+    disableGutters = _props$disableGutters === void 0 ? false : _props$disableGutters,
+    _props$disableSticky = props.disableSticky,
+    disableSticky = _props$disableSticky === void 0 ? false : _props$disableSticky,
+    _props$inset = props.inset,
+    inset = _props$inset === void 0 ? false : _props$inset,
+    other = _objectWithoutProperties(props, ["className", "color", "component", "disableGutters", "disableSticky", "inset"]);
   var ownerState = _extends({}, props, {
     color: color,
     component: component,
@@ -82,7 +78,6 @@ var ListSubheader = /*#__PURE__*/React.forwardRef(function ListSubheader(inProps
     disableSticky: disableSticky,
     inset: inset
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(ListSubheaderRoot, _extends({
     as: component,
@@ -91,59 +86,48 @@ var ListSubheader = /*#__PURE__*/React.forwardRef(function ListSubheader(inProps
     ownerState: ownerState
   }, other));
 });
-process.env.NODE_ENV !== "production" ? ListSubheader.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? ListSubheader.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 color of the component. It supports those theme colors that make sense for this component.
    * @default 'default'
    */
   color: PropTypes.oneOf(['default', 'inherit', 'primary']),
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * If `true`, the List Subheader will not have gutters.
    * @default false
    */
   disableGutters: PropTypes.bool,
-
   /**
    * If `true`, the List Subheader will not stick to the top during scroll.
    * @default false
    */
   disableSticky: PropTypes.bool,
-
   /**
    * If `true`, the List Subheader is indented.
    * @default false
    */
   inset: PropTypes.bool,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */