@mui/material 5.13.1 → 5.13.2

package/node/LinearProgress/LinearProgress.js

@@ -5,6 +5,8 @@ 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"));
@@ -16,6 +18,7 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _linearProgressClasses = require("./linearProgressClasses");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "color", "value", "valueBuffer", "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 TRANSITION_DURATION = 4; // seconds
@@ -102,7 +105,7 @@ const LinearProgressRoot = (0, _styled.default)('span', {
 })(({
   ownerState,
   theme
-}) => ({
+}) => (0, _extends2.default)({
   position: 'relative',
   overflow: 'hidden',
   display: 'block',
@@ -112,26 +115,23 @@ const LinearProgressRoot = (0, _styled.default)('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 = (0, _styled.default)('span', {
   name: 'MuiLinearProgress',
@@ -147,18 +147,18 @@ const LinearProgressDashed = (0, _styled.default)('span', {
   theme
 }) => {
   const backgroundColor = getColorShade(theme, ownerState.color);
-  return {
+  return (0, _extends2.default)({
     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'
-  };
+  });
 }, (0, _system.css)`
     animation: ${bufferKeyframe} 3s infinite linear;
   `);
@@ -174,7 +174,7 @@ const LinearProgressBar1 = (0, _styled.default)('span', {
 })(({
   ownerState,
   theme
-}) => ({
+}) => (0, _extends2.default)({
   width: '100%',
   position: 'absolute',
   left: 0,
@@ -182,14 +182,12 @@ const LinearProgressBar1 = (0, _styled.default)('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') && (0, _system.css)`
@@ -208,24 +206,21 @@ const LinearProgressBar2 = (0, _styled.default)('span', {
 })(({
   ownerState,
   theme
-}) => ({
+}) => (0, _extends2.default)({
   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') && (0, _system.css)`
@@ -246,18 +241,17 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
     name: 'MuiLinearProgress'
   });
   const {
-    className,
-    color = 'primary',
-    value,
-    valueBuffer,
-    variant = 'indeterminate',
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      color = 'primary',
+      value,
+      valueBuffer,
+      variant = 'indeterminate'
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = (0, _extends2.default)({}, props, {
     color,
     variant
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const theme = (0, _useTheme.default)();
   const rootProps = {};
@@ -290,13 +284,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__*/(0, _jsxRuntime.jsxs)(LinearProgressRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(LinearProgressRoot, (0, _extends2.default)({
     className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
-    role: "progressbar",
-    ...rootProps,
-    ref: ref,
-    ...other,
+    role: "progressbar"
+  }, rootProps, {
+    ref: ref
+  }, other, {
     children: [variant === 'buffer' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LinearProgressDashed, {
       className: classes.dashed,
       ownerState: ownerState
@@ -309,7 +303,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/node/Link/Link.js

@@ -5,6 +5,8 @@ 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"));
@@ -19,6 +21,7 @@ var _Typography = _interopRequireDefault(require("../Typography"));
 var _linkClasses = _interopRequireWildcard(require("./linkClasses"));
 var _getTextDecoration = _interopRequireWildcard(require("./getTextDecoration"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant", "sx"];
 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 => {
@@ -46,58 +49,52 @@ const LinkRoot = (0, _styled.default)(_Typography.default, {
   theme,
   ownerState
 }) => {
-  return {
-    ...(ownerState.underline === 'none' && {
-      textDecoration: 'none'
-    }),
-    ...(ownerState.underline === 'hover' && {
-      textDecoration: 'none',
-      '&:hover': {
-        textDecoration: 'underline'
-      }
-    }),
-    ...(ownerState.underline === 'always' && {
-      textDecoration: 'underline',
-      ...(ownerState.color !== 'inherit' && {
-        textDecorationColor: (0, _getTextDecoration.default)({
-          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.default.focusVisible}`]: {
-        outline: 'auto'
-      }
+  return (0, _extends2.default)({}, ownerState.underline === 'none' && {
+    textDecoration: 'none'
+  }, ownerState.underline === 'hover' && {
+    textDecoration: 'none',
+    '&:hover': {
+      textDecoration: 'underline'
+    }
+  }, ownerState.underline === 'always' && (0, _extends2.default)({
+    textDecoration: 'underline'
+  }, ownerState.color !== 'inherit' && {
+    textDecorationColor: (0, _getTextDecoration.default)({
+      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.
+    },
+
+    [`&.${_linkClasses.default.focusVisible}`]: {
+      outline: 'auto'
+    }
+  });
 });
 const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
   const props = (0, _useThemeProps.default)({
@@ -105,17 +102,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,
-    ...other
-  } = props;
+      className,
+      color = 'primary',
+      component = 'a',
+      onBlur,
+      onFocus,
+      TypographyClasses,
+      underline = 'always',
+      variant = 'inherit',
+      sx
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     isFocusVisibleRef,
     onBlur: handleBlurVisible,
@@ -142,16 +139,15 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
       onFocus(event);
     }
   };
-  const ownerState = {
-    ...props,
+  const ownerState = (0, _extends2.default)({}, props, {
     color,
     component,
     focusVisible,
     underline,
     variant
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkRoot, (0, _extends2.default)({
     color: color,
     className: (0, _clsx.default)(classes.root, className),
     classes: TypographyClasses,
@@ -163,9 +159,8 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     variant: variant,
     sx: [...(!Object.keys(_getTextDecoration.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/node/List/List.js

@@ -5,6 +5,8 @@ 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"));
@@ -14,6 +16,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _ListContext = _interopRequireDefault(require("./ListContext"));
 var _listClasses = require("./listClasses");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children", "className", "component", "dense", "disablePadding", "subheader"];
 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 => {
@@ -39,18 +42,16 @@ const ListRoot = (0, _styled.default)('ul', {
   }
 })(({
   ownerState
-}) => ({
+}) => (0, _extends2.default)({
   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 = (0, _useThemeProps.default)({
@@ -58,34 +59,33 @@ const List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {
     name: 'MuiList'
   });
   const {
-    children,
-    className,
-    component = 'ul',
-    dense = false,
-    disablePadding = false,
-    subheader,
-    ...other
-  } = props;
+      children,
+      className,
+      component = 'ul',
+      dense = false,
+      disablePadding = false,
+      subheader
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const context = React.useMemo(() => ({
     dense
   }), [dense]);
-  const ownerState = {
-    ...props,
+  const ownerState = (0, _extends2.default)({}, props, {
     component,
     dense,
     disablePadding
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListContext.default.Provider, {
     value: context,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(ListRoot, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(ListRoot, (0, _extends2.default)({
       as: component,
       className: (0, _clsx.default)(classes.root, className),
       ref: ref,
-      ownerState: ownerState,
-      ...other,
+      ownerState: ownerState
+    }, other, {
       children: [subheader, children]
-    })
+    }))
   });
 });
 process.env.NODE_ENV !== "production" ? List.propTypes /* remove-proptypes */ = {