New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

notistack

Package Overview
Dependencies
Maintainers
1
Versions
110
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

notistack - npm Package Compare versions

Comparing version

to
3.0.0-alpha.8

65

index.d.ts

@@ -45,9 +45,5 @@ import * as React from 'react';

export interface CustomTransitionProps extends Omit<TransitionProps, 'children'> {
export interface TransitionComponentProps extends Omit<TransitionProps, 'children'> {
children: (status: TransitionStatus, childProps: Record<string, any>) => React.ReactNode;
nodeRef: React.RefObject<HTMLDivElement>;
appear?: boolean;
addEndListener?: (node: HTMLDivElement, callback: () => void) => void;
onEntering?: TransitionEnterHandler;
onExiting?: TransitionExitHandler;
}

@@ -62,15 +58,15 @@

*/
onEnter: TransitionEnterHandler;
onEnter: (node: HTMLElement, isAppearing: boolean, key: SnackbarKey) => void;
/**
* Callback fired when the transition has entered.
*/
onEntered: TransitionEnterHandler;
onEntered: (node: HTMLElement, isAppearing: boolean, key: SnackbarKey) => void;
/**
* Callback fired before the transition is exiting.
*/
onExit: TransitionExitHandler;
onExit: (node: HTMLElement, key: SnackbarKey) => void;
/**
* Callback fired when the transition has exited.
*/
onExited: TransitionExitHandler;
onExited: (node: HTMLElement, key: SnackbarKey) => void;
}

@@ -80,9 +76,5 @@

export interface TransitionProps extends Partial<TransitionHandlerProps> {
export interface TransitionProps {
appear?: boolean;
/**
* Id/key of the snackbar this transition belongs to. Used in transition callbacks
* (e.g. onExited) to identify which snackbar has exited.
*/
id: SnackbarKey;
/**
* Show the component; triggers the enter or exit states

@@ -128,2 +120,27 @@ */

children: React.ReactNode;
/**
* Callback fired before the transition is entering.
*/
onEnter?: (node: HTMLElement, isAppearing: boolean) => void;
/**
* Callback fired when the transition has entered.
*/
onEntered?: (node: HTMLElement, isAppearing: boolean) => void;
/**
* Callback fired when the transition is entering.
*/
onEntering?: (node: HTMLElement, isAppearing: boolean) => void;
/**
* Callback fired before the transition is exiting.
*/
onExit?: (node: HTMLElement) => void;
/**
* Callback fired when the transition has exited.
*/
onExited?: (node: HTMLElement) => void;
/**
* Callback fired when the transition is existing.
*/
onExiting?: (node: HTMLElement) => void;
addEndListener?: (node: HTMLElement | HTMLDivElement, callback: () => void) => void;
}

@@ -151,10 +168,2 @@

export type TransitionCloseHandler = (
event: React.SyntheticEvent<any> | null,
reason: CloseReason,
key?: SnackbarKey
) => void;
export type TransitionEnterHandler = (node: HTMLElement, isAppearing: boolean, key: SnackbarKey) => void;
export type TransitionExitHandler = (node: HTMLElement, key: SnackbarKey) => void;
export type SnackbarClassKey =

@@ -276,9 +285,9 @@ | 'root'

* @param {object} event The event source of the callback
* @param {string} reason Can be:`"timeout"` (`autoHideDuration` expired) or: `"clickaway"`
* or: `"maxsnack"` (snackbar was closed because `maxSnack` has reached) or: `"instructed"`
* (snackbar was closed programmatically)
* @param {string} reason Can be:`"timeout"` (`autoHideDuration` expired) or: `"maxsnack"`
* (snackbar was closed because `maxSnack` has reached) or: `"instructed"` (snackbar was
* closed programmatically)
* @param {string|number|undefined} key key of a Snackbar. key will be `undefined` if closeSnackbar
* is called with no key (user requested all the snackbars to be closed)
*/
onClose?: TransitionCloseHandler;
onClose?: (event: React.SyntheticEvent<any> | null, reason: CloseReason, key?: SnackbarKey) => void;
}

@@ -421,2 +430,2 @@

export declare const Transition: React.JSXElementConstructor<CustomTransitionProps>;
export declare const Transition: React.JSXElementConstructor<TransitionComponentProps>;

@@ -209,5 +209,3 @@ 'use strict';

var _this$props = this.props,
enter = _this$props.enter,
id = _this$props.id;
var enter = this.props.enter;
var isAppearing = mounting;

@@ -221,3 +219,3 @@ var timeouts = this.getTimeouts();

if (_this2.props.onEntered) {
_this2.props.onEntered(_this2.node, isAppearing, id);
_this2.props.onEntered(_this2.node, isAppearing);
}

@@ -229,3 +227,3 @@ });

if (this.props.onEnter) {
this.props.onEnter(this.node, isAppearing, id);
this.props.onEnter(this.node, isAppearing);
}

@@ -237,3 +235,3 @@

if (_this2.props.onEntering) {
_this2.props.onEntering(_this2.node, isAppearing, id);
_this2.props.onEntering(_this2.node, isAppearing);
}

@@ -246,3 +244,3 @@

if (_this2.props.onEntered) {
_this2.props.onEntered(_this2.node, isAppearing, id);
_this2.props.onEntered(_this2.node, isAppearing);
}

@@ -257,5 +255,3 @@ });

var _this$props2 = this.props,
exit = _this$props2.exit,
id = _this$props2.id;
var exit = this.props.exit;
var timeouts = this.getTimeouts(); // no exit animation skip right to EXITED

