@mui/material 5.13.0 → 5.13.1

package/node/MenuList/MenuList.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _reactIs = require("react-is");
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -16,7 +14,6 @@ var _getScrollbarSize = _interopRequireDefault(require("../utils/getScrollbarSiz
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["actions", "autoFocus", "autoFocusItem", "children", "className", "disabledItemsFocusable", "disableListWrap", "onKeyDown", "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; }
 function nextItem(list, item, disableListWrap) {
@@ -88,19 +85,19 @@ function moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable,
  */
 const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
   const {
-      // private
-      // eslint-disable-next-line react/prop-types
-      actions,
-      autoFocus = false,
-      autoFocusItem = false,
-      children,
-      className,
-      disabledItemsFocusable = false,
-      disableListWrap = false,
-      onKeyDown,
-      variant = 'selectedMenu'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    // private
+    // eslint-disable-next-line react/prop-types
+    actions,
+    autoFocus = false,
+    autoFocusItem = false,
+    children,
+    className,
+    disabledItemsFocusable = false,
+    disableListWrap = false,
+    onKeyDown,
+    variant = 'selectedMenu',
+    ...other
+  } = props;
   const listRef = React.useRef(null);
   const textCriteriaRef = React.useRef({
     keys: [],
@@ -224,15 +221,15 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
     }
     return child;
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, {
     role: "menu",
     ref: handleRef,
     className: className,
     onKeyDown: handleKeyDown,
-    tabIndex: autoFocus ? 0 : -1
-  }, other, {
+    tabIndex: autoFocus ? 0 : -1,
+    ...other,
     children: items
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? MenuList.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/MobileStepper/MobileStepper.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"));
@@ -19,7 +17,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireWildcard(require("../styles/styled"));
 var _mobileStepperClasses = require("./mobileStepperClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["activeStep", "backButton", "className", "LinearProgressProps", "nextButton", "position", "steps", "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 useUtilityClasses = ownerState => {
@@ -48,25 +45,27 @@ const MobileStepperRoot = (0, _styled.default)(_Paper.default, {
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => ({
   display: 'flex',
   flexDirection: 'row',
   justifyContent: 'space-between',
   alignItems: 'center',
   background: (theme.vars || theme).palette.background.default,
-  padding: 8
-}, ownerState.position === 'bottom' && {
-  position: 'fixed',
-  bottom: 0,
-  left: 0,
-  right: 0,
-  zIndex: (theme.vars || theme).zIndex.mobileStepper
-}, ownerState.position === 'top' && {
-  position: 'fixed',
-  top: 0,
-  left: 0,
-  right: 0,
-  zIndex: (theme.vars || theme).zIndex.mobileStepper
+  padding: 8,
+  ...(ownerState.position === 'bottom' && {
+    position: 'fixed',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    zIndex: (theme.vars || theme).zIndex.mobileStepper
+  }),
+  ...(ownerState.position === 'top' && {
+    position: 'fixed',
+    top: 0,
+    left: 0,
+    right: 0,
+    zIndex: (theme.vars || theme).zIndex.mobileStepper
+  })
 }));
 const MobileStepperDots = (0, _styled.default)('div', {
   name: 'MuiMobileStepper',
@@ -74,9 +73,11 @@ const MobileStepperDots = (0, _styled.default)('div', {
   overridesResolver: (props, styles) => styles.dots
 })(({
   ownerState
-}) => (0, _extends2.default)({}, ownerState.variant === 'dots' && {
-  display: 'flex',
-  flexDirection: 'row'
+}) => ({
+  ...(ownerState.variant === 'dots' && {
+    display: 'flex',
+    flexDirection: 'row'
+  })
 }));
 const MobileStepperDot = (0, _styled.default)('div', {
   name: 'MuiMobileStepper',
@@ -92,26 +93,31 @@ const MobileStepperDot = (0, _styled.default)('div', {
   theme,
   ownerState,
   dotActive
-}) => (0, _extends2.default)({}, ownerState.variant === 'dots' && (0, _extends2.default)({
-  transition: theme.transitions.create('background-color', {
-    duration: theme.transitions.duration.shortest
-  }),
-  backgroundColor: (theme.vars || theme).palette.action.disabled,
-  borderRadius: '50%',
-  width: 8,
-  height: 8,
-  margin: '0 2px'
-}, dotActive && {
-  backgroundColor: (theme.vars || theme).palette.primary.main
-})));
+}) => ({
+  ...(ownerState.variant === 'dots' && {
+    transition: theme.transitions.create('background-color', {
+      duration: theme.transitions.duration.shortest
+    }),
+    backgroundColor: (theme.vars || theme).palette.action.disabled,
+    borderRadius: '50%',
+    width: 8,
+    height: 8,
+    margin: '0 2px',
+    ...(dotActive && {
+      backgroundColor: (theme.vars || theme).palette.primary.main
+    })
+  })
+}));
 const MobileStepperProgress = (0, _styled.default)(_LinearProgress.default, {
   name: 'MuiMobileStepper',
   slot: 'Progress',
   overridesResolver: (props, styles) => styles.progress
 })(({
   ownerState
-}) => (0, _extends2.default)({}, ownerState.variant === 'progress' && {
-  width: '50%'
+}) => ({
+  ...(ownerState.variant === 'progress' && {
+    width: '50%'
+  })
 }));
 const MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inProps, ref) {
   const props = (0, _useThemeProps.default)({
@@ -119,29 +125,30 @@ const MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inPro
     name: 'MuiMobileStepper'
   });
   const {
-      activeStep = 0,
-      backButton,
-      className,
-      LinearProgressProps,
-      nextButton,
-      position = 'bottom',
-      steps,
-      variant = 'dots'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    activeStep = 0,
+    backButton,
+    className,
+    LinearProgressProps,
+    nextButton,
+    position = 'bottom',
+    steps,
+    variant = 'dots',
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     activeStep,
     position,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MobileStepperRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MobileStepperRoot, {
     square: true,
     elevation: 0,
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: [backButton, variant === 'text' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
       children: [activeStep + 1, " / ", steps]
     }), variant === 'dots' && /*#__PURE__*/(0, _jsxRuntime.jsx)(MobileStepperDots, {
@@ -152,13 +159,14 @@ const MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inPro
         ownerState: ownerState,
         dotActive: index === activeStep
       }, index))
-    }), variant === 'progress' && /*#__PURE__*/(0, _jsxRuntime.jsx)(MobileStepperProgress, (0, _extends2.default)({
+    }), variant === 'progress' && /*#__PURE__*/(0, _jsxRuntime.jsx)(MobileStepperProgress, {
       ownerState: ownerState,
       className: classes.progress,
       variant: "determinate",
-      value: Math.ceil(activeStep / (steps - 1) * 100)
-    }, LinearProgressProps)), nextButton]
-  }));
+      value: Math.ceil(activeStep / (steps - 1) * 100),
+      ...LinearProgressProps
+    }), nextButton]
+  });
 });
 process.env.NODE_ENV !== "production" ? MobileStepper.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/Modal/Modal.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.modalClasses = 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"));
