@mui/material 5.10.13 → 5.10.15

package/legacy/Snackbar/Snackbar.js

@@ -15,16 +15,14 @@ import Grow from '../Grow';
 import SnackbarContent from '../SnackbarContent';
 import { getSnackbarUtilityClass } from './snackbarClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      anchorOrigin = ownerState.anchorOrigin;
+    anchorOrigin = ownerState.anchorOrigin;
   var slots = {
     root: ['root', "anchorOrigin".concat(capitalize(anchorOrigin.vertical)).concat(capitalize(anchorOrigin.horizontal))]
   };
   return composeClasses(slots, getSnackbarUtilityClass, classes);
 };
-
 var SnackbarRoot = styled('div', {
   name: 'MuiSnackbar',
   slot: 'Root',
@@ -34,7 +32,7 @@ var SnackbarRoot = styled('div', {
   }
 })(function (_ref) {
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   var center = {
     left: '50%',
     right: 'auto',
@@ -79,55 +77,50 @@ var Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     exit: theme.transitions.duration.leavingScreen
   };
   var action = props.action,
-      _props$anchorOrigin = props.anchorOrigin;
+    _props$anchorOrigin = props.anchorOrigin;
   _props$anchorOrigin = _props$anchorOrigin === void 0 ? {
     vertical: 'bottom',
     horizontal: 'left'
   } : _props$anchorOrigin;
   var vertical = _props$anchorOrigin.vertical,
-      horizontal = _props$anchorOrigin.horizontal,
-      _props$autoHideDurati = props.autoHideDuration,
-      autoHideDuration = _props$autoHideDurati === void 0 ? null : _props$autoHideDurati,
-      children = props.children,
-      className = props.className,
-      ClickAwayListenerProps = props.ClickAwayListenerProps,
-      ContentProps = props.ContentProps,
-      _props$disableWindowB = props.disableWindowBlurListener,
-      disableWindowBlurListener = _props$disableWindowB === void 0 ? false : _props$disableWindowB,
-      message = props.message,
-      onBlur = props.onBlur,
-      onClose = props.onClose,
-      onFocus = props.onFocus,
-      onMouseEnter = props.onMouseEnter,
-      onMouseLeave = props.onMouseLeave,
-      open = props.open,
-      resumeHideDuration = props.resumeHideDuration,
-      _props$TransitionComp = props.TransitionComponent,
-      TransitionComponent = _props$TransitionComp === void 0 ? Grow : _props$TransitionComp,
-      _props$transitionDura = props.transitionDuration,
-      transitionDuration = _props$transitionDura === void 0 ? defaultTransitionDuration : _props$transitionDura,
-      _props$TransitionProp = props.TransitionProps;
+    horizontal = _props$anchorOrigin.horizontal,
+    _props$autoHideDurati = props.autoHideDuration,
+    autoHideDuration = _props$autoHideDurati === void 0 ? null : _props$autoHideDurati,
+    children = props.children,
+    className = props.className,
+    ClickAwayListenerProps = props.ClickAwayListenerProps,
+    ContentProps = props.ContentProps,
+    _props$disableWindowB = props.disableWindowBlurListener,
+    disableWindowBlurListener = _props$disableWindowB === void 0 ? false : _props$disableWindowB,
+    message = props.message,
+    onBlur = props.onBlur,
+    onClose = props.onClose,
+    onFocus = props.onFocus,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave,
+    open = props.open,
+    resumeHideDuration = props.resumeHideDuration,
+    _props$TransitionComp = props.TransitionComponent,
+    TransitionComponent = _props$TransitionComp === void 0 ? Grow : _props$TransitionComp,
+    _props$transitionDura = props.transitionDuration,
+    transitionDuration = _props$transitionDura === void 0 ? defaultTransitionDuration : _props$transitionDura,
+    _props$TransitionProp = props.TransitionProps;
   _props$TransitionProp = _props$TransitionProp === void 0 ? {} : _props$TransitionProp;
-
   var onEnter = _props$TransitionProp.onEnter,
-      onExited = _props$TransitionProp.onExited,
-      TransitionProps = _objectWithoutProperties(_props$TransitionProp, ["onEnter", "onExited"]),
-      other = _objectWithoutProperties(props, ["action", "anchorOrigin", "autoHideDuration", "children", "className", "ClickAwayListenerProps", "ContentProps", "disableWindowBlurListener", "message", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "TransitionComponent", "transitionDuration", "TransitionProps"]);
-
+    onExited = _props$TransitionProp.onExited,
+    TransitionProps = _objectWithoutProperties(_props$TransitionProp, ["onEnter", "onExited"]),
+    other = _objectWithoutProperties(props, ["action", "anchorOrigin", "autoHideDuration", "children", "className", "ClickAwayListenerProps", "ContentProps", "disableWindowBlurListener", "message", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "TransitionComponent", "transitionDuration", "TransitionProps"]);
   var ownerState = _extends({}, props, {
     anchorOrigin: {
       vertical: vertical,
       horizontal: horizontal
     }
   });
-
   var classes = useUtilityClasses(ownerState);
   var timerAutoHide = React.useRef();
-
   var _React$useState = React.useState(true),
-      exited = _React$useState[0],
-      setExited = _React$useState[1];
-
+    exited = _React$useState[0],
+    setExited = _React$useState[1];
   var handleClose = useEventCallback(function () {
     if (onClose) {
       onClose.apply(void 0, arguments);
@@ -137,7 +130,6 @@ var Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     if (!onClose || autoHideDurationParam == null) {
       return;
     }
-
     clearTimeout(timerAutoHide.current);
     timerAutoHide.current = setTimeout(function () {
       handleClose(null, 'timeout');
@@ -147,79 +139,65 @@ var Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     if (open) {
       setAutoHideTimer(autoHideDuration);
     }
-
     return function () {
       clearTimeout(timerAutoHide.current);
     };
-  }, [open, autoHideDuration, setAutoHideTimer]); // Pause the timer when the user is interacting with the Snackbar
-  // or when the user hide the window.
+  }, [open, autoHideDuration, setAutoHideTimer]);
 
+  // Pause the timer when the user is interacting with the Snackbar
+  // or when the user hide the window.
   var handlePause = function handlePause() {
     clearTimeout(timerAutoHide.current);
-  }; // Restart the timer when the user is no longer interacting with the Snackbar
-  // or when the window is shown back.
-
+  };
 
+  // Restart the timer when the user is no longer interacting with the Snackbar
+  // or when the window is shown back.
   var handleResume = React.useCallback(function () {
     if (autoHideDuration != null) {
       setAutoHideTimer(resumeHideDuration != null ? resumeHideDuration : autoHideDuration * 0.5);
     }
   }, [autoHideDuration, resumeHideDuration, setAutoHideTimer]);
-
   var handleFocus = function handleFocus(event) {
     if (onFocus) {
       onFocus(event);
     }
-
     handlePause();
   };
-
   var handleMouseEnter = function handleMouseEnter(event) {
     if (onMouseEnter) {
       onMouseEnter(event);
     }
-
     handlePause();
   };
-
   var handleBlur = function handleBlur(event) {
     if (onBlur) {
       onBlur(event);
     }
-
     handleResume();
   };
-
   var handleMouseLeave = function handleMouseLeave(event) {
     if (onMouseLeave) {
       onMouseLeave(event);
     }
-
     handleResume();
   };
-
   var handleClickAway = function handleClickAway(event) {
     if (onClose) {
       onClose(event, 'clickaway');
     }
   };
-
   var handleExited = function handleExited(node) {
     setExited(true);
-
     if (onExited) {
       onExited(node);
     }
   };
-
   var handleEnter = function handleEnter(node, isAppearing) {
     setExited(false);
-
     if (onEnter) {
       onEnter(node, isAppearing);
     }
   };
-
   React.useEffect(function () {
     // TODO: window global should be refactored here
     if (!disableWindowBlurListener && open) {
@@ -230,18 +208,16 @@ var Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
         window.removeEventListener('blur', handlePause);
       };
     }
-
     return undefined;
   }, [disableWindowBlurListener, handleResume, open]);
   React.useEffect(function () {
     if (!open) {
       return undefined;
     }
+
     /**
      * @param {KeyboardEvent} nativeEvent
      */
-
-
     function handleKeyDown(nativeEvent) {
       if (!nativeEvent.defaultPrevented) {
         // IE11, Edge (prior to using Bink?) use 'Esc'
@@ -253,17 +229,16 @@ var Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
         }
       }
     }
-
     document.addEventListener('keydown', handleKeyDown);
     return function () {
       document.removeEventListener('keydown', handleKeyDown);
     };
-  }, [exited, open, onClose]); // So we only render active snackbars.
+  }, [exited, open, onClose]);
 
