notistack - npm Package Compare versions

Comparing version 1.0.9 to 1.0.10

CHANGELOG.md

 Thanks to all contributers who improved notistack by opening an issue/PR.
 
+### `notistack@1.0.10`
+###### July 25, 2021
+* **@joshkel** Support Collapse with root and container class keys [#408](https://github.com/iamhosseindhv/notistack/pull/408) 
+
+<br />
+
 ### `notistack@1.0.9`
@@ -4,0 +10,0 @@ ###### May 19, 2021

dist/notistack.cjs.development.js

@@ -613,4 +613,6 @@ 'use strict';
 var collapse = {
-  container: '& > .MuiCollapse-container',
-  wrapper: '& > .MuiCollapse-container > .MuiCollapse-wrapper'
+  // Material-UI 4.12.x and above uses MuiCollapse-root; earlier versions use
+  // Mui-Collapse-container.  https://github.com/mui-org/material-ui/pull/24084
+  container: '& > .MuiCollapse-container, & > .MuiCollapse-root',
+  wrapper: '& > .MuiCollapse-container > .MuiCollapse-wrapper, & > .MuiCollapse-root > .MuiCollapse-wrapper'
 };
@@ -631,3 +633,3 @@ var xsWidthMargin = 16;
       transition: 'top 300ms ease 0ms, right 300ms ease 0ms, bottom 300ms ease 0ms, left 300ms ease 0ms, margin 300ms ease 0ms, max-width 300ms ease 0ms',
-      // container itself is invisible and should not block clicks, clicks should be passed to its children 
+      // container itself is invisible and should not block clicks, clicks should be passed to its children
       pointerEvents: 'none'
@@ -634,0 +636,0 @@ }, _root[collapse.container] = {

dist/notistack.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),t=e(n),r=require("react-dom"),o=e(require("clsx")),a=e(require("@material-ui/core/Slide")),i=require("@material-ui/core/styles"),s=e(require("@material-ui/core/Collapse")),c=e(require("@material-ui/core/SvgIcon")),u=e(require("@material-ui/core/ClickAwayListener")),l=e(require("hoist-non-react-statics"));function d(){return(d=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function f(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n.indexOf(t=a[r])>=0||(o[t]=e[t]);return o}var p=t.createContext(),m={root:{},anchorOriginTopCenter:{},anchorOriginBottomCenter:{},anchorOriginTopRight:{},anchorOriginBottomRight:{},anchorOriginTopLeft:{},anchorOriginBottomLeft:{}},h={containerRoot:{},containerAnchorOriginTopCenter:{},containerAnchorOriginBottomCenter:{},containerAnchorOriginTopRight:{},containerAnchorOriginBottomRight:{},containerAnchorOriginTopLeft:{},containerAnchorOriginBottomLeft:{}},g={maxSnack:3,dense:!1,hideIconVariant:!1,variant:"default",autoHideDuration:5e3,anchorOrigin:{vertical:"bottom",horizontal:"left"},TransitionComponent:a,transitionDuration:{enter:225,exit:195}},k=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},v=function(e){return Object.keys(e).filter((function(e){return!h[e]})).reduce((function(n,t){var r;return d({},n,((r={})[t]=e[t],r))}),{})},x={TIMEOUT:"timeout",CLICKAWAY:"clickaway",MAXSNACK:"maxsnack",INSTRUCTED:"instructed"},E=function(e){return"containerAnchorOrigin"+e},b=function(e){var n=e.horizontal;return"anchorOrigin"+k(e.vertical)+k(n)},y=function(e){return"variant"+k(e)},C=function(e){return!!e||0===e},S=function(e){return"number"==typeof e||null===e};function O(e,n,t){return void 0===e&&(e={}),void 0===n&&(n={}),void 0===t&&(t={}),d({},t,{},n,{},e)}var w=function(e){var n;return i.createStyles({root:(n={display:"flex",flexWrap:"wrap",flexGrow:1},n[e.breakpoints.up("sm")]={flexGrow:"initial",minWidth:288},n)})},L=n.forwardRef((function(e,n){var r=e.classes,a=e.className,i=f(e,["classes","className"]);return t.createElement("div",Object.assign({ref:n,className:o(r.root,a)},i))})),D=i.withStyles(w)(L),T={right:"left",left:"right",bottom:"up",top:"down"},A=function(e){return"center"!==e.horizontal?T[e.horizontal]:T[e.vertical]},q=function(e){return t.createElement(c,Object.assign({},e),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"}))},I=function(e){return t.createElement(c,Object.assign({},e),t.createElement("path",{d:"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"}))},M=function(e){return t.createElement(c,Object.assign({},e),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(e){return t.createElement(c,Object.assign({},e),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"}))},R={fontSize:20,marginInlineEnd:8},N={default:void 0,success:t.createElement(q,{style:R}),warning:t.createElement(I,{style:R}),error:t.createElement(M,{style:R}),info:t.createElement(H,{style:R})};function j(e,n){return e.reduce((function(e,t){return null==t?e:function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];var i=[].concat(o);n&&-1===i.indexOf(n)&&i.push(n),e.apply(this,i),t.apply(this,i)}}),(function(){}))}var V="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function P(e){var t=n.useRef(e);return V((function(){t.current=e})),n.useCallback((function(){return t.current.apply(void 0,arguments)}),[])}var z=n.forwardRef((function(e,t){var r=e.children,o=e.autoHideDuration,a=e.ClickAwayListenerProps,i=e.disableWindowBlurListener,s=void 0!==i&&i,c=e.onClose,l=e.onMouseEnter,p=e.onMouseLeave,m=e.open,h=e.resumeHideDuration,g=f(e,["children","autoHideDuration","ClickAwayListenerProps","disableWindowBlurListener","onClose","onMouseEnter","onMouseLeave","open","resumeHideDuration"]),k=n.useRef(),v=P((function(){c&&c.apply(void 0,arguments)})),E=P((function(e){c&&null!=e&&(clearTimeout(k.current),k.current=setTimeout((function(){v(null,x.TIMEOUT)}),e))}));n.useEffect((function(){return m&&E(o),function(){clearTimeout(k.current)}}),[m,o,E]);var b=function(){clearTimeout(k.current)},y=n.useCallback((function(){null!=o&&E(null!=h?h:.5*o)}),[o,h,E]);return n.useEffect((function(){if(!s&&m)return window.addEventListener("focus",y),window.addEventListener("blur",b),function(){window.removeEventListener("focus",y),window.removeEventListener("blur",b)}}),[s,y,m]),n.createElement(u,d({onClickAway:function(e){c&&c(e,x.CLICKAWAY)}},a),n.createElement("div",d({onMouseEnter:function(e){l&&l(e),b()},onMouseLeave:function(e){p&&p(e),y()},ref:t},g),r))})),W=function(e){var n=i.emphasize(e.palette.background.default,"light"===(e.palette.mode||e.palette.type)?.8:.98);return i.createStyles(d({},m,{contentRoot:d({},e.typography.body2,{backgroundColor:n,color:e.palette.getContrastText(n),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:20},variantSuccess:{backgroundColor:"#43a047",color:"#fff"},variantError:{backgroundColor:"#d32f2f",color:"#fff"},variantInfo:{backgroundColor:"#2196f3",color:"#fff"},variantWarning:{backgroundColor:"#ff9800",color:"#fff"},message:{display:"flex",alignItems:"center",padding:"8px 0"},action:{display:"flex",alignItems:"center",marginLeft:"auto",paddingLeft:16,marginRight:-8},wrappedRoot:{position:"relative",transform:"translateX(0)",top:0,right:0,bottom:0,left:0}}))},B=function(e){var r=e.classes,a=f(e,["classes"]),i=n.useRef(),c=n.useState(!0),u=c[0],l=c[1];n.useEffect((function(){return function(){i.current&&clearTimeout(i.current)}}),[]);var p=j([a.snack.onClose,a.onClose],a.snack.key),m=a.style,h=a.ariaAttributes,k=a.className,v=a.hideIconVariant,E=a.iconVariant,C=a.snack,S=a.action,w=a.content,L=a.TransitionComponent,T=a.TransitionProps,q=a.transitionDuration,I=f(a,["style","dense","ariaAttributes","className","hideIconVariant","iconVariant","snack","action","content","TransitionComponent","TransitionProps","transitionDuration","onEnter","onEntered","onEntering","onExit","onExited","onExiting"]),M=C.key,H=C.open,R=C.className,V=C.variant,P=C.content,W=C.action,B=C.ariaAttributes,U=C.anchorOrigin,K=C.message,_=C.TransitionComponent,X=C.TransitionProps,Z=C.transitionDuration,Q=f(C,["persist","key","open","entered","requestClose","className","variant","content","action","ariaAttributes","anchorOrigin","message","TransitionComponent","TransitionProps","transitionDuration","onEnter","onEntered","onEntering","onExit","onExited","onExiting"]),Y=d({},N,{},E)[V],G=d({"aria-describedby":"notistack-snackbar"},O(B,h)),F=_||L||g.TransitionComponent,J=O(Z,q,g.transitionDuration),$=d({direction:A(U)},O(X,T)),ee=W||S;"function"==typeof ee&&(ee=ee(M));var ne=P||w;"function"==typeof ne&&(ne=ne(M,C.message));var te=["onEnter","onEntering","onEntered","onExit","onExiting","onExited"].reduce((function(e,n){var t;return d({},e,((t={})[n]=j([a.snack[n],a[n]],a.snack.key),t))}),{});return t.createElement(s,{unmountOnExit:!0,timeout:175,in:u,onExited:te.onExited},t.createElement(z,Object.assign({},I,Q,{open:H,className:o(r.root,r.wrappedRoot,r[b(U)]),onClose:p}),t.createElement(F,Object.assign({appear:!0,in:H,timeout:J},$,{onExit:te.onExit,onExiting:te.onExiting,onExited:function(){i.current=setTimeout((function(){l(!u)}),125)},onEnter:te.onEnter,onEntering:te.onEntering,onEntered:j([te.onEntered,function(){a.snack.requestClose&&p(null,x.INSTRCUTED)}])}),ne||t.createElement(D,Object.assign({},G,{role:"alert",style:m,className:o(r.contentRoot,r[y(V)],k,R,!v&&Y&&r.lessPadding)}),t.createElement("div",{id:G["aria-describedby"],className:r.message},v?null:Y,K),ee&&t.createElement("div",{className:r.action},ee)))))},U=i.withStyles(W)(B),K="& > .MuiCollapse-container > .MuiCollapse-wrapper",_=i.makeStyles((function(e){var n,t,r,o,a;return{root:(n={boxSizing:"border-box",display:"flex",maxHeight:"100%",position:"fixed",zIndex:e.zIndex.snackbar,height:"auto",width:"auto",transition:"top 300ms ease 0ms, right 300ms ease 0ms, bottom 300ms ease 0ms, left 300ms ease 0ms, margin 300ms ease 0ms, max-width 300ms ease 0ms",pointerEvents:"none"},n["& > .MuiCollapse-container"]={pointerEvents:"all"},n[K]={padding:"6px 0px",transition:"padding 300ms ease 0ms"},n.maxWidth="calc(100% - 40px)",n[e.breakpoints.down("xs")]={width:"100%",maxWidth:"calc(100% - 32px)"},n),rootDense:(t={},t[K]={padding:"2px 0px"},t),top:{top:14,flexDirection:"column"},bottom:{bottom:14,flexDirection:"column-reverse"},left:(r={left:20},r[e.breakpoints.up("sm")]={alignItems:"flex-start"},r[e.breakpoints.down("xs")]={left:"16px"},r),right:(o={right:20},o[e.breakpoints.up("sm")]={alignItems:"flex-end"},o[e.breakpoints.down("xs")]={right:"16px"},o),center:(a={left:"50%",transform:"translateX(-50%)"},a[e.breakpoints.up("sm")]={alignItems:"center"},a)}})),X=function(e){var n=_(),r=e.className,a=e.anchorOrigin,i=e.dense,s=f(e,["className","anchorOrigin","dense"]),c=o(n[a.vertical],n[a.horizontal],n.root,r,i&&n.rootDense);return t.createElement("div",Object.assign({className:c},s))},Z=t.memo(X),Q=function(e){var n,a,i;function s(n){var t;return(t=e.call(this,n)||this).enqueueSnackbar=function(e,n){void 0===n&&(n={});var r=n.key,o=n.preventDuplicate,a=f(n,["key","preventDuplicate"]),i=C(r),s=i?r:(new Date).getTime()+Math.random(),c=function(e,n,t){return function(r){return"autoHideDuration"===r?S(e.autoHideDuration)?e.autoHideDuration:S(n.autoHideDuration)?n.autoHideDuration:g.autoHideDuration:e[r]||n[r]||t[r]}}(a,t.props,g),u=d({key:s},a,{message:e,open:!0,entered:!1,requestClose:!1,variant:c("variant"),anchorOrigin:c("anchorOrigin"),autoHideDuration:c("autoHideDuration")});return a.persist&&(u.autoHideDuration=void 0),t.setState((function(n){if(void 0===o&&t.props.preventDuplicate||o){var a=function(n){return i?n.key===r:n.message===e},s=n.queue.findIndex(a)>-1,c=n.snacks.findIndex(a)>-1;if(s||c)return n}return t.handleDisplaySnack(d({},n,{queue:[].concat(n.queue,[u])}))})),s},t.handleDisplaySnack=function(e){return e.snacks.length>=t.maxSnack?t.handleDismissOldest(e):t.processQueue(e)},t.processQueue=function(e){var n=e.queue;return n.length>0?d({},e,{snacks:[].concat(e.snacks,[n[0]]),queue:n.slice(1,n.length)}):e},t.handleDismissOldest=function(e){if(e.snacks.some((function(e){return!e.open||e.requestClose})))return e;var n=!1,r=!1;e.snacks.reduce((function(e,n){return e+(n.open&&n.persist?1:0)}),0)===t.maxSnack&&(r=!0);var o=e.snacks.map((function(e){return n||e.persist&&!r?d({},e):(n=!0,e.entered?(e.onClose&&e.onClose(null,x.MAXSNACK,e.key),t.props.onClose&&t.props.onClose(null,x.MAXSNACK,e.key),d({},e,{open:!1})):d({},e,{requestClose:!0}))}));return d({},e,{snacks:o})},t.handleEnteredSnack=function(e,n,r){if(!C(r))throw new Error("handleEnteredSnack Cannot be called with undefined key");t.setState((function(e){return{snacks:e.snacks.map((function(e){return e.key===r?d({},e,{entered:!0}):d({},e)}))}}))},t.handleCloseSnack=function(e,n,r){if(t.props.onClose&&t.props.onClose(e,n,r),n!==x.CLICKAWAY){var o=void 0===r;t.setState((function(e){var n=e.queue;return{snacks:e.snacks.map((function(e){return o||e.key===r?d({},e,e.entered?{open:!1}:{requestClose:!0}):d({},e)})),queue:n.filter((function(e){return e.key!==r}))}}))}},t.closeSnackbar=function(e){var n=t.state.snacks.find((function(n){return n.key===e}));C(e)&&n&&n.onClose&&n.onClose(null,x.INSTRUCTED,e),t.handleCloseSnack(null,x.INSTRUCTED,e)},t.handleExitedSnack=function(e,n,r){var o=n||r;if(!C(o))throw new Error("handleExitedSnack Cannot be called with undefined key");t.setState((function(e){var n=t.processQueue(d({},e,{snacks:e.snacks.filter((function(e){return e.key!==o}))}));return 0===n.queue.length?n:t.handleDismissOldest(n)}))},t.state={snacks:[],queue:[],contextValue:{enqueueSnackbar:t.enqueueSnackbar,closeSnackbar:t.closeSnackbar}},t}return a=e,(n=s).prototype=Object.create(a.prototype),n.prototype.constructor=n,n.__proto__=a,s.prototype.render=function(){var e=this,n=this.state.contextValue,a=this.props,i=a.iconVariant,s=a.dense,c=void 0===s?g.dense:s,u=a.hideIconVariant,l=void 0===u?g.hideIconVariant:u,m=a.domRoot,h=a.children,x=a.classes,b=void 0===x?{}:x,y=f(a,["maxSnack","preventDuplicate","variant","anchorOrigin","iconVariant","dense","hideIconVariant","domRoot","children","classes"]),C=this.state.snacks.reduce((function(e,n){var t,r,o=""+k((r=n.anchorOrigin).vertical)+k(r.horizontal);return d({},e,((t={})[o]=[].concat(e[o]||[],[n]),t))}),{}),S=Object.keys(C).map((function(n){var r=C[n];return t.createElement(Z,{key:n,dense:c,anchorOrigin:r[0].anchorOrigin,className:o(b.containerRoot,b[E(n)])},r.map((function(n){return t.createElement(U,Object.assign({},y,{key:n.key,snack:n,dense:c,iconVariant:i,hideIconVariant:l,classes:v(b),onClose:e.handleCloseSnack,onExited:j([e.handleExitedSnack,e.props.onExited]),onEntered:j([e.handleEnteredSnack,e.props.onEntered])}))})))}));return t.createElement(p.Provider,{value:n},h,m?r.createPortal(S,m):S)},(i=[{key:"maxSnack",get:function(){return this.props.maxSnack||g.maxSnack}}])&&function(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(s.prototype,i),s}(n.Component);exports.SnackbarContent=D,exports.SnackbarProvider=Q,exports.useSnackbar=function(){return n.useContext(p)},exports.withSnackbar=function(e){var n=t.forwardRef((function(n,r){return t.createElement(p.Consumer,null,(function(o){return t.createElement(e,d({},n,{ref:r,enqueueSnackbar:o.enqueueSnackbar,closeSnackbar:o.closeSnackbar}))}))}));return l(n,e),n};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),t=e(n),r=require("react-dom"),o=e(require("clsx")),a=e(require("@material-ui/core/Slide")),i=require("@material-ui/core/styles"),s=e(require("@material-ui/core/Collapse")),c=e(require("@material-ui/core/SvgIcon")),u=e(require("@material-ui/core/ClickAwayListener")),l=e(require("hoist-non-react-statics"));function d(){return(d=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function f(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n.indexOf(t=a[r])>=0||(o[t]=e[t]);return o}var p=t.createContext(),m={root:{},anchorOriginTopCenter:{},anchorOriginBottomCenter:{},anchorOriginTopRight:{},anchorOriginBottomRight:{},anchorOriginTopLeft:{},anchorOriginBottomLeft:{}},h={containerRoot:{},containerAnchorOriginTopCenter:{},containerAnchorOriginBottomCenter:{},containerAnchorOriginTopRight:{},containerAnchorOriginBottomRight:{},containerAnchorOriginTopLeft:{},containerAnchorOriginBottomLeft:{}},g={maxSnack:3,dense:!1,hideIconVariant:!1,variant:"default",autoHideDuration:5e3,anchorOrigin:{vertical:"bottom",horizontal:"left"},TransitionComponent:a,transitionDuration:{enter:225,exit:195}},k=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},v=function(e){return Object.keys(e).filter((function(e){return!h[e]})).reduce((function(n,t){var r;return d({},n,((r={})[t]=e[t],r))}),{})},x={TIMEOUT:"timeout",CLICKAWAY:"clickaway",MAXSNACK:"maxsnack",INSTRUCTED:"instructed"},E=function(e){return"containerAnchorOrigin"+e},b=function(e){var n=e.horizontal;return"anchorOrigin"+k(e.vertical)+k(n)},C=function(e){return"variant"+k(e)},y=function(e){return!!e||0===e},S=function(e){return"number"==typeof e||null===e};function O(e,n,t){return void 0===e&&(e={}),void 0===n&&(n={}),void 0===t&&(t={}),d({},t,{},n,{},e)}var w=function(e){var n;return i.createStyles({root:(n={display:"flex",flexWrap:"wrap",flexGrow:1},n[e.breakpoints.up("sm")]={flexGrow:"initial",minWidth:288},n)})},L=n.forwardRef((function(e,n){var r=e.classes,a=e.className,i=f(e,["classes","className"]);return t.createElement("div",Object.assign({ref:n,className:o(r.root,a)},i))})),D=i.withStyles(w)(L),T={right:"left",left:"right",bottom:"up",top:"down"},A=function(e){return"center"!==e.horizontal?T[e.horizontal]:T[e.vertical]},q=function(e){return t.createElement(c,Object.assign({},e),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"}))},I=function(e){return t.createElement(c,Object.assign({},e),t.createElement("path",{d:"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"}))},M=function(e){return t.createElement(c,Object.assign({},e),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(e){return t.createElement(c,Object.assign({},e),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"}))},R={fontSize:20,marginInlineEnd:8},N={default:void 0,success:t.createElement(q,{style:R}),warning:t.createElement(I,{style:R}),error:t.createElement(M,{style:R}),info:t.createElement(H,{style:R})};function j(e,n){return e.reduce((function(e,t){return null==t?e:function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];var i=[].concat(o);n&&-1===i.indexOf(n)&&i.push(n),e.apply(this,i),t.apply(this,i)}}),(function(){}))}var V="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function P(e){var t=n.useRef(e);return V((function(){t.current=e})),n.useCallback((function(){return t.current.apply(void 0,arguments)}),[])}var z=n.forwardRef((function(e,t){var r=e.children,o=e.autoHideDuration,a=e.ClickAwayListenerProps,i=e.disableWindowBlurListener,s=void 0!==i&&i,c=e.onClose,l=e.onMouseEnter,p=e.onMouseLeave,m=e.open,h=e.resumeHideDuration,g=f(e,["children","autoHideDuration","ClickAwayListenerProps","disableWindowBlurListener","onClose","onMouseEnter","onMouseLeave","open","resumeHideDuration"]),k=n.useRef(),v=P((function(){c&&c.apply(void 0,arguments)})),E=P((function(e){c&&null!=e&&(clearTimeout(k.current),k.current=setTimeout((function(){v(null,x.TIMEOUT)}),e))}));n.useEffect((function(){return m&&E(o),function(){clearTimeout(k.current)}}),[m,o,E]);var b=function(){clearTimeout(k.current)},C=n.useCallback((function(){null!=o&&E(null!=h?h:.5*o)}),[o,h,E]);return n.useEffect((function(){if(!s&&m)return window.addEventListener("focus",C),window.addEventListener("blur",b),function(){window.removeEventListener("focus",C),window.removeEventListener("blur",b)}}),[s,C,m]),n.createElement(u,d({onClickAway:function(e){c&&c(e,x.CLICKAWAY)}},a),n.createElement("div",d({onMouseEnter:function(e){l&&l(e),b()},onMouseLeave:function(e){p&&p(e),C()},ref:t},g),r))})),W=function(e){var n=i.emphasize(e.palette.background.default,"light"===(e.palette.mode||e.palette.type)?.8:.98);return i.createStyles(d({},m,{contentRoot:d({},e.typography.body2,{backgroundColor:n,color:e.palette.getContrastText(n),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:20},variantSuccess:{backgroundColor:"#43a047",color:"#fff"},variantError:{backgroundColor:"#d32f2f",color:"#fff"},variantInfo:{backgroundColor:"#2196f3",color:"#fff"},variantWarning:{backgroundColor:"#ff9800",color:"#fff"},message:{display:"flex",alignItems:"center",padding:"8px 0"},action:{display:"flex",alignItems:"center",marginLeft:"auto",paddingLeft:16,marginRight:-8},wrappedRoot:{position:"relative",transform:"translateX(0)",top:0,right:0,bottom:0,left:0}}))},B=function(e){var r=e.classes,a=f(e,["classes"]),i=n.useRef(),c=n.useState(!0),u=c[0],l=c[1];n.useEffect((function(){return function(){i.current&&clearTimeout(i.current)}}),[]);var p=j([a.snack.onClose,a.onClose],a.snack.key),m=a.style,h=a.ariaAttributes,k=a.className,v=a.hideIconVariant,E=a.iconVariant,y=a.snack,S=a.action,w=a.content,L=a.TransitionComponent,T=a.TransitionProps,q=a.transitionDuration,I=f(a,["style","dense","ariaAttributes","className","hideIconVariant","iconVariant","snack","action","content","TransitionComponent","TransitionProps","transitionDuration","onEnter","onEntered","onEntering","onExit","onExited","onExiting"]),M=y.key,H=y.open,R=y.className,V=y.variant,P=y.content,W=y.action,B=y.ariaAttributes,U=y.anchorOrigin,K=y.message,_=y.TransitionComponent,X=y.TransitionProps,Z=y.transitionDuration,Q=f(y,["persist","key","open","entered","requestClose","className","variant","content","action","ariaAttributes","anchorOrigin","message","TransitionComponent","TransitionProps","transitionDuration","onEnter","onEntered","onEntering","onExit","onExited","onExiting"]),Y=d({},N,{},E)[V],G=d({"aria-describedby":"notistack-snackbar"},O(B,h)),F=_||L||g.TransitionComponent,J=O(Z,q,g.transitionDuration),$=d({direction:A(U)},O(X,T)),ee=W||S;"function"==typeof ee&&(ee=ee(M));var ne=P||w;"function"==typeof ne&&(ne=ne(M,y.message));var te=["onEnter","onEntering","onEntered","onExit","onExiting","onExited"].reduce((function(e,n){var t;return d({},e,((t={})[n]=j([a.snack[n],a[n]],a.snack.key),t))}),{});return t.createElement(s,{unmountOnExit:!0,timeout:175,in:u,onExited:te.onExited},t.createElement(z,Object.assign({},I,Q,{open:H,className:o(r.root,r.wrappedRoot,r[b(U)]),onClose:p}),t.createElement(F,Object.assign({appear:!0,in:H,timeout:J},$,{onExit:te.onExit,onExiting:te.onExiting,onExited:function(){i.current=setTimeout((function(){l(!u)}),125)},onEnter:te.onEnter,onEntering:te.onEntering,onEntered:j([te.onEntered,function(){a.snack.requestClose&&p(null,x.INSTRCUTED)}])}),ne||t.createElement(D,Object.assign({},G,{role:"alert",style:m,className:o(r.contentRoot,r[C(V)],k,R,!v&&Y&&r.lessPadding)}),t.createElement("div",{id:G["aria-describedby"],className:r.message},v?null:Y,K),ee&&t.createElement("div",{className:r.action},ee)))))},U=i.withStyles(W)(B),K="& > .MuiCollapse-container > .MuiCollapse-wrapper, & > .MuiCollapse-root > .MuiCollapse-wrapper",_=i.makeStyles((function(e){var n,t,r,o,a;return{root:(n={boxSizing:"border-box",display:"flex",maxHeight:"100%",position:"fixed",zIndex:e.zIndex.snackbar,height:"auto",width:"auto",transition:"top 300ms ease 0ms, right 300ms ease 0ms, bottom 300ms ease 0ms, left 300ms ease 0ms, margin 300ms ease 0ms, max-width 300ms ease 0ms",pointerEvents:"none"},n["& > .MuiCollapse-container, & > .MuiCollapse-root"]={pointerEvents:"all"},n[K]={padding:"6px 0px",transition:"padding 300ms ease 0ms"},n.maxWidth="calc(100% - 40px)",n[e.breakpoints.down("xs")]={width:"100%",maxWidth:"calc(100% - 32px)"},n),rootDense:(t={},t[K]={padding:"2px 0px"},t),top:{top:14,flexDirection:"column"},bottom:{bottom:14,flexDirection:"column-reverse"},left:(r={left:20},r[e.breakpoints.up("sm")]={alignItems:"flex-start"},r[e.breakpoints.down("xs")]={left:"16px"},r),right:(o={right:20},o[e.breakpoints.up("sm")]={alignItems:"flex-end"},o[e.breakpoints.down("xs")]={right:"16px"},o),center:(a={left:"50%",transform:"translateX(-50%)"},a[e.breakpoints.up("sm")]={alignItems:"center"},a)}})),X=function(e){var n=_(),r=e.className,a=e.anchorOrigin,i=e.dense,s=f(e,["className","anchorOrigin","dense"]),c=o(n[a.vertical],n[a.horizontal],n.root,r,i&&n.rootDense);return t.createElement("div",Object.assign({className:c},s))},Z=t.memo(X),Q=function(e){var n,a,i;function s(n){var t;return(t=e.call(this,n)||this).enqueueSnackbar=function(e,n){void 0===n&&(n={});var r=n.key,o=n.preventDuplicate,a=f(n,["key","preventDuplicate"]),i=y(r),s=i?r:(new Date).getTime()+Math.random(),c=function(e,n,t){return function(r){return"autoHideDuration"===r?S(e.autoHideDuration)?e.autoHideDuration:S(n.autoHideDuration)?n.autoHideDuration:g.autoHideDuration:e[r]||n[r]||t[r]}}(a,t.props,g),u=d({key:s},a,{message:e,open:!0,entered:!1,requestClose:!1,variant:c("variant"),anchorOrigin:c("anchorOrigin"),autoHideDuration:c("autoHideDuration")});return a.persist&&(u.autoHideDuration=void 0),t.setState((function(n){if(void 0===o&&t.props.preventDuplicate||o){var a=function(n){return i?n.key===r:n.message===e},s=n.queue.findIndex(a)>-1,c=n.snacks.findIndex(a)>-1;if(s||c)return n}return t.handleDisplaySnack(d({},n,{queue:[].concat(n.queue,[u])}))})),s},t.handleDisplaySnack=function(e){return e.snacks.length>=t.maxSnack?t.handleDismissOldest(e):t.processQueue(e)},t.processQueue=function(e){var n=e.queue;return n.length>0?d({},e,{snacks:[].concat(e.snacks,[n[0]]),queue:n.slice(1,n.length)}):e},t.handleDismissOldest=function(e){if(e.snacks.some((function(e){return!e.open||e.requestClose})))return e;var n=!1,r=!1;e.snacks.reduce((function(e,n){return e+(n.open&&n.persist?1:0)}),0)===t.maxSnack&&(r=!0);var o=e.snacks.map((function(e){return n||e.persist&&!r?d({},e):(n=!0,e.entered?(e.onClose&&e.onClose(null,x.MAXSNACK,e.key),t.props.onClose&&t.props.onClose(null,x.MAXSNACK,e.key),d({},e,{open:!1})):d({},e,{requestClose:!0}))}));return d({},e,{snacks:o})},t.handleEnteredSnack=function(e,n,r){if(!y(r))throw new Error("handleEnteredSnack Cannot be called with undefined key");t.setState((function(e){return{snacks:e.snacks.map((function(e){return e.key===r?d({},e,{entered:!0}):d({},e)}))}}))},t.handleCloseSnack=function(e,n,r){if(t.props.onClose&&t.props.onClose(e,n,r),n!==x.CLICKAWAY){var o=void 0===r;t.setState((function(e){var n=e.queue;return{snacks:e.snacks.map((function(e){return o||e.key===r?d({},e,e.entered?{open:!1}:{requestClose:!0}):d({},e)})),queue:n.filter((function(e){return e.key!==r}))}}))}},t.closeSnackbar=function(e){var n=t.state.snacks.find((function(n){return n.key===e}));y(e)&&n&&n.onClose&&n.onClose(null,x.INSTRUCTED,e),t.handleCloseSnack(null,x.INSTRUCTED,e)},t.handleExitedSnack=function(e,n,r){var o=n||r;if(!y(o))throw new Error("handleExitedSnack Cannot be called with undefined key");t.setState((function(e){var n=t.processQueue(d({},e,{snacks:e.snacks.filter((function(e){return e.key!==o}))}));return 0===n.queue.length?n:t.handleDismissOldest(n)}))},t.state={snacks:[],queue:[],contextValue:{enqueueSnackbar:t.enqueueSnackbar,closeSnackbar:t.closeSnackbar}},t}return a=e,(n=s).prototype=Object.create(a.prototype),n.prototype.constructor=n,n.__proto__=a,s.prototype.render=function(){var e=this,n=this.state.contextValue,a=this.props,i=a.iconVariant,s=a.dense,c=void 0===s?g.dense:s,u=a.hideIconVariant,l=void 0===u?g.hideIconVariant:u,m=a.domRoot,h=a.children,x=a.classes,b=void 0===x?{}:x,C=f(a,["maxSnack","preventDuplicate","variant","anchorOrigin","iconVariant","dense","hideIconVariant","domRoot","children","classes"]),y=this.state.snacks.reduce((function(e,n){var t,r,o=""+k((r=n.anchorOrigin).vertical)+k(r.horizontal);return d({},e,((t={})[o]=[].concat(e[o]||[],[n]),t))}),{}),S=Object.keys(y).map((function(n){var r=y[n];return t.createElement(Z,{key:n,dense:c,anchorOrigin:r[0].anchorOrigin,className:o(b.containerRoot,b[E(n)])},r.map((function(n){return t.createElement(U,Object.assign({},C,{key:n.key,snack:n,dense:c,iconVariant:i,hideIconVariant:l,classes:v(b),onClose:e.handleCloseSnack,onExited:j([e.handleExitedSnack,e.props.onExited]),onEntered:j([e.handleEnteredSnack,e.props.onEntered])}))})))}));return t.createElement(p.Provider,{value:n},h,m?r.createPortal(S,m):S)},(i=[{key:"maxSnack",get:function(){return this.props.maxSnack||g.maxSnack}}])&&function(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(s.prototype,i),s}(n.Component);exports.SnackbarContent=D,exports.SnackbarProvider=Q,exports.useSnackbar=function(){return n.useContext(p)},exports.withSnackbar=function(e){var n=t.forwardRef((function(n,r){return t.createElement(p.Consumer,null,(function(o){return t.createElement(e,d({},n,{ref:r,enqueueSnackbar:o.enqueueSnackbar,closeSnackbar:o.closeSnackbar}))}))}));return l(n,e),n};
 //# sourceMappingURL=notistack.cjs.production.min.js.map

