@mui/material 5.12.3 → 5.13.1

package/modern/LinearProgress/LinearProgress.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className", "color", "value", "valueBuffer", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -97,7 +94,7 @@ const LinearProgressRoot = styled('span', {
 })(({
   ownerState,
   theme
-}) => _extends({
+}) => ({
   position: 'relative',
   overflow: 'hidden',
   display: 'block',
@@ -107,23 +104,26 @@ const LinearProgressRoot = styled('span', {
   '@media print': {
     colorAdjust: 'exact'
   },
-  backgroundColor: getColorShade(theme, ownerState.color)
-}, ownerState.color === 'inherit' && ownerState.variant !== 'buffer' && {
-  backgroundColor: 'none',
-  '&::before': {
-    content: '""',
-    position: 'absolute',
-    left: 0,
-    top: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: 'currentColor',
-    opacity: 0.3
-  }
-}, ownerState.variant === 'buffer' && {
-  backgroundColor: 'transparent'
-}, ownerState.variant === 'query' && {
-  transform: 'rotate(180deg)'
+  backgroundColor: getColorShade(theme, ownerState.color),
+  ...(ownerState.color === 'inherit' && ownerState.variant !== 'buffer' && {
+    backgroundColor: 'none',
+    '&::before': {
+      content: '""',
+      position: 'absolute',
+      left: 0,
+      top: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: 'currentColor',
+      opacity: 0.3
+    }
+  }),
+  ...(ownerState.variant === 'buffer' && {
+    backgroundColor: 'transparent'
+  }),
+  ...(ownerState.variant === 'query' && {
+    transform: 'rotate(180deg)'
+  })
 }));
 const LinearProgressDashed = styled('span', {
   name: 'MuiLinearProgress',
@@ -139,18 +139,18 @@ const LinearProgressDashed = styled('span', {
   theme
 }) => {
   const backgroundColor = getColorShade(theme, ownerState.color);
-  return _extends({
+  return {
     position: 'absolute',
     marginTop: 0,
     height: '100%',
-    width: '100%'
-  }, ownerState.color === 'inherit' && {
-    opacity: 0.3
-  }, {
+    width: '100%',
+    ...(ownerState.color === 'inherit' && {
+      opacity: 0.3
+    }),
     backgroundImage: `radial-gradient(${backgroundColor} 0%, ${backgroundColor} 16%, transparent 42%)`,
     backgroundSize: '10px 10px',
     backgroundPosition: '0 -23px'
-  });
+  };
 }, css`
     animation: ${bufferKeyframe} 3s infinite linear;
   `);
@@ -166,7 +166,7 @@ const LinearProgressBar1 = styled('span', {
 })(({
   ownerState,
   theme
-}) => _extends({
+}) => ({
   width: '100%',
   position: 'absolute',
   left: 0,
@@ -174,12 +174,14 @@ const LinearProgressBar1 = styled('span', {
   top: 0,
   transition: 'transform 0.2s linear',
   transformOrigin: 'left',
-  backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
-}, ownerState.variant === 'determinate' && {
-  transition: `transform .${TRANSITION_DURATION}s linear`
-}, ownerState.variant === 'buffer' && {
-  zIndex: 1,
-  transition: `transform .${TRANSITION_DURATION}s linear`
+  backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main,
+  ...(ownerState.variant === 'determinate' && {
+    transition: `transform .${TRANSITION_DURATION}s linear`
+  }),
+  ...(ownerState.variant === 'buffer' && {
+    zIndex: 1,
+    transition: `transform .${TRANSITION_DURATION}s linear`
+  })
 }), ({
   ownerState
 }) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css`
@@ -198,21 +200,24 @@ const LinearProgressBar2 = styled('span', {
 })(({
   ownerState,
   theme
-}) => _extends({
+}) => ({
   width: '100%',
   position: 'absolute',
   left: 0,
   bottom: 0,
   top: 0,
   transition: 'transform 0.2s linear',
-  transformOrigin: 'left'
-}, ownerState.variant !== 'buffer' && {
-  backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
-}, ownerState.color === 'inherit' && {
-  opacity: 0.3
-}, ownerState.variant === 'buffer' && {
-  backgroundColor: getColorShade(theme, ownerState.color),
-  transition: `transform .${TRANSITION_DURATION}s linear`
+  transformOrigin: 'left',
+  ...(ownerState.variant !== 'buffer' && {
+    backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
+  }),
+  ...(ownerState.color === 'inherit' && {
+    opacity: 0.3
+  }),
+  ...(ownerState.variant === 'buffer' && {
+    backgroundColor: getColorShade(theme, ownerState.color),
+    transition: `transform .${TRANSITION_DURATION}s linear`
+  })
 }), ({
   ownerState
 }) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css`
@@ -233,17 +238,18 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
     name: 'MuiLinearProgress'
   });
   const {
-      className,
-      color = 'primary',
-      value,
-      valueBuffer,
-      variant = 'indeterminate'
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
+    className,
+    color = 'primary',
+    value,
+    valueBuffer,
+    variant = 'indeterminate',
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     color,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const theme = useTheme();
   const rootProps = {};
@@ -276,13 +282,13 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
       console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');
     }
   }
-  return /*#__PURE__*/_jsxs(LinearProgressRoot, _extends({
+  return /*#__PURE__*/_jsxs(LinearProgressRoot, {
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    role: "progressbar"
-  }, rootProps, {
-    ref: ref
-  }, other, {
+    role: "progressbar",
+    ...rootProps,
+    ref: ref,
+    ...other,
     children: [variant === 'buffer' ? /*#__PURE__*/_jsx(LinearProgressDashed, {
       className: classes.dashed,
       ownerState: ownerState
@@ -295,7 +301,7 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
       ownerState: ownerState,
       style: inlineStyles.bar2
     })]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? LinearProgress.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/Link/Link.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant", "sx"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -40,52 +37,58 @@ const LinkRoot = styled(Typography, {
   theme,
   ownerState
 }) => {
-  return _extends({}, ownerState.underline === 'none' && {
-    textDecoration: 'none'
-  }, ownerState.underline === 'hover' && {
-    textDecoration: 'none',
-    '&:hover': {
-      textDecoration: 'underline'
-    }
-  }, ownerState.underline === 'always' && _extends({
-    textDecoration: 'underline'
-  }, ownerState.color !== 'inherit' && {
-    textDecorationColor: getTextDecoration({
-      theme,
-      ownerState
-    })
-  }, {
-    '&:hover': {
-      textDecorationColor: 'inherit'
-    }
-  }), ownerState.component === 'button' && {
-    position: 'relative',
-    WebkitTapHighlightColor: 'transparent',
-    backgroundColor: 'transparent',
-    // Reset default value
-    // We disable the focus ring for mouse, touch and keyboard users.
-    outline: 0,
-    border: 0,
-    margin: 0,
-    // Remove the margin in Safari
-    borderRadius: 0,
-    padding: 0,
-    // Remove the padding in Firefox
-    cursor: 'pointer',
-    userSelect: 'none',
-    verticalAlign: 'middle',
-    MozAppearance: 'none',
-    // Reset
-    WebkitAppearance: 'none',
-    // Reset
-    '&::-moz-focus-inner': {
-      borderStyle: 'none' // Remove Firefox dotted outline.
-    },
+  return {
+    ...(ownerState.underline === 'none' && {
+      textDecoration: 'none'
+    }),
+    ...(ownerState.underline === 'hover' && {
+      textDecoration: 'none',
+      '&:hover': {
+        textDecoration: 'underline'
+      }
+    }),
+    ...(ownerState.underline === 'always' && {
+      textDecoration: 'underline',
+      ...(ownerState.color !== 'inherit' && {
+        textDecorationColor: getTextDecoration({
+          theme,
+          ownerState
+        })
+      }),
+      '&:hover': {
+        textDecorationColor: 'inherit'
+      }
+    }),
+    // Same reset as ButtonBase.root
+    ...(ownerState.component === 'button' && {
+      position: 'relative',
+      WebkitTapHighlightColor: 'transparent',
+      backgroundColor: 'transparent',
+      // Reset default value
+      // We disable the focus ring for mouse, touch and keyboard users.
+      outline: 0,
+      border: 0,
+      margin: 0,
+      // Remove the margin in Safari
+      borderRadius: 0,
+      padding: 0,
+      // Remove the padding in Firefox
+      cursor: 'pointer',
+      userSelect: 'none',
+      verticalAlign: 'middle',
+      MozAppearance: 'none',
+      // Reset
+      WebkitAppearance: 'none',
+      // Reset
+      '&::-moz-focus-inner': {
+        borderStyle: 'none' // Remove Firefox dotted outline.
+      },
 
-    [`&.${linkClasses.focusVisible}`]: {
-      outline: 'auto'
-    }
-  });
+      [`&.${linkClasses.focusVisible}`]: {
+        outline: 'auto'
+      }
+    })
+  };
 });
 const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
   const props = useThemeProps({
@@ -93,17 +96,17 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     name: 'MuiLink'
   });
   const {
-      className,
-      color = 'primary',
-      component = 'a',
-      onBlur,
-      onFocus,
-      TypographyClasses,
-      underline = 'always',
-      variant = 'inherit',
-      sx
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    className,
+    color = 'primary',
+    component = 'a',
+    onBlur,
+    onFocus,
+    TypographyClasses,
+    underline = 'always',
+    variant = 'inherit',
+    sx,
+    ...other
+  } = props;
   const {
     isFocusVisibleRef,
     onBlur: handleBlurVisible,
@@ -130,15 +133,16 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
       onFocus(event);
     }
   };
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     color,
     component,
     focusVisible,
     underline,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(LinkRoot, _extends({
+  return /*#__PURE__*/_jsx(LinkRoot, {
     color: color,
     className: clsx(classes.root, className),
     classes: TypographyClasses,
@@ -150,8 +154,9 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     variant: variant,
     sx: [...(!Object.keys(colorTransformations).includes(color) ? [{
       color
-    }] : []), ...(Array.isArray(sx) ? sx : [sx])]
-  }, other));
+    }] : []), ...(Array.isArray(sx) ? sx : [sx])],
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? Link.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/List/List.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["children", "className", "component", "dense", "disablePadding", "subheader"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -34,16 +31,18 @@ const ListRoot = styled('ul', {
   }
 })(({
   ownerState
-}) => _extends({
+}) => ({
   listStyle: 'none',
   margin: 0,
   padding: 0,
-  position: 'relative'
-}, !ownerState.disablePadding && {
-  paddingTop: 8,
-  paddingBottom: 8
-}, ownerState.subheader && {
-  paddingTop: 0
+  position: 'relative',
+  ...(!ownerState.disablePadding && {
+    paddingTop: 8,
+    paddingBottom: 8
+  }),
+  ...(ownerState.subheader && {
+    paddingTop: 0
+  })
 }));
 const List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {
   const props = useThemeProps({
@@ -51,33 +50,34 @@ const List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {
     name: 'MuiList'
   });
   const {
-      children,
-      className,
-      component = 'ul',
-      dense = false,
-      disablePadding = false,
-      subheader
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    children,
+    className,
+    component = 'ul',
+    dense = false,
+    disablePadding = false,
+    subheader,
+    ...other
+  } = props;
   const context = React.useMemo(() => ({
     dense
   }), [dense]);
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     component,
     dense,
     disablePadding
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(ListContext.Provider, {
     value: context,
-    children: /*#__PURE__*/_jsxs(ListRoot, _extends({
+    children: /*#__PURE__*/_jsxs(ListRoot, {
       as: component,
       className: clsx(classes.root, className),
       ref: ref,
-      ownerState: ownerState
-    }, other, {
+      ownerState: ownerState,
+      ...other,
       children: [subheader, children]
-    }))
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? List.propTypes /* remove-proptypes */ = {