+  // So we only render active snackbars.
   if (!open && exited) {
     return null;
   }
-
   return /*#__PURE__*/_jsx(ClickAwayListener, _extends({
     onClickAway: handleClickAway
   }, ClickAwayListenerProps, {
@@ -274,7 +249,8 @@ var Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       ownerState: ownerState,
-      ref: ref // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
+      ref: ref
+      // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
       // See https://github.com/mui/material-ui/issues/29080
       ,
       role: "presentation"
@@ -295,19 +271,15 @@ var Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     }))
   }));
 });
-process.env.NODE_ENV !== "production" ? Snackbar.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The action to display. It renders after the message, at the end of the snackbar.
    */
   action: PropTypes.node,
-
   /**
    * The anchor of the `Snackbar`.
    * On smaller screens, the component grows to occupy all the available width,
@@ -318,7 +290,6 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
     horizontal: PropTypes.oneOf(['center', 'left', 'right']).isRequired,
     vertical: PropTypes.oneOf(['bottom', 'top']).isRequired
   }),
-
   /**
    * The number of milliseconds to wait before automatically calling the
    * `onClose` function. `onClose` should then set the state of the `open`
@@ -327,38 +298,31 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
    * @default null
    */
   autoHideDuration: PropTypes.number,
-
   /**
    * Replace the `SnackbarContent` component.
    */
   children: PropTypes.element,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * Props applied to the `ClickAwayListener` element.
    */
   ClickAwayListenerProps: PropTypes.object,
