@mui/material 5.12.3 → 5.13.1

package/legacy/ScopedCssBaseline/ScopedCssBaseline.js

@@ -1,6 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -38,7 +40,7 @@ var ScopedCssBaselineRoot = styled('div', {
       };
     });
   }
-  return _extends({}, html(theme, ownerState.enableColorScheme), body(theme), {
+  return _objectSpread(_objectSpread(_objectSpread({}, html(theme, ownerState.enableColorScheme)), body(theme)), {}, {
     '& *, & *::before, & *::after': {
       boxSizing: 'inherit'
     },
@@ -57,11 +59,11 @@ var ScopedCssBaseline = /*#__PURE__*/React.forwardRef(function ScopedCssBaseline
     component = _props$component === void 0 ? 'div' : _props$component,
     enableColorScheme = props.enableColorScheme,
     other = _objectWithoutProperties(props, ["className", "component", "enableColorScheme"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     component: component
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ScopedCssBaselineRoot, _extends({
+  return /*#__PURE__*/_jsx(ScopedCssBaselineRoot, _objectSpread({
     as: component,
     className: clsx(classes.root, className),
     ref: ref,

package/legacy/Select/Select.js

@@ -1,5 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -76,7 +78,7 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
     states: ['variant', 'error']
   });
   var variant = fcs.variant || variantProp;
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     variant: variant,
     classes: classesProp
   });
@@ -95,11 +97,11 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
   }[variant];
   var inputComponentRef = useForkRef(ref, InputComponent.ref);
   return /*#__PURE__*/_jsx(React.Fragment, {
-    children: /*#__PURE__*/React.cloneElement(InputComponent, _extends({
+    children: /*#__PURE__*/React.cloneElement(InputComponent, _objectSpread(_objectSpread(_objectSpread({
       // Most of the logic is implemented in `SelectInput`.
       // The `Select` component is a simple API wrapper to expose something better to play with.
       inputComponent: inputComponent,
-      inputProps: _extends({
+      inputProps: _objectSpread(_objectSpread(_objectSpread({
         children: children,
         error: fcs.error,
         IconComponent: IconComponent,
@@ -119,20 +121,20 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
         onOpen: onOpen,
         open: open,
         renderValue: renderValue,
-        SelectDisplayProps: _extends({
+        SelectDisplayProps: _objectSpread({
           id: id
         }, SelectDisplayProps)
-      }, inputProps, {
+      }), inputProps), {}, {
         classes: inputProps ? deepmerge(classes, inputProps.classes) : classes
       }, input ? input.props.inputProps : {})
     }, multiple && native && variant === 'outlined' ? {
       notched: true
-    } : {}, {
+    } : {}), {}, {
       ref: inputComponentRef,
       className: clsx(InputComponent.props.className, className)
     }, !input && {
       variant: variant
-    }, other))
+    }), other))
   });
 });
 process.env.NODE_ENV !== "production" ? Select.propTypes /* remove-proptypes */ = {

package/legacy/Select/SelectInput.js

@@ -1,10 +1,11 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
 var _span;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -237,13 +238,12 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
 
   // Support autofill.
   var handleChange = function handleChange(event) {
-    var index = childrenArray.map(function (child) {
-      return child.props.value;
-    }).indexOf(event.target.value);
-    if (index === -1) {
+    var child = childrenArray.find(function (childItem) {
+      return childItem.props.value === event.target.value;
+    });
+    if (child === undefined) {
       return;
     }
-    var child = childrenArray[index];
     setValueState(child.props.value);
     if (onChange) {
       onChange(event, child);
@@ -435,7 +435,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
     tabIndex = disabled ? null : 0;
   }
   var buttonId = SelectDisplayProps.id || (name ? "mui-component-select-".concat(name) : undefined);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     variant: variant,
     value: value,
     open: open,
@@ -443,7 +443,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
   });
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(SelectSelect, _extends({
+    children: [/*#__PURE__*/_jsx(SelectSelect, _objectSpread(_objectSpread({
       ref: handleDisplayRef,
       tabIndex: tabIndex,
       role: "button",
@@ -457,7 +457,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
       onMouseDown: disabled || readOnly ? null : handleMouseDown,
       onBlur: handleBlur,
       onFocus: onFocus
-    }, SelectDisplayProps, {
+    }, SelectDisplayProps), {}, {
       ownerState: ownerState,
       className: clsx(SelectDisplayProps.className, classes.select, className)
       // The id is required for proper a11y
@@ -468,7 +468,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
         className: "notranslate",
         children: "\u200B"
       })) : display
-    })), /*#__PURE__*/_jsx(SelectNativeInput, _extends({
+    })), /*#__PURE__*/_jsx(SelectNativeInput, _objectSpread({
       "aria-invalid": error,
       value: Array.isArray(value) ? value.join(',') : value,
       name: name,
@@ -484,7 +484,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
       as: IconComponent,
       className: classes.icon,
       ownerState: ownerState
-    }), /*#__PURE__*/_jsx(Menu, _extends({
+    }), /*#__PURE__*/_jsx(Menu, _objectSpread(_objectSpread({
       id: "menu-".concat(name || ''),
       anchorEl: anchorElement,
       open: open,
@@ -497,14 +497,14 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
         vertical: 'top',
         horizontal: 'center'
       }
-    }, MenuProps, {
-      MenuListProps: _extends({
+    }, MenuProps), {}, {
+      MenuListProps: _objectSpread({
         'aria-labelledby': labelId,
         role: 'listbox',
         disableListWrap: true
       }, MenuProps.MenuListProps),
-      PaperProps: _extends({}, MenuProps.PaperProps, {
-        style: _extends({
+      PaperProps: _objectSpread(_objectSpread({}, MenuProps.PaperProps), {}, {
+        style: _objectSpread({
           minWidth: menuMinWidth
         }, MenuProps.PaperProps != null ? MenuProps.PaperProps.style : null)
       }),

package/legacy/Skeleton/Skeleton.js

@@ -1,7 +1,9 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -38,7 +40,7 @@ var SkeletonRoot = styled('span', {
     ownerState = _ref.ownerState;
   var radiusUnit = getUnit(theme.shape.borderRadius) || 'px';
   var radiusValue = toUnitless(theme.shape.borderRadius);
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     display: 'block',
     // Create a "on paper" color with sufficient contrast retaining the color
     backgroundColor: theme.vars ? theme.vars.palette.Skeleton.bg : alpha(theme.palette.text.primary, theme.palette.mode === 'light' ? 0.11 : 0.13),
@@ -53,17 +55,17 @@ var SkeletonRoot = styled('span', {
     '&:empty:before': {
       content: '"\\00a0"'
     }
-  }, ownerState.variant === 'circular' && {
+  }), ownerState.variant === 'circular' && {
     borderRadius: '50%'
-  }, ownerState.variant === 'rounded' && {
+  }), ownerState.variant === 'rounded' && {
     borderRadius: (theme.vars || theme).shape.borderRadius
-  }, ownerState.hasChildren && {
+  }), ownerState.hasChildren && {
     '& > *': {
       visibility: 'hidden'
     }
-  }, ownerState.hasChildren && !ownerState.width && {
+  }), ownerState.hasChildren && !ownerState.width && {
     maxWidth: 'fit-content'
-  }, ownerState.hasChildren && !ownerState.height && {
+  }), ownerState.hasChildren && !ownerState.height && {
     height: 'auto'
   });
 }, function (_ref2) {
@@ -90,20 +92,20 @@ var Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(inProps, ref) {
     variant = _props$variant === void 0 ? 'text' : _props$variant,
     width = props.width,
     other = _objectWithoutProperties(props, ["animation", "className", "component", "height", "style", "variant", "width"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     animation: animation,
     component: component,
     variant: variant,
     hasChildren: Boolean(other.children)
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(SkeletonRoot, _extends({
+  return /*#__PURE__*/_jsx(SkeletonRoot, _objectSpread(_objectSpread({
     as: component,
     ref: ref,
     className: clsx(classes.root, className),
     ownerState: ownerState
-  }, other, {
-    style: _extends({
+  }, other), {}, {
+    style: _objectSpread({
       width: width,
       height: height
     }, style)

package/legacy/Slide/Slide.js

@@ -1,5 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { Transition } from 'react-transition-group';
@@ -133,8 +135,8 @@ var Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     }, {
       mode: 'enter'
     });
-    node.style.webkitTransition = theme.transitions.create('-webkit-transform', _extends({}, transitionProps));
-    node.style.transition = theme.transitions.create('transform', _extends({}, transitionProps));
+    node.style.webkitTransition = theme.transitions.create('-webkit-transform', _objectSpread({}, transitionProps));
+    node.style.transition = theme.transitions.create('transform', _objectSpread({}, transitionProps));
     node.style.webkitTransform = 'none';
     node.style.transform = 'none';
     if (onEntering) {
@@ -201,7 +203,7 @@ var Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
       updatePosition();
     }
   }, [inProp, updatePosition]);
-  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
+  return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
     nodeRef: childrenRef,
     onEnter: handleEnter,
     onEntered: handleEntered,
@@ -213,13 +215,13 @@ var Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     appear: appear,
     in: inProp,
     timeout: timeout
-  }, other, {
+  }, other), {}, {
     children: function children(state, childProps) {
-      return /*#__PURE__*/React.cloneElement(_children, _extends({
+      return /*#__PURE__*/React.cloneElement(_children, _objectSpread({
         ref: handleRef,
-        style: _extends({
+        style: _objectSpread(_objectSpread({
           visibility: state === 'exited' && !inProp ? 'hidden' : undefined
-        }, style, _children.props.style)
+        }, style), _children.props.style)
       }, childProps));
     }
   }));