@mui/material 5.13.0 → 5.13.1

package/node/Divider/Divider.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"));
@@ -16,7 +14,6 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _dividerClasses = require("./dividerClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "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,80 +45,96 @@ const DividerRoot = (0, _styled.default)('div', {
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => ({
   margin: 0,
   // Reset browser default style.
   flexShrink: 0,
   borderWidth: 0,
   borderStyle: 'solid',
   borderColor: (theme.vars || theme).palette.divider,
-  borderBottomWidth: 'thin'
-}, ownerState.absolute && {
-  position: 'absolute',
-  bottom: 0,
-  left: 0,
-  width: '100%'
-}, ownerState.light && {
-  borderColor: theme.vars ? `rgba(${theme.vars.palette.dividerChannel} / 0.08)` : (0, _system.alpha)(theme.palette.divider, 0.08)
-}, ownerState.variant === 'inset' && {
-  marginLeft: 72
-}, ownerState.variant === 'middle' && ownerState.orientation === 'horizontal' && {
-  marginLeft: theme.spacing(2),
-  marginRight: theme.spacing(2)
-}, ownerState.variant === 'middle' && ownerState.orientation === 'vertical' && {
-  marginTop: theme.spacing(1),
-  marginBottom: theme.spacing(1)
-}, ownerState.orientation === 'vertical' && {
-  height: '100%',
-  borderBottomWidth: 0,
-  borderRightWidth: 'thin'
-}, ownerState.flexItem && {
-  alignSelf: 'stretch',
-  height: 'auto'
+  borderBottomWidth: 'thin',
+  ...(ownerState.absolute && {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    width: '100%'
+  }),
+  ...(ownerState.light && {
+    borderColor: theme.vars ? `rgba(${theme.vars.palette.dividerChannel} / 0.08)` : (0, _system.alpha)(theme.palette.divider, 0.08)
+  }),
+  ...(ownerState.variant === 'inset' && {
+    marginLeft: 72
+  }),
+  ...(ownerState.variant === 'middle' && ownerState.orientation === 'horizontal' && {
+    marginLeft: theme.spacing(2),
+    marginRight: theme.spacing(2)
+  }),
+  ...(ownerState.variant === 'middle' && ownerState.orientation === 'vertical' && {
+    marginTop: theme.spacing(1),
+    marginBottom: theme.spacing(1)
+  }),
+  ...(ownerState.orientation === 'vertical' && {
+    height: '100%',
+    borderBottomWidth: 0,
+    borderRightWidth: 'thin'
+  }),
+  ...(ownerState.flexItem && {
+    alignSelf: 'stretch',
+    height: 'auto'
+  })
 }), ({
   ownerState
-}) => (0, _extends2.default)({}, ownerState.children && {
-  display: 'flex',
-  whiteSpace: 'nowrap',
-  textAlign: 'center',
-  border: 0,
-  '&::before, &::after': {
-    content: '""',
-    alignSelf: 'center'
-  }
+}) => ({
+  ...(ownerState.children && {
+    display: 'flex',
+    whiteSpace: 'nowrap',
+    textAlign: 'center',
+    border: 0,
+    '&::before, &::after': {
+      content: '""',
+      alignSelf: 'center'
+    }
+  })
 }), ({
   theme,
   ownerState
-}) => (0, _extends2.default)({}, ownerState.children && ownerState.orientation !== 'vertical' && {
-  '&::before, &::after': {
-    width: '100%',
-    borderTop: `thin solid ${(theme.vars || theme).palette.divider}`
-  }
+}) => ({
+  ...(ownerState.children && ownerState.orientation !== 'vertical' && {
+    '&::before, &::after': {
+      width: '100%',
+      borderTop: `thin solid ${(theme.vars || theme).palette.divider}`
+    }
+  })
 }), ({
   theme,
   ownerState
-}) => (0, _extends2.default)({}, ownerState.children && ownerState.orientation === 'vertical' && {
-  flexDirection: 'column',
-  '&::before, &::after': {
-    height: '100%',
-    borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`
-  }
+}) => ({
+  ...(ownerState.children && ownerState.orientation === 'vertical' && {
+    flexDirection: 'column',
+    '&::before, &::after': {
+      height: '100%',
+      borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`
+    }
+  })
 }), ({
   ownerState
-}) => (0, _extends2.default)({}, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && {
-  '&::before': {
-    width: '90%'
-  },
-  '&::after': {
-    width: '10%'
-  }
-}, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && {
-  '&::before': {
-    width: '10%'
-  },
-  '&::after': {
-    width: '90%'
-  }
+}) => ({
+  ...(ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && {
+    '&::before': {
+      width: '90%'
+    },
+    '&::after': {
+      width: '10%'
+    }
+  }),
+  ...(ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && {
+    '&::before': {
+      width: '10%'
+    },
+    '&::after': {
+      width: '90%'
+    }
+  })
 }));
 const DividerWrapper = (0, _styled.default)('span', {
   name: 'MuiDivider',
@@ -135,13 +148,14 @@ const DividerWrapper = (0, _styled.default)('span', {
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => ({
   display: 'inline-block',
   paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,
-  paddingRight: `calc(${theme.spacing(1)} * 1.2)`
-}, ownerState.orientation === 'vertical' && {
-  paddingTop: `calc(${theme.spacing(1)} * 1.2)`,
-  paddingBottom: `calc(${theme.spacing(1)} * 1.2)`
+  paddingRight: `calc(${theme.spacing(1)} * 1.2)`,
+  ...(ownerState.orientation === 'vertical' && {
+    paddingTop: `calc(${theme.spacing(1)} * 1.2)`,
+    paddingBottom: `calc(${theme.spacing(1)} * 1.2)`
+  })
 }));
 const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
   const props = (0, _useThemeProps.default)({
@@ -149,19 +163,20 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     name: 'MuiDivider'
   });
   const {
-      absolute = false,
-      children,
-      className,
-      component = children ? 'div' : 'hr',
-      flexItem = false,
-      light = false,
-      orientation = 'horizontal',
-      role = component !== 'hr' ? 'separator' : undefined,
-      textAlign = 'center',
-      variant = 'fullWidth'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    absolute = false,
+    children,
+    className,
+    component = children ? 'div' : 'hr',
+    flexItem = false,
+    light = false,
+    orientation = 'horizontal',
+    role = component !== 'hr' ? 'separator' : undefined,
+    textAlign = 'center',
+    variant = 'fullWidth',
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     absolute,
     component,
     flexItem,
@@ -170,21 +185,21 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     role,
     textAlign,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DividerRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DividerRoot, {
     as: component,
     className: (0, _clsx.default)(classes.root, className),
     role: role,
     ref: ref,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DividerWrapper, {
       className: classes.wrapper,
       ownerState: ownerState,
       children: children
     }) : null
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/Drawer/Drawer.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getAnchor = getAnchor;
 exports.isHorizontal = isHorizontal;
-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"));
@@ -23,8 +21,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireWildcard(require("../styles/styled"));
 var _drawerClasses = require("./drawerClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["BackdropProps"],
-  _excluded2 = ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "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 overridesResolver = (props, styles) => {
@@ -77,7 +73,7 @@ const DrawerPaper = (0, _styled.default)(_Paper.default, {
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => ({
   overflowY: 'auto',
   display: 'flex',
   flexDirection: 'column',
@@ -92,32 +88,40 @@ const DrawerPaper = (0, _styled.default)(_Paper.default, {
   // We disable the focus ring for mouse, touch and keyboard users.
   // At some point, it would be better to keep it for keyboard users.
   // :focus-ring CSS pseudo-class will help.
-  outline: 0
-}, ownerState.anchor === 'left' && {
-  left: 0
-}, ownerState.anchor === 'top' && {
-  top: 0,
-  left: 0,
-  right: 0,
-  height: 'auto',
-  maxHeight: '100%'
-}, ownerState.anchor === 'right' && {
-  right: 0
-}, ownerState.anchor === 'bottom' && {
-  top: 'auto',
-  left: 0,
-  bottom: 0,
-  right: 0,
-  height: 'auto',
-  maxHeight: '100%'
-}, ownerState.anchor === 'left' && ownerState.variant !== 'temporary' && {
-  borderRight: `1px solid ${(theme.vars || theme).palette.divider}`
-}, ownerState.anchor === 'top' && ownerState.variant !== 'temporary' && {
-  borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`
-}, ownerState.anchor === 'right' && ownerState.variant !== 'temporary' && {
-  borderLeft: `1px solid ${(theme.vars || theme).palette.divider}`
-}, ownerState.anchor === 'bottom' && ownerState.variant !== 'temporary' && {
-  borderTop: `1px solid ${(theme.vars || theme).palette.divider}`
+  outline: 0,
+  ...(ownerState.anchor === 'left' && {
+    left: 0
+  }),
+  ...(ownerState.anchor === 'top' && {
+    top: 0,
+    left: 0,
+    right: 0,
+    height: 'auto',
+    maxHeight: '100%'
+  }),
+  ...(ownerState.anchor === 'right' && {
+    right: 0
+  }),
+  ...(ownerState.anchor === 'bottom' && {
+    top: 'auto',
+    left: 0,
+    bottom: 0,
+    right: 0,
+    height: 'auto',
+    maxHeight: '100%'
+  }),
+  ...(ownerState.anchor === 'left' && ownerState.variant !== 'temporary' && {
+    borderRight: `1px solid ${(theme.vars || theme).palette.divider}`
+  }),
+  ...(ownerState.anchor === 'top' && ownerState.variant !== 'temporary' && {
+    borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`
+  }),
+  ...(ownerState.anchor === 'right' && ownerState.variant !== 'temporary' && {
+    borderLeft: `1px solid ${(theme.vars || theme).palette.divider}`
+  }),
+  ...(ownerState.anchor === 'bottom' && ownerState.variant !== 'temporary' && {
+    borderTop: `1px solid ${(theme.vars || theme).palette.divider}`
+  })
 }));
 const oppositeDirection = {
   left: 'right',
@@ -147,26 +151,26 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
     exit: theme.transitions.duration.leavingScreen
   };
   const {
-      anchor: anchorProp = 'left',
-      BackdropProps,
-      children,
-      className,
-      elevation = 16,
-      hideBackdrop = false,
-      ModalProps: {
-        BackdropProps: BackdropPropsProp
-      } = {},
-      onClose,
-      open = false,
-      PaperProps = {},
-      SlideProps,
-      // eslint-disable-next-line react/prop-types
-      TransitionComponent = _Slide.default,
-      transitionDuration = defaultTransitionDuration,
-      variant = 'temporary'
-    } = props,
-    ModalProps = (0, _objectWithoutPropertiesLoose2.default)(props.ModalProps, _excluded),
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
+    anchor: anchorProp = 'left',
+    BackdropProps,
+    children,
+    className,
+    elevation = 16,
+    hideBackdrop = false,
+    ModalProps: {
+      BackdropProps: BackdropPropsProp,
+      ...ModalProps
+    } = {},
+    onClose,
+    open = false,
+    PaperProps = {},
+    SlideProps,
+    // eslint-disable-next-line react/prop-types
+    TransitionComponent = _Slide.default,
+    transitionDuration = defaultTransitionDuration,
+    variant = 'temporary',
+    ...other
+  } = props;
 
   // Let's assume that the Drawer will always be rendered on user space.
   // We use this state is order to skip the appear transition during the
@@ -177,62 +181,67 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   }, []);
   const anchorInvariant = getAnchor(theme, anchorProp);
   const anchor = anchorProp;
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     anchor,
     elevation,
     open,
-    variant
-  }, other);
+    variant,
+    ...other
+  };
   const classes = useUtilityClasses(ownerState);