@@ -268,3 +264,3 @@

if (_this3.props.onExited) {
_this3.props.onExited(_this3.node, id);
_this3.props.onExited(_this3.node);
}

@@ -276,3 +272,3 @@ });

if (this.props.onExit) {
this.props.onExit(this.node, id);
this.props.onExit(this.node);
}

@@ -284,3 +280,3 @@

if (_this3.props.onExiting) {
_this3.props.onExiting(_this3.node, id);
_this3.props.onExiting(_this3.node);
}

@@ -293,3 +289,3 @@

if (_this3.props.onExited) {
_this3.props.onExited(_this3.node, id);
_this3.props.onExited(_this3.node);
}

@@ -358,5 +354,5 @@ });

var _this$props3 = this.props,
children = _this$props3.children,
childProps = _objectWithoutPropertiesLoose(_this$props3, ["children", "id", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
var _this$props = this.props,
children = _this$props.children,
childProps = _objectWithoutPropertiesLoose(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);

@@ -369,4 +365,6 @@ return children(status, childProps);

get: function get() {
var node = this.props.nodeRef.current;
var _this$props$nodeRef;
var node = (_this$props$nodeRef = this.props.nodeRef) === null || _this$props$nodeRef === void 0 ? void 0 : _this$props$nodeRef.current;
if (!node) {

@@ -614,3 +612,3 @@ throw new Error('notistack - Custom snackbar is not refForwarding');

var handleEnter = function handleEnter(node, isAppearing, snackId) {
var handleEnter = function handleEnter(node, isAppearing) {
setTranslateValue(direction, node);

@@ -620,3 +618,3 @@ reflow(node);

if (onEnter) {
onEnter(node, isAppearing, snackId);
onEnter(node, isAppearing);
}

@@ -640,3 +638,3 @@ };

var handleExit = function handleExit(node, snackId) {
var handleExit = function handleExit(node) {
var easing = (style === null || style === void 0 ? void 0 : style.transitionTimingFunction) || defaultEasing.sharp;

@@ -655,7 +653,7 @@ var transitionProps = getTransitionProps({

if (onExit) {
onExit(node, snackId);
onExit(node);
}
};
var handleExited = function handleExited(node, snackId) {
var handleExited = function handleExited(node) {
// No need for transitions when the component is hidden

@@ -666,3 +664,3 @@ node.style.webkitTransition = '';

if (onExited) {
onExited(node, snackId);
onExited(node);
}

@@ -886,4 +884,3 @@ };

inProp = props["in"],
onExited = props.onExited,
id = props.id;
onExited = props.onExited;
var wrapperRef = React.useRef(null);

@@ -940,3 +937,2 @@ var nodeRef = React.useRef(null);

return React.createElement(Transition, {
id: id,
"in": inProp,

@@ -1024,2 +1020,5 @@ unmountOnExit: true,

var noOp$1 = function noOp() {
/* */
};
/**

@@ -1032,9 +1031,8 @@ * Credit to MUI team @ https://mui.com

*/
function createChainedFunction() {
for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
funcs[_key] = arguments[_key];
}
function createChainedFunction(funcs, snackbarId) {
// @ts-ignore
return funcs.reduce(function (acc, func) {
if (func == null) {
if (func === null || func === undefined) {
return acc;

@@ -1044,11 +1042,17 @@ }

return function chainedFunction() {
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
args[_key2] = arguments[_key2];
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
acc.apply(this, args);
func.apply(this, args);
var argums = [].concat(args);
if (snackbarId && argums.indexOf(snackbarId) === -1) {
argums.push(snackbarId);
} // @ts-ignore
acc.apply(this, argums);
func.apply(this, argums);
};
}, function () {//
});
}, noOp$1);
}

@@ -1292,3 +1296,3 @@

var handleClose = createChainedFunction(props.snack.onClose, props.onClose);
var handleClose = createChainedFunction([props.snack.onClose, props.onClose]);

@@ -1346,6 +1350,5 @@ var handleEntered = function handleEntered() {

return _extends({}, acc, (_extends2 = {}, _extends2[cbName] = createChainedFunction(props.snack[cbName], props[cbName]), _extends2));
return _extends({}, acc, (_extends2 = {}, _extends2[cbName] = createChainedFunction([props.snack[cbName], props[cbName]], otherSnack.id), _extends2));
}, {});
return React__default.createElement(Collapse, {
id: otherSnack.id,
"in": collapsed,

@@ -1362,3 +1365,3 @@ onExited: callbacks.onExited

}, React__default.createElement(TransitionComponent, Object.assign({}, transitionProps, {
id: otherSnack.id,
// appear
"in": open,

@@ -1370,3 +1373,3 @@ onExit: callbacks.onExit,

// then handleEntered to check if there's a request for closing
onEntered: createChainedFunction(callbacks.onEntered, handleEntered)
onEntered: createChainedFunction([callbacks.onEntered, handleEntered], otherSnack.id)
}), content || React__default.createElement(Component, Object.assign({}, otherSnack)))));

@@ -1497,2 +1500,3 @@ };

console.log('enqueue called');
var opts = isOptions(messageOrOptions) ? messageOrOptions : optsOrUndefined;

@@ -1588,3 +1592,2 @@ var message = messageOrOptions;

return _extends({}, state, {
// @ts-ignore
snacks: [].concat(snacks, [queue[0]]),

@@ -1807,4 +1810,4 @@ queue: queue.slice(1, queue.length)

onExit: _this2.props.onExit,
onExited: createChainedFunction(_this2.handleExitedSnack, _this2.props.onExited),
onEntered: createChainedFunction(_this2.handleEnteredSnack, _this2.props.onEntered)
onExited: createChainedFunction([_this2.handleExitedSnack, _this2.props.onExited], snack.id),
onEntered: createChainedFunction([_this2.handleEnteredSnack, _this2.props.onEntered], snack.id)
});

@@ -1811,0 +1814,0 @@ }));

@@ -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");function a(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&&a(n.prototype,e),t&&a(n,t),n}function u(){return(u=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 c(n,e){n.prototype=Object.create(e.prototype),n.prototype.constructor=n,n.__proto__=e}function l(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 d=function(){return""},f=t.createContext({enqueueSnackbar:d,closeSnackbar:d}),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}c(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&&"string"!=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.props.onEnter(this.node,o,i),this.safeSetState({status:"entering"},(function(){e.props.onEntering&&e.props.onEntering(e.node,o,i),e.onTransitionEnd(a.enter,(function(){e.safeSetState({status:"entered"},(function(){e.props.onEntered&&e.props.onEntered(e.node,o,i)}))}))}))):this.safeSetState({status:"entered"},(function(){e.props.onEntered&&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.props.onExit(this.node,r),this.safeSetState({status:"exiting"},(function(){n.props.onExiting&&n.props.onExiting(n.node,r),n.onTransitionEnd(i.exit,(function(){n.safeSetState({status:"exited"},(function(){n.props.onExited&&n.props.onExited(n.node,r)}))}))}))):this.safeSetState({status:"exited"},(function(){n.props.onExited&&n.props.onExited(n.node,r)}))},t.cancelNextCallback=function(){null!==this.nextCallback&&this.nextCallback.cancel&&(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(){t&&(t=!1,e.nextCallback=null,n())},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,l(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 g(){}function v(n,e){"function"==typeof n?n(e):n&&(n.current=e)}function E(n,t){return e.useMemo((function(){return null==n&&null==t?null:function(e){v(n,e),v(t,e)}}),[n,t])}function b(n){var e=n.timeout,t=n.style,r=void 0===t?{}:t;return{duration:"object"==typeof e?e[n.mode]||0:e,easing:r.transitionTimingFunction,delay:r.transitionDelay}}x.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:g,onEntering:g,onEntered:g,onExit:g,onExiting:g,onExited:g};var k=function(n){n.scrollTop=n.scrollTop},y=function(n){return Math.round(n)+"ms"};function C(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:y(i),t="string"==typeof u?u:y(u);return n+" "+e+" "+a+" "+t})).join(",")}function S(n){return function(n){return n&&n.ownerDocument||document}(n).defaultView||window}function w(n,e){if(e){var t=function(n,e){var t,r=e.getBoundingClientRect(),i=S(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,c=n.timeout,d=void 0===c?0:c,f=n.onEnter,p=n.onEntered,m=n.onExit,h=n.onExited,g=l(n,["children","direction","in","style","timeout","onEnter","onEntered","onExit","onExited"]),v=e.useRef(null),y=E(r.ref,v),T=E(y,t),L=e.useCallback((function(){v.current&&w(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&&w(o,v.current)})),e=S(v.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:v,onEnter:function(n,e,t){w(o,n),k(n),f&&f(n,e,t)},onEntered:p,onEntering:function(n){var e=b({timeout:d,mode:"enter",style:u({},s,{transitionTimingFunction:(null==s?void 0:s.transitionTimingFunction)||"cubic-bezier(0.0, 0, 0.2, 1)"})});n.style.webkitTransition=C("-webkit-transform",e),n.style.transition=C("transform",e),n.style.webkitTransform="none",n.style.transform="none"},onExit:function(n,e){var t=b({timeout:d,mode:"exit",style:u({},s,{transitionTimingFunction:(null==s?void 0:s.transitionTimingFunction)||"cubic-bezier(0.4, 0, 0.6, 1)"})});n.style.webkitTransition=C("-webkit-transform",t),n.style.transition=C("transform",t),w(o,n),m&&m(n,e)},onExited:function(n,e){n.style.webkitTransition="",n.style.transition="",h&&h(n,e)},in:a,timeout:d},g),(function(n,t){return e.cloneElement(r,u({ref:T,style:u({visibility:"exited"!==n||a?void 0:"hidden"},s,{},r.props.style)},t))}))}));T.displayName="Slide";var L=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(L,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(L,null,t.createElement("path",{d:"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"}))},N=function(){return t.createElement(L,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"}))},q=function(){return t.createElement(L,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"}))},H={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(N,null),info:t.createElement(q,null)},anchorOrigin:{vertical:"bottom",horizontal:"left"},TransitionComponent:T,transitionDuration:{enter:225,exit:195}};function R(n){return Object.entries(n).reduce((function(n,e){var t;return u({},n,((t={})[e[0]]=o.css(e[1]),t))}),{})}var M=R({root:{height:0},entered:{height:"auto"}}),j=e.forwardRef((function(n,t){var r=n.children,o=n.in,a=n.onExited,s=n.id,c=e.useRef(null),l=e.useRef(null),d=E(t,l),f=function(){return c.current?c.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=b({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){k(n);var e=b({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:u({pointerEvents:"all",overflow:"hidden",minHeight:"0px",transition:C("height")},"entered"===n&&{overflow:"visible"},{},"exited"===n&&!o&&{visibility:"hidden"})},t),e.createElement("div",{ref:c,className:"notistack-CollapseWrapper",style:{display:"flex",width:"100%"}},r))}))}));j.displayName="Collapse";var P={right:"left",left:"right",bottom:"up",top:"down"},A=function(n){return"anchorOrigin"+m(n)};function V(){for(var n=arguments.length,e=new Array(n),t=0;t<n;t++)e[t]=arguments[t];return e.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];n.apply(this,r),e.apply(this,r)}}),(function(){}))}var W="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function I(n){var t=e.useRef(n);return W((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 g=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",g),function(){window.removeEventListener("focus",v),window.removeEventListener("blur",g)}}),[u,v,d]),e.createElement("div",Object.assign({ref:t},p,{className:i("notistack-Snackbar",o),onMouseEnter:function(n){p.onMouseEnter&&p.onMouseEnter(n),g()},onMouseLeave:function(n){p.onMouseLeave&&p.onMouseLeave(n),v()}}),r)}));B.displayName="Snackbar";var F=R({root:(z={display:"flex",flexWrap:"wrap",flexGrow:1},z["@media (min-width:600px)"]={flexGrow:"initial",minWidth:"288px"},z)}),_=e.forwardRef((function(n,e){var r=n.className,o=l(n,["className"]);return t.createElement("div",Object.assign({ref:e,className:i(F.root,r)},o))}));_.displayName="SnackbarContent";var X=R({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"}}),Z=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(_,{ref:e,role:"alert",style:s,className:i("notistack-MuiContent",X.root,X[o],!a&&u&&X.lessPadding)},t.createElement("div",{id:"notistack-snackbar",className:X.message},a?null:u,r),c&&t.createElement("div",{className:X.action},c))}));Z.displayName="MaterialDesignContent";var Q,U,G,Y,J,K=e.memo(Z),$=R({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],c=V(n.snack.onClose,n.onClose),d=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,g=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 u({},e,((r={})[t]=n[t],r))}),{})}(m)}),[m]),v=p.open,E=p.SnackbarProps,b=p.TransitionComponent,k=p.TransitionProps,y=p.transitionDuration,C=p.disableWindowBlurListener,S=p.content,w=l(p,["open","SnackbarProps","TransitionComponent","TransitionProps","transitionDuration","disableWindowBlurListener","content","entered","requestClose","onEnter","onEntered","onExit","onExited"]),T=u({direction:(f=w.anchorOrigin,"center"!==f.horizontal?P[f.horizontal]:P[f.vertical]),timeout:y},k),L=S;"function"==typeof L&&(L=L(w.id,w.message));var O=["onEnter","onEntered","onExit","onExited"].reduce((function(e,t){var r;return u({},e,((r={})[t]=V(n.snack[t],n[t]),r))}),{});return t.createElement(j,{id:w.id,in:a,onExited:O.onExited},t.createElement(B,{open:v,id:w.id,disableWindowBlurListener:C,autoHideDuration:w.autoHideDuration,className:i($.wrappedRoot,g.root,g[A(w.anchorOrigin)]),SnackbarProps:E,onClose:c},t.createElement(b,Object.assign({},T,{id:w.id,in:v,onExit:O.onExit,onExited:d,onEnter:O.onEnter,onEntered:V(O.onEntered,(function(){n.snack.requestClose&&c(null,"instructed",n.snack.id)}))}),L||t.createElement(x,Object.assign({},w)))))},en=R({root:(Q={boxSizing:"border-box",display:"flex",maxHeight:"100%",position:"fixed",zIndex:1400,height:"auto",width:"auto",transition:C(["top","right","bottom","left","max-width"],{duration:300,easing:"ease"}),pointerEvents:"none"},Q[".notistack-CollapseWrapper"]={padding:"6px 0px",transition:"padding 300ms ease 0ms"},Q.maxWidth="calc(100% - 40px)",Q["@media (max-width:599.95px)"]={width:"100%",maxWidth:"calc(100% - 32px)"},Q),rootDense:(U={},U[".notistack-CollapseWrapper"]={padding:"2px 0px"},U),top:{top:"14px",flexDirection:"column"},bottom:{bottom:"14px",flexDirection:"column-reverse"},left:(G={left:"20px"},G["@media (min-width:600px)"]={alignItems:"flex-start"},G["@media (max-width:599.95px)"]={left:"16px"},G),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,c=l(r,["key","preventDuplicate"]),d=h(a),f=d?a:(new Date).getTime()+Math.random(),p=function(n,e){return function(t,r){return void 0===r&&(r=!1),r?u({},H[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:H.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"])?u({},H.transitionDuration,{},t(e,["object"])&&e,{},n):t(e,["string","number"])?e:t(e,["object"])?u({},H.transitionDuration,{},e):H.transitionDuration}(n.transitionDuration,e.transitionDuration):n[t]||e[t]||H[t];var i,o,a}}(c,t.props),m=u({id:f},c,{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,c.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 d?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(u({},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?u({},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?u({},n):(e=!0,n.entered?(n.onClose&&n.onClose(null,"maxsnack",n.id),t.props.onClose&&t.props.onClose(null,"maxsnack",n.id),u({},n,{open:!1})):u({},n,{requestClose:!0}))}));return u({},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?u({},n,{entered:!0}):u({},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?u({},n,n.entered?{open:!1}:{requestClose:!0}):u({},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(u({},n,{snacks:n.snacks.filter((function(n){return n.id!==e}))}));return 0===r.queue.length?r:t.handleDismissOldest(r)}))},exports.enqueueSnackbar=t.enqueueSnackbar,exports.closeSnackbar=t.closeSnackbar,t.state={snacks:[],queue:[],contextValue:{enqueueSnackbar:t.enqueueSnackbar,closeSnackbar:t.closeSnackbar}},t}return c(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,c=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 u({},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:c,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: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||H.maxSnack}}]),e}(e.Component);exports.SnackbarContent=_,exports.SnackbarProvider=on,exports.Transition=x,exports.useSnackbar=function(){return e.useContext(f)};
"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");function a(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&&a(n.prototype,e),t&&a(n,t),n}function u(){return(u=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 c(n,e){n.prototype=Object.create(e.prototype),n.prototype.constructor=n,n.__proto__=e}function l(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 d=function(){return""},f=t.createContext({enqueueSnackbar:d,closeSnackbar:d}),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}c(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&&"string"!=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.enter,r=n,i=this.getTimeouts();n||t?(this.props.onEnter&&this.props.onEnter(this.node,r),this.safeSetState({status:"entering"},(function(){e.props.onEntering&&e.props.onEntering(e.node,r),e.onTransitionEnd(i.enter,(function(){e.safeSetState({status:"entered"},(function(){e.props.onEntered&&e.props.onEntered(e.node,r)}))}))}))):this.safeSetState({status:"entered"},(function(){e.props.onEntered&&e.props.onEntered(e.node,r)}))},t.performExit=function(){var n=this,e=this.props.exit,t=this.getTimeouts();e?(this.props.onExit&&this.props.onExit(this.node),this.safeSetState({status:"exiting"},(function(){n.props.onExiting&&n.props.onExiting(n.node),n.onTransitionEnd(t.exit,(function(){n.safeSetState({status:"exited"},(function(){n.props.onExited&&n.props.onExited(n.node)}))}))}))):this.safeSetState({status:"exited"},(function(){n.props.onExited&&n.props.onExited(n.node)}))},t.cancelNextCallback=function(){null!==this.nextCallback&&this.nextCallback.cancel&&(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(){t&&(t=!1,e.nextCallback=null,n())},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,l(e,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]))},s(e,[{key:"node",get:function(){var n,e=null===(n=this.props.nodeRef)||void 0===n?void 0:n.current;if(!e)throw new Error("notistack - Custom snackbar is not refForwarding");return e}}]),e}(t.Component);function g(){}function v(n,e){"function"==typeof n?n(e):n&&(n.current=e)}function E(n,t){return e.useMemo((function(){return null==n&&null==t?null:function(e){v(n,e),v(t,e)}}),[n,t])}function b(n){var e=n.timeout,t=n.style,r=void 0===t?{}:t;return{duration:"object"==typeof e?e[n.mode]||0:e,easing:r.transitionTimingFunction,delay:r.transitionDelay}}x.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:g,onEntering:g,onEntered:g,onExit:g,onExiting:g,onExited:g};var k=function(n){n.scrollTop=n.scrollTop},y=function(n){return Math.round(n)+"ms"};function C(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:y(i),t="string"==typeof u?u:y(u);return n+" "+e+" "+a+" "+t})).join(",")}function S(n){return function(n){return n&&n.ownerDocument||document}(n).defaultView||window}function w(n,e){if(e){var t=function(n,e){var t,r=e.getBoundingClientRect(),i=S(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 O=e.forwardRef((function(n,t){var r=n.children,i=n.direction,o=void 0===i?"down":i,a=n.in,s=n.style,c=n.timeout,d=void 0===c?0:c,f=n.onEnter,p=n.onEntered,m=n.onExit,h=n.onExited,g=l(n,["children","direction","in","style","timeout","onEnter","onEntered","onExit","onExited"]),v=e.useRef(null),y=E(r.ref,v),O=E(y,t),T=e.useCallback((function(){v.current&&w(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&&w(o,v.current)})),e=S(v.current);return e.addEventListener("resize",n),function(){n.clear(),e.removeEventListener("resize",n)}}}),[o,a]),e.useEffect((function(){a||T()}),[a,T]),e.createElement(x,Object.assign({appear:!0,nodeRef:v,onEnter:function(n,e){w(o,n),k(n),f&&f(n,e)},onEntered:p,onEntering:function(n){var e=b({timeout:d,mode:"enter",style:u({},s,{transitionTimingFunction:(null==s?void 0:s.transitionTimingFunction)||"cubic-bezier(0.0, 0, 0.2, 1)"})});n.style.webkitTransition=C("-webkit-transform",e),n.style.transition=C("transform",e),n.style.webkitTransform="none",n.style.transform="none"},onExit:function(n){var e=b({timeout:d,mode:"exit",style:u({},s,{transitionTimingFunction:(null==s?void 0:s.transitionTimingFunction)||"cubic-bezier(0.4, 0, 0.6, 1)"})});n.style.webkitTransition=C("-webkit-transform",e),n.style.transition=C("transform",e),w(o,n),m&&m(n)},onExited:function(n){n.style.webkitTransition="",n.style.transition="",h&&h(n)},in:a,timeout:d},g),(function(n,t){return e.cloneElement(r,u({ref:O,style:u({visibility:"exited"!==n||a?void 0:"hidden"},s,{},r.props.style)},t))}))}));O.displayName="Slide";var 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))},L=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"}))},q=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"}))},N=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"}))},H={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(q,null),info:t.createElement(N,null)},anchorOrigin:{vertical:"bottom",horizontal:"left"},TransitionComponent:O,transitionDuration:{enter:225,exit:195}};function R(n){return Object.entries(n).reduce((function(n,e){var t;return u({},n,((t={})[e[0]]=o.css(e[1]),t))}),{})}var M=R({root:{height:0},entered:{height:"auto"}}),j=e.forwardRef((function(n,t){var r=n.children,o=n.in,a=n.onExited,s=e.useRef(null),c=e.useRef(null),l=E(t,c),d=function(){return s.current?s.current.clientHeight:0};return e.createElement(x,{in:o,unmountOnExit:!0,onEnter:function(n){n.style.height="0px"},onEntered:function(n){n.style.height="auto"},onEntering:function(n){var e=d(),t=b({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=d()+"px"},onExited:a,onExiting:function(n){k(n);var e=b({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:c,timeout:175},(function(n,t){return e.createElement("div",Object.assign({ref:l,className:i(M.root,"entered"===n&&M.entered),style:u({pointerEvents:"all",overflow:"hidden",minHeight:"0px",transition:C("height")},"entered"===n&&{overflow:"visible"},{},"exited"===n&&!o&&{visibility:"hidden"})},t),e.createElement("div",{ref:s,className:"notistack-CollapseWrapper",style:{display:"flex",width:"100%"}},r))}))}));j.displayName="Collapse";var P={right:"left",left:"right",bottom:"up",top:"down"},V=function(n){return"anchorOrigin"+m(n)},W=function(){};function A(n,e){return n.reduce((function(n,t){return null==t?n:function(){for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];var a=[].concat(i);e&&-1===a.indexOf(e)&&a.push(e),n.apply(this,a),t.apply(this,a)}}),W)}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)}),[])}var B,F=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=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 g=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",g),function(){window.removeEventListener("focus",v),window.removeEventListener("blur",g)}}),[u,v,d]),e.createElement("div",Object.assign({ref:t},p,{className:i("notistack-Snackbar",o),onMouseEnter:function(n){p.onMouseEnter&&p.onMouseEnter(n),g()},onMouseLeave:function(n){p.onMouseLeave&&p.onMouseLeave(n),v()}}),r)}));F.displayName="Snackbar";var _=R({root:(B={display:"flex",flexWrap:"wrap",flexGrow:1},B["@media (min-width:600px)"]={flexGrow:"initial",minWidth:"288px"},B)}),X=e.forwardRef((function(n,e){var r=n.className,o=l(n,["className"]);return t.createElement("div",Object.assign({ref:e,className:i(_.root,r)},o))}));X.displayName="SnackbarContent";var Z=R({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"}}),Q=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(X,{ref:e,role:"alert",style:s,className:i("notistack-MuiContent",Z.root,Z[o],!a&&u&&Z.lessPadding)},t.createElement("div",{id:"notistack-snackbar",className:Z.message},a?null:u,r),c&&t.createElement("div",{className:Z.action},c))}));Q.displayName="MaterialDesignContent";var U,G,Y,J,K,$=e.memo(Q),nn=R({wrappedRoot:{width:"100%",position:"relative",transform:"translateX(0)",top:0,right:0,bottom:0,left:0,minWidth:"288px"}}),en=function(n){var r=e.useRef(),o=e.useState(!0),a=o[0],s=o[1],c=A([n.snack.onClose,n.onClose]),d=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?$:h,g=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 u({},e,((r={})[t]=n[t],r))}),{})}(m)}),[m]),v=p.open,E=p.SnackbarProps,b=p.TransitionComponent,k=p.TransitionProps,y=p.transitionDuration,C=p.disableWindowBlurListener,S=p.content,w=l(p,["open","SnackbarProps","TransitionComponent","TransitionProps","transitionDuration","disableWindowBlurListener","content","entered","requestClose","onEnter","onEntered","onExit","onExited"]),O=u({direction:(f=w.anchorOrigin,"center"!==f.horizontal?P[f.horizontal]:P[f.vertical]),timeout:y},k),T=S;"function"==typeof T&&(T=T(w.id,w.message));var L=["onEnter","onEntered","onExit","onExited"].reduce((function(e,t){var r;return u({},e,((r={})[t]=A([n.snack[t],n[t]],w.id),r))}),{});return t.createElement(j,{in:a,onExited:L.onExited},t.createElement(F,{open:v,id:w.id,disableWindowBlurListener:C,autoHideDuration:w.autoHideDuration,className:i(nn.wrappedRoot,g.root,g[V(w.anchorOrigin)]),SnackbarProps:E,onClose:c},t.createElement(b,Object.assign({},O,{in:v,onExit:L.onExit,onExited:d,onEnter:L.onEnter,onEntered:A([L.onEntered,function(){n.snack.requestClose&&c(null,"instructed",n.snack.id)}],w.id)}),T||t.createElement(x,Object.assign({},w)))))},tn=R({root:(U={boxSizing:"border-box",display:"flex",maxHeight:"100%",position:"fixed",zIndex:1400,height:"auto",width:"auto",transition:C(["top","right","bottom","left","max-width"],{duration:300,easing:"ease"}),pointerEvents:"none"},U[".notistack-CollapseWrapper"]={padding:"6px 0px",transition:"padding 300ms ease 0ms"},U.maxWidth="calc(100% - 40px)",U["@media (max-width:599.95px)"]={width:"100%",maxWidth:"calc(100% - 32px)"},U),rootDense:(G={},G[".notistack-CollapseWrapper"]={padding:"2px 0px"},G),top:{top:"14px",flexDirection:"column"},bottom:{bottom:"14px",flexDirection:"column-reverse"},left:(Y={left:"20px"},Y["@media (min-width:600px)"]={alignItems:"flex-start"},Y["@media (max-width:599.95px)"]={left:"16px"},Y),right:(J={right:"20px"},J["@media (min-width:600px)"]={alignItems:"flex-end"},J["@media (max-width:599.95px)"]={right:"16px"},J),center:(K={left:"50%",transform:"translateX(-50%)"},K["@media (min-width:600px)"]={alignItems:"center"},K)}),rn=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",tn[o.vertical],tn[o.horizontal],tn.root,r.containerRoot,r["containerAnchorOrigin"+m(o)],a&&tn.rootDense);return t.createElement("div",{className:u},s)})),on=function(n){return"string"!=typeof n},an=function(n){function e(e){var t;return(t=n.call(this,e)||this).enqueueSnackbar=function(n,e){void 0===e&&(e={}),console.log("enqueue called");var r=on(n)?n:e,o=n;on(n)&&(o=n.message);var a=r.key,s=r.preventDuplicate,c=l(r,["key","preventDuplicate"]),d=h(a),f=d?a:(new Date).getTime()+Math.random(),p=function(n,e){return function(t,r){return void 0===r&&(r=!1),r?u({},H[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:H.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"])?u({},H.transitionDuration,{},t(e,["object"])&&e,{},n):t(e,["string","number"])?e:t(e,["object"])?u({},H.transitionDuration,{},e):H.transitionDuration}(n.transitionDuration,e.transitionDuration):n[t]||e[t]||H[t];var i,o,a}}(c,t.props),m=u({id:f},c,{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,c.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 d?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(u({},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?u({},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?u({},n):(e=!0,n.entered?(n.onClose&&n.onClose(null,"maxsnack",n.id),t.props.onClose&&t.props.onClose(null,"maxsnack",n.id),u({},n,{open:!1})):u({},n,{requestClose:!0}))}));return u({},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?u({},n,{entered:!0}):u({},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?u({},n,n.entered?{open:!1}:{requestClose:!0}):u({},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(u({},n,{snacks:n.snacks.filter((function(n){return n.id!==e}))}));return 0===r.queue.length?r:t.handleDismissOldest(r)}))},exports.enqueueSnackbar=t.enqueueSnackbar,exports.closeSnackbar=t.closeSnackbar,t.state={snacks:[],queue:[],contextValue:{enqueueSnackbar:t.enqueueSnackbar,closeSnackbar:t.closeSnackbar}},t}return c(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,c=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 u({},n,((t={})[r]=[].concat(n[r]||[],[e]),t))}),{}),x=Object.keys(h).map((function(e){var r=h[e];return t.createElement(rn,{key:e,dense:c,anchorOrigin:r[0].anchorOrigin,classes:p},r.map((function(e){return t.createElement(en,{key:e.id,snack:e,classes:p,Component:d[e.variant],onClose:n.handleCloseSnack,onEnter:n.props.onEnter,onExit:n.props.onExit,onExited:A([n.handleExitedSnack,n.props.onExited],e.id),onEntered:A([n.handleEnteredSnack,n.props.onEntered],e.id)})})))}));return t.createElement(f.Provider,{value:e},a,o?r.createPortal(x,o):x)},s(e,[{key:"maxSnack",get:function(){return this.props.maxSnack||H.maxSnack}}]),e}(e.Component);exports.SnackbarContent=X,exports.SnackbarProvider=an,exports.Transition=x,exports.useSnackbar=function(){return e.useContext(f)};
//# sourceMappingURL=notistack.cjs.production.min.js.map

@@ -202,5 +202,3 @@ import React__default, { useMemo, forwardRef, useRef, useCallback, useEffect, createElement, cloneElement, useLayoutEffect, memo, useState, Component, useContext } from 'react';

var _this$props = this.props,
enter = _this$props.enter,
id = _this$props.id;
var enter = this.props.enter;
var isAppearing = mounting;

@@ -214,3 +212,3 @@ var timeouts = this.getTimeouts();

if (_this2.props.onEntered) {
_this2.props.onEntered(_this2.node, isAppearing, id);
_this2.props.onEntered(_this2.node, isAppearing);
}

@@ -222,3 +220,3 @@ });

if (this.props.onEnter) {
this.props.onEnter(this.node, isAppearing, id);
this.props.onEnter(this.node, isAppearing);
}

@@ -230,3 +228,3 @@

if (_this2.props.onEntering) {
_this2.props.onEntering(_this2.node, isAppearing, id);
_this2.props.onEntering(_this2.node, isAppearing);
}

@@ -239,3 +237,3 @@

if (_this2.props.onEntered) {
_this2.props.onEntered(_this2.node, isAppearing, id);
_this2.props.onEntered(_this2.node, isAppearing);
}

@@ -250,5 +248,3 @@ });

var _this$props2 = this.props,
exit = _this$props2.exit,
id = _this$props2.id;
var exit = this.props.exit;
var timeouts = this.getTimeouts(); // no exit animation skip right to EXITED

@@ -261,3 +257,3 @@

if (_this3.props.onExited) {
_this3.props.onExited(_this3.node, id);
_this3.props.onExited(_this3.node);
}

@@ -269,3 +265,3 @@ });

if (this.props.onExit) {
this.props.onExit(this.node, id);
this.props.onExit(this.node);
}

@@ -277,3 +273,3 @@

if (_this3.props.onExiting) {
_this3.props.onExiting(_this3.node, id);
_this3.props.onExiting(_this3.node);
}

@@ -286,3 +282,3 @@

if (_this3.props.onExited) {
_this3.props.onExited(_this3.node, id);
_this3.props.onExited(_this3.node);
}

@@ -351,5 +347,5 @@ });