-
   /**
    * Props applied to the [`SnackbarContent`](/material-ui/api/snackbar-content/) element.
    */
   ContentProps: PropTypes.object,
-
   /**
    * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
    * @default false
    */
   disableWindowBlurListener: PropTypes.bool,
-
   /**
    * When displaying multiple consecutive Snackbars from a parent rendering a single
    * <Snackbar/>, add the key prop to ensure independent treatment of each message.
@@ -368,17 +332,14 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
   key: function key() {
     return null;
   },
-
   /**
    * The message to display.
    */
   message: PropTypes.node,
-
   /**
    * @ignore
    */
   onBlur: PropTypes.func,
-
   /**
    * Callback fired when the component requests to be closed.
    * Typically `onClose` is used to set state in the parent component,
@@ -390,27 +351,22 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
    * @param {string} reason Can be: `"timeout"` (`autoHideDuration` expired), `"clickaway"`, or `"escapeKeyDown"`.
    */
   onClose: PropTypes.func,
-
   /**
    * @ignore
    */
   onFocus: PropTypes.func,
-
   /**
    * @ignore
    */
   onMouseEnter: PropTypes.func,
-
   /**
    * @ignore
    */
   onMouseLeave: PropTypes.func,
-
   /**
    * If `true`, the component is shown.
    */
   open: PropTypes.bool,
-
   /**
    * The number of milliseconds to wait before dismissing after user interaction.
    * If `autoHideDuration` prop isn't specified, it does nothing.
@@ -418,19 +374,16 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
    * we default to `autoHideDuration / 2` ms.
    */
   resumeHideDuration: PropTypes.number,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-
   /**
    * The component used for the transition.
    * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Grow
    */
   TransitionComponent: PropTypes.elementType,
-
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -444,7 +397,6 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
     enter: PropTypes.number,
     exit: PropTypes.number
   })]),
-
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.

package/legacy/SnackbarContent/SnackbarContent.js

@@ -12,7 +12,6 @@ import Paper from '../Paper';
 import { getSnackbarContentUtilityClass } from './snackbarContentClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
   var slots = {
@@ -22,7 +21,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getSnackbarContentUtilityClass, classes);
 };
-
 var SnackbarContentRoot = styled(Paper, {
   name: 'MuiSnackbarContent',
   slot: 'Root',
@@ -74,14 +72,12 @@ var SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(inP
     props: inProps,
     name: 'MuiSnackbarContent'
   });
-
   var action = props.action,
-      className = props.className,
-      message = props.message,
-      _props$role = props.role,
-      role = _props$role === void 0 ? 'alert' : _props$role,
-      other = _objectWithoutProperties(props, ["action", "className", "message", "role"]);
-
+    className = props.className,
+    message = props.message,
+    _props$role = props.role,
+    role = _props$role === void 0 ? 'alert' : _props$role,
+    other = _objectWithoutProperties(props, ["action", "className", "message", "role"]);
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(SnackbarContentRoot, _extends({
@@ -103,42 +99,32 @@ var SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(inP
     }) : null]
   }));
 });
-process.env.NODE_ENV !== "production" ? SnackbarContent.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? SnackbarContent.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The action to display. It renders after the message, at the end of the snackbar.
    */
   action: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The message to display.
    */
   message: PropTypes.node,
-
   /**
    * The ARIA role attribute of the element.
    * @default 'alert'
    */
-  role: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .string,
-
+  role: PropTypes /* @typescript-to-proptypes-ignore */.string,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */