@mui/material 5.12.3 → 5.13.1

package/modern/Snackbar/Snackbar.js

@@ -1,7 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["onEnter", "onExited"],
-  _excluded2 = ["action", "anchorOrigin", "autoHideDuration", "children", "className", "ClickAwayListenerProps", "ContentProps", "disableWindowBlurListener", "message", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "TransitionComponent", "transitionDuration", "TransitionProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_composeClasses as composeClasses, useSlotProps } from '@mui/base';
@@ -43,35 +39,42 @@ const SnackbarRoot = styled('div', {
     right: 'auto',
     transform: 'translateX(-50%)'
   };
-  return _extends({
+  return {
     zIndex: (theme.vars || theme).zIndex.snackbar,
     position: 'fixed',
     display: 'flex',
     left: 8,
     right: 8,
     justifyContent: 'center',
-    alignItems: 'center'
-  }, ownerState.anchorOrigin.vertical === 'top' ? {
-    top: 8
-  } : {
-    bottom: 8
-  }, ownerState.anchorOrigin.horizontal === 'left' && {
-    justifyContent: 'flex-start'
-  }, ownerState.anchorOrigin.horizontal === 'right' && {
-    justifyContent: 'flex-end'
-  }, {
-    [theme.breakpoints.up('sm')]: _extends({}, ownerState.anchorOrigin.vertical === 'top' ? {
-      top: 24
+    alignItems: 'center',
+    ...(ownerState.anchorOrigin.vertical === 'top' ? {
+      top: 8
     } : {
-      bottom: 24
-    }, ownerState.anchorOrigin.horizontal === 'center' && center, ownerState.anchorOrigin.horizontal === 'left' && {
-      left: 24,
-      right: 'auto'
-    }, ownerState.anchorOrigin.horizontal === 'right' && {
-      right: 24,
-      left: 'auto'
-    })
-  });
+      bottom: 8
+    }),
+    ...(ownerState.anchorOrigin.horizontal === 'left' && {
+      justifyContent: 'flex-start'
+    }),
+    ...(ownerState.anchorOrigin.horizontal === 'right' && {
+      justifyContent: 'flex-end'
+    }),
+    [theme.breakpoints.up('sm')]: {
+      ...(ownerState.anchorOrigin.vertical === 'top' ? {
+        top: 24
+      } : {
+        bottom: 24
+      }),
+      ...(ownerState.anchorOrigin.horizontal === 'center' && center),
+      ...(ownerState.anchorOrigin.horizontal === 'left' && {
+        left: 24,
+        right: 'auto'
+      }),
+      ...(ownerState.anchorOrigin.horizontal === 'right' && {
+        right: 24,
+        left: 'auto'
+      })
+    }
+  };
 });
 const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
   const props = useThemeProps({
@@ -84,32 +87,39 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     exit: theme.transitions.duration.leavingScreen
   };
   const {
-      action,
-      anchorOrigin: {
-        vertical,
-        horizontal
-      } = {
-        vertical: 'bottom',
-        horizontal: 'left'
-      },
-      autoHideDuration = null,
-      children,
-      className,
-      ClickAwayListenerProps,
-      ContentProps,
-      disableWindowBlurListener = false,
-      message,
-      open,
-      TransitionComponent = Grow,
-      transitionDuration = defaultTransitionDuration,
-      TransitionProps: {
-        onEnter,
-        onExited
-      } = {}
-    } = props,
-    TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded),
-    other = _objectWithoutPropertiesLoose(props, _excluded2);
-  const ownerState = _extends({}, props, {
+    action,
+    anchorOrigin: {
+      vertical,
+      horizontal
+    } = {
+      vertical: 'bottom',
+      horizontal: 'left'
+    },
+    autoHideDuration = null,
+    children,
+    className,
+    ClickAwayListenerProps,
+    ContentProps,
+    disableWindowBlurListener = false,
+    message,
+    onBlur,
+    onClose,
+    onFocus,
+    onMouseEnter,
+    onMouseLeave,
+    open,
+    resumeHideDuration,
+    TransitionComponent = Grow,
+    transitionDuration = defaultTransitionDuration,
+    TransitionProps: {
+      onEnter,
+      onExited,
+      ...TransitionProps
+    } = {},
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     anchorOrigin: {
       vertical,
       horizontal
@@ -118,12 +128,14 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     disableWindowBlurListener,
     TransitionComponent,
     transitionDuration
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const {
     getRootProps,
     onClickAway
-  } = useSnackbar(_extends({}, ownerState));
+  } = useSnackbar({
+    ...ownerState
+  });
   const [exited, setExited] = React.useState(true);
   const rootProps = useSlotProps({
     elementType: SnackbarRoot,
@@ -152,25 +164,27 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
   if (!open && exited) {
     return null;
   }
-  return /*#__PURE__*/_jsx(ClickAwayListener, _extends({
-    onClickAway: onClickAway
-  }, ClickAwayListenerProps, {
-    children: /*#__PURE__*/_jsx(SnackbarRoot, _extends({}, rootProps, {
-      children: /*#__PURE__*/_jsx(TransitionComponent, _extends({
+  return /*#__PURE__*/_jsx(ClickAwayListener, {
+    onClickAway: onClickAway,
+    ...ClickAwayListenerProps,
+    children: /*#__PURE__*/_jsx(SnackbarRoot, {
+      ...rootProps,
+      children: /*#__PURE__*/_jsx(TransitionComponent, {
         appear: true,
         in: open,
         timeout: transitionDuration,
         direction: vertical === 'top' ? 'down' : 'up',
         onEnter: handleEnter,
-        onExited: handleExited
-      }, TransitionProps, {
-        children: children || /*#__PURE__*/_jsx(SnackbarContent, _extends({
+        onExited: handleExited,
+        ...TransitionProps,
+        children: children || /*#__PURE__*/_jsx(SnackbarContent, {
           message: message,
-          action: action
-        }, ContentProps))
-      }))
-    }))
-  }));
+          action: action,
+          ...ContentProps
+        })
+      })
+    })
+  });
 });
 process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/SnackbarContent/SnackbarContent.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["action", "className", "message", "role"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -32,7 +29,8 @@ const SnackbarContentRoot = styled(Paper, {
 }) => {
   const emphasis = theme.palette.mode === 'light' ? 0.8 : 0.98;
   const backgroundColor = emphasize(theme.palette.background.default, emphasis);
-  return _extends({}, theme.typography.body2, {
+  return {
+    ...theme.typography.body2,
     color: theme.vars ? theme.vars.palette.SnackbarContent.color : theme.palette.getContrastText(backgroundColor),
     backgroundColor: theme.vars ? theme.vars.palette.SnackbarContent.bg : backgroundColor,
     display: 'flex',
@@ -45,7 +43,7 @@ const SnackbarContentRoot = styled(Paper, {
       flexGrow: 'initial',
       minWidth: 288
     }
-  });
+  };
 });
 const SnackbarContentMessage = styled('div', {
   name: 'MuiSnackbarContent',
@@ -71,22 +69,22 @@ const SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(i
     name: 'MuiSnackbarContent'
   });
   const {
-      action,
-      className,
-      message,
-      role = 'alert'
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    action,
+    className,
+    message,
+    role = 'alert',
+    ...other
+  } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(SnackbarContentRoot, _extends({
+  return /*#__PURE__*/_jsxs(SnackbarContentRoot, {
     role: role,
     square: true,
     elevation: 6,
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref
-  }, other, {
+    ref: ref,
+    ...other,
     children: [/*#__PURE__*/_jsx(SnackbarContentMessage, {
       className: classes.message,
       ownerState: ownerState,
@@ -96,7 +94,7 @@ const SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(i
       ownerState: ownerState,
       children: action
     }) : null]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? SnackbarContent.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/SpeedDial/SpeedDial.js

@@ -1,8 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["ref"],
-  _excluded2 = ["ariaLabel", "FabProps", "children", "className", "direction", "hidden", "icon", "onBlur", "onClose", "onFocus", "onKeyDown", "onMouseEnter", "onMouseLeave", "onOpen", "open", "openIcon", "TransitionComponent", "transitionDuration", "TransitionProps"],
-  _excluded3 = ["ref"];
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -65,39 +60,43 @@ const SpeedDialRoot = styled('div', {
 })(({
   theme,
   ownerState
-}) => _extends({
+}) => ({
   zIndex: (theme.vars || theme).zIndex.speedDial,
   display: 'flex',
   alignItems: 'center',
-  pointerEvents: 'none'
-}, ownerState.direction === 'up' && {
-  flexDirection: 'column-reverse',
-  [`& .${speedDialClasses.actions}`]: {
+  pointerEvents: 'none',
+  ...(ownerState.direction === 'up' && {
     flexDirection: 'column-reverse',
-    marginBottom: -dialRadius,
-    paddingBottom: spacingActions + dialRadius
-  }
-}, ownerState.direction === 'down' && {
-  flexDirection: 'column',
-  [`& .${speedDialClasses.actions}`]: {
+    [`& .${speedDialClasses.actions}`]: {
+      flexDirection: 'column-reverse',
+      marginBottom: -dialRadius,
+      paddingBottom: spacingActions + dialRadius
+    }
+  }),
+  ...(ownerState.direction === 'down' && {
     flexDirection: 'column',
-    marginTop: -dialRadius,
-    paddingTop: spacingActions + dialRadius
-  }
-}, ownerState.direction === 'left' && {
-  flexDirection: 'row-reverse',
-  [`& .${speedDialClasses.actions}`]: {
+    [`& .${speedDialClasses.actions}`]: {
+      flexDirection: 'column',
+      marginTop: -dialRadius,
+      paddingTop: spacingActions + dialRadius
+    }
+  }),
+  ...(ownerState.direction === 'left' && {
     flexDirection: 'row-reverse',
-    marginRight: -dialRadius,
-    paddingRight: spacingActions + dialRadius
-  }
-}, ownerState.direction === 'right' && {
-  flexDirection: 'row',
-  [`& .${speedDialClasses.actions}`]: {
+    [`& .${speedDialClasses.actions}`]: {
+      flexDirection: 'row-reverse',
+      marginRight: -dialRadius,
+      paddingRight: spacingActions + dialRadius
+    }
+  }),
+  ...(ownerState.direction === 'right' && {
     flexDirection: 'row',
-    marginLeft: -dialRadius,
-    paddingLeft: spacingActions + dialRadius
-  }
+    [`& .${speedDialClasses.actions}`]: {
+      flexDirection: 'row',
+      marginLeft: -dialRadius,
+      paddingLeft: spacingActions + dialRadius
+    }
+  })
 }));
 const SpeedDialFab = styled(Fab, {
   name: 'MuiSpeedDial',
@@ -117,12 +116,13 @@ const SpeedDialActions = styled('div', {
   }
 })(({
   ownerState
-}) => _extends({
+}) => ({
   display: 'flex',
-  pointerEvents: 'auto'
-}, !ownerState.open && {
-  transition: 'top 0s linear 0.2s',
-  pointerEvents: 'none'
+  pointerEvents: 'auto',
+  ...(!ownerState.open && {
+    transition: 'top 0s linear 0.2s',
+    pointerEvents: 'none'
+  })
 }));
 const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref) {
   const props = useThemeProps({
@@ -135,39 +135,41 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     exit: theme.transitions.duration.leavingScreen
   };
   const {
-      ariaLabel,
-      FabProps: {
-        ref: origDialButtonRef
-      } = {},
-      children: childrenProp,
-      className,
-      direction = 'up',
-      hidden = false,
-      icon,
-      onBlur,
-      onClose,
-      onFocus,
-      onKeyDown,
-      onMouseEnter,
-      onMouseLeave,
-      onOpen,
-      open: openProp,
-      TransitionComponent = Zoom,
-      transitionDuration = defaultTransitionDuration,
-      TransitionProps
-    } = props,
-    FabProps = _objectWithoutPropertiesLoose(props.FabProps, _excluded),
-    other = _objectWithoutPropertiesLoose(props, _excluded2);
+    ariaLabel,
+    FabProps: {
+      ref: origDialButtonRef,
+      ...FabProps
+    } = {},
+    children: childrenProp,
+    className,
+    direction = 'up',
+    hidden = false,
+    icon,
+    onBlur,
+    onClose,
+    onFocus,
+    onKeyDown,
+    onMouseEnter,
+    onMouseLeave,
+    onOpen,
+    open: openProp,
+    openIcon,
+    TransitionComponent = Zoom,
+    transitionDuration = defaultTransitionDuration,
+    TransitionProps,
+    ...other
+  } = props;
   const [open, setOpenState] = useControlled({
     controlled: openProp,
     default: false,
     name: 'SpeedDial',
     state: 'open'
   });
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     open,
     direction
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const eventTimer = React.useRef();
   React.useEffect(() => {
@@ -328,26 +330,26 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     return /*#__PURE__*/React.isValidElement(child);
   });
   const children = allItems.map((child, index) => {
-    const _child$props = child.props,
-      {
-        FabProps: {
-          ref: origButtonRef
-        } = {},
-        tooltipPlacement: tooltipPlacementProp
-      } = _child$props,
-      ChildFabProps = _objectWithoutPropertiesLoose(_child$props.FabProps, _excluded3);
+    const {
+      FabProps: {
+        ref: origButtonRef,
+        ...ChildFabProps
+      } = {},
+      tooltipPlacement: tooltipPlacementProp
+    } = child.props;
     const tooltipPlacement = tooltipPlacementProp || (getOrientation(direction) === 'vertical' ? 'left' : 'top');
     return /*#__PURE__*/React.cloneElement(child, {
-      FabProps: _extends({}, ChildFabProps, {
+      FabProps: {
+        ...ChildFabProps,
         ref: createHandleSpeedDialActionButtonRef(index, origButtonRef)
-      }),
+      },
       delay: 30 * (open ? index : allItems.length - index),
       open,
       tooltipPlacement,
       id: `${id}-action-${index}`
     });
   });
-  return /*#__PURE__*/_jsxs(SpeedDialRoot, _extends({
+  return /*#__PURE__*/_jsxs(SpeedDialRoot, {
     className: clsx(classes.root, className),
     ref: ref,
     role: "presentation",
@@ -356,20 +358,20 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     onFocus: handleOpen,
     onMouseEnter: handleOpen,
     onMouseLeave: handleClose,
-    ownerState: ownerState
-  }, other, {
-    children: [/*#__PURE__*/_jsx(TransitionComponent, _extends({
+    ownerState: ownerState,
+    ...other,
+    children: [/*#__PURE__*/_jsx(TransitionComponent, {
       in: !hidden,
       timeout: transitionDuration,
-      unmountOnExit: true
-    }, TransitionProps, {
-      children: /*#__PURE__*/_jsx(SpeedDialFab, _extends({
+      unmountOnExit: true,
+      ...TransitionProps,
+      children: /*#__PURE__*/_jsx(SpeedDialFab, {
         color: "primary",
         "aria-label": ariaLabel,
         "aria-haspopup": "true",
         "aria-expanded": open,
-        "aria-controls": `${id}-actions`
-      }, FabProps, {
+        "aria-controls": `${id}-actions`,
+        ...FabProps,
         onClick: handleClick,
         className: clsx(classes.fab, FabProps.className),
         ref: handleFabRef,
@@ -377,8 +379,8 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
         children: /*#__PURE__*/React.isValidElement(icon) && isMuiElement(icon, ['SpeedDialIcon']) ? /*#__PURE__*/React.cloneElement(icon, {
           open
         }) : icon
-      }))
-    })), /*#__PURE__*/_jsx(SpeedDialActions, {
+      })
+    }), /*#__PURE__*/_jsx(SpeedDialActions, {
       id: `${id}-actions`,
       role: "menu",
       "aria-orientation": getOrientation(direction),
@@ -386,7 +388,7 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
       ownerState: ownerState,
       children: children
     })]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? SpeedDial.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------