@@ -17,7 +15,6 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _Backdrop = _interopRequireDefault(require("../Backdrop"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "open", "slotProps", "slots", "theme"];
 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 modalClasses = _Modal.modalClasses;
@@ -34,15 +31,16 @@ const ModalRoot = (0, _styled.default)('div', {
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => ({
   position: 'fixed',
   zIndex: (theme.vars || theme).zIndex.modal,
   right: 0,
   bottom: 0,
   top: 0,
-  left: 0
-}, !ownerState.open && ownerState.exited && {
-  visibility: 'hidden'
+  left: 0,
+  ...(!ownerState.open && ownerState.exited && {
+    visibility: 'hidden'
+  })
 }));
 const ModalBackdrop = (0, _styled.default)(_Backdrop.default, {
   name: 'MuiModal',
@@ -74,33 +72,33 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
     props: inProps
   });
   const {
-      BackdropComponent = ModalBackdrop,
-      BackdropProps,
-      classes,
-      className,
-      closeAfterTransition = false,
-      children,
-      container,
-      component,
-      components = {},
-      componentsProps = {},
-      disableAutoFocus = false,
-      disableEnforceFocus = false,
-      disableEscapeKeyDown = false,
-      disablePortal = false,
-      disableRestoreFocus = false,
-      disableScrollLock = false,
-      hideBackdrop = false,
-      keepMounted = false,
-      onBackdropClick,
-      onClose,
-      open,
-      slotProps,
-      slots,
-      // eslint-disable-next-line react/prop-types
-      theme
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    BackdropComponent = ModalBackdrop,
+    BackdropProps,
+    classes,
+    className,
+    closeAfterTransition = false,
+    children,
+    container,
+    component,
+    components = {},
+    componentsProps = {},
+    disableAutoFocus = false,
+    disableEnforceFocus = false,
+    disableEscapeKeyDown = false,
+    disablePortal = false,
+    disableRestoreFocus = false,
+    disableScrollLock = false,
+    hideBackdrop = false,
+    keepMounted = false,
+    onBackdropClick,
+    onClose,
+    open,
+    slotProps,
+    slots,
+    // eslint-disable-next-line react/prop-types
+    theme,
+    ...other
+  } = props;
   const [exited, setExited] = React.useState(true);
   const commonProps = {
     container,
@@ -117,35 +115,42 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
     onClose,
     open
   };
-  const ownerState = (0, _extends2.default)({}, props, commonProps, {
+  const ownerState = {
+    ...props,
+    ...commonProps,
     exited
-  });
+  };
   const RootSlot = (_ref = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components.Root) != null ? _ref : ModalRoot;
   const BackdropSlot = (_ref2 = (_slots$backdrop = slots == null ? void 0 : slots.backdrop) != null ? _slots$backdrop : components.Backdrop) != null ? _ref2 : BackdropComponent;
   const rootSlotProps = (_slotProps$root = slotProps == null ? void 0 : slotProps.root) != null ? _slotProps$root : componentsProps.root;
   const backdropSlotProps = (_slotProps$backdrop = slotProps == null ? void 0 : slotProps.backdrop) != null ? _slotProps$backdrop : componentsProps.backdrop;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.default, {
     slots: {
       root: RootSlot,
       backdrop: BackdropSlot
     },
     slotProps: {
-      root: () => (0, _extends2.default)({}, (0, _utils.resolveComponentProps)(rootSlotProps, ownerState), !(0, _utils.isHostComponent)(RootSlot) && {
-        as: component,
-        theme
-      }, {
+      root: () => ({
+        ...(0, _utils.resolveComponentProps)(rootSlotProps, ownerState),
+        ...(!(0, _utils.isHostComponent)(RootSlot) && {
+          as: component,
+          theme
+        }),
         className: (0, _clsx.default)(className, rootSlotProps == null ? void 0 : rootSlotProps.className, classes == null ? void 0 : classes.root, !ownerState.open && ownerState.exited && (classes == null ? void 0 : classes.hidden))
       }),
-      backdrop: () => (0, _extends2.default)({}, BackdropProps, (0, _utils.resolveComponentProps)(backdropSlotProps, ownerState), {
+      backdrop: () => ({
+        ...BackdropProps,
+        ...(0, _utils.resolveComponentProps)(backdropSlotProps, ownerState),
         className: (0, _clsx.default)(backdropSlotProps == null ? void 0 : backdropSlotProps.className, classes == null ? void 0 : classes.backdrop)
       })
     },
     onTransitionEnter: () => setExited(false),
     onTransitionExited: () => setExited(true),
-    ref: ref
-  }, other, commonProps, {
+    ref: ref,
+    ...other,
+    ...commonProps,
     children: children
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? Modal.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/NativeSelect/NativeSelect.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -19,8 +17,6 @@ var _Input = _interopRequireDefault(require("../Input"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _nativeSelectClasses = require("./nativeSelectClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "children", "classes", "IconComponent", "input", "inputProps", "variant"],
-  _excluded2 = ["root"];
 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 => {
@@ -42,41 +38,49 @@ const NativeSelect = /*#__PURE__*/React.forwardRef(function NativeSelect(inProps
     props: inProps
   });
   const {
-      className,
-      children,
-      classes: classesProp = {},
-      IconComponent = _ArrowDropDown.default,
-      input = defaultInput,
-      inputProps
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    className,
+    children,
+    classes: classesProp = {},
+    IconComponent = _ArrowDropDown.default,
+    input = defaultInput,
+    inputProps,
+    variant,
+    ...other
+  } = props;
   const muiFormControl = (0, _useFormControl.default)();
   const fcs = (0, _formControlState.default)({
     props,
     muiFormControl,
     states: ['variant']
   });
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     classes: classesProp
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  const otherClasses = (0, _objectWithoutPropertiesLoose2.default)(classesProp, _excluded2);
+  const {
+    root,
+    ...otherClasses
+  } = classesProp;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
-    children: /*#__PURE__*/React.cloneElement(input, (0, _extends2.default)({
+    children: /*#__PURE__*/React.cloneElement(input, {
       // Most of the logic is implemented in `NativeSelectInput`.
       // The `Select` component is a simple API wrapper to expose something better to play with.
       inputComponent: _NativeSelectInput.default,
-      inputProps: (0, _extends2.default)({
+      inputProps: {
         children,
         classes: otherClasses,
         IconComponent,
         variant: fcs.variant,
-        type: undefined
-      }, inputProps, input ? input.props.inputProps : {}),
-      ref
-    }, other, {
+        type: undefined,
+        // We render a select. We can ignore the type provided by the `Input`.
+        ...inputProps,
+        ...(input ? input.props.inputProps : {})
+      },
+      ref,
+      ...other,
       className: (0, _clsx.default)(classes.root, input.props.className, className)
-    }))
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? NativeSelect.propTypes /* remove-proptypes */ = {

package/node/NativeSelect/NativeSelectInput.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.nativeSelectSelectStyles = exports.nativeSelectIconStyles = 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,7 +14,6 @@ var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _nativeSelectClasses = _interopRequireWildcard(require("./nativeSelectClasses"));
 var _styled = _interopRequireWildcard(require("../styles/styled"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "disabled", "error", "IconComponent", "inputRef", "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 useUtilityClasses = ownerState => {
@@ -37,7 +34,7 @@ const useUtilityClasses = ownerState => {
 const nativeSelectSelectStyles = ({
   ownerState,
   theme
-}) => (0, _extends2.default)({
+}) => ({
   MozAppearance: 'none',
   // Reset
   WebkitAppearance: 'none',
@@ -48,13 +45,15 @@ const nativeSelectSelectStyles = ({
   borderRadius: 0,
   // Reset
   cursor: 'pointer',
-  '&:focus': (0, _extends2.default)({}, theme.vars ? {
-    backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.05)`
-  } : {
-    backgroundColor: theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.05)' : 'rgba(255, 255, 255, 0.05)'
-  }, {
+  '&:focus': {
+    // Show that it's not an text input
+    ...(theme.vars ? {
+      backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.05)`
+    } : {
+      backgroundColor: theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.05)' : 'rgba(255, 255, 255, 0.05)'
+    }),
     borderRadius: 0 // Reset Chrome style
-  }),
+  },
 
   // Remove IE11 arrow
   '&::-ms-expand': {
@@ -73,20 +72,23 @@ const nativeSelectSelectStyles = ({
   '&&&': {
     paddingRight: 24,
     minWidth: 16 // So it doesn't collapse.
-  }
-}, ownerState.variant === 'filled' && {
-  '&&&': {
-    paddingRight: 32
-  }
-}, ownerState.variant === 'outlined' && {
-  borderRadius: (theme.vars || theme).shape.borderRadius,
-  '&:focus': {
-    borderRadius: (theme.vars || theme).shape.borderRadius // Reset the reset for Chrome style
   },
 
-  '&&&': {
-    paddingRight: 32
-  }
+  ...(ownerState.variant === 'filled' && {
+    '&&&': {
+      paddingRight: 32
+    }
+  }),
+  ...(ownerState.variant === 'outlined' && {
+    borderRadius: (theme.vars || theme).shape.borderRadius,
+    '&:focus': {
+      borderRadius: (theme.vars || theme).shape.borderRadius // Reset the reset for Chrome style
+    },
+
+    '&&&': {
+      paddingRight: 32
+    }
+  })
 });
 exports.nativeSelectSelectStyles = nativeSelectSelectStyles;
 const NativeSelectSelect = (0, _styled.default)('select', {
@@ -105,7 +107,7 @@ const NativeSelectSelect = (0, _styled.default)('select', {
 const nativeSelectIconStyles = ({
   ownerState,
   theme
-}) => (0, _extends2.default)({
+}) => ({
   // We use a position absolute over a flexbox in order to forward the pointer events
   // to the input and to support wrapping tags..
   position: 'absolute',
@@ -117,13 +119,16 @@ const nativeSelectIconStyles = ({
   color: (theme.vars || theme).palette.action.active,
   [`&.${_nativeSelectClasses.default.disabled}`]: {
     color: (theme.vars || theme).palette.action.disabled
-  }
-}, ownerState.open && {
-  transform: 'rotate(180deg)'
-}, ownerState.variant === 'filled' && {
-  right: 7
-}, ownerState.variant === 'outlined' && {
-  right: 7
+  },
+  ...(ownerState.open && {
+    transform: 'rotate(180deg)'
+  }),
+  ...(ownerState.variant === 'filled' && {
+    right: 7
+  }),
+  ...(ownerState.variant === 'outlined' && {
+    right: 7
+  })
 });
 exports.nativeSelectIconStyles = nativeSelectIconStyles;
 const NativeSelectIcon = (0, _styled.default)('svg', {
@@ -142,27 +147,29 @@ const NativeSelectIcon = (0, _styled.default)('svg', {
  */
 const NativeSelectInput = /*#__PURE__*/React.forwardRef(function NativeSelectInput(props, ref) {
   const {
-      className,
-      disabled,
-      error,
-      IconComponent,
-      inputRef,
-      variant = 'standard'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    className,
+    disabled,
+    error,
+    IconComponent,
+    inputRef,
+    variant = 'standard',
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     disabled,
     variant,
     error
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(NativeSelectSelect, (0, _extends2.default)({
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(NativeSelectSelect, {
       ownerState: ownerState,
       className: (0, _clsx.default)(classes.select, className),
       disabled: disabled,
-      ref: inputRef || ref
-    }, other)), props.multiple ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(NativeSelectIcon, {
+      ref: inputRef || ref,
+      ...other
+    }), props.multiple ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(NativeSelectIcon, {
       as: IconComponent,
       ownerState: ownerState,
       className: classes.icon