-  const drawer = /*#__PURE__*/(0, _jsxRuntime.jsx)(DrawerPaper, (0, _extends2.default)({
+  const drawer = /*#__PURE__*/(0, _jsxRuntime.jsx)(DrawerPaper, {
     elevation: variant === 'temporary' ? elevation : 0,
-    square: true
-  }, PaperProps, {
+    square: true,
+    ...PaperProps,
     className: (0, _clsx.default)(classes.paper, PaperProps.className),
     ownerState: ownerState,
     children: children
-  }));
+  });
   if (variant === 'permanent') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(DrawerDockedRoot, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(DrawerDockedRoot, {
       className: (0, _clsx.default)(classes.root, classes.docked, className),
       ownerState: ownerState,
-      ref: ref
-    }, other, {
+      ref: ref,
+      ...other,
       children: drawer
-    }));
+    });
   }
-  const slidingDrawer = /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, (0, _extends2.default)({
+  const slidingDrawer = /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, {
     in: open,
     direction: oppositeDirection[anchorInvariant],
     timeout: transitionDuration,
-    appear: mounted.current
-  }, SlideProps, {
+    appear: mounted.current,
+    ...SlideProps,
     children: drawer
-  }));
+  });
   if (variant === 'persistent') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(DrawerDockedRoot, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(DrawerDockedRoot, {
       className: (0, _clsx.default)(classes.root, classes.docked, className),
       ownerState: ownerState,
-      ref: ref
-    }, other, {
+      ref: ref,
+      ...other,
       children: slidingDrawer
-    }));
+    });
   }
 
   // variant === temporary
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DrawerRoot, (0, _extends2.default)({
-    BackdropProps: (0, _extends2.default)({}, BackdropProps, BackdropPropsProp, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DrawerRoot, {
+    BackdropProps: {
+      ...BackdropProps,
+      ...BackdropPropsProp,
       transitionDuration
-    }),
+    },
     className: (0, _clsx.default)(classes.root, classes.modal, className),
     open: open,
     ownerState: ownerState,
     onClose: onClose,
     hideBackdrop: hideBackdrop,
-    ref: ref
-  }, other, ModalProps, {
+    ref: ref,
+    ...other,
+    ...ModalProps,
     children: slidingDrawer
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------