@mui/material 5.10.13 → 5.10.15

package/esm/Avatar/Avatar.js

@@ -10,7 +10,6 @@ import useThemeProps from '../styles/useThemeProps';
 import Person from '../internal/svg-icons/Person';
 import { getAvatarUtilityClass } from './avatarClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -24,7 +23,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getAvatarUtilityClass, classes);
 };
-
 const AvatarRoot = styled('div', {
   name: 'MuiAvatar',
   slot: 'Root',
@@ -85,7 +83,6 @@ const AvatarFallback = styled(Person, {
   width: '75%',
   height: '75%'
 });
-
 function useLoaded({
   crossOrigin,
   referrerPolicy,
@@ -97,78 +94,65 @@ function useLoaded({
     if (!src && !srcSet) {
       return undefined;
     }
-
     setLoaded(false);
     let active = true;
     const image = new Image();
-
     image.onload = () => {
       if (!active) {
         return;
       }
-
       setLoaded('loaded');
     };
-
     image.onerror = () => {
       if (!active) {
         return;
       }
-
       setLoaded('error');
     };
-
     image.crossOrigin = crossOrigin;
     image.referrerPolicy = referrerPolicy;
     image.src = src;
-
     if (srcSet) {
       image.srcset = srcSet;
     }
-
     return () => {
       active = false;
     };
   }, [crossOrigin, referrerPolicy, src, srcSet]);
   return loaded;
 }
-
 const Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiAvatar'
   });
-
   const {
-    alt,
-    children: childrenProp,
-    className,
-    component = 'div',
-    imgProps,
-    sizes,
-    src,
-    srcSet,
-    variant = 'circular'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
-  let children = null; // Use a hook instead of onError on the img element to support server-side rendering.
-
+      alt,
+      children: childrenProp,
+      className,
+      component = 'div',
+      imgProps,
+      sizes,
+      src,
+      srcSet,
+      variant = 'circular'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  let children = null;
+
+  // Use a hook instead of onError on the img element to support server-side rendering.
   const loaded = useLoaded(_extends({}, imgProps, {
     src,
     srcSet
   }));
   const hasImg = src || srcSet;
   const hasImgNotFailing = hasImg && loaded !== 'error';
-
   const ownerState = _extends({}, props, {
     colorDefault: !hasImgNotFailing,
     component,
     variant
   });
-
   const classes = useUtilityClasses(ownerState);
-
   if (hasImgNotFailing) {
     children = /*#__PURE__*/_jsx(AvatarImg, _extends({
       alt: alt,
@@ -187,7 +171,6 @@ const Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
       className: classes.fallback
     });
   }
-
   return /*#__PURE__*/_jsx(AvatarRoot, _extends({
     as: component,
     ownerState: ownerState,
@@ -197,75 +180,60 @@ const Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
     children: children
   }));
 });
-process.env.NODE_ENV !== "production" ? Avatar.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Avatar.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * Used in combination with `src` or `srcSet` to
    * provide an alt attribute for the rendered `img` element.
    */
   alt: PropTypes.string,
-
   /**
    * Used to render icon or text elements inside the Avatar if `src` is not set.
    * This can be an element, or just a string.
    */
   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,
-
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
    * It can be used to listen for the loading error event.
    */
   imgProps: PropTypes.object,
-
   /**
    * The `sizes` attribute for the `img` element.
    */
   sizes: PropTypes.string,
-
   /**
    * The `src` attribute for the `img` element.
    */
   src: PropTypes.string,
-
   /**
    * The `srcSet` attribute for the `img` element.
    * Use this attribute for responsive image display.
    */
   srcSet: PropTypes.string,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-
   /**
    * The shape of the avatar.
    * @default 'circular'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['circular', 'rounded', 'square']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['circular', 'rounded', 'square']), PropTypes.string])
 } : void 0;
 export default Avatar;

package/esm/AvatarGroup/AvatarGroup.js

@@ -16,7 +16,6 @@ const SPACINGS = {
   small: -16,
   medium: null
 };
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -27,7 +26,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getAvatarGroupUtilityClass, classes);
 };
-
 const AvatarGroupRoot = styled('div', {
   name: 'MuiAvatarGroup',
   slot: 'Root',
@@ -64,34 +62,29 @@ const AvatarGroupAvatar = styled(Avatar, {
 }));
 const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps, ref) {
   var _slotProps$additional;
-
   const props = useThemeProps({
     props: inProps,
     name: 'MuiAvatarGroup'
   });
-
   const {
-    children: childrenProp,
-    className,
-    component = 'div',
-    componentsProps = {},
-    max = 5,
-    slotProps = {},
-    spacing = 'medium',
-    total,
-    variant = 'circular'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children: childrenProp,
+      className,
+      component = 'div',
+      componentsProps = {},
+      max = 5,
+      slotProps = {},
+      spacing = 'medium',
+      total,
+      variant = 'circular'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   let clampedMax = max < 2 ? 2 : max;
-
   const ownerState = _extends({}, props, {
     max,
     spacing,
     component,
     variant
   });
-
   const classes = useUtilityClasses(ownerState);
   const children = React.Children.toArray(childrenProp).filter(child => {
     if (process.env.NODE_ENV !== 'production') {
@@ -99,15 +92,12 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps,
         console.error(["MUI: The AvatarGroup component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
       }
     }
-
     return /*#__PURE__*/React.isValidElement(child);
   });
   const totalAvatars = total || children.length;
