@mui/material 5.12.3 → 5.13.1

package/node/CircularProgress/CircularProgress.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -18,7 +16,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _circularProgressClasses = require("./circularProgressClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const SIZE = 44;
@@ -73,12 +70,14 @@ const CircularProgressRoot = (0, _styled.default)('span', {
 })(({
   ownerState,
   theme
-}) => (0, _extends2.default)({
-  display: 'inline-block'
-}, ownerState.variant === 'determinate' && {
-  transition: theme.transitions.create('transform')
-}, ownerState.color !== 'inherit' && {
-  color: (theme.vars || theme).palette[ownerState.color].main
+}) => ({
+  display: 'inline-block',
+  ...(ownerState.variant === 'determinate' && {
+    transition: theme.transitions.create('transform')
+  }),
+  ...(ownerState.color !== 'inherit' && {
+    color: (theme.vars || theme).palette[ownerState.color].main
+  })
 }), ({
   ownerState
 }) => ownerState.variant === 'indeterminate' && (0, _system.css)`
@@ -104,14 +103,18 @@ const CircularProgressCircle = (0, _styled.default)('circle', {
 })(({
   ownerState,
   theme
-}) => (0, _extends2.default)({
-  stroke: 'currentColor'
-}, ownerState.variant === 'determinate' && {
-  transition: theme.transitions.create('stroke-dashoffset')
-}, ownerState.variant === 'indeterminate' && {
-  // Some default value that looks fine waiting for the animation to kicks in.
-  strokeDasharray: '80px, 200px',
-  strokeDashoffset: 0 // Add the unit to fix a Edge 16 and below bug.
+}) => ({
+  stroke: 'currentColor',
+  // Use butt to follow the specification, by chance, it's already the default CSS value.
+  // strokeLinecap: 'butt',
+  ...(ownerState.variant === 'determinate' && {
+    transition: theme.transitions.create('stroke-dashoffset')
+  }),
+  ...(ownerState.variant === 'indeterminate' && {
+    // Some default value that looks fine waiting for the animation to kicks in.
+    strokeDasharray: '80px, 200px',
+    strokeDashoffset: 0 // Add the unit to fix a Edge 16 and below bug.
+  })
 }), ({
   ownerState
 }) => ownerState.variant === 'indeterminate' && !ownerState.disableShrink && (0, _system.css)`
@@ -131,24 +134,25 @@ const CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress
     name: 'MuiCircularProgress'
   });
   const {
-      className,
-      color = 'primary',
-      disableShrink = false,
-      size = 40,
-      style,
-      thickness = 3.6,
-      value = 0,
-      variant = 'indeterminate'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    className,
+    color = 'primary',
+    disableShrink = false,
+    size = 40,
+    style,
+    thickness = 3.6,
+    value = 0,
+    variant = 'indeterminate',
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     color,
     disableShrink,
     size,
     thickness,
     value,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const circleStyle = {};
   const rootStyle = {};
@@ -160,16 +164,19 @@ const CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress
     circleStyle.strokeDashoffset = `${((100 - value) / 100 * circumference).toFixed(3)}px`;
     rootStyle.transform = 'rotate(-90deg)';
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CircularProgressRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CircularProgressRoot, {
     className: (0, _clsx.default)(classes.root, className),
-    style: (0, _extends2.default)({
+    style: {
       width: size,
-      height: size
-    }, rootStyle, style),
+      height: size,
+      ...rootStyle,
+      ...style
+    },
     ownerState: ownerState,
     ref: ref,
-    role: "progressbar"
-  }, rootProps, other, {
+    role: "progressbar",
+    ...rootProps,
+    ...other,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CircularProgressSVG, {
       className: classes.svg,
       ownerState: ownerState,
@@ -185,7 +192,7 @@ const CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress
         strokeWidth: thickness
       })
     })
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? CircularProgress.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/Collapse/Collapse.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -21,7 +19,6 @@ var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 var _utils3 = require("../utils");
 var _collapseClasses = require("./collapseClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -50,21 +47,25 @@ const CollapseRoot = (0, _styled.default)('div', {
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => ({
   height: 0,
   overflow: 'hidden',
-  transition: theme.transitions.create('height')
-}, ownerState.orientation === 'horizontal' && {
-  height: 'auto',
-  width: 0,
-  transition: theme.transitions.create('width')
-}, ownerState.state === 'entered' && (0, _extends2.default)({
-  height: 'auto',
-  overflow: 'visible'
-}, ownerState.orientation === 'horizontal' && {
-  width: 'auto'
-}), ownerState.state === 'exited' && !ownerState.in && ownerState.collapsedSize === '0px' && {
-  visibility: 'hidden'
+  transition: theme.transitions.create('height'),
+  ...(ownerState.orientation === 'horizontal' && {
+    height: 'auto',
+    width: 0,
+    transition: theme.transitions.create('width')
+  }),
+  ...(ownerState.state === 'entered' && {
+    height: 'auto',
+    overflow: 'visible',
+    ...(ownerState.orientation === 'horizontal' && {
+      width: 'auto'
+    })
+  }),
+  ...(ownerState.state === 'exited' && !ownerState.in && ownerState.collapsedSize === '0px' && {
+    visibility: 'hidden'
+  })
 }));
 const CollapseWrapper = (0, _styled.default)('div', {
   name: 'MuiCollapse',
@@ -72,13 +73,14 @@ const CollapseWrapper = (0, _styled.default)('div', {
   overridesResolver: (props, styles) => styles.wrapper
 })(({
   ownerState
-}) => (0, _extends2.default)({
+}) => ({
   // Hack to get children with a negative margin to not falsify the height computation.
   display: 'flex',
-  width: '100%'
-}, ownerState.orientation === 'horizontal' && {
-  width: 'auto',
-  height: '100%'
+  width: '100%',
+  ...(ownerState.orientation === 'horizontal' && {
+    width: 'auto',
+    height: '100%'
+  })
 }));
 const CollapseWrapperInner = (0, _styled.default)('div', {
   name: 'MuiCollapse',
@@ -86,11 +88,12 @@ const CollapseWrapperInner = (0, _styled.default)('div', {
   overridesResolver: (props, styles) => styles.wrapperInner
 })(({
   ownerState
-}) => (0, _extends2.default)({
-  width: '100%'
-}, ownerState.orientation === 'horizontal' && {
-  width: 'auto',
-  height: '100%'
+}) => ({
+  width: '100%',
+  ...(ownerState.orientation === 'horizontal' && {
+    width: 'auto',
+    height: '100%'
+  })
 }));
 
 /**
@@ -104,30 +107,31 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
     name: 'MuiCollapse'
   });
   const {
-      addEndListener,
-      children,
-      className,
-      collapsedSize: collapsedSizeProp = '0px',
-      component,
-      easing,
-      in: inProp,
-      onEnter,
-      onEntered,
-      onEntering,
-      onExit,
-      onExited,
-      onExiting,
-      orientation = 'vertical',
-      style,
-      timeout = _createTransitions.duration.standard,
-      // eslint-disable-next-line react/prop-types
-      TransitionComponent = _reactTransitionGroup.Transition
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    addEndListener,
+    children,
+    className,
+    collapsedSize: collapsedSizeProp = '0px',
+    component,
+    easing,
+    in: inProp,
+    onEnter,
+    onEntered,
+    onEntering,
+    onExit,
+    onExited,
+    onExiting,
+    orientation = 'vertical',
+    style,
+    timeout = _createTransitions.duration.standard,
+    // eslint-disable-next-line react/prop-types
+    TransitionComponent = _reactTransitionGroup.Transition,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     orientation,
     collapsedSize: collapsedSizeProp
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const theme = (0, _useTheme.default)();
   const timer = React.useRef();
@@ -244,7 +248,7 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
       addEndListener(nodeRef.current, next);
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, {
     in: inProp,
     onEnter: handleEnter,
     onEntered: handleEntered,
@@ -254,38 +258,42 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
     onExiting: handleExiting,
     addEndListener: handleAddEndListener,
     nodeRef: nodeRef,
-    timeout: timeout === 'auto' ? null : timeout
-  }, other, {
-    children: (state, childProps) => /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapseRoot, (0, _extends2.default)({
+    timeout: timeout === 'auto' ? null : timeout,
+    ...other,
+    children: (state, childProps) => /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapseRoot, {
       as: component,
       className: (0, _clsx.default)(classes.root, className, {
         'entered': classes.entered,
         'exited': !inProp && collapsedSize === '0px' && classes.hidden
       }[state]),
-      style: (0, _extends2.default)({
-        [isHorizontal ? 'minWidth' : 'minHeight']: collapsedSize
-      }, style),
-      ownerState: (0, _extends2.default)({}, ownerState, {
+      style: {
+        [isHorizontal ? 'minWidth' : 'minHeight']: collapsedSize,
+        ...style
+      },
+      ownerState: {
+        ...ownerState,
         state
-      }),
-      ref: handleRef
-    }, childProps, {
+      },
+      ref: handleRef,
+      ...childProps,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapseWrapper, {
-        ownerState: (0, _extends2.default)({}, ownerState, {
+        ownerState: {
+          ...ownerState,
           state
-        }),
+        },
         className: classes.wrapper,
         ref: wrapperRef,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapseWrapperInner, {
-          ownerState: (0, _extends2.default)({}, ownerState, {
+          ownerState: {
+            ...ownerState,
             state
-          }),
+          },
           className: classes.wrapperInner,
           children: children
         })
       })
-    }))
-  }));
+    })
+  });
 });
 process.env.NODE_ENV !== "production" ? Collapse.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/CssBaseline/CssBaseline.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.html = exports.default = exports.body = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -13,7 +12,7 @@ var _GlobalStyles = _interopRequireDefault(require("../GlobalStyles"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const html = (theme, enableColorScheme) => (0, _extends2.default)({
+const html = (theme, enableColorScheme) => ({
   WebkitFontSmoothing: 'antialiased',
   // Antialiasing.
   MozOsxFontSmoothing: 'grayscale',
@@ -22,14 +21,16 @@ const html = (theme, enableColorScheme) => (0, _extends2.default)({
   // is not affected by `padding` or `border`.
   boxSizing: 'border-box',
   // Fix font resize problem in iOS
-  WebkitTextSizeAdjust: '100%'
-}, enableColorScheme && !theme.vars && {
-  colorScheme: theme.palette.mode
+  WebkitTextSizeAdjust: '100%',
+  // When used under CssVarsProvider, colorScheme should not be applied dynamically because it will generate the stylesheet twice for server-rendered applications.
+  ...(enableColorScheme && !theme.vars && {
+    colorScheme: theme.palette.mode
+  })
 });
 exports.html = html;
-const body = theme => (0, _extends2.default)({
-  color: (theme.vars || theme).palette.text.primary
-}, theme.typography.body1, {
+const body = theme => ({
+  color: (theme.vars || theme).palette.text.primary,
+  ...theme.typography.body1,
   backgroundColor: (theme.vars || theme).palette.background.default,
   '@media print': {
     // Save printer ink.
@@ -48,7 +49,7 @@ const styles = (theme, enableColorScheme = false) => {
       };
     });
   }
-  let defaultStyles = (0, _extends2.default)({
+  let defaultStyles = {
     html: html(theme, enableColorScheme),
     '*, *::before, *::after': {
       boxSizing: 'inherit'
@@ -56,16 +57,18 @@ const styles = (theme, enableColorScheme = false) => {
     'strong, b': {
       fontWeight: theme.typography.fontWeightBold
     },
-    body: (0, _extends2.default)({
-      margin: 0
-    }, body(theme), {
+    body: {
+      margin: 0,
+      // Remove the margin in all browsers.
+      ...body(theme),
       // Add support for document.body.requestFullScreen().
       // Other elements, if background transparent, are not supported.
       '&::backdrop': {
         backgroundColor: (theme.vars || theme).palette.background.default
       }
-    })
-  }, colorSchemeStyles);
+    },
+    ...colorSchemeStyles
+  };
   const themeOverrides = (_theme$components = theme.components) == null ? void 0 : (_theme$components$Mui = _theme$components.MuiCssBaseline) == null ? void 0 : _theme$components$Mui.styleOverrides;
   if (themeOverrides) {
     defaultStyles = [defaultStyles, themeOverrides];