@mui/material 5.12.3 → 5.13.1

package/node/BottomNavigationAction/BottomNavigationAction.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"));
@@ -17,7 +15,6 @@ var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 var _unsupportedProp = _interopRequireDefault(require("../utils/unsupportedProp"));
 var _bottomNavigationActionClasses = _interopRequireWildcard(require("./bottomNavigationActionClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "icon", "label", "onChange", "onClick", "selected", "showLabel", "value"];
 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 => {
@@ -44,7 +41,7 @@ const BottomNavigationActionRoot = (0, _styled.default)(_ButtonBase.default, {
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => ({
   transition: theme.transitions.create(['color', 'padding-top'], {
     duration: theme.transitions.duration.short
   }),
@@ -53,12 +50,13 @@ const BottomNavigationActionRoot = (0, _styled.default)(_ButtonBase.default, {
   maxWidth: 168,
   color: (theme.vars || theme).palette.text.secondary,
   flexDirection: 'column',
-  flex: '1'
-}, !ownerState.showLabel && !ownerState.selected && {
-  paddingTop: 14
-}, !ownerState.showLabel && !ownerState.selected && !ownerState.label && {
-  paddingTop: 0
-}, {
+  flex: '1',
+  ...(!ownerState.showLabel && !ownerState.selected && {
+    paddingTop: 14
+  }),
+  ...(!ownerState.showLabel && !ownerState.selected && !ownerState.label && {
+    paddingTop: 0
+  }),
   [`&.${_bottomNavigationActionClasses.default.selected}`]: {
     color: (theme.vars || theme).palette.primary.main
   }
@@ -70,16 +68,16 @@ const BottomNavigationActionLabel = (0, _styled.default)('span', {
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => ({
   fontFamily: theme.typography.fontFamily,
   fontSize: theme.typography.pxToRem(12),
   opacity: 1,
   transition: 'font-size 0.2s, opacity 0.2s',
-  transitionDelay: '0.1s'
-}, !ownerState.showLabel && !ownerState.selected && {
-  opacity: 0,
-  transitionDelay: '0s'
-}, {
+  transitionDelay: '0.1s',
+  ...(!ownerState.showLabel && !ownerState.selected && {
+    opacity: 0,
+    transitionDelay: '0s'
+  }),
   [`&.${_bottomNavigationActionClasses.default.selected}`]: {
     fontSize: theme.typography.pxToRem(14)
   }
@@ -90,17 +88,17 @@ const BottomNavigationAction = /*#__PURE__*/React.forwardRef(function BottomNavi
     name: 'MuiBottomNavigationAction'
   });
   const {
-      className,
-      icon,
-      label,
-      onChange,
-      onClick
-      // eslint-disable-next-line react/prop-types -- private, always overridden by BottomNavigation
-      ,
-
-      value
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    className,
+    icon,
+    label,
+    onChange,
+    onClick,
+    // eslint-disable-next-line react/prop-types -- private, always overridden by BottomNavigation
+    selected,
+    showLabel,
+    value,
+    ...other
+  } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const handleChange = event => {
@@ -111,19 +109,19 @@ const BottomNavigationAction = /*#__PURE__*/React.forwardRef(function BottomNavi
       onClick(event);
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BottomNavigationActionRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BottomNavigationActionRoot, {
     ref: ref,
     className: (0, _clsx.default)(classes.root, className),
     focusRipple: true,
     onClick: handleChange,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: [icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(BottomNavigationActionLabel, {
       className: classes.label,
       ownerState: ownerState,
       children: label
     })]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? BottomNavigationAction.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/Breadcrumbs/BreadcrumbCollapsed.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 _system = require("@mui/system");
@@ -14,35 +12,37 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 var _MoreHoriz = _interopRequireDefault(require("../internal/svg-icons/MoreHoriz"));
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps"];
 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 BreadcrumbCollapsedButton = (0, _styled.default)(_ButtonBase.default)(({
   theme
-}) => (0, _extends2.default)({
+}) => ({
   display: 'flex',
   marginLeft: `calc(${theme.spacing(1)} * 0.5)`,
-  marginRight: `calc(${theme.spacing(1)} * 0.5)`
-}, theme.palette.mode === 'light' ? {
-  backgroundColor: theme.palette.grey[100],
-  color: theme.palette.grey[700]
-} : {
-  backgroundColor: theme.palette.grey[700],
-  color: theme.palette.grey[100]
-}, {
-  borderRadius: 2,
-  '&:hover, &:focus': (0, _extends2.default)({}, theme.palette.mode === 'light' ? {
-    backgroundColor: theme.palette.grey[200]
+  marginRight: `calc(${theme.spacing(1)} * 0.5)`,
+  ...(theme.palette.mode === 'light' ? {
+    backgroundColor: theme.palette.grey[100],
+    color: theme.palette.grey[700]
   } : {
-    backgroundColor: theme.palette.grey[600]
+    backgroundColor: theme.palette.grey[700],
+    color: theme.palette.grey[100]
   }),
-  '&:active': (0, _extends2.default)({
-    boxShadow: theme.shadows[0]
-  }, theme.palette.mode === 'light' ? {
-    backgroundColor: (0, _system.emphasize)(theme.palette.grey[200], 0.12)
-  } : {
-    backgroundColor: (0, _system.emphasize)(theme.palette.grey[600], 0.12)
-  })
+  borderRadius: 2,
+  '&:hover, &:focus': {
+    ...(theme.palette.mode === 'light' ? {
+      backgroundColor: theme.palette.grey[200]
+    } : {
+      backgroundColor: theme.palette.grey[600]
+    })
+  },
+  '&:active': {
+    boxShadow: theme.shadows[0],
+    ...(theme.palette.mode === 'light' ? {
+      backgroundColor: (0, _system.emphasize)(theme.palette.grey[200], 0.12)
+    } : {
+      backgroundColor: (0, _system.emphasize)(theme.palette.grey[600], 0.12)
+    })
+  }
 }));
 const BreadcrumbCollapsedIcon = (0, _styled.default)(_MoreHoriz.default)({
   width: 24,
@@ -54,21 +54,22 @@ const BreadcrumbCollapsedIcon = (0, _styled.default)(_MoreHoriz.default)({
  */
 function BreadcrumbCollapsed(props) {
   const {
-      slots = {},
-      slotProps = {}
-    } = props,
-    otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    slots = {},
+    slotProps = {},
+    ...otherProps
+  } = props;
   const ownerState = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbCollapsedButton, (0, _extends2.default)({
-      focusRipple: true
-    }, otherProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbCollapsedButton, {
+      focusRipple: true,
+      ...otherProps,
       ownerState: ownerState,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbCollapsedIcon, (0, _extends2.default)({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbCollapsedIcon, {
         as: slots.CollapsedIcon,
-        ownerState: ownerState
-      }, slotProps.collapsedIcon))
-    }))
+        ownerState: ownerState,
+        ...slotProps.collapsedIcon
+      })
+    })
   });
 }
 process.env.NODE_ENV !== "production" ? BreadcrumbCollapsed.propTypes = {

package/node/Breadcrumbs/Breadcrumbs.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"));
@@ -19,7 +17,6 @@ var _Typography = _interopRequireDefault(require("../Typography"));
 var _BreadcrumbCollapsed = _interopRequireDefault(require("./BreadcrumbCollapsed"));
 var _breadcrumbsClasses = _interopRequireWildcard(require("./breadcrumbsClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "component", "slots", "slotProps", "expandText", "itemsAfterCollapse", "itemsBeforeCollapse", "maxItems", "separator"];
 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 => {
@@ -86,20 +83,21 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps,
     name: 'MuiBreadcrumbs'
   });
   const {
-      children,
-      className,
-      component = 'nav',
-      slots = {},
-      slotProps = {},
-      expandText = 'Show path',
-      itemsAfterCollapse = 1,
-      itemsBeforeCollapse = 1,
-      maxItems = 8,
-      separator = '/'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    children,
+    className,
+    component = 'nav',
+    slots = {},
+    slotProps = {},
+    expandText = 'Show path',
+    itemsAfterCollapse = 1,
+    itemsBeforeCollapse = 1,
+    maxItems = 8,
+    separator = '/',
+    ...other
+  } = props;
   const [expanded, setExpanded] = React.useState(false);
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     component,
     expanded,
     expandText,
@@ -107,7 +105,7 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps,
     itemsBeforeCollapse,
     maxItems,
     separator
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const collapsedIconSlotProps = (0, _base.useSlotProps)({
     elementType: slots.CollapsedIcon,
@@ -159,20 +157,20 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps,
     className: classes.li,
     children: child
   }, `child-${index}`));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbsRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbsRoot, {
     ref: ref,
     component: component,
     color: "text.secondary",
     className: (0, _clsx.default)(classes.root, className),
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbsOl, {
       className: classes.ol,
       ref: listRef,
       ownerState: ownerState,
       children: insertSeparators(expanded || maxItems && allItems.length <= maxItems ? allItems : renderItemsBeforeAndAfter(allItems), classes.separator, separator, ownerState)
     })
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? Breadcrumbs.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------