-
   if (totalAvatars === clampedMax) {
     clampedMax += 1;
   }
-
   clampedMax = Math.min(totalAvatars + 1, clampedMax);
   const maxAvatars = Math.min(children.length, clampedMax - 1);
   const extraAvatars = Math.max(totalAvatars - clampedMax, totalAvatars - maxAvatars, 0);
@@ -141,35 +131,28 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps,
     })]
   }));
 });
-process.env.NODE_ENV !== "production" ? AvatarGroup.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? AvatarGroup.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 avatars to stack.
    */
   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,
-
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -182,7 +165,6 @@ process.env.NODE_ENV !== "production" ? AvatarGroup.propTypes
   componentsProps: PropTypes.shape({
     additionalAvatar: PropTypes.object
   }),
-
   /**
    * Max avatars to show before +x.
    * @default 5
@@ -191,10 +173,8 @@ process.env.NODE_ENV !== "production" ? AvatarGroup.propTypes
     if (props.max < 2) {
       return new Error(['MUI: The prop `max` should be equal to 2 or above.', 'A value below is clamped to 2.'].join('\n'));
     }
-
     return null;
   }),
-
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -206,30 +186,24 @@ process.env.NODE_ENV !== "production" ? AvatarGroup.propTypes
   slotProps: PropTypes.shape({
     additionalAvatar: PropTypes.object
   }),
-
   /**
    * Spacing between avatars.
    * @default 'medium'
    */
   spacing: PropTypes.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.number]),
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-
   /**
    * The total number of avatars. Used for calculating the number of extra avatars.
    * @default children.length
    */
   total: PropTypes.number,
-
   /**
    * The variant to use.
    * @default 'circular'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['circular', 'rounded', 'square']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['circular', 'rounded', 'square']), PropTypes.string])
 } : void 0;
 export default AvatarGroup;

package/esm/Backdrop/Backdrop.js

@@ -10,7 +10,6 @@ import useThemeProps from '../styles/useThemeProps';
 import Fade from '../Fade';
 import { getBackdropUtilityClass } from './backdropClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -21,7 +20,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getBackdropUtilityClass, classes);
 };
-
 const BackdropRoot = styled('div', {
   name: 'MuiBackdrop',
   slot: 'Root',
@@ -49,33 +47,29 @@ const BackdropRoot = styled('div', {
 }));
 const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
   var _slotProps$root, _ref, _slots$root;
-
   const props = useThemeProps({
     props: inProps,
     name: 'MuiBackdrop'
   });
-
   const {
-    children,
-    component = 'div',
-    components = {},
-    componentsProps = {},
-    className,
-    invisible = false,
-    open,
-    slotProps = {},
-    slots = {},
-    transitionDuration,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = Fade
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children,
+      component = 'div',
+      components = {},
+      componentsProps = {},
+      className,
+      invisible = false,
+      open,
+      slotProps = {},
+      slots = {},
+      transitionDuration,
+      // eslint-disable-next-line react/prop-types
+      TransitionComponent = Fade
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     component,
     invisible
   });
-
   const classes = useUtilityClasses(ownerState);
   const rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root;
   return /*#__PURE__*/_jsx(TransitionComponent, _extends({
@@ -94,35 +88,28 @@ const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
     }))
   }));
 });
-process.env.NODE_ENV !== "production" ? Backdrop.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Backdrop.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,
-
   /**
    * The components used for each slot inside.
    *
@@ -134,7 +121,6 @@ process.env.NODE_ENV !== "production" ? Backdrop.propTypes
   components: PropTypes.shape({
     Root: PropTypes.elementType
   }),
-
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -147,19 +133,16 @@ process.env.NODE_ENV !== "production" ? Backdrop.propTypes
   componentsProps: PropTypes.shape({
     root: PropTypes.object
   }),
-
   /**
    * If `true`, the backdrop is invisible.
    * It can be used when rendering a popover or a custom select component.
    * @default false
    */
   invisible: PropTypes.bool,
-
   /**
    * If `true`, the component is shown.
    */
   open: PropTypes.bool.isRequired,
-
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -171,7 +154,6 @@ process.env.NODE_ENV !== "production" ? Backdrop.propTypes
   slotProps: PropTypes.shape({
     root: PropTypes.object
   }),
-
   /**
    * The components used for each slot inside.
    *
@@ -182,12 +164,10 @@ process.env.NODE_ENV !== "production" ? Backdrop.propTypes
   slots: PropTypes.shape({
     root: PropTypes.elementType
   }),
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.