Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
ee54bh78i - npm Package Compare versions
Comparing version 3.0.0-alpha.6 to 3.0.0-alpha.7
@@ -468,2 +468,3 @@ 'use strict'; | ||
| } | ||
| function ownerWindow(node) { | ||
@@ -473,3 +474,2 @@ var doc = ownerDocument(node); | ||
| } | ||
| /** | ||
@@ -480,2 +480,3 @@ * Corresponds to 10 frames at 60 Hz. | ||
| function debounce(func, wait) { | ||
@@ -681,2 +682,3 @@ if (wait === void 0) { | ||
| }); | ||
| Slide.displayName = 'Slide'; | ||
@@ -818,14 +820,2 @@ var SvgIcon = function SvgIcon(props) { | ||
| /** | ||
| * https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10 | ||
| */ | ||
| function getAutoHeightDuration(height) { | ||
| if (!height) { | ||
| return 0; | ||
| } | ||
| var constant = height / 36; | ||
| return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10); | ||
| } | ||
| function makeStyles(styles) { | ||
@@ -856,24 +846,9 @@ return Object.entries(styles).reduce(function (acc, _ref) { | ||
| var collapsedSize = '0px'; | ||
| var timeout = 175; | ||
| var Collapse = /*#__PURE__*/React.forwardRef(function (props, ref) { | ||
| var children = props.children, | ||
| style = props.style, | ||
| _props$timeout = props.timeout, | ||
| timeout = _props$timeout === void 0 ? 300 : _props$timeout, | ||
| inProp = props["in"], | ||
| onEnter = props.onEnter, | ||
| onEntered = props.onEntered, | ||
| onExit = props.onExit, | ||
| onExited = props.onExited, | ||
| other = _objectWithoutPropertiesLoose(props, ["children", "style", "timeout", "in", "onEnter", "onEntered", "onExit", "onExited", "direction"]); | ||
| var timer = React.useRef(); | ||
| id = props.id; | ||
| var wrapperRef = React.useRef(null); | ||
| var autoTransitionDuration = React.useRef(); | ||
| React.useEffect(function () { | ||
| return function () { | ||
| if (timer.current) { | ||
| clearTimeout(timer.current); | ||
| } | ||
| }; | ||
| }, []); | ||
| var nodeRef = React.useRef(null); | ||
@@ -886,8 +861,4 @@ var handleRef = useForkRef(ref, nodeRef); | ||
| var handleEnter = function handleEnter(node, isAppearing, snackId) { | ||
| var handleEnter = function handleEnter(node) { | ||
| node.style.height = collapsedSize; | ||
| if (onEnter) { | ||
| onEnter(node, isAppearing, snackId); | ||
| } | ||
| }; | ||
@@ -899,3 +870,2 @@ | ||
| var _getTransitionProps = getTransitionProps({ | ||
| style: style, | ||
| timeout: timeout, | ||
@@ -907,10 +877,3 @@ mode: 'enter' | ||
| if (timeout === 'auto') { | ||
| var duration2 = getAutoHeightDuration(wrapperSize); | ||
| node.style.transitionDuration = duration2 + "ms"; | ||
| autoTransitionDuration.current = duration2; | ||
| } else { | ||
| node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : transitionDuration + "ms"; | ||
| } | ||
| node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : transitionDuration + "ms"; | ||
| node.style.height = wrapperSize + "px"; | ||
@@ -920,23 +883,14 @@ node.style.transitionTimingFunction = easing || ''; | ||
| var handleEntered = function handleEntered(node, isAppearing, snackId) { | ||
| var handleEntered = function handleEntered(node) { | ||
| node.style.height = 'auto'; | ||
| if (onEntered) { | ||
| onEntered(node, isAppearing, snackId); | ||
| } | ||
| }; | ||
| var handleExit = function handleExit(node, snackId) { | ||
| var handleExit = function handleExit(node) { | ||
| node.style.height = getWrapperSize() + "px"; | ||
| if (onExit) { | ||
| onExit(node, snackId); | ||
| } | ||
| }; | ||
| var handleExiting = function handleExiting(node) { | ||
| var wrapperSize = getWrapperSize(); | ||
| reflow(node); | ||
| var _getTransitionProps2 = getTransitionProps({ | ||
| style: style, | ||
| timeout: timeout, | ||
@@ -948,10 +902,3 @@ mode: 'exit' | ||
| if (timeout === 'auto') { | ||
| var duration2 = getAutoHeightDuration(wrapperSize); | ||
| node.style.transitionDuration = duration2 + "ms"; | ||
| autoTransitionDuration.current = duration2; | ||
| } else { | ||
| node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : transitionDuration + "ms"; | ||
| } | ||
| node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : transitionDuration + "ms"; | ||
| node.style.height = collapsedSize; | ||
@@ -961,10 +908,6 @@ node.style.transitionTimingFunction = easing || ''; | ||
| var handleAddEndListener = function handleAddEndListener(next) { | ||
| if (timeout === 'auto') { | ||
| timer.current = setTimeout(next, autoTransitionDuration.current || 0); | ||
| } | ||
| }; | ||
| return React.createElement(Transition, Object.assign({ | ||
| return React.createElement(Transition, { | ||
| id: id, | ||
| "in": inProp, | ||
| unmountOnExit: true, | ||
| onEnter: handleEnter, | ||
@@ -976,6 +919,5 @@ onEntered: handleEntered, | ||
| onExiting: handleExiting, | ||
| addEndListener: handleAddEndListener, | ||
| nodeRef: nodeRef, | ||
| timeout: timeout === 'auto' ? null : timeout | ||
| }, other), function (state, childProps) { | ||
| timeout: timeout | ||
| }, function (state, childProps) { | ||
| return React.createElement("div", Object.assign({ | ||
@@ -993,3 +935,3 @@ ref: handleRef, | ||
| visibility: 'hidden' | ||
| }, {}, style) | ||
| }) | ||
| }, childProps), React.createElement("div", { | ||
@@ -1000,11 +942,9 @@ ref: wrapperRef, | ||
| style: { | ||
| display: 'flex' | ||
| } | ||
| }, React.createElement("div", { | ||
| style: { | ||
| display: 'flex', | ||
| width: '100%' | ||
| } | ||
| }, children))); | ||
| }, children)); | ||
| }); | ||
| }); | ||
| Collapse.displayName = 'Collapse'; | ||
@@ -1099,108 +1039,2 @@ var direction = { | ||
| */ | ||
| function mapEventPropToEvent(eventProp) { | ||
| return eventProp.substring(2).toLowerCase(); | ||
| } | ||
| function clickedRootScrollbar(event, doc) { | ||
| return doc.documentElement.clientWidth < event.clientX || doc.documentElement.clientHeight < event.clientY; | ||
| } | ||
| var mouseEvent = 'onClick'; | ||
| var touchEvent = 'onTouchEnd'; | ||
| /** | ||
| * Listen for click events that occur somewhere in the document, outside of the element itself. | ||
| * For instance, if you need to hide a menu when people click anywhere else on your page. | ||
| */ | ||
| function ClickAway(_ref) { | ||
| var children = _ref.children, | ||
| onClickAway = _ref.onClickAway; | ||
| var movedRef = React.useRef(false); | ||
| var nodeRef = React.useRef(null); | ||
| var activatedRef = React.useRef(false); | ||
| var syntheticEventRef = React.useRef(false); | ||
| React.useEffect(function () { | ||
| // Ensure that this component is not "activated" synchronously. | ||
| // https://github.com/facebook/react/issues/20074 | ||
| setTimeout(function () { | ||
| activatedRef.current = true; | ||
| }, 0); | ||
| return function () { | ||
| activatedRef.current = false; | ||
| }; | ||
| }, []); | ||
| var handleRef = useForkRef(children.ref, nodeRef); | ||
| var handleClickAway = useEventCallback(function (event) { | ||
| var insideReactTree = syntheticEventRef.current; | ||
| syntheticEventRef.current = false; | ||
| var doc = ownerDocument(nodeRef.current); | ||
| if (!activatedRef.current || !nodeRef.current || 'clientX' in event && clickedRootScrollbar(event, doc)) { | ||
| return; | ||
| } | ||
| if (movedRef.current) { | ||
| movedRef.current = false; | ||
| return; | ||
| } | ||
| var insideDOM; | ||
| if (event.composedPath) { | ||
| insideDOM = event.composedPath().indexOf(nodeRef.current) > -1; | ||
| } else { | ||
| insideDOM = !doc.documentElement.contains(event.target) || nodeRef.current.contains(event.target); | ||
| } | ||
| if (!insideDOM && !insideReactTree) { | ||
| onClickAway(event); | ||
| } | ||
| }); | ||
| var createHandleSynthetic = function createHandleSynthetic(handlerName) { | ||
| return function (event) { | ||
| syntheticEventRef.current = true; | ||
| var childrenPropsHandler = children.props[handlerName]; | ||
| if (childrenPropsHandler) { | ||
| childrenPropsHandler(event); | ||
| } | ||
| }; | ||
| }; | ||
| var childrenProps = { | ||
| ref: handleRef | ||
| }; | ||
| childrenProps[touchEvent] = createHandleSynthetic(touchEvent); | ||
| React.useEffect(function () { | ||
| var mappedTouchEvent = mapEventPropToEvent(touchEvent); | ||
| var doc = ownerDocument(nodeRef.current); | ||
| var handleTouchMove = function handleTouchMove() { | ||
| movedRef.current = true; | ||
| }; | ||
| doc.addEventListener(mappedTouchEvent, handleClickAway); | ||
| doc.addEventListener('touchmove', handleTouchMove); | ||
| return function () { | ||
| doc.removeEventListener(mappedTouchEvent, handleClickAway); | ||
| doc.removeEventListener('touchmove', handleTouchMove); | ||
| }; | ||
| }, [handleClickAway, touchEvent]); | ||
| childrenProps[mouseEvent] = createHandleSynthetic(mouseEvent); | ||
| React.useEffect(function () { | ||
| var mappedMouseEvent = mapEventPropToEvent(mouseEvent); | ||
| var doc = ownerDocument(nodeRef.current); | ||
| doc.addEventListener(mappedMouseEvent, handleClickAway); | ||
| return function () { | ||
| doc.removeEventListener(mappedMouseEvent, handleClickAway); | ||
| }; | ||
| }, [handleClickAway, mouseEvent]); | ||
| return React.createElement(React.Fragment, null, React.cloneElement(children, childrenProps)); | ||
| } | ||
| /** | ||
| * Credit to MUI team @ https://mui.com | ||
| */ | ||
| var Snackbar = /*#__PURE__*/React.forwardRef(function (props, ref) { | ||
@@ -1285,8 +1119,2 @@ var children = props.children, | ||
| var handleClickAway = function handleClickAway(event) { | ||
| if (onClose) { | ||
| onClose(event, 'clickaway', id); | ||
| } | ||
| }; | ||
| React.useEffect(function () { | ||
@@ -1304,5 +1132,3 @@ if (!disableWindowBlurListener && open) { | ||
| }, [disableWindowBlurListener, handleResume, open]); | ||
| return React.createElement(ClickAway, { | ||
| onClickAway: handleClickAway | ||
| }, React.createElement("div", Object.assign({ | ||
| return React.createElement("div", Object.assign({ | ||
| ref: ref | ||
@@ -1313,4 +1139,5 @@ }, SnackbarProps, { | ||
| onMouseLeave: handleMouseLeave | ||
| }), children)); | ||
| }), children); | ||
| }); | ||
| Snackbar.displayName = 'Snackbar'; | ||
@@ -1337,2 +1164,3 @@ var _root; | ||
| }); | ||
| SnackbarContent.displayName = 'SnackbarContent'; | ||
@@ -1409,2 +1237,3 @@ var classes$2 = /*#__PURE__*/makeStyles({ | ||
| }); | ||
| MaterialDesignContent.displayName = 'MaterialDesignContent'; | ||
| var MaterialDesignContent$1 = /*#__PURE__*/React.memo(MaterialDesignContent); | ||
@@ -1414,2 +1243,3 @@ | ||
| wrappedRoot: { | ||
| width: '100%', | ||
| position: 'relative', | ||
@@ -1489,4 +1319,2 @@ transform: 'translateX(0)', | ||
| id: otherSnack.id, | ||
| unmountOnExit: true, | ||
| timeout: 175, | ||
| "in": collapsed, | ||
@@ -1601,3 +1429,3 @@ onExited: callbacks.onExited | ||
| var messages = { | ||
| NO_PERSIST_ALL: 'Reached maxSnack while all enqueued snackbars have \'persist\' flag. Notistack will dismiss the oldest snackbar anyway to allow other ones in the queue to be presented.' | ||
| NO_PERSIST_ALL: "Reached maxSnack while all enqueued snackbars have 'persist' flag. Notistack will dismiss the oldest snackbar anyway to allow other ones in the queue to be presented." | ||
| }; | ||
@@ -1824,6 +1652,2 @@ var warning = (function (messageKey) { | ||
| if (reason === 'clickaway') { | ||
| return; | ||
| } | ||
| var shouldCloseAll = key === undefined; | ||
@@ -1994,3 +1818,3 @@ | ||
| }; | ||
| /** | ||
| /** | ||
| * From react-is | ||
@@ -2062,7 +1886,307 @@ * @link https://github.com/facebook/react/blob/master/packages/shared/ReactSymbols.js | ||
| var styles$2 = { | ||
| entering: { | ||
| opacity: 1 | ||
| }, | ||
| entered: { | ||
| opacity: 1 | ||
| } | ||
| }; | ||
| var Fade = /*#__PURE__*/React.forwardRef(function (props, ref) { | ||
| var children = props.children, | ||
| inProp = props["in"], | ||
| _props$timeout = props.timeout, | ||
| timeout = _props$timeout === void 0 ? 0 : _props$timeout, | ||
| style = props.style, | ||
| onEnter = props.onEnter, | ||
| onEntered = props.onEntered, | ||
| onExit = props.onExit, | ||
| onExited = props.onExited, | ||
| other = _objectWithoutPropertiesLoose(props, ["children", "in", "timeout", "style", "onEnter", "onEntered", "onExit", "onExited", "direction"]); | ||
| var nodeRef = React.useRef(null); | ||
| var handleRefIntermediary = useForkRef(children.ref, ref); | ||
| var handleRef = useForkRef(nodeRef, handleRefIntermediary); | ||
| var handleEnter = function handleEnter(node, isAppearing, snackId) { | ||
| reflow(node); | ||
| var transitionProps = getTransitionProps({ | ||
| style: style, | ||
| timeout: timeout, | ||
| mode: 'enter' | ||
| }); | ||
| node.style.webkitTransition = createTransition('opacity', transitionProps); | ||
| node.style.transition = createTransition('opacity', transitionProps); | ||
| if (onEnter) { | ||
| onEnter(node, isAppearing, snackId); | ||
| } | ||
| }; | ||
| var handleExit = function handleExit(node, snackId) { | ||
| var transitionProps = getTransitionProps({ | ||
| style: style, | ||
| timeout: timeout, | ||
| mode: 'exit' | ||
| }); | ||
| node.style.webkitTransition = createTransition('opacity', transitionProps); | ||
| node.style.transition = createTransition('opacity', transitionProps); | ||
| if (onExit) { | ||
| onExit(node, snackId); | ||
| } | ||
| }; | ||
| return React.createElement(Transition, Object.assign({ | ||
| appear: true, | ||
| "in": inProp, | ||
| nodeRef: nodeRef, | ||
| onEnter: handleEnter, | ||
| onEntered: onEntered, | ||
| onExit: handleExit, | ||
| onExited: onExited, | ||
| timeout: timeout | ||
| }, other), function (status, childProps) { | ||
| return React.cloneElement(children, _extends({ | ||
| style: _extends({ | ||
| opacity: 0, | ||
| visibility: status === 'exited' && !inProp ? 'hidden' : undefined | ||
| }, styles$2[status], {}, style, {}, children.props.style), | ||
| ref: handleRef | ||
| }, childProps)); | ||
| }); | ||
| }); | ||
| Fade.displayName = 'Fade'; | ||
| /** | ||
| * https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10 | ||
| */ | ||
| function getAutoHeightDuration(height) { | ||
| if (!height) { | ||
| return 0; | ||
| } | ||
| var constant = height / 36; | ||
| return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10); | ||
| } | ||
| function getScale(value) { | ||
| return "scale(" + value + ", " + Math.pow(value, 2) + ")"; | ||
| } | ||
| var styles$3 = { | ||
| entering: { | ||
| opacity: 1, | ||
| transform: /*#__PURE__*/getScale(1) | ||
| }, | ||
| entered: { | ||
| opacity: 1, | ||
| transform: 'none' | ||
| } | ||
| }; | ||
| var Grow = /*#__PURE__*/React.forwardRef(function (props, ref) { | ||
| var children = props.children, | ||
| inProp = props["in"], | ||
| style = props.style, | ||
| _props$timeout = props.timeout, | ||
| timeout = _props$timeout === void 0 ? 'auto' : _props$timeout, | ||
| onEnter = props.onEnter, | ||
| onEntered = props.onEntered, | ||
| onExit = props.onExit, | ||
| onExited = props.onExited, | ||
| other = _objectWithoutPropertiesLoose(props, ["children", "in", "style", "timeout", "onEnter", "onEntered", "onExit", "onExited"]); | ||
| var timer = React.useRef(); | ||
| var autoTimeout = React.useRef(); | ||
| var nodeRef = React.useRef(null); | ||
| var handleRefIntermediary = useForkRef(children.ref, nodeRef); | ||
| var handleRef = useForkRef(handleRefIntermediary, ref); | ||
| var handleEnter = function handleEnter(node, isAppearing, snackId) { | ||
| reflow(node); | ||
| var _getTransitionProps = getTransitionProps({ | ||
| style: style, | ||
| timeout: timeout, | ||
| mode: 'enter' | ||
| }), | ||
| transitionDuration = _getTransitionProps.duration, | ||
| delay = _getTransitionProps.delay, | ||
| easing = _getTransitionProps.easing; | ||
| var duration = transitionDuration; | ||
| if (typeof duration === 'string') { | ||
| // i.e if timeout === 'auto' | ||
| duration = getAutoHeightDuration(node.clientHeight); | ||
| autoTimeout.current = duration; | ||
| } | ||
| node.style.transition = [createTransition('opacity', { | ||
| duration: duration, | ||
| delay: delay | ||
| }), createTransition('transform', { | ||
| delay: delay, | ||
| easing: easing, | ||
| duration: duration * 0.666 | ||
| })].join(','); | ||
| if (onEnter) { | ||
| onEnter(node, isAppearing, snackId); | ||
| } | ||
| }; | ||
| var handleExit = function handleExit(node, snackId) { | ||
| var _getTransitionProps2 = getTransitionProps({ | ||
| style: style, | ||
| timeout: timeout, | ||
| mode: 'exit' | ||
| }), | ||
| transitionDuration = _getTransitionProps2.duration, | ||
| delay = _getTransitionProps2.delay, | ||
| easing = _getTransitionProps2.easing; | ||
| var duration = transitionDuration; | ||
| if (typeof duration === 'string') { | ||
| // i.e if timeout === 'auto' | ||
| duration = getAutoHeightDuration(node.clientHeight); | ||
| autoTimeout.current = duration; | ||
| } | ||
| node.style.transition = [createTransition('opacity', { | ||
| duration: duration, | ||
| delay: delay | ||
| }), createTransition('transform', { | ||
| easing: easing, | ||
| duration: duration * 0.666, | ||
| delay: delay || duration * 0.333 | ||
| })].join(','); | ||
| node.style.opacity = '0'; | ||
| node.style.transform = getScale(0.75); | ||
| if (onExit) { | ||
| onExit(node, snackId); | ||
| } | ||
| }; | ||
| var handleAddEndListener = function handleAddEndListener(next) { | ||
| if (timeout === 'auto') { | ||
| timer.current = setTimeout(next, autoTimeout.current || 0); | ||
| } | ||
| }; | ||
| React.useEffect(function () { | ||
| return function () { | ||
| if (timer.current) { | ||
| clearTimeout(timer.current); | ||
| } | ||
| }; | ||
| }, []); | ||
| return React.createElement(Transition, Object.assign({ | ||
| appear: true, | ||
| "in": inProp, | ||
| nodeRef: nodeRef, | ||
| onEnter: handleEnter, | ||
| onEntered: onEntered, | ||
| onExit: handleExit, | ||
| onExited: onExited, | ||
| addEndListener: handleAddEndListener, | ||
| timeout: timeout === 'auto' ? null : timeout | ||
| }, other), function (state, childProps) { | ||
| return React.cloneElement(children, _extends({ | ||
| style: _extends({ | ||
| opacity: 0, | ||
| transform: getScale(0.75), | ||
| visibility: state === 'exited' && !inProp ? 'hidden' : undefined | ||
| }, styles$3[state], {}, style, {}, children.props.style), | ||
| ref: handleRef | ||
| }, childProps)); | ||
| }); | ||
| }); | ||
| Grow.displayName = 'Grow'; | ||
| var styles$4 = { | ||
| entering: { | ||
| transform: 'none' | ||
| }, | ||
| entered: { | ||
| transform: 'none' | ||
| } | ||
| }; | ||
| var Zoom = /*#__PURE__*/React.forwardRef(function (props, ref) { | ||
| var children = props.children, | ||
| inProp = props["in"], | ||
| style = props.style, | ||
| _props$timeout = props.timeout, | ||
| timeout = _props$timeout === void 0 ? 0 : _props$timeout, | ||
| onEnter = props.onEnter, | ||
| onEntered = props.onEntered, | ||
| onExit = props.onExit, | ||
| onExited = props.onExited, | ||
| other = _objectWithoutPropertiesLoose(props, ["children", "in", "style", "timeout", "onEnter", "onEntered", "onExit", "onExited", "direction"]); | ||
| var nodeRef = React.useRef(null); | ||
| var handleRefIntermediary = useForkRef(children.ref, ref); | ||
| var handleRef = useForkRef(nodeRef, handleRefIntermediary); | ||
| var handleEnter = function handleEnter(node, isAppearing, snackId) { | ||
| reflow(node); | ||
| var transitionProps = getTransitionProps({ | ||
| style: style, | ||
| timeout: timeout, | ||
| mode: 'enter' | ||
| }); | ||
| node.style.webkitTransition = createTransition('transform', transitionProps); | ||
| node.style.transition = createTransition('transform', transitionProps); | ||
| if (onEnter) { | ||
| onEnter(node, isAppearing, snackId); | ||
| } | ||
| }; | ||
| var handleExit = function handleExit(node, snackId) { | ||
| var transitionProps = getTransitionProps({ | ||
| style: style, | ||
| timeout: timeout, | ||
| mode: 'exit' | ||
| }); | ||
| node.style.webkitTransition = createTransition('transform', transitionProps); | ||
| node.style.transition = createTransition('transform', transitionProps); | ||
| if (onExit) { | ||
| onExit(node, snackId); | ||
| } | ||
| }; | ||
| return React.createElement(Transition, Object.assign({ | ||
| appear: true, | ||
| "in": inProp, | ||
| nodeRef: nodeRef, | ||
| onEnter: handleEnter, | ||
| onEntered: onEntered, | ||
| onExit: handleExit, | ||
| onExited: onExited, | ||
| timeout: timeout | ||
| }, other), function (state, childProps) { | ||
| return React.cloneElement(children, _extends({ | ||
| style: _extends({ | ||
| transform: 'scale(0)', | ||
| visibility: state === 'exited' && !inProp ? 'hidden' : undefined | ||
| }, styles$4[state], {}, style, {}, children.props.style), | ||
| ref: handleRef | ||
| }, childProps)); | ||
| }); | ||
| }); | ||
| Zoom.displayName = 'Zoom'; | ||
| exports.Fade = Fade; | ||
| exports.Grow = Grow; | ||
| exports.Slide = Slide; | ||
| exports.SnackbarContent = SnackbarContent; | ||
| exports.SnackbarProvider = SnackbarProvider; | ||
| exports.Transition = Transition; | ||
| exports.Zoom = Zoom; | ||
| exports.useSnackbar = useSnackbar; | ||
| exports.withSnackbar = withSnackbar; | ||
| //# sourceMappingURL=ee54bh78i.cjs.development.js.map |
@@ -1,2 +0,2 @@ | ||
| "use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n.default:n}Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=n(e),r=require("react-dom"),i=n(require("clsx")),o=require("goober"),a=n(require("hoist-non-react-statics"));function u(n,e){for(var t=0;t<e.length;t++){var r=e[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(n,r.key,r)}}function s(n,e,t){return e&&u(n.prototype,e),t&&u(n,t),n}function c(){return(c=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n}).apply(this,arguments)}function l(n,e){n.prototype=Object.create(e.prototype),n.prototype.constructor=n,n.__proto__=e}function d(n,e){if(null==n)return{};var t,r,i={},o=Object.keys(n);for(r=0;r<o.length;r++)e.indexOf(t=o[r])>=0||(i[t]=n[t]);return i}var f=t.createContext(),p=function(n){return n.charAt(0).toUpperCase()+n.slice(1)},m=function(n){return""+p(n.vertical)+p(n.horizontal)},h=function(n){return!!n||0===n},x=function(n){function e(e){var t;t=n.call(this,e)||this;var r,i=e.appear;return t.appearStatus=null,e.in?i?(r="exited",t.appearStatus="entering"):r="entered":r=e.unmountOnExit||e.mountOnEnter?"unmounted":"exited",t.state={status:r},t.nextCallback=null,t}l(e,n),e.getDerivedStateFromProps=function(n,e){return n.in&&"unmounted"===e.status?{status:"exited"}:null};var t=e.prototype;return t.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},t.componentDidUpdate=function(n){var e=null;if(n!==this.props){var t=this.state.status;this.props.in?"entering"!==t&&"entered"!==t&&(e="entering"):"entering"!==t&&"entered"!==t||(e="exiting")}this.updateStatus(!1,e)},t.componentWillUnmount=function(){this.cancelNextCallback()},t.getTimeouts=function(){var n=this.props.timeout,e=n,t=n;return null!=n&&"number"!=typeof n&&(t=n.exit,e=n.enter),{exit:t,enter:e}},t.updateStatus=function(n,e){void 0===n&&(n=!1),null!==e?(this.cancelNextCallback(),"entering"===e?this.performEnter(n):this.performExit()):this.props.unmountOnExit&&"exited"===this.state.status&&this.setState({status:"unmounted"})},t.performEnter=function(n){var e=this,t=this.props,r=t.enter,i=t.id,o=n,a=this.getTimeouts();n||r?(this.props.onEnter(this.node,o,i),this.safeSetState({status:"entering"},(function(){e.props.onEntering(e.node,o,i),e.onTransitionEnd(a.enter,(function(){e.safeSetState({status:"entered"},(function(){e.props.onEntered(e.node,o,i)}))}))}))):this.safeSetState({status:"entered"},(function(){e.props.onEntered(e.node,o,i)}))},t.performExit=function(){var n=this,e=this.props,t=e.exit,r=e.id,i=this.getTimeouts();t?(this.props.onExit(this.node,r),this.safeSetState({status:"exiting"},(function(){n.props.onExiting(n.node,r),n.onTransitionEnd(i.exit,(function(){n.safeSetState({status:"exited"},(function(){n.props.onExited(n.node,r)}))}))}))):this.safeSetState({status:"exited"},(function(){n.props.onExited(n.node,r)}))},t.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},t.safeSetState=function(n,e){e=this.setNextCallback(e),this.setState(n,e)},t.setNextCallback=function(n){var e=this,t=!0;return this.nextCallback=function(r){t&&(t=!1,e.nextCallback=null,n(r))},this.nextCallback.cancel=function(){t=!1},this.nextCallback},t.onTransitionEnd=function(n,e){this.setNextCallback(e),!this.node||null==n&&!this.props.addEndListener?setTimeout(this.nextCallback,0):(this.props.addEndListener&&this.props.addEndListener(this.node,this.nextCallback),null!=n&&setTimeout(this.nextCallback,n))},t.render=function(){var n=this.state.status;if("unmounted"===n)return null;var e=this.props;return(0,e.children)(n,d(e,["children","id","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]))},s(e,[{key:"node",get:function(){var n=this.props.nodeRef.current;if(!n)throw new Error("notistack - Custom snackbar is not refForwarding");return n}}]),e}(t.Component);function v(){}function E(n,e){"function"==typeof n?n(e):n&&(n.current=e)}function g(n,t){return e.useMemo((function(){return null==n&&null==t?null:function(e){E(n,e),E(t,e)}}),[n,t])}function k(n){var e,t=n.timeout,r=n.style,i=void 0===r?{}:r;return{duration:null!==(e=i.transitionDuration)&&void 0!==e?e:"object"==typeof t?t[n.mode]||0:t,easing:i.transitionTimingFunction,delay:i.transitionDelay}}x.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:v,onEntering:v,onEntered:v,onExit:v,onExiting:v,onExited:v};var b=function(n){return Math.round(n)+"ms"};function y(n,e){void 0===n&&(n=["all"]);var t=e||{},r=t.duration,i=void 0===r?300:r,o=t.easing,a=void 0===o?"cubic-bezier(0.4, 0, 0.2, 1)":o,u=t.delay,s=void 0===u?0:u;return(Array.isArray(n)?n:[n]).map((function(n){var e="string"==typeof i?i:b(i),t="string"==typeof s?s:b(s);return n+" "+e+" "+a+" "+t})).join(",")}function C(n){return n&&n.ownerDocument||document}function w(n){return C(n).defaultView||window}function S(n,e){if(e){var t=function(n,e){var t,r=e.getBoundingClientRect(),i=w(e);if(e.fakeTransform)t=e.fakeTransform;else{var o=i.getComputedStyle(e);t=o.getPropertyValue("-webkit-transform")||o.getPropertyValue("transform")}var a=0,u=0;if(t&&"none"!==t&&"string"==typeof t){var s=t.split("(")[1].split(")")[0].split(",");a=parseInt(s[4],10),u=parseInt(s[5],10)}switch(n){case"left":return"translateX("+(i.innerWidth+a-r.left)+"px)";case"right":return"translateX(-"+(r.left+r.width-a)+"px)";case"up":return"translateY("+(i.innerHeight+u-r.top)+"px)";default:return"translateY(-"+(r.top+r.height-u)+"px)"}}(n,e);t&&(e.style.webkitTransform=t,e.style.transform=t)}}var L=e.forwardRef((function(n,t){var r=n.children,i=n.direction,o=void 0===i?"down":i,a=n.in,u=n.style,s=n.timeout,l=void 0===s?0:s,f=n.onEnter,p=n.onEntered,m=n.onExit,h=n.onExited,v=d(n,["children","direction","in","style","timeout","onEnter","onEntered","onExit","onExited"]),E=e.useRef(null),b=g(r.ref,E),C=g(b,t),L=e.useCallback((function(){E.current&&S(o,E.current)}),[o]);return e.useEffect((function(){if(!a&&"down"!==o&&"right"!==o){var n=function(n,e){var t;function r(){for(var r=this,i=arguments.length,o=new Array(i),a=0;a<i;a++)o[a]=arguments[a];var u=function(){n.apply(r,o)};clearTimeout(t),t=setTimeout(u,e)}return void 0===e&&(e=166),r.clear=function(){clearTimeout(t)},r}((function(){E.current&&S(o,E.current)})),e=w(E.current);return e.addEventListener("resize",n),function(){n.clear(),e.removeEventListener("resize",n)}}}),[o,a]),e.useEffect((function(){a||L()}),[a,L]),e.createElement(x,Object.assign({appear:!0,nodeRef:E,onEnter:function(n,e,t){S(o,n),function(n){n.scrollTop=n.scrollTop}(n),f&&f(n,e,t)},onEntered:p,onEntering:function(n){var e=k({timeout:l,mode:"enter",style:c({},u,{transitionTimingFunction:(null==u?void 0:u.transitionTimingFunction)||"cubic-bezier(0.0, 0, 0.2, 1)"})});n.style.webkitTransition=y("-webkit-transform",e),n.style.transition=y("transform",e),n.style.webkitTransform="none",n.style.transform="none"},onExit:function(n,e){var t=k({timeout:l,mode:"exit",style:c({},u,{transitionTimingFunction:(null==u?void 0:u.transitionTimingFunction)||"cubic-bezier(0.4, 0, 0.6, 1)"})});n.style.webkitTransition=y("-webkit-transform",t),n.style.transition=y("transform",t),S(o,n),m&&m(n,e)},onExited:function(n,e){n.style.webkitTransition="",n.style.transition="",h&&h(n,e)},in:a,timeout:l},v),(function(n,t){return e.cloneElement(r,c({ref:C,style:c({visibility:"exited"!==n||a?void 0:"hidden"},u,{},r.props.style)},t))}))})),T=function(n){return t.createElement("svg",Object.assign({viewBox:"0 0 24 24",focusable:"false",style:{fontSize:20,marginInlineEnd:8,userSelect:"none",width:"1em",height:"1em",display:"inline-block",fill:"currentColor",flexShrink:0}},n))},O=function(){return t.createElement(T,null,t.createElement("path",{d:"M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41\n 10.59L10 14.17L17.59 6.58L19 8L10 17Z"}))},D=function(){return t.createElement(T,null,t.createElement("path",{d:"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"}))},R=function(){return t.createElement(T,null,t.createElement("path",{d:"M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,\n 6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,\n 13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"}))},H=function(){return t.createElement(T,null,t.createElement("path",{d:"M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,\n 0 22,12A10,10 0 0,0 12,2Z"}))},q={maxSnack:3,persist:!1,hideIconVariant:!1,disableWindowBlurListener:!1,variant:"default",autoHideDuration:5e3,iconVariant:{default:void 0,success:t.createElement(O,null),warning:t.createElement(D,null),error:t.createElement(R,null),info:t.createElement(H,null)},anchorOrigin:{vertical:"bottom",horizontal:"left"},TransitionComponent:L,transitionDuration:{enter:225,exit:195}};function M(n){if(!n)return 0;var e=n/36;return Math.round(10*(4+15*Math.pow(e,.25)+e/5))}function P(n){return Object.entries(n).reduce((function(n,e){var t;return c({},n,((t={})[e[0]]=o.css(e[1]),t))}),{})}var j=P({root:{height:0},entered:{height:"auto"}}),N=e.forwardRef((function(n,t){var r=n.children,o=n.style,a=n.timeout,u=void 0===a?300:a,s=n.in,l=n.onEnter,f=n.onEntered,p=n.onExit,m=n.onExited,h=d(n,["children","style","timeout","in","onEnter","onEntered","onExit","onExited","direction"]),v=e.useRef(),E=e.useRef(null),b=e.useRef();e.useEffect((function(){return function(){v.current&&clearTimeout(v.current)}}),[]);var C=e.useRef(null),w=g(t,C),S=function(){return E.current?E.current.clientHeight:0};return e.createElement(x,Object.assign({in:s,onEnter:function(n,e,t){n.style.height="0px",l&&l(n,e,t)},onEntered:function(n,e,t){n.style.height="auto",f&&f(n,e,t)},onEntering:function(n){var e=S(),t=k({style:o,timeout:u,mode:"enter"}),r=t.duration,i=t.easing;if("auto"===u){var a=M(e);n.style.transitionDuration=a+"ms",b.current=a}else n.style.transitionDuration="string"==typeof r?r:r+"ms";n.style.height=e+"px",n.style.transitionTimingFunction=i||""},onExit:function(n,e){n.style.height=S()+"px",p&&p(n,e)},onExited:m,onExiting:function(n){var e=S(),t=k({style:o,timeout:u,mode:"exit"}),r=t.duration,i=t.easing;if("auto"===u){var a=M(e);n.style.transitionDuration=a+"ms",b.current=a}else n.style.transitionDuration="string"==typeof r?r:r+"ms";n.style.height="0px",n.style.transitionTimingFunction=i||""},addEndListener:function(n){"auto"===u&&(v.current=setTimeout(n,b.current||0))},nodeRef:C,timeout:"auto"===u?null:u},h),(function(n,t){return e.createElement("div",Object.assign({ref:w,className:i(j.root,"entered"===n&&j.entered),style:c({pointerEvents:"all",overflow:"hidden",minHeight:"0px",transition:y("height")},"entered"===n&&{overflow:"visible"},{},"exited"===n&&!s&&{visibility:"hidden"},{},o)},t),e.createElement("div",{ref:E,className:"notistack-CollapseWrapper",style:{display:"flex"}},e.createElement("div",{style:{width:"100%"}},r)))}))})),A={right:"left",left:"right",bottom:"up",top:"down"},W=function(n){return"anchorOrigin"+m(n)};function V(n){return n.reduce((function(n,e){return null==e?n:function(){for(var t=arguments.length,r=new Array(t),i=0;i<t;i++)r[i]=arguments[i];var o=[].concat(r);n.apply(this,o),e.apply(this,o)}}),(function(){}))}var I="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function z(n){var t=e.useRef(n);return I((function(){t.current=n})),e.useCallback((function(){return t.current.apply(void 0,arguments)}),[])}function B(n){return n.substring(2).toLowerCase()}function F(n){var t=n.children,r=n.onClickAway,i=e.useRef(!1),o=e.useRef(null),a=e.useRef(!1),u=e.useRef(!1);e.useEffect((function(){return setTimeout((function(){a.current=!0}),0),function(){a.current=!1}}),[]);var s=g(t.ref,o),c=z((function(n){var e=u.current;u.current=!1;var t=C(o.current);!a.current||!o.current||"clientX"in n&&function(n,e){return e.documentElement.clientWidth<n.clientX||e.documentElement.clientHeight<n.clientY}(n,t)||(i.current?i.current=!1:(n.composedPath?n.composedPath().indexOf(o.current)>-1:!t.documentElement.contains(n.target)||o.current.contains(n.target))||e||r(n))})),l=function(n){return function(e){u.current=!0;var r=t.props[n];r&&r(e)}},d={ref:s};return d.onTouchEnd=l("onTouchEnd"),e.useEffect((function(){var n=B("onTouchEnd"),e=C(o.current),t=function(){i.current=!0};return e.addEventListener(n,c),e.addEventListener("touchmove",t),function(){e.removeEventListener(n,c),e.removeEventListener("touchmove",t)}}),[c,"onTouchEnd"]),d.onClick=l("onClick"),e.useEffect((function(){var n=B("onClick"),e=C(o.current);return e.addEventListener(n,c),function(){e.removeEventListener(n,c)}}),[c,"onClick"]),e.createElement(e.Fragment,null,e.cloneElement(t,d))}var X,_,Z,Q,U,Y,G=e.forwardRef((function(n,t){var r=n.children,o=n.className,a=n.autoHideDuration,u=n.disableWindowBlurListener,s=void 0!==u&&u,c=n.onClose,l=n.id,d=n.open,f=n.SnackbarProps,p=void 0===f?{}:f,m=e.useRef(),h=z((function(){c&&c.apply(void 0,arguments)})),x=z((function(n){c&&null!=n&&(m.current&&clearTimeout(m.current),m.current=setTimeout((function(){h(null,"timeout",l)}),n))}));e.useEffect((function(){return d&&x(a),function(){m.current&&clearTimeout(m.current)}}),[d,a,x]);var v=function(){m.current&&clearTimeout(m.current)},E=e.useCallback((function(){null!=a&&x(.5*a)}),[a,x]);return e.useEffect((function(){if(!s&&d)return window.addEventListener("focus",E),window.addEventListener("blur",v),function(){window.removeEventListener("focus",E),window.removeEventListener("blur",v)}}),[s,E,d]),e.createElement(F,{onClickAway:function(n){c&&c(n,"clickaway",l)}},e.createElement("div",Object.assign({ref:t},p,{className:i("notistack-Snackbar",o),onMouseEnter:function(n){p.onMouseEnter&&p.onMouseEnter(n),v()},onMouseLeave:function(n){p.onMouseLeave&&p.onMouseLeave(n),E()}}),r))})),J=P({root:(X={display:"flex",flexWrap:"wrap",flexGrow:1},X["@media (min-width:600px)"]={flexGrow:"initial",minWidth:"288px"},X)}),K=e.forwardRef((function(n,e){var r=n.className,o=d(n,["className"]);return t.createElement("div",Object.assign({ref:e,className:i(J.root,r)},o))})),$=P({root:{backgroundColor:"#313131",fontSize:"0.875rem",lineHeight:1.43,letterSpacing:"0.01071em",color:"#fff",alignItems:"center",padding:"6px 16px",borderRadius:"4px",boxShadow:"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)"},lessPadding:{paddingLeft:"20px"},default:{backgroundColor:"#313131"},success:{backgroundColor:"#43a047"},error:{backgroundColor:"#d32f2f"},warning:{backgroundColor:"#ff9800"},info:{backgroundColor:"#2196f3"},message:{display:"flex",alignItems:"center",padding:"8px 0"},action:{display:"flex",alignItems:"center",marginLeft:"auto",paddingLeft:"16px",marginRight:"-8px"}}),nn=e.memo(e.forwardRef((function(n,e){var r=n.message,o=n.variant,a=n.hideIconVariant,u=n.style,s=n.iconVariant[o],c=n.action;return"function"==typeof c&&(c=c(n.id)),t.createElement(K,{ref:e,role:"alert",style:u,className:i("notistack-MuiContent",$.root,$[o],!a&&s&&$.lessPadding)},t.createElement("div",{id:"notistack-snackbar",className:$.message},a?null:s,r),c&&t.createElement("div",{className:$.action},c))}))),en=P({wrappedRoot:{position:"relative",transform:"translateX(0)",top:0,right:0,bottom:0,left:0,minWidth:"288px"}}),tn=function(n){var r=e.useRef(),o=e.useState(!0),a=o[0],u=o[1],s=V([n.snack.onClose,n.onClose]),l=e.useCallback((function(){r.current=setTimeout((function(){u((function(n){return!n}))}),125)}),[]);e.useEffect((function(){return function(){r.current&&clearTimeout(r.current)}}),[]);var f,p=n.snack,m=n.classes,h=n.Component,x=void 0===h?nn:h,v=e.useMemo((function(){return function(n){void 0===n&&(n={});var e={containerRoot:!0,containerAnchorOriginTopCenter:!0,containerAnchorOriginBottomCenter:!0,containerAnchorOriginTopRight:!0,containerAnchorOriginBottomRight:!0,containerAnchorOriginTopLeft:!0,containerAnchorOriginBottomLeft:!0};return Object.keys(n).filter((function(n){return!e[n]})).reduce((function(e,t){var r;return c({},e,((r={})[t]=n[t],r))}),{})}(m)}),[m]),E=p.open,g=p.SnackbarProps,k=p.TransitionComponent,b=p.TransitionProps,y=p.transitionDuration,C=p.disableWindowBlurListener,w=p.content,S=d(p,["open","SnackbarProps","TransitionComponent","TransitionProps","transitionDuration","disableWindowBlurListener","content","entered","requestClose","onEnter","onEntered","onExit","onExited"]),L=c({direction:(f=S.anchorOrigin,"center"!==f.horizontal?A[f.horizontal]:A[f.vertical]),timeout:y},b),T=w;"function"==typeof T&&(T=T(S.id,S.message));var O=["onEnter","onEntered","onExit","onExited"].reduce((function(e,t){var r;return c({},e,((r={})[t]=V([n.snack[t],n[t]]),r))}),{});return t.createElement(N,{id:S.id,unmountOnExit:!0,timeout:175,in:a,onExited:O.onExited},t.createElement(G,{open:E,id:S.id,disableWindowBlurListener:C,autoHideDuration:S.autoHideDuration,className:i(en.wrappedRoot,v.root,v[W(S.anchorOrigin)]),SnackbarProps:g,onClose:s},t.createElement(k,Object.assign({},L,{id:S.id,in:E,onExit:O.onExit,onExited:l,onEnter:O.onEnter,onEntered:V([O.onEntered,function(){n.snack.requestClose&&s(null,"instructed",n.snack.id)}])}),T||t.createElement(x,Object.assign({},S)))))},rn=P({root:(_={boxSizing:"border-box",display:"flex",maxHeight:"100%",position:"fixed",zIndex:1400,height:"auto",width:"auto",transition:y(["top","right","bottom","left","max-width"],{duration:300,easing:"ease"}),pointerEvents:"none"},_[".notistack-CollapseWrapper"]={padding:"6px 0px",transition:"padding 300ms ease 0ms"},_.maxWidth="calc(100% - 40px)",_["@media (max-width:599.95px)"]={width:"100%",maxWidth:"calc(100% - 32px)"},_),rootDense:(Z={},Z[".notistack-CollapseWrapper"]={padding:"2px 0px"},Z),top:{top:"14px",flexDirection:"column"},bottom:{bottom:"14px",flexDirection:"column-reverse"},left:(Q={left:"20px"},Q["@media (min-width:600px)"]={alignItems:"flex-start"},Q["@media (max-width:599.95px)"]={left:"16px"},Q),right:(U={right:"20px"},U["@media (min-width:600px)"]={alignItems:"flex-end"},U["@media (max-width:599.95px)"]={right:"16px"},U),center:(Y={left:"50%",transform:"translateX(-50%)"},Y["@media (min-width:600px)"]={alignItems:"center"},Y)}),on=e.memo((function(n){var e=n.classes,r=void 0===e?{}:e,o=n.anchorOrigin,a=n.dense,u=n.children,s=i("notistack-SnackbarContainer",rn[o.vertical],rn[o.horizontal],rn.root,r.containerRoot,r["containerAnchorOrigin"+m(o)],a&&rn.rootDense);return t.createElement("div",{className:s},u)})),an=function(n){return"string"!=typeof n},un=function(n){function e(e){var t;return(t=n.call(this,e)||this).enqueueSnackbar=function(n,e){void 0===e&&(e={});var r=an(n)?n:e,o=n;an(n)&&(o=n.message);var a=r.key,u=r.preventDuplicate,s=d(r,["key","preventDuplicate"]),l=h(a),f=l?a:(new Date).getTime()+Math.random(),p=function(n,e){return function(t,r){return void 0===r&&(r=!1),r?c({},q[t],{},e[t],{},n[t]):"autoHideDuration"===t?(o=e.autoHideDuration,(a=function(n){return"number"==typeof n||null===n})(i=n.autoHideDuration)?i:a(o)?o:q.autoHideDuration):"transitionDuration"===t?function(n,e){var t=function(n,e){return e.some((function(e){return typeof n===e}))};return t(n,["string","number"])?n:t(n,["object"])?c({},q.transitionDuration,{},t(e,["object"])&&e,{},n):t(e,["string","number"])?e:t(e,["object"])?c({},q.transitionDuration,{},e):q.transitionDuration}(n.transitionDuration,e.transitionDuration):n[t]||e[t]||q[t];var i,o,a}}(s,t.props),m=c({id:f},s,{message:o,open:!0,entered:!1,requestClose:!1,persist:p("persist"),action:p("action"),content:p("content"),variant:p("variant"),anchorOrigin:p("anchorOrigin"),disableWindowBlurListener:p("disableWindowBlurListener"),autoHideDuration:p("autoHideDuration"),hideIconVariant:p("hideIconVariant"),TransitionComponent:p("TransitionComponent"),transitionDuration:p("transitionDuration"),TransitionProps:p("TransitionProps",!0),iconVariant:p("iconVariant",!0),style:p("style",!0),SnackbarProps:p("SnackbarProps",!0),className:i(t.props.className,s.className)});return m.persist&&(m.autoHideDuration=void 0),t.setState((function(n){if(void 0===u&&t.props.preventDuplicate||u){var e=function(n){return l?n.id===f:n.message===o},r=n.queue.findIndex(e)>-1,i=n.snacks.findIndex(e)>-1;if(r||i)return n}return t.handleDisplaySnack(c({},n,{queue:[].concat(n.queue,[m])}))})),f},t.handleDisplaySnack=function(n){return n.snacks.length>=t.maxSnack?t.handleDismissOldest(n):t.processQueue(n)},t.processQueue=function(n){var e=n.queue;return e.length>0?c({},n,{snacks:[].concat(n.snacks,[e[0]]),queue:e.slice(1,e.length)}):n},t.handleDismissOldest=function(n){if(n.snacks.some((function(n){return!n.open||n.requestClose})))return n;var e=!1,r=!1;n.snacks.reduce((function(n,e){return n+(e.open&&e.persist?1:0)}),0)===t.maxSnack&&(r=!0);var i=n.snacks.map((function(n){return e||n.persist&&!r?c({},n):(e=!0,n.entered?(n.onClose&&n.onClose(null,"maxsnack",n.id),t.props.onClose&&t.props.onClose(null,"maxsnack",n.id),c({},n,{open:!1})):c({},n,{requestClose:!0}))}));return c({},n,{snacks:i})},t.handleEnteredSnack=function(n,e,r){if(!h(r))throw new Error("handleEnteredSnack Cannot be called with undefined key");t.setState((function(n){return{snacks:n.snacks.map((function(n){return n.id===r?c({},n,{entered:!0}):c({},n)}))}}))},t.handleCloseSnack=function(n,e,r){if(t.props.onClose&&t.props.onClose(n,e,r),"clickaway"!==e){var i=void 0===r;t.setState((function(n){var e=n.queue;return{snacks:n.snacks.map((function(n){return i||n.id===r?c({},n,n.entered?{open:!1}:{requestClose:!0}):c({},n)})),queue:e.filter((function(n){return n.id!==r}))}}))}},t.closeSnackbar=function(n){var e=t.state.snacks.find((function(e){return e.id===n}));h(n)&&e&&e.onClose&&e.onClose(null,"instructed",n),t.handleCloseSnack(null,"instructed",n)},t.handleExitedSnack=function(n,e){if(!h(e))throw new Error("handleExitedSnack Cannot be called with undefined key");t.setState((function(n){var r=t.processQueue(c({},n,{snacks:n.snacks.filter((function(n){return n.id!==e}))}));return 0===r.queue.length?r:t.handleDismissOldest(r)}))},t.state={snacks:[],queue:[],contextValue:{enqueueSnackbar:t.enqueueSnackbar,closeSnackbar:t.closeSnackbar}},t}return l(e,n),e.prototype.render=function(){var n=this,e=this.state.contextValue,i=this.props,o=i.domRoot,a=i.children,u=i.dense,s=void 0!==u&&u,l=i.Components,d=void 0===l?{}:l,p=i.classes,h=this.state.snacks.reduce((function(n,e){var t,r=m(e.anchorOrigin);return c({},n,((t={})[r]=[].concat(n[r]||[],[e]),t))}),{}),x=Object.keys(h).map((function(e){var r=h[e];return t.createElement(on,{key:e,dense:s,anchorOrigin:r[0].anchorOrigin,classes:p},r.map((function(e){return t.createElement(tn,{key:e.id,snack:e,classes:p,Component:d[e.variant],onClose:n.handleCloseSnack,onEnter:n.props.onEnter,onExit:n.props.onExit,onExited:V([n.handleExitedSnack,n.props.onExited]),onEntered:V([n.handleEnteredSnack,n.props.onEntered])})})))}));return t.createElement(f.Provider,{value:e},a,o?r.createPortal(x,o):x)},s(e,[{key:"maxSnack",get:function(){return this.props.maxSnack||q.maxSnack}}]),e}(e.Component);exports.SnackbarContent=K,exports.SnackbarProvider=un,exports.Transition=x,exports.useSnackbar=function(){return e.useContext(f)},exports.withSnackbar=function(n){var e=t.forwardRef((function(e,r){return t.createElement(f.Consumer,null,(function(i){return t.createElement(n,c({},e,{ref:r,enqueueSnackbar:i.enqueueSnackbar,closeSnackbar:i.closeSnackbar}))}))}));return a(e,n),e}; | ||
| "use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n.default:n}Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=n(e),r=require("react-dom"),i=n(require("clsx")),o=require("goober"),a=n(require("hoist-non-react-statics"));function s(n,e){for(var t=0;t<e.length;t++){var r=e[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(n,r.key,r)}}function u(n,e,t){return e&&s(n.prototype,e),t&&s(n,t),n}function c(){return(c=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n}).apply(this,arguments)}function l(n,e){n.prototype=Object.create(e.prototype),n.prototype.constructor=n,n.__proto__=e}function d(n,e){if(null==n)return{};var t,r,i={},o=Object.keys(n);for(r=0;r<o.length;r++)e.indexOf(t=o[r])>=0||(i[t]=n[t]);return i}var f=t.createContext(),p=function(n){return n.charAt(0).toUpperCase()+n.slice(1)},m=function(n){return""+p(n.vertical)+p(n.horizontal)},h=function(n){return!!n||0===n},x=function(n){function e(e){var t;t=n.call(this,e)||this;var r,i=e.appear;return t.appearStatus=null,e.in?i?(r="exited",t.appearStatus="entering"):r="entered":r=e.unmountOnExit||e.mountOnEnter?"unmounted":"exited",t.state={status:r},t.nextCallback=null,t}l(e,n),e.getDerivedStateFromProps=function(n,e){return n.in&&"unmounted"===e.status?{status:"exited"}:null};var t=e.prototype;return t.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},t.componentDidUpdate=function(n){var e=null;if(n!==this.props){var t=this.state.status;this.props.in?"entering"!==t&&"entered"!==t&&(e="entering"):"entering"!==t&&"entered"!==t||(e="exiting")}this.updateStatus(!1,e)},t.componentWillUnmount=function(){this.cancelNextCallback()},t.getTimeouts=function(){var n=this.props.timeout,e=n,t=n;return null!=n&&"number"!=typeof n&&(t=n.exit,e=n.enter),{exit:t,enter:e}},t.updateStatus=function(n,e){void 0===n&&(n=!1),null!==e?(this.cancelNextCallback(),"entering"===e?this.performEnter(n):this.performExit()):this.props.unmountOnExit&&"exited"===this.state.status&&this.setState({status:"unmounted"})},t.performEnter=function(n){var e=this,t=this.props,r=t.enter,i=t.id,o=n,a=this.getTimeouts();n||r?(this.props.onEnter(this.node,o,i),this.safeSetState({status:"entering"},(function(){e.props.onEntering(e.node,o,i),e.onTransitionEnd(a.enter,(function(){e.safeSetState({status:"entered"},(function(){e.props.onEntered(e.node,o,i)}))}))}))):this.safeSetState({status:"entered"},(function(){e.props.onEntered(e.node,o,i)}))},t.performExit=function(){var n=this,e=this.props,t=e.exit,r=e.id,i=this.getTimeouts();t?(this.props.onExit(this.node,r),this.safeSetState({status:"exiting"},(function(){n.props.onExiting(n.node,r),n.onTransitionEnd(i.exit,(function(){n.safeSetState({status:"exited"},(function(){n.props.onExited(n.node,r)}))}))}))):this.safeSetState({status:"exited"},(function(){n.props.onExited(n.node,r)}))},t.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},t.safeSetState=function(n,e){e=this.setNextCallback(e),this.setState(n,e)},t.setNextCallback=function(n){var e=this,t=!0;return this.nextCallback=function(r){t&&(t=!1,e.nextCallback=null,n(r))},this.nextCallback.cancel=function(){t=!1},this.nextCallback},t.onTransitionEnd=function(n,e){this.setNextCallback(e),!this.node||null==n&&!this.props.addEndListener?setTimeout(this.nextCallback,0):(this.props.addEndListener&&this.props.addEndListener(this.node,this.nextCallback),null!=n&&setTimeout(this.nextCallback,n))},t.render=function(){var n=this.state.status;if("unmounted"===n)return null;var e=this.props;return(0,e.children)(n,d(e,["children","id","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]))},u(e,[{key:"node",get:function(){var n=this.props.nodeRef.current;if(!n)throw new Error("notistack - Custom snackbar is not refForwarding");return n}}]),e}(t.Component);function E(){}function v(n,e){"function"==typeof n?n(e):n&&(n.current=e)}function g(n,t){return e.useMemo((function(){return null==n&&null==t?null:function(e){v(n,e),v(t,e)}}),[n,t])}function y(n){var e,t=n.timeout,r=n.style,i=void 0===r?{}:r;return{duration:null!==(e=i.transitionDuration)&&void 0!==e?e:"object"==typeof t?t[n.mode]||0:t,easing:i.transitionTimingFunction,delay:i.transitionDelay}}x.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:E,onEntering:E,onEntered:E,onExit:E,onExiting:E,onExited:E};var b=function(n){n.scrollTop=n.scrollTop},k=function(n){return Math.round(n)+"ms"};function w(n,e){void 0===n&&(n=["all"]);var t=e||{},r=t.duration,i=void 0===r?300:r,o=t.easing,a=void 0===o?"cubic-bezier(0.4, 0, 0.2, 1)":o,s=t.delay,u=void 0===s?0:s;return(Array.isArray(n)?n:[n]).map((function(n){var e="string"==typeof i?i:k(i),t="string"==typeof u?u:k(u);return n+" "+e+" "+a+" "+t})).join(",")}function C(n){return function(n){return n&&n.ownerDocument||document}(n).defaultView||window}function S(n,e){if(e){var t=function(n,e){var t,r=e.getBoundingClientRect(),i=C(e);if(e.fakeTransform)t=e.fakeTransform;else{var o=i.getComputedStyle(e);t=o.getPropertyValue("-webkit-transform")||o.getPropertyValue("transform")}var a=0,s=0;if(t&&"none"!==t&&"string"==typeof t){var u=t.split("(")[1].split(")")[0].split(",");a=parseInt(u[4],10),s=parseInt(u[5],10)}switch(n){case"left":return"translateX("+(i.innerWidth+a-r.left)+"px)";case"right":return"translateX(-"+(r.left+r.width-a)+"px)";case"up":return"translateY("+(i.innerHeight+s-r.top)+"px)";default:return"translateY(-"+(r.top+r.height-s)+"px)"}}(n,e);t&&(e.style.webkitTransform=t,e.style.transform=t)}}var T=e.forwardRef((function(n,t){var r=n.children,i=n.direction,o=void 0===i?"down":i,a=n.in,s=n.style,u=n.timeout,l=void 0===u?0:u,f=n.onEnter,p=n.onEntered,m=n.onExit,h=n.onExited,E=d(n,["children","direction","in","style","timeout","onEnter","onEntered","onExit","onExited"]),v=e.useRef(null),k=g(r.ref,v),T=g(k,t),O=e.useCallback((function(){v.current&&S(o,v.current)}),[o]);return e.useEffect((function(){if(!a&&"down"!==o&&"right"!==o){var n=function(n,e){var t;function r(){for(var r=this,i=arguments.length,o=new Array(i),a=0;a<i;a++)o[a]=arguments[a];var s=function(){n.apply(r,o)};clearTimeout(t),t=setTimeout(s,e)}return void 0===e&&(e=166),r.clear=function(){clearTimeout(t)},r}((function(){v.current&&S(o,v.current)})),e=C(v.current);return e.addEventListener("resize",n),function(){n.clear(),e.removeEventListener("resize",n)}}}),[o,a]),e.useEffect((function(){a||O()}),[a,O]),e.createElement(x,Object.assign({appear:!0,nodeRef:v,onEnter:function(n,e,t){S(o,n),b(n),f&&f(n,e,t)},onEntered:p,onEntering:function(n){var e=y({timeout:l,mode:"enter",style:c({},s,{transitionTimingFunction:(null==s?void 0:s.transitionTimingFunction)||"cubic-bezier(0.0, 0, 0.2, 1)"})});n.style.webkitTransition=w("-webkit-transform",e),n.style.transition=w("transform",e),n.style.webkitTransform="none",n.style.transform="none"},onExit:function(n,e){var t=y({timeout:l,mode:"exit",style:c({},s,{transitionTimingFunction:(null==s?void 0:s.transitionTimingFunction)||"cubic-bezier(0.4, 0, 0.6, 1)"})});n.style.webkitTransition=w("-webkit-transform",t),n.style.transition=w("transform",t),S(o,n),m&&m(n,e)},onExited:function(n,e){n.style.webkitTransition="",n.style.transition="",h&&h(n,e)},in:a,timeout:l},E),(function(n,t){return e.cloneElement(r,c({ref:T,style:c({visibility:"exited"!==n||a?void 0:"hidden"},s,{},r.props.style)},t))}))}));T.displayName="Slide";var O=function(n){return t.createElement("svg",Object.assign({viewBox:"0 0 24 24",focusable:"false",style:{fontSize:20,marginInlineEnd:8,userSelect:"none",width:"1em",height:"1em",display:"inline-block",fill:"currentColor",flexShrink:0}},n))},L=function(){return t.createElement(O,null,t.createElement("path",{d:"M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41\n 10.59L10 14.17L17.59 6.58L19 8L10 17Z"}))},D=function(){return t.createElement(O,null,t.createElement("path",{d:"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"}))},R=function(){return t.createElement(O,null,t.createElement("path",{d:"M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,\n 6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,\n 13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"}))},N=function(){return t.createElement(O,null,t.createElement("path",{d:"M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,\n 0 22,12A10,10 0 0,0 12,2Z"}))},j={maxSnack:3,persist:!1,hideIconVariant:!1,disableWindowBlurListener:!1,variant:"default",autoHideDuration:5e3,iconVariant:{default:void 0,success:t.createElement(L,null),warning:t.createElement(D,null),error:t.createElement(R,null),info:t.createElement(N,null)},anchorOrigin:{vertical:"bottom",horizontal:"left"},TransitionComponent:T,transitionDuration:{enter:225,exit:195}};function H(n){return Object.entries(n).reduce((function(n,e){var t;return c({},n,((t={})[e[0]]=o.css(e[1]),t))}),{})}var M=H({root:{height:0},entered:{height:"auto"}}),q=e.forwardRef((function(n,t){var r=n.children,o=n.in,a=n.onExited,s=n.id,u=e.useRef(null),l=e.useRef(null),d=g(t,l),f=function(){return u.current?u.current.clientHeight:0};return e.createElement(x,{id:s,in:o,unmountOnExit:!0,onEnter:function(n){n.style.height="0px"},onEntered:function(n){n.style.height="auto"},onEntering:function(n){var e=f(),t=y({timeout:175,mode:"enter"}),r=t.duration,i=t.easing;n.style.transitionDuration="string"==typeof r?r:r+"ms",n.style.height=e+"px",n.style.transitionTimingFunction=i||""},onExit:function(n){n.style.height=f()+"px"},onExited:a,onExiting:function(n){b(n);var e=y({timeout:175,mode:"exit"}),t=e.duration,r=e.easing;n.style.transitionDuration="string"==typeof t?t:t+"ms",n.style.height="0px",n.style.transitionTimingFunction=r||""},nodeRef:l,timeout:175},(function(n,t){return e.createElement("div",Object.assign({ref:d,className:i(M.root,"entered"===n&&M.entered),style:c({pointerEvents:"all",overflow:"hidden",minHeight:"0px",transition:w("height")},"entered"===n&&{overflow:"visible"},{},"exited"===n&&!o&&{visibility:"hidden"})},t),e.createElement("div",{ref:u,className:"notistack-CollapseWrapper",style:{display:"flex",width:"100%"}},r))}))}));q.displayName="Collapse";var P={right:"left",left:"right",bottom:"up",top:"down"},V=function(n){return"anchorOrigin"+m(n)};function W(n){return n.reduce((function(n,e){return null==e?n:function(){for(var t=arguments.length,r=new Array(t),i=0;i<t;i++)r[i]=arguments[i];var o=[].concat(r);n.apply(this,o),e.apply(this,o)}}),(function(){}))}var A="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function I(n){var t=e.useRef(n);return A((function(){t.current=n})),e.useCallback((function(){return t.current.apply(void 0,arguments)}),[])}var z,B=e.forwardRef((function(n,t){var r=n.children,o=n.className,a=n.autoHideDuration,s=n.disableWindowBlurListener,u=void 0!==s&&s,c=n.onClose,l=n.id,d=n.open,f=n.SnackbarProps,p=void 0===f?{}:f,m=e.useRef(),h=I((function(){c&&c.apply(void 0,arguments)})),x=I((function(n){c&&null!=n&&(m.current&&clearTimeout(m.current),m.current=setTimeout((function(){h(null,"timeout",l)}),n))}));e.useEffect((function(){return d&&x(a),function(){m.current&&clearTimeout(m.current)}}),[d,a,x]);var E=function(){m.current&&clearTimeout(m.current)},v=e.useCallback((function(){null!=a&&x(.5*a)}),[a,x]);return e.useEffect((function(){if(!u&&d)return window.addEventListener("focus",v),window.addEventListener("blur",E),function(){window.removeEventListener("focus",v),window.removeEventListener("blur",E)}}),[u,v,d]),e.createElement("div",Object.assign({ref:t},p,{className:i("notistack-Snackbar",o),onMouseEnter:function(n){p.onMouseEnter&&p.onMouseEnter(n),E()},onMouseLeave:function(n){p.onMouseLeave&&p.onMouseLeave(n),v()}}),r)}));B.displayName="Snackbar";var F=H({root:(z={display:"flex",flexWrap:"wrap",flexGrow:1},z["@media (min-width:600px)"]={flexGrow:"initial",minWidth:"288px"},z)}),Z=e.forwardRef((function(n,e){var r=n.className,o=d(n,["className"]);return t.createElement("div",Object.assign({ref:e,className:i(F.root,r)},o))}));Z.displayName="SnackbarContent";var _=H({root:{backgroundColor:"#313131",fontSize:"0.875rem",lineHeight:1.43,letterSpacing:"0.01071em",color:"#fff",alignItems:"center",padding:"6px 16px",borderRadius:"4px",boxShadow:"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)"},lessPadding:{paddingLeft:"20px"},default:{backgroundColor:"#313131"},success:{backgroundColor:"#43a047"},error:{backgroundColor:"#d32f2f"},warning:{backgroundColor:"#ff9800"},info:{backgroundColor:"#2196f3"},message:{display:"flex",alignItems:"center",padding:"8px 0"},action:{display:"flex",alignItems:"center",marginLeft:"auto",paddingLeft:"16px",marginRight:"-8px"}}),G=e.forwardRef((function(n,e){var r=n.message,o=n.variant,a=n.hideIconVariant,s=n.style,u=n.iconVariant[o],c=n.action;return"function"==typeof c&&(c=c(n.id)),t.createElement(Z,{ref:e,role:"alert",style:s,className:i("notistack-MuiContent",_.root,_[o],!a&&u&&_.lessPadding)},t.createElement("div",{id:"notistack-snackbar",className:_.message},a?null:u,r),c&&t.createElement("div",{className:_.action},c))}));G.displayName="MaterialDesignContent";var X,Q,U,Y,J,K=e.memo(G),$=H({wrappedRoot:{width:"100%",position:"relative",transform:"translateX(0)",top:0,right:0,bottom:0,left:0,minWidth:"288px"}}),nn=function(n){var r=e.useRef(),o=e.useState(!0),a=o[0],s=o[1],u=W([n.snack.onClose,n.onClose]),l=e.useCallback((function(){r.current=setTimeout((function(){s((function(n){return!n}))}),125)}),[]);e.useEffect((function(){return function(){r.current&&clearTimeout(r.current)}}),[]);var f,p=n.snack,m=n.classes,h=n.Component,x=void 0===h?K:h,E=e.useMemo((function(){return function(n){void 0===n&&(n={});var e={containerRoot:!0,containerAnchorOriginTopCenter:!0,containerAnchorOriginBottomCenter:!0,containerAnchorOriginTopRight:!0,containerAnchorOriginBottomRight:!0,containerAnchorOriginTopLeft:!0,containerAnchorOriginBottomLeft:!0};return Object.keys(n).filter((function(n){return!e[n]})).reduce((function(e,t){var r;return c({},e,((r={})[t]=n[t],r))}),{})}(m)}),[m]),v=p.open,g=p.SnackbarProps,y=p.TransitionComponent,b=p.TransitionProps,k=p.transitionDuration,w=p.disableWindowBlurListener,C=p.content,S=d(p,["open","SnackbarProps","TransitionComponent","TransitionProps","transitionDuration","disableWindowBlurListener","content","entered","requestClose","onEnter","onEntered","onExit","onExited"]),T=c({direction:(f=S.anchorOrigin,"center"!==f.horizontal?P[f.horizontal]:P[f.vertical]),timeout:k},b),O=C;"function"==typeof O&&(O=O(S.id,S.message));var L=["onEnter","onEntered","onExit","onExited"].reduce((function(e,t){var r;return c({},e,((r={})[t]=W([n.snack[t],n[t]]),r))}),{});return t.createElement(q,{id:S.id,in:a,onExited:L.onExited},t.createElement(B,{open:v,id:S.id,disableWindowBlurListener:w,autoHideDuration:S.autoHideDuration,className:i($.wrappedRoot,E.root,E[V(S.anchorOrigin)]),SnackbarProps:g,onClose:u},t.createElement(y,Object.assign({},T,{id:S.id,in:v,onExit:L.onExit,onExited:l,onEnter:L.onEnter,onEntered:W([L.onEntered,function(){n.snack.requestClose&&u(null,"instructed",n.snack.id)}])}),O||t.createElement(x,Object.assign({},S)))))},en=H({root:(X={boxSizing:"border-box",display:"flex",maxHeight:"100%",position:"fixed",zIndex:1400,height:"auto",width:"auto",transition:w(["top","right","bottom","left","max-width"],{duration:300,easing:"ease"}),pointerEvents:"none"},X[".notistack-CollapseWrapper"]={padding:"6px 0px",transition:"padding 300ms ease 0ms"},X.maxWidth="calc(100% - 40px)",X["@media (max-width:599.95px)"]={width:"100%",maxWidth:"calc(100% - 32px)"},X),rootDense:(Q={},Q[".notistack-CollapseWrapper"]={padding:"2px 0px"},Q),top:{top:"14px",flexDirection:"column"},bottom:{bottom:"14px",flexDirection:"column-reverse"},left:(U={left:"20px"},U["@media (min-width:600px)"]={alignItems:"flex-start"},U["@media (max-width:599.95px)"]={left:"16px"},U),right:(Y={right:"20px"},Y["@media (min-width:600px)"]={alignItems:"flex-end"},Y["@media (max-width:599.95px)"]={right:"16px"},Y),center:(J={left:"50%",transform:"translateX(-50%)"},J["@media (min-width:600px)"]={alignItems:"center"},J)}),tn=e.memo((function(n){var e=n.classes,r=void 0===e?{}:e,o=n.anchorOrigin,a=n.dense,s=n.children,u=i("notistack-SnackbarContainer",en[o.vertical],en[o.horizontal],en.root,r.containerRoot,r["containerAnchorOrigin"+m(o)],a&&en.rootDense);return t.createElement("div",{className:u},s)})),rn=function(n){return"string"!=typeof n},on=function(n){function e(e){var t;return(t=n.call(this,e)||this).enqueueSnackbar=function(n,e){void 0===e&&(e={});var r=rn(n)?n:e,o=n;rn(n)&&(o=n.message);var a=r.key,s=r.preventDuplicate,u=d(r,["key","preventDuplicate"]),l=h(a),f=l?a:(new Date).getTime()+Math.random(),p=function(n,e){return function(t,r){return void 0===r&&(r=!1),r?c({},j[t],{},e[t],{},n[t]):"autoHideDuration"===t?(o=e.autoHideDuration,(a=function(n){return"number"==typeof n||null===n})(i=n.autoHideDuration)?i:a(o)?o:j.autoHideDuration):"transitionDuration"===t?function(n,e){var t=function(n,e){return e.some((function(e){return typeof n===e}))};return t(n,["string","number"])?n:t(n,["object"])?c({},j.transitionDuration,{},t(e,["object"])&&e,{},n):t(e,["string","number"])?e:t(e,["object"])?c({},j.transitionDuration,{},e):j.transitionDuration}(n.transitionDuration,e.transitionDuration):n[t]||e[t]||j[t];var i,o,a}}(u,t.props),m=c({id:f},u,{message:o,open:!0,entered:!1,requestClose:!1,persist:p("persist"),action:p("action"),content:p("content"),variant:p("variant"),anchorOrigin:p("anchorOrigin"),disableWindowBlurListener:p("disableWindowBlurListener"),autoHideDuration:p("autoHideDuration"),hideIconVariant:p("hideIconVariant"),TransitionComponent:p("TransitionComponent"),transitionDuration:p("transitionDuration"),TransitionProps:p("TransitionProps",!0),iconVariant:p("iconVariant",!0),style:p("style",!0),SnackbarProps:p("SnackbarProps",!0),className:i(t.props.className,u.className)});return m.persist&&(m.autoHideDuration=void 0),t.setState((function(n){if(void 0===s&&t.props.preventDuplicate||s){var e=function(n){return l?n.id===f:n.message===o},r=n.queue.findIndex(e)>-1,i=n.snacks.findIndex(e)>-1;if(r||i)return n}return t.handleDisplaySnack(c({},n,{queue:[].concat(n.queue,[m])}))})),f},t.handleDisplaySnack=function(n){return n.snacks.length>=t.maxSnack?t.handleDismissOldest(n):t.processQueue(n)},t.processQueue=function(n){var e=n.queue;return e.length>0?c({},n,{snacks:[].concat(n.snacks,[e[0]]),queue:e.slice(1,e.length)}):n},t.handleDismissOldest=function(n){if(n.snacks.some((function(n){return!n.open||n.requestClose})))return n;var e=!1,r=!1;n.snacks.reduce((function(n,e){return n+(e.open&&e.persist?1:0)}),0)===t.maxSnack&&(r=!0);var i=n.snacks.map((function(n){return e||n.persist&&!r?c({},n):(e=!0,n.entered?(n.onClose&&n.onClose(null,"maxsnack",n.id),t.props.onClose&&t.props.onClose(null,"maxsnack",n.id),c({},n,{open:!1})):c({},n,{requestClose:!0}))}));return c({},n,{snacks:i})},t.handleEnteredSnack=function(n,e,r){if(!h(r))throw new Error("handleEnteredSnack Cannot be called with undefined key");t.setState((function(n){return{snacks:n.snacks.map((function(n){return n.id===r?c({},n,{entered:!0}):c({},n)}))}}))},t.handleCloseSnack=function(n,e,r){t.props.onClose&&t.props.onClose(n,e,r);var i=void 0===r;t.setState((function(n){var e=n.queue;return{snacks:n.snacks.map((function(n){return i||n.id===r?c({},n,n.entered?{open:!1}:{requestClose:!0}):c({},n)})),queue:e.filter((function(n){return n.id!==r}))}}))},t.closeSnackbar=function(n){var e=t.state.snacks.find((function(e){return e.id===n}));h(n)&&e&&e.onClose&&e.onClose(null,"instructed",n),t.handleCloseSnack(null,"instructed",n)},t.handleExitedSnack=function(n,e){if(!h(e))throw new Error("handleExitedSnack Cannot be called with undefined key");t.setState((function(n){var r=t.processQueue(c({},n,{snacks:n.snacks.filter((function(n){return n.id!==e}))}));return 0===r.queue.length?r:t.handleDismissOldest(r)}))},t.state={snacks:[],queue:[],contextValue:{enqueueSnackbar:t.enqueueSnackbar,closeSnackbar:t.closeSnackbar}},t}return l(e,n),e.prototype.render=function(){var n=this,e=this.state.contextValue,i=this.props,o=i.domRoot,a=i.children,s=i.dense,u=void 0!==s&&s,l=i.Components,d=void 0===l?{}:l,p=i.classes,h=this.state.snacks.reduce((function(n,e){var t,r=m(e.anchorOrigin);return c({},n,((t={})[r]=[].concat(n[r]||[],[e]),t))}),{}),x=Object.keys(h).map((function(e){var r=h[e];return t.createElement(tn,{key:e,dense:u,anchorOrigin:r[0].anchorOrigin,classes:p},r.map((function(e){return t.createElement(nn,{key:e.id,snack:e,classes:p,Component:d[e.variant],onClose:n.handleCloseSnack,onEnter:n.props.onEnter,onExit:n.props.onExit,onExited:W([n.handleExitedSnack,n.props.onExited]),onEntered:W([n.handleEnteredSnack,n.props.onEntered])})})))}));return t.createElement(f.Provider,{value:e},a,o?r.createPortal(x,o):x)},u(e,[{key:"maxSnack",get:function(){return this.props.maxSnack||j.maxSnack}}]),e}(e.Component),an={entering:{opacity:1},entered:{opacity:1}},sn=e.forwardRef((function(n,t){var r=n.children,i=n.in,o=n.timeout,a=void 0===o?0:o,s=n.style,u=n.onEnter,l=n.onEntered,f=n.onExit,p=n.onExited,m=d(n,["children","in","timeout","style","onEnter","onEntered","onExit","onExited","direction"]),h=e.useRef(null),E=g(r.ref,t),v=g(h,E);return e.createElement(x,Object.assign({appear:!0,in:i,nodeRef:h,onEnter:function(n,e,t){b(n);var r=y({style:s,timeout:a,mode:"enter"});n.style.webkitTransition=w("opacity",r),n.style.transition=w("opacity",r),u&&u(n,e,t)},onEntered:l,onExit:function(n,e){var t=y({style:s,timeout:a,mode:"exit"});n.style.webkitTransition=w("opacity",t),n.style.transition=w("opacity",t),f&&f(n,e)},onExited:p,timeout:a},m),(function(n,t){return e.cloneElement(r,c({style:c({opacity:0,visibility:"exited"!==n||i?void 0:"hidden"},an[n],{},s,{},r.props.style),ref:v},t))}))}));function un(n){if(!n)return 0;var e=n/36;return Math.round(10*(4+15*Math.pow(e,.25)+e/5))}function cn(n){return"scale("+n+", "+Math.pow(n,2)+")"}sn.displayName="Fade";var ln={entering:{opacity:1,transform:cn(1)},entered:{opacity:1,transform:"none"}},dn=e.forwardRef((function(n,t){var r=n.children,i=n.in,o=n.style,a=n.timeout,s=void 0===a?"auto":a,u=n.onEnter,l=n.onEntered,f=n.onExit,p=n.onExited,m=d(n,["children","in","style","timeout","onEnter","onEntered","onExit","onExited"]),h=e.useRef(),E=e.useRef(),v=e.useRef(null),k=g(r.ref,v),C=g(k,t);return e.useEffect((function(){return function(){h.current&&clearTimeout(h.current)}}),[]),e.createElement(x,Object.assign({appear:!0,in:i,nodeRef:v,onEnter:function(n,e,t){b(n);var r=y({style:o,timeout:s,mode:"enter"}),i=r.delay,a=r.easing,c=r.duration;"string"==typeof c&&(c=un(n.clientHeight),E.current=c),n.style.transition=[w("opacity",{duration:c,delay:i}),w("transform",{delay:i,easing:a,duration:.666*c})].join(","),u&&u(n,e,t)},onEntered:l,onExit:function(n,e){var t=y({style:o,timeout:s,mode:"exit"}),r=t.delay,i=t.easing,a=t.duration;"string"==typeof a&&(a=un(n.clientHeight),E.current=a),n.style.transition=[w("opacity",{duration:a,delay:r}),w("transform",{easing:i,duration:.666*a,delay:r||.333*a})].join(","),n.style.opacity="0",n.style.transform=cn(.75),f&&f(n,e)},onExited:p,addEndListener:function(n){"auto"===s&&(h.current=setTimeout(n,E.current||0))},timeout:"auto"===s?null:s},m),(function(n,t){return e.cloneElement(r,c({style:c({opacity:0,transform:cn(.75),visibility:"exited"!==n||i?void 0:"hidden"},ln[n],{},o,{},r.props.style),ref:C},t))}))}));dn.displayName="Grow";var fn={entering:{transform:"none"},entered:{transform:"none"}},pn=e.forwardRef((function(n,t){var r=n.children,i=n.in,o=n.style,a=n.timeout,s=void 0===a?0:a,u=n.onEnter,l=n.onEntered,f=n.onExit,p=n.onExited,m=d(n,["children","in","style","timeout","onEnter","onEntered","onExit","onExited","direction"]),h=e.useRef(null),E=g(r.ref,t),v=g(h,E);return e.createElement(x,Object.assign({appear:!0,in:i,nodeRef:h,onEnter:function(n,e,t){b(n);var r=y({style:o,timeout:s,mode:"enter"});n.style.webkitTransition=w("transform",r),n.style.transition=w("transform",r),u&&u(n,e,t)},onEntered:l,onExit:function(n,e){var t=y({style:o,timeout:s,mode:"exit"});n.style.webkitTransition=w("transform",t),n.style.transition=w("transform",t),f&&f(n,e)},onExited:p,timeout:s},m),(function(n,t){return e.cloneElement(r,c({style:c({transform:"scale(0)",visibility:"exited"!==n||i?void 0:"hidden"},fn[n],{},o,{},r.props.style),ref:v},t))}))}));pn.displayName="Zoom",exports.Fade=sn,exports.Grow=dn,exports.Slide=T,exports.SnackbarContent=Z,exports.SnackbarProvider=on,exports.Zoom=pn,exports.useSnackbar=function(){return e.useContext(f)},exports.withSnackbar=function(n){var e=t.forwardRef((function(e,r){return t.createElement(f.Consumer,null,(function(i){return t.createElement(n,c({},e,{ref:r,enqueueSnackbar:i.enqueueSnackbar,closeSnackbar:i.closeSnackbar}))}))}));return a(e,n),e}; | ||
| //# sourceMappingURL=ee54bh78i.cjs.production.min.js.map |
@@ -1,2 +0,2 @@ | ||
| import React__default, { useMemo, forwardRef, useRef, useCallback, useEffect, createElement, cloneElement, useLayoutEffect, Fragment, memo, useState, Component, useContext } from 'react'; | ||
| import React__default, { useMemo, forwardRef, useRef, useCallback, useEffect, createElement, cloneElement, useLayoutEffect, memo, useState, Component, useContext } from 'react'; | ||
| import { createPortal } from 'react-dom'; | ||
@@ -461,2 +461,3 @@ import clsx from 'clsx'; | ||
| } | ||
| function ownerWindow(node) { | ||
@@ -466,3 +467,2 @@ var doc = ownerDocument(node); | ||
| } | ||
| /** | ||
@@ -473,2 +473,3 @@ * Corresponds to 10 frames at 60 Hz. | ||
| function debounce(func, wait) { | ||
@@ -674,2 +675,3 @@ if (wait === void 0) { | ||
| }); | ||
| Slide.displayName = 'Slide'; | ||
@@ -811,14 +813,2 @@ var SvgIcon = function SvgIcon(props) { | ||
| /** | ||
| * https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10 | ||
| */ | ||
| function getAutoHeightDuration(height) { | ||
| if (!height) { | ||
| return 0; | ||
| } | ||
| var constant = height / 36; | ||
| return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10); | ||
| } | ||
| function makeStyles(styles) { | ||
@@ -849,24 +839,9 @@ return Object.entries(styles).reduce(function (acc, _ref) { | ||
| var collapsedSize = '0px'; | ||
| var timeout = 175; | ||
| var Collapse = /*#__PURE__*/forwardRef(function (props, ref) { | ||
| var children = props.children, | ||
| style = props.style, | ||
| _props$timeout = props.timeout, | ||
| timeout = _props$timeout === void 0 ? 300 : _props$timeout, | ||
| inProp = props["in"], | ||
| onEnter = props.onEnter, | ||
| onEntered = props.onEntered, | ||
| onExit = props.onExit, | ||
| onExited = props.onExited, | ||
| other = _objectWithoutPropertiesLoose(props, ["children", "style", "timeout", "in", "onEnter", "onEntered", "onExit", "onExited", "direction"]); | ||
| var timer = useRef(); | ||
| id = props.id; | ||
| var wrapperRef = useRef(null); | ||
| var autoTransitionDuration = useRef(); | ||
| useEffect(function () { | ||
| return function () { | ||
| if (timer.current) { | ||
| clearTimeout(timer.current); | ||
| } | ||
| }; | ||
| }, []); | ||
| var nodeRef = useRef(null); | ||
@@ -879,8 +854,4 @@ var handleRef = useForkRef(ref, nodeRef); | ||
| var handleEnter = function handleEnter(node, isAppearing, snackId) { | ||
| var handleEnter = function handleEnter(node) { | ||
| node.style.height = collapsedSize; | ||
| if (onEnter) { | ||
| onEnter(node, isAppearing, snackId); | ||
| } | ||
| }; | ||
@@ -892,3 +863,2 @@ | ||
| var _getTransitionProps = getTransitionProps({ | ||
| style: style, | ||
| timeout: timeout, | ||
@@ -900,10 +870,3 @@ mode: 'enter' | ||
| if (timeout === 'auto') { | ||
| var duration2 = getAutoHeightDuration(wrapperSize); | ||
| node.style.transitionDuration = duration2 + "ms"; | ||
| autoTransitionDuration.current = duration2; | ||
| } else { | ||
| node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : transitionDuration + "ms"; | ||
| } | ||
| node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : transitionDuration + "ms"; | ||
| node.style.height = wrapperSize + "px"; | ||
@@ -913,23 +876,14 @@ node.style.transitionTimingFunction = easing || ''; | ||
| var handleEntered = function handleEntered(node, isAppearing, snackId) { | ||
| var handleEntered = function handleEntered(node) { | ||
| node.style.height = 'auto'; | ||
| if (onEntered) { | ||
| onEntered(node, isAppearing, snackId); | ||
| } | ||
| }; | ||
| var handleExit = function handleExit(node, snackId) { | ||
| var handleExit = function handleExit(node) { | ||
| node.style.height = getWrapperSize() + "px"; | ||
| if (onExit) { | ||
| onExit(node, snackId); | ||
| } | ||
| }; | ||
| var handleExiting = function handleExiting(node) { | ||
| var wrapperSize = getWrapperSize(); | ||
| reflow(node); | ||
| var _getTransitionProps2 = getTransitionProps({ | ||
| style: style, | ||
| timeout: timeout, | ||
@@ -941,10 +895,3 @@ mode: 'exit' | ||
| if (timeout === 'auto') { | ||
| var duration2 = getAutoHeightDuration(wrapperSize); | ||
| node.style.transitionDuration = duration2 + "ms"; | ||
| autoTransitionDuration.current = duration2; | ||
| } else { | ||
| node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : transitionDuration + "ms"; | ||
| } | ||
| node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : transitionDuration + "ms"; | ||
| node.style.height = collapsedSize; | ||
@@ -954,10 +901,6 @@ node.style.transitionTimingFunction = easing || ''; | ||
| var handleAddEndListener = function handleAddEndListener(next) { | ||
| if (timeout === 'auto') { | ||
| timer.current = setTimeout(next, autoTransitionDuration.current || 0); | ||
| } | ||
| }; | ||
| return createElement(Transition, Object.assign({ | ||
| return createElement(Transition, { | ||
| id: id, | ||
| "in": inProp, | ||
| unmountOnExit: true, | ||
| onEnter: handleEnter, | ||
@@ -969,6 +912,5 @@ onEntered: handleEntered, | ||
| onExiting: handleExiting, | ||
| addEndListener: handleAddEndListener, | ||
| nodeRef: nodeRef, | ||
| timeout: timeout === 'auto' ? null : timeout | ||
| }, other), function (state, childProps) { | ||
| timeout: timeout | ||
| }, function (state, childProps) { | ||
| return createElement("div", Object.assign({ | ||
@@ -986,3 +928,3 @@ ref: handleRef, | ||
| visibility: 'hidden' | ||
| }, {}, style) | ||
| }) | ||
| }, childProps), createElement("div", { | ||
@@ -993,11 +935,9 @@ ref: wrapperRef, | ||
| style: { | ||
| display: 'flex' | ||
| } | ||
| }, createElement("div", { | ||
| style: { | ||
| display: 'flex', | ||
| width: '100%' | ||
| } | ||
| }, children))); | ||
| }, children)); | ||
| }); | ||
| }); | ||
| Collapse.displayName = 'Collapse'; | ||
@@ -1092,108 +1032,2 @@ var direction = { | ||
| */ | ||
| function mapEventPropToEvent(eventProp) { | ||
| return eventProp.substring(2).toLowerCase(); | ||
| } | ||
| function clickedRootScrollbar(event, doc) { | ||
| return doc.documentElement.clientWidth < event.clientX || doc.documentElement.clientHeight < event.clientY; | ||
| } | ||
| var mouseEvent = 'onClick'; | ||
| var touchEvent = 'onTouchEnd'; | ||
| /** | ||
| * Listen for click events that occur somewhere in the document, outside of the element itself. | ||
| * For instance, if you need to hide a menu when people click anywhere else on your page. | ||
| */ | ||
| function ClickAway(_ref) { | ||
| var children = _ref.children, | ||
| onClickAway = _ref.onClickAway; | ||
| var movedRef = useRef(false); | ||
| var nodeRef = useRef(null); | ||
| var activatedRef = useRef(false); | ||
| var syntheticEventRef = useRef(false); | ||
| useEffect(function () { | ||
| // Ensure that this component is not "activated" synchronously. | ||
| // https://github.com/facebook/react/issues/20074 | ||
| setTimeout(function () { | ||
| activatedRef.current = true; | ||
| }, 0); | ||
| return function () { | ||
| activatedRef.current = false; | ||
| }; | ||
| }, []); | ||
| var handleRef = useForkRef(children.ref, nodeRef); | ||
| var handleClickAway = useEventCallback(function (event) { | ||
| var insideReactTree = syntheticEventRef.current; | ||
| syntheticEventRef.current = false; | ||
| var doc = ownerDocument(nodeRef.current); | ||
| if (!activatedRef.current || !nodeRef.current || 'clientX' in event && clickedRootScrollbar(event, doc)) { | ||
| return; | ||
| } | ||
| if (movedRef.current) { | ||
| movedRef.current = false; | ||
| return; | ||
| } | ||
| var insideDOM; | ||
| if (event.composedPath) { | ||
| insideDOM = event.composedPath().indexOf(nodeRef.current) > -1; | ||
| } else { | ||
| insideDOM = !doc.documentElement.contains(event.target) || nodeRef.current.contains(event.target); | ||
| } | ||
| if (!insideDOM && !insideReactTree) { | ||
| onClickAway(event); | ||
| } | ||
| }); | ||
| var createHandleSynthetic = function createHandleSynthetic(handlerName) { | ||
| return function (event) { | ||
| syntheticEventRef.current = true; | ||
| var childrenPropsHandler = children.props[handlerName]; | ||
| if (childrenPropsHandler) { | ||
| childrenPropsHandler(event); | ||
| } | ||
| }; | ||
| }; | ||
| var childrenProps = { | ||
| ref: handleRef | ||
| }; | ||
| childrenProps[touchEvent] = createHandleSynthetic(touchEvent); | ||
| useEffect(function () { | ||
| var mappedTouchEvent = mapEventPropToEvent(touchEvent); | ||
| var doc = ownerDocument(nodeRef.current); | ||
| var handleTouchMove = function handleTouchMove() { | ||
| movedRef.current = true; | ||
| }; | ||
| doc.addEventListener(mappedTouchEvent, handleClickAway); | ||
| doc.addEventListener('touchmove', handleTouchMove); | ||
| return function () { | ||
| doc.removeEventListener(mappedTouchEvent, handleClickAway); | ||
| doc.removeEventListener('touchmove', handleTouchMove); | ||
| }; | ||
| }, [handleClickAway, touchEvent]); | ||
| childrenProps[mouseEvent] = createHandleSynthetic(mouseEvent); | ||
| useEffect(function () { | ||
| var mappedMouseEvent = mapEventPropToEvent(mouseEvent); | ||
| var doc = ownerDocument(nodeRef.current); | ||
| doc.addEventListener(mappedMouseEvent, handleClickAway); | ||
| return function () { | ||
| doc.removeEventListener(mappedMouseEvent, handleClickAway); | ||
| }; | ||
| }, [handleClickAway, mouseEvent]); | ||
| return createElement(Fragment, null, cloneElement(children, childrenProps)); | ||
| } | ||
| /** | ||
| * Credit to MUI team @ https://mui.com | ||
| */ | ||
| var Snackbar = /*#__PURE__*/forwardRef(function (props, ref) { | ||
@@ -1278,8 +1112,2 @@ var children = props.children, | ||
| var handleClickAway = function handleClickAway(event) { | ||
| if (onClose) { | ||
| onClose(event, 'clickaway', id); | ||
| } | ||
| }; | ||
| useEffect(function () { | ||
@@ -1297,5 +1125,3 @@ if (!disableWindowBlurListener && open) { | ||
| }, [disableWindowBlurListener, handleResume, open]); | ||
| return createElement(ClickAway, { | ||
| onClickAway: handleClickAway | ||
| }, createElement("div", Object.assign({ | ||
| return createElement("div", Object.assign({ | ||
| ref: ref | ||
@@ -1306,4 +1132,5 @@ }, SnackbarProps, { | ||
| onMouseLeave: handleMouseLeave | ||
| }), children)); | ||
| }), children); | ||
| }); | ||
| Snackbar.displayName = 'Snackbar'; | ||
@@ -1330,2 +1157,3 @@ var _root; | ||
| }); | ||
| SnackbarContent.displayName = 'SnackbarContent'; | ||
@@ -1402,2 +1230,3 @@ var classes$2 = /*#__PURE__*/makeStyles({ | ||
| }); | ||
| MaterialDesignContent.displayName = 'MaterialDesignContent'; | ||
| var MaterialDesignContent$1 = /*#__PURE__*/memo(MaterialDesignContent); | ||
@@ -1407,2 +1236,3 @@ | ||
| wrappedRoot: { | ||
| width: '100%', | ||
| position: 'relative', | ||
@@ -1482,4 +1312,2 @@ transform: 'translateX(0)', | ||
| id: otherSnack.id, | ||
| unmountOnExit: true, | ||
| timeout: 175, | ||
| "in": collapsed, | ||
@@ -1595,3 +1423,3 @@ onExited: callbacks.onExited | ||
| var messages = { | ||
| NO_PERSIST_ALL: 'Reached maxSnack while all enqueued snackbars have \'persist\' flag. Notistack will dismiss the oldest snackbar anyway to allow other ones in the queue to be presented.' | ||
| NO_PERSIST_ALL: "Reached maxSnack while all enqueued snackbars have 'persist' flag. Notistack will dismiss the oldest snackbar anyway to allow other ones in the queue to be presented." | ||
| }; | ||
@@ -1819,6 +1647,2 @@ var warning = (function (messageKey) { | ||
| if (reason === 'clickaway') { | ||
| return; | ||
| } | ||
| var shouldCloseAll = key === undefined; | ||
@@ -1989,3 +1813,3 @@ | ||
| }; | ||
| /** | ||
| /** | ||
| * From react-is | ||
@@ -2057,3 +1881,300 @@ * @link https://github.com/facebook/react/blob/master/packages/shared/ReactSymbols.js | ||
| export { SnackbarContent, SnackbarProvider, Transition, useSnackbar, withSnackbar }; | ||
| var styles$2 = { | ||
| entering: { | ||
| opacity: 1 | ||
| }, | ||
| entered: { | ||
| opacity: 1 | ||
| } | ||
| }; | ||
| var Fade = /*#__PURE__*/forwardRef(function (props, ref) { | ||
| var children = props.children, | ||
| inProp = props["in"], | ||
| _props$timeout = props.timeout, | ||
| timeout = _props$timeout === void 0 ? 0 : _props$timeout, | ||
| style = props.style, | ||
| onEnter = props.onEnter, | ||
| onEntered = props.onEntered, | ||
| onExit = props.onExit, | ||
| onExited = props.onExited, | ||
| other = _objectWithoutPropertiesLoose(props, ["children", "in", "timeout", "style", "onEnter", "onEntered", "onExit", "onExited", "direction"]); | ||
| var nodeRef = useRef(null); | ||
| var handleRefIntermediary = useForkRef(children.ref, ref); | ||
| var handleRef = useForkRef(nodeRef, handleRefIntermediary); | ||
| var handleEnter = function handleEnter(node, isAppearing, snackId) { | ||
| reflow(node); | ||
| var transitionProps = getTransitionProps({ | ||
| style: style, | ||
| timeout: timeout, | ||
| mode: 'enter' | ||
| }); | ||
| node.style.webkitTransition = createTransition('opacity', transitionProps); | ||
| node.style.transition = createTransition('opacity', transitionProps); | ||
| if (onEnter) { | ||
| onEnter(node, isAppearing, snackId); | ||
| } | ||
| }; | ||
| var handleExit = function handleExit(node, snackId) { | ||
| var transitionProps = getTransitionProps({ | ||
| style: style, | ||
| timeout: timeout, | ||
| mode: 'exit' | ||
| }); | ||
| node.style.webkitTransition = createTransition('opacity', transitionProps); | ||
| node.style.transition = createTransition('opacity', transitionProps); | ||
| if (onExit) { | ||
| onExit(node, snackId); | ||
| } | ||
| }; | ||
| return createElement(Transition, Object.assign({ | ||
| appear: true, | ||
| "in": inProp, | ||
| nodeRef: nodeRef, | ||
| onEnter: handleEnter, | ||
| onEntered: onEntered, | ||
| onExit: handleExit, | ||
| onExited: onExited, | ||
| timeout: timeout | ||
| }, other), function (status, childProps) { | ||
| return cloneElement(children, _extends({ | ||
| style: _extends({ | ||
| opacity: 0, | ||
| visibility: status === 'exited' && !inProp ? 'hidden' : undefined | ||
| }, styles$2[status], {}, style, {}, children.props.style), | ||
| ref: handleRef | ||
| }, childProps)); | ||
| }); | ||
| }); | ||
| Fade.displayName = 'Fade'; | ||
| /** | ||
| * https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10 | ||
| */ | ||
| function getAutoHeightDuration(height) { | ||
| if (!height) { | ||
| return 0; | ||
| } | ||
| var constant = height / 36; | ||
| return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10); | ||
| } | ||
| function getScale(value) { | ||
| return "scale(" + value + ", " + Math.pow(value, 2) + ")"; | ||
| } | ||
| var styles$3 = { | ||
| entering: { | ||
| opacity: 1, | ||
| transform: /*#__PURE__*/getScale(1) | ||
| }, | ||
| entered: { | ||
| opacity: 1, | ||
| transform: 'none' | ||
| } | ||
| }; | ||
| var Grow = /*#__PURE__*/forwardRef(function (props, ref) { | ||
| var children = props.children, | ||
| inProp = props["in"], | ||
| style = props.style, | ||
| _props$timeout = props.timeout, | ||
| timeout = _props$timeout === void 0 ? 'auto' : _props$timeout, | ||
| onEnter = props.onEnter, | ||
| onEntered = props.onEntered, | ||
| onExit = props.onExit, | ||
| onExited = props.onExited, | ||
| other = _objectWithoutPropertiesLoose(props, ["children", "in", "style", "timeout", "onEnter", "onEntered", "onExit", "onExited"]); | ||
| var timer = useRef(); | ||
| var autoTimeout = useRef(); | ||
| var nodeRef = useRef(null); | ||
| var handleRefIntermediary = useForkRef(children.ref, nodeRef); | ||
| var handleRef = useForkRef(handleRefIntermediary, ref); | ||
| var handleEnter = function handleEnter(node, isAppearing, snackId) { | ||
| reflow(node); | ||
| var _getTransitionProps = getTransitionProps({ | ||
| style: style, | ||
| timeout: timeout, | ||
| mode: 'enter' | ||
| }), | ||
| transitionDuration = _getTransitionProps.duration, | ||
| delay = _getTransitionProps.delay, | ||
| easing = _getTransitionProps.easing; | ||
| var duration = transitionDuration; | ||
| if (typeof duration === 'string') { | ||
| // i.e if timeout === 'auto' | ||
| duration = getAutoHeightDuration(node.clientHeight); | ||
| autoTimeout.current = duration; | ||
| } | ||
| node.style.transition = [createTransition('opacity', { | ||
| duration: duration, | ||
| delay: delay | ||
| }), createTransition('transform', { | ||
| delay: delay, | ||
| easing: easing, | ||
| duration: duration * 0.666 | ||
| })].join(','); | ||
| if (onEnter) { | ||
| onEnter(node, isAppearing, snackId); | ||
| } | ||
| }; | ||
| var handleExit = function handleExit(node, snackId) { | ||
| var _getTransitionProps2 = getTransitionProps({ | ||
| style: style, | ||
| timeout: timeout, | ||
| mode: 'exit' | ||
| }), | ||
| transitionDuration = _getTransitionProps2.duration, | ||
| delay = _getTransitionProps2.delay, | ||
| easing = _getTransitionProps2.easing; | ||
| var duration = transitionDuration; | ||
| if (typeof duration === 'string') { | ||
| // i.e if timeout === 'auto' | ||
| duration = getAutoHeightDuration(node.clientHeight); | ||
| autoTimeout.current = duration; | ||
| } | ||
| node.style.transition = [createTransition('opacity', { | ||
| duration: duration, | ||
| delay: delay | ||
| }), createTransition('transform', { | ||
| easing: easing, | ||
| duration: duration * 0.666, | ||
| delay: delay || duration * 0.333 | ||
| })].join(','); | ||
| node.style.opacity = '0'; | ||
| node.style.transform = getScale(0.75); | ||
| if (onExit) { | ||
| onExit(node, snackId); | ||
| } | ||
| }; | ||
| var handleAddEndListener = function handleAddEndListener(next) { | ||
| if (timeout === 'auto') { | ||
| timer.current = setTimeout(next, autoTimeout.current || 0); | ||
| } | ||
| }; | ||
| useEffect(function () { | ||
| return function () { | ||
| if (timer.current) { | ||
| clearTimeout(timer.current); | ||
| } | ||
| }; | ||
| }, []); | ||
| return createElement(Transition, Object.assign({ | ||
| appear: true, | ||
| "in": inProp, | ||
| nodeRef: nodeRef, | ||
| onEnter: handleEnter, | ||
| onEntered: onEntered, | ||
| onExit: handleExit, | ||
| onExited: onExited, | ||
| addEndListener: handleAddEndListener, | ||
| timeout: timeout === 'auto' ? null : timeout | ||
| }, other), function (state, childProps) { | ||
| return cloneElement(children, _extends({ | ||
| style: _extends({ | ||
| opacity: 0, | ||
| transform: getScale(0.75), | ||
| visibility: state === 'exited' && !inProp ? 'hidden' : undefined | ||
| }, styles$3[state], {}, style, {}, children.props.style), | ||
| ref: handleRef | ||
| }, childProps)); | ||
| }); | ||
| }); | ||
| Grow.displayName = 'Grow'; | ||
| var styles$4 = { | ||
| entering: { | ||
| transform: 'none' | ||
| }, | ||
| entered: { | ||
| transform: 'none' | ||
| } | ||
| }; | ||
| var Zoom = /*#__PURE__*/forwardRef(function (props, ref) { | ||
| var children = props.children, | ||
| inProp = props["in"], | ||
| style = props.style, | ||
| _props$timeout = props.timeout, | ||
| timeout = _props$timeout === void 0 ? 0 : _props$timeout, | ||
| onEnter = props.onEnter, | ||
| onEntered = props.onEntered, | ||
| onExit = props.onExit, | ||
| onExited = props.onExited, | ||
| other = _objectWithoutPropertiesLoose(props, ["children", "in", "style", "timeout", "onEnter", "onEntered", "onExit", "onExited", "direction"]); | ||
| var nodeRef = useRef(null); | ||
| var handleRefIntermediary = useForkRef(children.ref, ref); | ||
| var handleRef = useForkRef(nodeRef, handleRefIntermediary); | ||
| var handleEnter = function handleEnter(node, isAppearing, snackId) { | ||
| reflow(node); | ||
| var transitionProps = getTransitionProps({ | ||
| style: style, | ||
| timeout: timeout, | ||
| mode: 'enter' | ||
| }); | ||
| node.style.webkitTransition = createTransition('transform', transitionProps); | ||
| node.style.transition = createTransition('transform', transitionProps); | ||
| if (onEnter) { | ||
| onEnter(node, isAppearing, snackId); | ||
| } | ||
| }; | ||
| var handleExit = function handleExit(node, snackId) { | ||
| var transitionProps = getTransitionProps({ | ||
| style: style, | ||
| timeout: timeout, | ||
| mode: 'exit' | ||
| }); | ||
| node.style.webkitTransition = createTransition('transform', transitionProps); | ||
| node.style.transition = createTransition('transform', transitionProps); | ||
| if (onExit) { | ||
| onExit(node, snackId); | ||
| } | ||
| }; | ||
| return createElement(Transition, Object.assign({ | ||
| appear: true, | ||
| "in": inProp, | ||
| nodeRef: nodeRef, | ||
| onEnter: handleEnter, | ||
| onEntered: onEntered, | ||
| onExit: handleExit, | ||
| onExited: onExited, | ||
| timeout: timeout | ||
| }, other), function (state, childProps) { | ||
| return cloneElement(children, _extends({ | ||
| style: _extends({ | ||
| transform: 'scale(0)', | ||
| visibility: state === 'exited' && !inProp ? 'hidden' : undefined | ||
| }, styles$4[state], {}, style, {}, children.props.style), | ||
| ref: handleRef | ||
| }, childProps)); | ||
| }); | ||
| }); | ||
| Zoom.displayName = 'Zoom'; | ||
| export { Fade, Grow, Slide, SnackbarContent, SnackbarProvider, Zoom, useSnackbar, withSnackbar }; | ||
| //# sourceMappingURL=ee54bh78i.esm.js.map |
@@ -130,3 +130,3 @@ import * as React from 'react'; | ||
| export type SnackbarKey = string | number; | ||
| export type CloseReason = 'timeout' | 'clickaway' | 'maxsnack' | 'instructed'; | ||
| export type CloseReason = 'timeout' | 'maxsnack' | 'instructed'; | ||
@@ -133,0 +133,0 @@ export type SnackbarMessage = string; |
| { | ||
| "name": "ee54bh78i", | ||
| "version": "3.0.0-alpha.6", | ||
| "version": "3.0.0-alpha.7", | ||
| "description": "", | ||
| "main": "./index.js", | ||
| "module": "./notistack.esm.js", | ||
| "module": "./ee54bh78i.esm.js", | ||
| "types": "./index.d.ts", | ||
| "license": "MIT", | ||
| "scripts": { | ||
| "prebuild": "npm run docs", | ||
| "build": "tsdx build --transpileOnly --entry ./src/index.js", | ||
@@ -15,3 +14,3 @@ "watch": "tsdx watch --transpileOnly --entry ./src/index.js", | ||
| "lint": "eslint . --ext .js,.jsx,.ts,.tsx", | ||
| "prerelease": "npm run build", | ||
| "prerelease": "npm run build && npm run postversion", | ||
| "postversion": "cp package.json dist", | ||
@@ -28,4 +27,4 @@ "release:alpha": "np --tag alpha" | ||
| "@types/react-dom": "^18.0.3", | ||
| "@typescript-eslint/eslint-plugin": "^3.9.1", | ||
| "@typescript-eslint/parser": "^3.9.1", | ||
| "@typescript-eslint/eslint-plugin": "^5.28.0", | ||
| "@typescript-eslint/parser": "^5.28.0", | ||
| "babel-eslint": "^10.1.0", | ||
@@ -35,6 +34,8 @@ "babel-plugin-optimize-clsx": "^2.6.1", | ||
| "eslint-config-airbnb": "~18.2.0", | ||
| "eslint-config-prettier": "^8.5.0", | ||
| "eslint-plugin-import": "~2.22.0", | ||
| "eslint-plugin-jsx-a11y": "^6.3.1", | ||
| "eslint-plugin-react": "^7.20.6", | ||
| "eslint-plugin-react": "^7.30.0", | ||
| "np": "^7.6.1", | ||
| "prettier": "^2.7.1", | ||
| "react": "^18.1.0", | ||
@@ -41,0 +42,0 @@ "react-dom": "^18.1.0", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by5.89%
533848
- Lines of code
- increased by5.95%
4187
Worsened metrics
- Dev dependency count
- increased by9.09%
24
No dependency changes