"use strict"; 'use client'; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.useSnackbar = useSnackbar; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var React = _interopRequireWildcard(require("react")); var _utils = require("@mui/utils"); var _extractEventHandlers = require("../utils/extractEventHandlers"); function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); } function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /** * The basic building block for creating custom snackbar. * * Demos: * * - [Snackbar](https://mui.com/base-ui/react-snackbar/#hook) * * API: * * - [useSnackbar API](https://mui.com/base-ui/react-snackbar/hooks-api/#use-snackbar) */ function useSnackbar(parameters = {}) { const { autoHideDuration = null, disableWindowBlurListener = false, onClose, open, resumeHideDuration } = parameters; const timerAutoHide = (0, _utils.unstable_useTimeout)(); React.useEffect(() => { if (!open) { return undefined; } /** * @param {KeyboardEvent} nativeEvent */ function handleKeyDown(nativeEvent) { if (!nativeEvent.defaultPrevented) { // IE11, Edge (prior to using Blink?) use 'Esc' if (nativeEvent.key === 'Escape' || nativeEvent.key === 'Esc') { // not calling `preventDefault` since we don't know if people may ignore this event e.g. a permanently open snackbar onClose == null || onClose(nativeEvent, 'escapeKeyDown'); } } } document.addEventListener('keydown', handleKeyDown); return () => { document.removeEventListener('keydown', handleKeyDown); }; }, [open, onClose]); const handleClose = (0, _utils.unstable_useEventCallback)((event, reason) => { onClose == null || onClose(event, reason); }); const setAutoHideTimer = (0, _utils.unstable_useEventCallback)(autoHideDurationParam => { if (!onClose || autoHideDurationParam == null) { return; } timerAutoHide.start(autoHideDurationParam, () => { handleClose(null, 'timeout'); }); }); React.useEffect(() => { if (open) { setAutoHideTimer(autoHideDuration); } return timerAutoHide.clear; }, [open, autoHideDuration, setAutoHideTimer, timerAutoHide]); const handleClickAway = event => { onClose == null || onClose(event, 'clickaway'); }; // Pause the timer when the user is interacting with the Snackbar // or when the user hide the window. const handlePause = timerAutoHide.clear; // 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 createHandleBlur = otherHandlers => event => { const onBlurCallback = otherHandlers.onBlur; onBlurCallback == null || onBlurCallback(event); handleResume(); }; const createHandleFocus = otherHandlers => event => { const onFocusCallback = otherHandlers.onFocus; onFocusCallback == null || onFocusCallback(event); handlePause(); }; const createMouseEnter = otherHandlers => event => { const onMouseEnterCallback = otherHandlers.onMouseEnter; onMouseEnterCallback == null || onMouseEnterCallback(event); handlePause(); }; const createMouseLeave = otherHandlers => event => { const onMouseLeaveCallback = otherHandlers.onMouseLeave; onMouseLeaveCallback == null || onMouseLeaveCallback(event); handleResume(); }; React.useEffect(() => { // TODO: window global should be refactored here if (!disableWindowBlurListener && open) { window.addEventListener('focus', handleResume); window.addEventListener('blur', handlePause); return () => { window.removeEventListener('focus', handleResume); window.removeEventListener('blur', handlePause); }; } return undefined; }, [disableWindowBlurListener, open, handleResume, handlePause]); const getRootProps = (externalProps = {}) => { const externalEventHandlers = (0, _extends2.default)({}, (0, _extractEventHandlers.extractEventHandlers)(parameters), (0, _extractEventHandlers.extractEventHandlers)(externalProps)); return (0, _extends2.default)({ // ClickAwayListener adds an `onClick` prop which results in the alert not being announced. // See https://github.com/mui/material-ui/issues/29080 role: 'presentation' }, externalProps, externalEventHandlers, { onBlur: createHandleBlur(externalEventHandlers), onFocus: createHandleFocus(externalEventHandlers), onMouseEnter: createMouseEnter(externalEventHandlers), onMouseLeave: createMouseLeave(externalEventHandlers) }); }; return { getRootProps, onClickAway: handleClickAway }; }