dist/notistack.esm.js

@@ -606,4 +606,6 @@ import React__default, { forwardRef, useRef, useCallback, useLayoutEffect, useEffect, createElement, useState, Component, useContext } from 'react';
 var collapse = {
-  container: '& > .MuiCollapse-container',
-  wrapper: '& > .MuiCollapse-container > .MuiCollapse-wrapper'
+  // Material-UI 4.12.x and above uses MuiCollapse-root; earlier versions use
+  // Mui-Collapse-container.  https://github.com/mui-org/material-ui/pull/24084
+  container: '& > .MuiCollapse-container, & > .MuiCollapse-root',
+  wrapper: '& > .MuiCollapse-container > .MuiCollapse-wrapper, & > .MuiCollapse-root > .MuiCollapse-wrapper'
 };
@@ -624,3 +626,3 @@ var xsWidthMargin = 16;
       transition: 'top 300ms ease 0ms, right 300ms ease 0ms, bottom 300ms ease 0ms, left 300ms ease 0ms, margin 300ms ease 0ms, max-width 300ms ease 0ms',
-      // container itself is invisible and should not block clicks, clicks should be passed to its children 
+      // container itself is invisible and should not block clicks, clicks should be passed to its children
       pointerEvents: 'none'
@@ -627,0 +629,0 @@ }, _root[collapse.container] = {

package.json

 {
     "name": "notistack",
-    "version": "1.0.9",
+    "version": "1.0.10",
     "description": "Highly customizable notification snackbars (toasts) that can be stacked on top of each other",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

314461

0.45%

Lines of code

2253

0.18%

No dependency changes