@mui/material 5.10.13 → 5.10.15

package/modern/Snackbar/Snackbar.js

@@ -1,7 +1,7 @@
 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"];
+  _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 clsx from 'clsx';
@@ -16,7 +16,6 @@ import Grow from '../Grow';
 import SnackbarContent from '../SnackbarContent';
 import { getSnackbarUtilityClass } from './snackbarClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -27,7 +26,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getSnackbarUtilityClass, classes);
 };
-
 const SnackbarRoot = styled('div', {
   name: 'MuiSnackbar',
   slot: 'Root',
@@ -86,47 +84,44 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     enter: theme.transitions.duration.enteringScreen,
     exit: theme.transitions.duration.leavingScreen
   };
-
   const {
-    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
-    } = {}
-  } = props,
-        TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded),
-        other = _objectWithoutPropertiesLoose(props, _excluded2);
-
+      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
+      } = {}
+    } = props,
+    TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded),
+    other = _objectWithoutPropertiesLoose(props, _excluded2);
   const ownerState = _extends({}, props, {
     anchorOrigin: {
       vertical,
       horizontal
     }
   });
-
   const classes = useUtilityClasses(ownerState);
   const timerAutoHide = React.useRef();
   const [exited, setExited] = React.useState(true);
@@ -139,7 +134,6 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     if (!onClose || autoHideDurationParam == null) {
       return;
     }
-
     clearTimeout(timerAutoHide.current);
     timerAutoHide.current = setTimeout(() => {
       handleClose(null, 'timeout');
@@ -149,79 +143,65 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     if (open) {
       setAutoHideTimer(autoHideDuration);
     }
-
     return () => {
       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.
   const 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.
   const handleResume = React.useCallback(() => {
     if (autoHideDuration != null) {
       setAutoHideTimer(resumeHideDuration != null ? resumeHideDuration : autoHideDuration * 0.5);
     }
   }, [autoHideDuration, resumeHideDuration, setAutoHideTimer]);
-
   const handleFocus = event => {
     if (onFocus) {
       onFocus(event);
     }
-
     handlePause();
   };
-
   const handleMouseEnter = event => {
     if (onMouseEnter) {
       onMouseEnter(event);
     }
-
     handlePause();
   };
-
   const handleBlur = event => {
     if (onBlur) {
       onBlur(event);
     }
-
     handleResume();
   };
-
   const handleMouseLeave = event => {
     if (onMouseLeave) {
       onMouseLeave(event);
     }
-
     handleResume();
   };
-
   const handleClickAway = event => {
     if (onClose) {
       onClose(event, 'clickaway');
     }
   };
-
   const handleExited = node => {
     setExited(true);
-
     if (onExited) {
       onExited(node);
     }
   };
-
   const handleEnter = (node, isAppearing) => {
     setExited(false);
-
     if (onEnter) {
       onEnter(node, isAppearing);
     }
   };
-
   React.useEffect(() => {
     // TODO: window global should be refactored here
     if (!disableWindowBlurListener && open) {
@@ -232,18 +212,16 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
         window.removeEventListener('blur', handlePause);
       };
     }
-
     return undefined;
   }, [disableWindowBlurListener, handleResume, open]);
   React.useEffect(() => {
     if (!open) {
       return undefined;
     }
+
     /**
      * @param {KeyboardEvent} nativeEvent
      */
-
-
     function handleKeyDown(nativeEvent) {
       if (!nativeEvent.defaultPrevented) {
         // IE11, Edge (prior to using Bink?) use 'Esc'
@@ -255,17 +233,16 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
         }
       }
     }
-
     document.addEventListener('keydown', handleKeyDown);
     return () => {
       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, {
@@ -276,7 +253,8 @@ const 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"
@@ -297,19 +275,15 @@ const 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,
@@ -320,7 +294,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`
@@ -329,38 +302,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 +334,14 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
    * features such as autoHideDuration may be canceled.
    */
   key: () => 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 +353,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 +376,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 +399,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/modern/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";
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -24,7 +23,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getSnackbarContentUtilityClass, classes);
 };
-
 const SnackbarContentRoot = styled(Paper, {
   name: 'MuiSnackbarContent',
   slot: 'Root',
@@ -72,15 +70,13 @@ const SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(i
     props: inProps,
     name: 'MuiSnackbarContent'
   });
-
   const {
-    action,
-    className,
-    message,
-    role = 'alert'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      action,
+      className,
+      message,
+      role = 'alert'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(SnackbarContentRoot, _extends({
@@ -102,42 +98,32 @@ const SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(i
     }) : 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.
    */