var _this$props3 = this.props,
children = _this$props3.children,
childProps = _objectWithoutPropertiesLoose(_this$props3, ["children", "id", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
var _this$props = this.props,
children = _this$props.children,
childProps = _objectWithoutPropertiesLoose(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);

@@ -362,4 +358,6 @@ return children(status, childProps);

get: function get() {
var node = this.props.nodeRef.current;
var _this$props$nodeRef;
var node = (_this$props$nodeRef = this.props.nodeRef) === null || _this$props$nodeRef === void 0 ? void 0 : _this$props$nodeRef.current;
if (!node) {

@@ -607,3 +605,3 @@ throw new Error('notistack - Custom snackbar is not refForwarding');

var handleEnter = function handleEnter(node, isAppearing, snackId) {
var handleEnter = function handleEnter(node, isAppearing) {
setTranslateValue(direction, node);

@@ -613,3 +611,3 @@ reflow(node);

if (onEnter) {
onEnter(node, isAppearing, snackId);
onEnter(node, isAppearing);
}

@@ -633,3 +631,3 @@ };

var handleExit = function handleExit(node, snackId) {
var handleExit = function handleExit(node) {
var easing = (style === null || style === void 0 ? void 0 : style.transitionTimingFunction) || defaultEasing.sharp;

@@ -648,7 +646,7 @@ var transitionProps = getTransitionProps({

if (onExit) {
onExit(node, snackId);
onExit(node);
}
};
var handleExited = function handleExited(node, snackId) {
var handleExited = function handleExited(node) {
// No need for transitions when the component is hidden

@@ -659,3 +657,3 @@ node.style.webkitTransition = '';

if (onExited) {
onExited(node, snackId);
onExited(node);
}

@@ -879,4 +877,3 @@ };

inProp = props["in"],
onExited = props.onExited,
id = props.id;
onExited = props.onExited;
var wrapperRef = useRef(null);

@@ -933,3 +930,2 @@ var nodeRef = useRef(null);

return createElement(Transition, {
id: id,
"in": inProp,

@@ -1017,2 +1013,5 @@ unmountOnExit: true,

var noOp$1 = function noOp() {
/* */
};
/**

@@ -1025,9 +1024,8 @@ * Credit to MUI team @ https://mui.com

*/
function createChainedFunction() {
for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
funcs[_key] = arguments[_key];
}
function createChainedFunction(funcs, snackbarId) {
// @ts-ignore
return funcs.reduce(function (acc, func) {
if (func == null) {
if (func === null || func === undefined) {
return acc;

@@ -1037,11 +1035,17 @@ }

return function chainedFunction() {
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
args[_key2] = arguments[_key2];
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
acc.apply(this, args);
func.apply(this, args);
var argums = [].concat(args);
if (snackbarId && argums.indexOf(snackbarId) === -1) {
argums.push(snackbarId);
} // @ts-ignore
acc.apply(this, argums);
func.apply(this, argums);
};
}, function () {//
});
}, noOp$1);
}

@@ -1285,3 +1289,3 @@

var handleClose = createChainedFunction(props.snack.onClose, props.onClose);
var handleClose = createChainedFunction([props.snack.onClose, props.onClose]);

@@ -1339,6 +1343,5 @@ var handleEntered = function handleEntered() {

return _extends({}, acc, (_extends2 = {}, _extends2[cbName] = createChainedFunction(props.snack[cbName], props[cbName]), _extends2));
return _extends({}, acc, (_extends2 = {}, _extends2[cbName] = createChainedFunction([props.snack[cbName], props[cbName]], otherSnack.id), _extends2));
}, {});
return React__default.createElement(Collapse, {
id: otherSnack.id,
"in": collapsed,

@@ -1355,3 +1358,3 @@ onExited: callbacks.onExited

}, React__default.createElement(TransitionComponent, Object.assign({}, transitionProps, {
id: otherSnack.id,
// appear
"in": open,

@@ -1363,3 +1366,3 @@ onExit: callbacks.onExit,

// then handleEntered to check if there's a request for closing
onEntered: createChainedFunction(callbacks.onEntered, handleEntered)
onEntered: createChainedFunction([callbacks.onEntered, handleEntered], otherSnack.id)
}), content || React__default.createElement(Component, Object.assign({}, otherSnack)))));

@@ -1495,2 +1498,3 @@ };

console.log('enqueue called');
var opts = isOptions(messageOrOptions) ? messageOrOptions : optsOrUndefined;

@@ -1586,3 +1590,2 @@ var message = messageOrOptions;

return _extends({}, state, {
// @ts-ignore
snacks: [].concat(snacks, [queue[0]]),

@@ -1805,4 +1808,4 @@ queue: queue.slice(1, queue.length)

onExit: _this2.props.onExit,
onExited: createChainedFunction(_this2.handleExitedSnack, _this2.props.onExited),
onEntered: createChainedFunction(_this2.handleEnteredSnack, _this2.props.onEntered)
onExited: createChainedFunction([_this2.handleExitedSnack, _this2.props.onExited], snack.id),
onEntered: createChainedFunction([_this2.handleEnteredSnack, _this2.props.onEntered], snack.id)
});

@@ -1809,0 +1812,0 @@ }));

{
"name": "notistack",
"version": "3.0.0-alpha.7",
"version": "3.0.0-alpha.8",
"description": "Highly customizable notification snackbars (toasts) that can be stacked on top of each other",

@@ -5,0 +5,0 @@ "main": "./index.js",

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