notistack - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

CHANGELOG.md

 Thanks to all contributers who improved notistack by opening an issue/PR.
 
+### `notistack@1.0.7`
+###### May 8, 2021
+* **@whytspace** Multiple Snackbars always left aligned [#373](https://github.com/iamhosseindhv/notistack/issues/373) 
+
+
+<br />
+
+
 ### `notistack@1.0.6`
@@ -4,0 +12,0 @@ ###### April 18, 2021

dist/notistack.cjs.development.js

@@ -242,14 +242,3 @@ 'use strict';
 };
-/**
- * Omit all class keys except what we need for collapse component
- */
 
-var omitNonCollapseKeys = function omitNonCollapseKeys(classes, dense) {
-  return {
-    container: classes.collapseContainer,
-    wrapper: clsx(classes.collapseWrapper, dense && classes.collapseWrapperDense),
-    wrapperInner: classes.collapseWrapperInner
-  };
-};
-
 var CheckIcon = function CheckIcon(props) {
@@ -446,4 +435,2 @@ return React__default.createElement(SvgIcon, Object.assign({}, props), React__default.createElement("path", {
 var styles$1 = function styles(theme) {
-  var _collapseContainer, _collapseWrapperInner;
-
   // @ts-ignore
@@ -499,23 +486,3 @@ var mode = theme.palette.mode || theme.palette.type;
       left: 0
-    },
-    collapseContainer: (_collapseContainer = {}, _collapseContainer[theme.breakpoints.down('xs')] = {
-      paddingLeft: theme.spacing(1),
-      paddingRight: theme.spacing(1)
-    }, _collapseContainer),
-    collapseWrapper: {
-      transition: theme.transitions.create(['margin-bottom'], {
-        easing: 'ease'
-      }),
-      marginTop: SNACKBAR_INDENTS.snackbar["default"],
-      marginBottom: SNACKBAR_INDENTS.snackbar["default"]
-    },
-    collapseWrapperDense: {
-      marginTop: SNACKBAR_INDENTS.snackbar.dense,
-      marginBottom: SNACKBAR_INDENTS.snackbar.dense
-    },
-    collapseWrapperInner: (_collapseWrapperInner = {
-      width: 'auto'
-    }, _collapseWrapperInner[theme.breakpoints.down('xs')] = {
-      width: '100%'
-    }, _collapseWrapperInner)
+    }
   }));
@@ -556,3 +523,2 @@ };
   var style = props.style,
-      dense = props.dense,
       otherAriaAttributes = props.ariaAttributes,
@@ -618,3 +584,2 @@ otherClassName = props.className,
     "in": collapsed,
-    classes: omitNonCollapseKeys(classes, dense),
     onExited: callbacks.onExited
@@ -652,4 +617,8 @@ }, React__default.createElement(Snackbar, Object.assign({}, other, singleSnackProps, {
 
+var collapse = {
+  container: '& > .MuiCollapse-container',
+  wrapper: '& > .MuiCollapse-container > .MuiCollapse-wrapper'
+};
 var useStyle = /*#__PURE__*/styles$2.makeStyles(function (theme) {
-  var _root, _center;
+  var _root, _rootDense, _left, _right, _center;
 
@@ -661,22 +630,27 @@ return {
       maxHeight: '100%',
-      maxWidth: '100%',
       position: 'fixed',
-      flexDirection: 'column',
       zIndex: theme.zIndex.snackbar,
       height: 'auto',
       width: 'auto',
-      minWidth: 288,
-      transition: theme.transitions.create(['top', 'right', 'bottom', 'left'], {
-        easing: 'ease'
-      })
-    }, _root[theme.breakpoints.down('xs')] = {
-      left: '0 !important',
-      right: '0 !important',
-      width: '100%'
+      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 
+      pointerEvents: 'none'
+    }, _root[collapse.container] = {
+      pointerEvents: 'all'
+    }, _root[collapse.wrapper] = {
+      padding: SNACKBAR_INDENTS.snackbar["default"] + "px 0px"
+    }, _root.maxWidth = "calc(100% - " + SNACKBAR_INDENTS.view["default"] * 2 + "px)", _root[theme.breakpoints.down('xs')] = {
+      left: '16px',
+      right: '16px',
+      width: '100%',
+      maxWidth: 'calc(100% - 32px)'
     }, _root),
-    reverseColumns: {
-      flexDirection: 'column-reverse'
-    },
+    rootDense: (_rootDense = {
+      maxWidth: "calc(100% - " + SNACKBAR_INDENTS.view.dense * 2 + "px)"
+    }, _rootDense[collapse.wrapper] = {
+      padding: SNACKBAR_INDENTS.snackbar.dense + "px 0px"
+    }, _rootDense),
     top: {
-      top: SNACKBAR_INDENTS.view["default"] - SNACKBAR_INDENTS.snackbar["default"]
+      top: SNACKBAR_INDENTS.view["default"] - SNACKBAR_INDENTS.snackbar["default"],
+      flexDirection: 'column'
     },
@@ -687,3 +661,4 @@ topDense: {
     bottom: {
-      bottom: SNACKBAR_INDENTS.view["default"] - SNACKBAR_INDENTS.snackbar["default"]
+      bottom: SNACKBAR_INDENTS.view["default"] - SNACKBAR_INDENTS.snackbar["default"],
+      flexDirection: 'column-reverse'
     },
@@ -693,11 +668,15 @@ bottomDense: {
     },
-    left: {
+    left: (_left = {
       left: SNACKBAR_INDENTS.view["default"]
-    },
+    }, _left[theme.breakpoints.up('sm')] = {
+      alignItems: 'flex-start'
+    }, _left),
     leftDense: {
       left: SNACKBAR_INDENTS.view.dense
     },
-    right: {
+    right: (_right = {
       right: SNACKBAR_INDENTS.view["default"]
-    },
+    }, _right[theme.breakpoints.up('sm')] = {
+      alignItems: 'flex-end'
+    }, _right),
     rightDense: {
@@ -711,2 +690,4 @@ right: SNACKBAR_INDENTS.view.dense
       transform: 'translateX(0)'
+    }, _center[theme.breakpoints.up('sm')] = {
+      alignItems: 'center'
     }, _center)
@@ -724,5 +705,4 @@ };
 
-  var combinedClassname = clsx(classes.root, classes[anchorOrigin.vertical], classes[anchorOrigin.horizontal], // @ts-ignore
-  classes["" + anchorOrigin.vertical + (dense ? 'Dense' : '')], // @ts-ignore
-  classes["" + anchorOrigin.horizontal + (dense ? 'Dense' : '')], className, anchorOrigin.vertical === 'bottom' && classes.reverseColumns);
+  var combinedClassname = clsx(classes[anchorOrigin.vertical], classes[anchorOrigin.horizontal], classes.root, // root should come after others to override maxWidth
+  className, dense && [classes[anchorOrigin.vertical + "Dense"], classes[anchorOrigin.horizontal + "Dense"], classes.rootDense]);
   return React__default.createElement("div", Object.assign({
@@ -729,0 +709,0 @@ className: combinedClassname

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"),c=e(require("@material-ui/core/Collapse")),s=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 p(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 f=t.createContext(),m={root:{},anchorOriginTopCenter:{},anchorOriginBottomCenter:{},anchorOriginTopRight:{},anchorOriginBottomRight:{},anchorOriginTopLeft:{},anchorOriginBottomLeft:{}},g={containerRoot:{},containerAnchorOriginTopCenter:{},containerAnchorOriginBottomCenter:{},containerAnchorOriginTopRight:{},containerAnchorOriginBottomRight:{},containerAnchorOriginTopLeft:{},containerAnchorOriginBottomLeft:{}},h={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!g[e]})).reduce((function(n,t){var r;return d({},n,((r={})[t]=e[t],r))}),{})},E={TIMEOUT:"timeout",CLICKAWAY:"clickaway",MAXSNACK:"maxsnack",INSTRUCTED:"instructed"},b=function(e){return"anchorOrigin"+e},x=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)})},D=n.forwardRef((function(e,n){var r=e.classes,a=e.className,i=p(e,["classes","className"]);return t.createElement("div",Object.assign({ref:n,className:o(r.root,a)},i))})),L=i.withStyles(w)(D),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,n){return{container:e.collapseContainer,wrapper:o(e.collapseWrapper,n&&e.collapseWrapperDense),wrapperInner:e.collapseWrapperInner}},I=function(e){return t.createElement(s,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"}))},R=function(e){return t.createElement(s,Object.assign({},e),t.createElement("path",{d:"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"}))},H=function(e){return t.createElement(s,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"}))},M=function(e){return t.createElement(s,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"}))},N={fontSize:20,marginInlineEnd:8},j={default:void 0,success:t.createElement(I,{style:N}),warning:t.createElement(R,{style:N}),error:t.createElement(H,{style:N}),info:t.createElement(M,{style:N})};function V(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 W="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function P(e){var t=n.useRef(e);return W((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,c=void 0!==i&&i,s=e.onClose,l=e.onMouseEnter,f=e.onMouseLeave,m=e.open,g=e.resumeHideDuration,h=p(e,["children","autoHideDuration","ClickAwayListenerProps","disableWindowBlurListener","onClose","onMouseEnter","onMouseLeave","open","resumeHideDuration"]),k=n.useRef(),v=P((function(){s&&s.apply(void 0,arguments)})),b=P((function(e){s&&null!=e&&(clearTimeout(k.current),k.current=setTimeout((function(){v(null,E.TIMEOUT)}),e))}));n.useEffect((function(){return m&&b(o),function(){clearTimeout(k.current)}}),[m,o,b]);var x=function(){clearTimeout(k.current)},y=n.useCallback((function(){null!=o&&b(null!=g?g:.5*o)}),[o,g,b]);return n.useEffect((function(){if(!c&&m)return window.addEventListener("focus",y),window.addEventListener("blur",x),function(){window.removeEventListener("focus",y),window.removeEventListener("blur",x)}}),[c,y,m]),n.createElement(u,d({onClickAway:function(e){s&&s(e,E.CLICKAWAY)}},a),n.createElement("div",d({onMouseEnter:function(e){l&&l(e),x()},onMouseLeave:function(e){f&&f(e),y()},ref:t},h),r))})),B=function(e){var n,t,r=i.emphasize(e.palette.background.default,"light"===(e.palette.mode||e.palette.type)?.8:.98);return i.createStyles(d({},m,{lessPadding:{paddingLeft:20},variantSuccess:{backgroundColor:"#43a047 !important",color:"#fff !important"},variantError:{backgroundColor:"#d32f2f !important",color:"#fff !important"},variantInfo:{backgroundColor:"#2196f3 !important",color:"#fff !important"},variantWarning:{backgroundColor:"#ff9800 !important",color:"#fff !important"},contentRoot:d({},e.typography.body2,{backgroundColor:r,color:e.palette.getContrastText(r),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)"}),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},collapseContainer:(n={},n[e.breakpoints.down("xs")]={paddingLeft:e.spacing(1),paddingRight:e.spacing(1)},n),collapseWrapper:{transition:e.transitions.create(["margin-bottom"],{easing:"ease"}),marginTop:6,marginBottom:6},collapseWrapperDense:{marginTop:2,marginBottom:2},collapseWrapperInner:(t={width:"auto"},t[e.breakpoints.down("xs")]={width:"100%"},t)}))},U=function(e){var r=e.classes,a=p(e,["classes"]),i=n.useRef(),s=n.useState(!0),u=s[0],l=s[1];n.useEffect((function(){return function(){i.current&&clearTimeout(i.current)}}),[]);var f=V([a.snack.onClose,a.onClose],a.snack.key),m=a.style,g=a.dense,k=a.ariaAttributes,v=a.className,b=a.hideIconVariant,C=a.iconVariant,S=a.snack,w=a.action,D=a.content,T=a.TransitionComponent,I=a.TransitionProps,R=a.transitionDuration,H=p(a,["style","dense","ariaAttributes","className","hideIconVariant","iconVariant","snack","action","content","TransitionComponent","TransitionProps","transitionDuration","onEnter","onEntered","onEntering","onExit","onExited","onExiting"]),M=S.key,N=S.open,W=S.className,P=S.variant,B=S.content,U=S.action,K=S.ariaAttributes,X=S.anchorOrigin,_=S.message,Z=S.TransitionComponent,Q=S.TransitionProps,Y=S.transitionDuration,G=p(S,["persist","key","open","entered","requestClose","className","variant","content","action","ariaAttributes","anchorOrigin","message","TransitionComponent","TransitionProps","transitionDuration","onEnter","onEntered","onEntering","onExit","onExited","onExiting"]),F=d({},j,{},C)[P],J=d({"aria-describedby":"notistack-snackbar"},O(K,k)),$=Z||T||h.TransitionComponent,ee=O(Y,R,h.transitionDuration),ne=d({direction:A(X)},O(Q,I)),te=U||w;"function"==typeof te&&(te=te(M));var re=B||D;"function"==typeof re&&(re=re(M,S.message));var oe=["onEnter","onEntering","onEntered","onExit","onExiting","onExited"].reduce((function(e,n){var t;return d({},e,((t={})[n]=V([a.snack[n],a[n]],a.snack.key),t))}),{});return t.createElement(c,{unmountOnExit:!0,timeout:175,in:u,classes:q(r,g),onExited:oe.onExited},t.createElement(z,Object.assign({},H,G,{open:N,className:o(r.root,r.wrappedRoot,r[x(X)]),onClose:f}),t.createElement($,Object.assign({appear:!0,in:N,timeout:ee},ne,{onExit:oe.onExit,onExiting:oe.onExiting,onExited:function(){i.current=setTimeout((function(){l(!u)}),125)},onEnter:oe.onEnter,onEntering:oe.onEntering,onEntered:V([oe.onEntered,function(){a.snack.requestClose&&f(null,E.INSTRCUTED)}])}),re||t.createElement(L,Object.assign({},J,{role:"alert",style:m,className:o(r.contentRoot,r[y(P)],v,W,!b&&F&&r.lessPadding)}),t.createElement("div",{id:J["aria-describedby"],className:r.message},b?null:F,_),te&&t.createElement("div",{className:r.action},te)))))},K=i.withStyles(B)(U),X=i.makeStyles((function(e){var n,t;return{root:(n={boxSizing:"border-box",display:"flex",maxHeight:"100%",maxWidth:"100%",position:"fixed",flexDirection:"column",zIndex:e.zIndex.snackbar,height:"auto",width:"auto",minWidth:288,transition:e.transitions.create(["top","right","bottom","left"],{easing:"ease"})},n[e.breakpoints.down("xs")]={left:"0 !important",right:"0 !important",width:"100%"},n),reverseColumns:{flexDirection:"column-reverse"},top:{top:14},topDense:{top:2},bottom:{bottom:14},bottomDense:{bottom:2},left:{left:20},leftDense:{left:4},right:{right:20},rightDense:{right:4},center:(t={left:"50%",transform:"translateX(-50%)"},t[e.breakpoints.down("xs")]={transform:"translateX(0)"},t)}})),_=function(e){var n=X(),r=e.className,a=e.anchorOrigin,i=e.dense,c=p(e,["className","anchorOrigin","dense"]),s=o(n.root,n[a.vertical],n[a.horizontal],n[a.vertical+(i?"Dense":"")],n[a.horizontal+(i?"Dense":"")],r,"bottom"===a.vertical&&n.reverseColumns);return t.createElement("div",Object.assign({className:s},c))},Z=t.memo(_),Q=function(e){var n,a,i;function c(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=p(n,["key","preventDuplicate"]),i=C(r),c=i?r:(new Date).getTime()+Math.random(),s=function(e,n,t){return function(r){return"autoHideDuration"===r?S(e.autoHideDuration)?e.autoHideDuration:S(n.autoHideDuration)?n.autoHideDuration:h.autoHideDuration:e[r]||n[r]||t[r]}}(a,t.props,h),u=d({key:c},a,{message:e,open:!0,entered:!1,requestClose:!1,variant:s("variant"),anchorOrigin:s("anchorOrigin"),autoHideDuration:s("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},c=n.queue.findIndex(a)>-1,s=n.snacks.findIndex(a)>-1;if(c||s)return n}return t.handleDisplaySnack(d({},n,{queue:[].concat(n.queue,[u])}))})),c},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,E.MAXSNACK,e.key),t.props.onClose&&t.props.onClose(null,E.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!==E.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,E.INSTRUCTED,e),t.handleCloseSnack(null,E.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=c).prototype=Object.create(a.prototype),n.prototype.constructor=n,n.__proto__=a,c.prototype.render=function(){var e=this,n=this.state.contextValue,a=this.props,i=a.iconVariant,c=a.dense,s=void 0===c?h.dense:c,u=a.hideIconVariant,l=void 0===u?h.hideIconVariant:u,m=a.domRoot,g=a.children,E=a.classes,x=void 0===E?{}:E,y=p(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:s,anchorOrigin:r[0].anchorOrigin,className:o(x.containerRoot,x[b(n)])},r.map((function(n){return t.createElement(K,Object.assign({},y,{key:n.key,snack:n,dense:s,iconVariant:i,hideIconVariant:l,classes:v(x),onClose:e.handleCloseSnack,onExited:V([e.handleExitedSnack,e.props.onExited]),onEntered:V([e.handleEnteredSnack,e.props.onEntered])}))})))}));return t.createElement(f.Provider,{value:n},g,m?r.createPortal(S,m):S)},(i=[{key:"maxSnack",get:function(){return this.props.maxSnack||h.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)}}(c.prototype,i),c}(n.Component);exports.SnackbarContent=L,exports.SnackbarProvider=Q,exports.useSnackbar=function(){return n.useContext(f)},exports.withSnackbar=function(e){var n=t.forwardRef((function(n,r){return t.createElement(f.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"anchorOrigin"+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)})},D=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))})),L=i.withStyles(w)(D),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,{lessPadding:{paddingLeft:20},variantSuccess:{backgroundColor:"#43a047 !important",color:"#fff !important"},variantError:{backgroundColor:"#d32f2f !important",color:"#fff !important"},variantInfo:{backgroundColor:"#2196f3 !important",color:"#fff !important"},variantWarning:{backgroundColor:"#ff9800 !important",color:"#fff !important"},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)"}),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,D=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,X=C.TransitionComponent,_=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=X||D||g.TransitionComponent,J=O(Z,q,g.transitionDuration),$=d({direction:A(U)},O(_,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(L,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",X=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"},n.maxWidth="calc(100% - 40px)",n[e.breakpoints.down("xs")]={left:"16px",right:"16px",width:"100%",maxWidth:"calc(100% - 32px)"},n),rootDense:(t={maxWidth:"calc(100% - 8px)"},t[K]={padding:"2px 0px"},t),top:{top:14,flexDirection:"column"},topDense:{top:2},bottom:{bottom:14,flexDirection:"column-reverse"},bottomDense:{bottom:2},left:(r={left:20},r[e.breakpoints.up("sm")]={alignItems:"flex-start"},r),leftDense:{left:4},right:(o={right:20},o[e.breakpoints.up("sm")]={alignItems:"flex-end"},o),rightDense:{right:4},center:(a={left:"50%",transform:"translateX(-50%)"},a[e.breakpoints.down("xs")]={transform:"translateX(0)"},a[e.breakpoints.up("sm")]={alignItems:"center"},a)}})),_=function(e){var n=X(),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[a.vertical+"Dense"],n[a.horizontal+"Dense"],n.rootDense]);return t.createElement("div",Object.assign({className:c},s))},Z=t.memo(_),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=L,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

@@ -235,14 +235,3 @@ import React__default, { forwardRef, useRef, useCallback, useLayoutEffect, useEffect, createElement, useState, Component, useContext } from 'react';
 };
-/**
- * Omit all class keys except what we need for collapse component
- */
 
-var omitNonCollapseKeys = function omitNonCollapseKeys(classes, dense) {
-  return {
-    container: classes.collapseContainer,
-    wrapper: clsx(classes.collapseWrapper, dense && classes.collapseWrapperDense),
-    wrapperInner: classes.collapseWrapperInner
-  };
-};
-
 var CheckIcon = function CheckIcon(props) {
@@ -439,4 +428,2 @@ return React__default.createElement(SvgIcon, Object.assign({}, props), React__default.createElement("path", {
 var styles$1 = function styles(theme) {
-  var _collapseContainer, _collapseWrapperInner;
-
   // @ts-ignore
@@ -492,23 +479,3 @@ var mode = theme.palette.mode || theme.palette.type;
       left: 0
-    },
-    collapseContainer: (_collapseContainer = {}, _collapseContainer[theme.breakpoints.down('xs')] = {
-      paddingLeft: theme.spacing(1),
-      paddingRight: theme.spacing(1)
-    }, _collapseContainer),
-    collapseWrapper: {
-      transition: theme.transitions.create(['margin-bottom'], {
-        easing: 'ease'
-      }),
-      marginTop: SNACKBAR_INDENTS.snackbar["default"],
-      marginBottom: SNACKBAR_INDENTS.snackbar["default"]
-    },
-    collapseWrapperDense: {
-      marginTop: SNACKBAR_INDENTS.snackbar.dense,
-      marginBottom: SNACKBAR_INDENTS.snackbar.dense
-    },
-    collapseWrapperInner: (_collapseWrapperInner = {
-      width: 'auto'
-    }, _collapseWrapperInner[theme.breakpoints.down('xs')] = {
-      width: '100%'
-    }, _collapseWrapperInner)
+    }
   }));
@@ -549,3 +516,2 @@ };
   var style = props.style,
-      dense = props.dense,
       otherAriaAttributes = props.ariaAttributes,
@@ -611,3 +577,2 @@ otherClassName = props.className,
     "in": collapsed,
-    classes: omitNonCollapseKeys(classes, dense),
     onExited: callbacks.onExited
@@ -645,4 +610,8 @@ }, React__default.createElement(Snackbar, Object.assign({}, other, singleSnackProps, {
 
+var collapse = {
+  container: '& > .MuiCollapse-container',
+  wrapper: '& > .MuiCollapse-container > .MuiCollapse-wrapper'
+};
 var useStyle = /*#__PURE__*/makeStyles(function (theme) {
-  var _root, _center;
+  var _root, _rootDense, _left, _right, _center;
 
@@ -654,22 +623,27 @@ return {
       maxHeight: '100%',
-      maxWidth: '100%',
       position: 'fixed',
-      flexDirection: 'column',
       zIndex: theme.zIndex.snackbar,
       height: 'auto',
       width: 'auto',
-      minWidth: 288,
-      transition: theme.transitions.create(['top', 'right', 'bottom', 'left'], {
-        easing: 'ease'
-      })
-    }, _root[theme.breakpoints.down('xs')] = {
-      left: '0 !important',
-      right: '0 !important',
-      width: '100%'
+      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 
+      pointerEvents: 'none'
+    }, _root[collapse.container] = {
+      pointerEvents: 'all'
+    }, _root[collapse.wrapper] = {
+      padding: SNACKBAR_INDENTS.snackbar["default"] + "px 0px"
+    }, _root.maxWidth = "calc(100% - " + SNACKBAR_INDENTS.view["default"] * 2 + "px)", _root[theme.breakpoints.down('xs')] = {
+      left: '16px',
+      right: '16px',
+      width: '100%',
+      maxWidth: 'calc(100% - 32px)'
     }, _root),
-    reverseColumns: {
-      flexDirection: 'column-reverse'
-    },
+    rootDense: (_rootDense = {
+      maxWidth: "calc(100% - " + SNACKBAR_INDENTS.view.dense * 2 + "px)"
+    }, _rootDense[collapse.wrapper] = {
+      padding: SNACKBAR_INDENTS.snackbar.dense + "px 0px"
+    }, _rootDense),
     top: {
-      top: SNACKBAR_INDENTS.view["default"] - SNACKBAR_INDENTS.snackbar["default"]
+      top: SNACKBAR_INDENTS.view["default"] - SNACKBAR_INDENTS.snackbar["default"],
+      flexDirection: 'column'
     },
@@ -680,3 +654,4 @@ topDense: {
     bottom: {
-      bottom: SNACKBAR_INDENTS.view["default"] - SNACKBAR_INDENTS.snackbar["default"]
+      bottom: SNACKBAR_INDENTS.view["default"] - SNACKBAR_INDENTS.snackbar["default"],
+      flexDirection: 'column-reverse'
     },
@@ -686,11 +661,15 @@ bottomDense: {
     },
-    left: {
+    left: (_left = {
       left: SNACKBAR_INDENTS.view["default"]
-    },
+    }, _left[theme.breakpoints.up('sm')] = {
+      alignItems: 'flex-start'
+    }, _left),
     leftDense: {
       left: SNACKBAR_INDENTS.view.dense
     },
-    right: {
+    right: (_right = {
       right: SNACKBAR_INDENTS.view["default"]
-    },
+    }, _right[theme.breakpoints.up('sm')] = {
+      alignItems: 'flex-end'
+    }, _right),
     rightDense: {
@@ -704,2 +683,4 @@ right: SNACKBAR_INDENTS.view.dense
       transform: 'translateX(0)'
+    }, _center[theme.breakpoints.up('sm')] = {
+      alignItems: 'center'
     }, _center)
@@ -717,5 +698,4 @@ };
 
-  var combinedClassname = clsx(classes.root, classes[anchorOrigin.vertical], classes[anchorOrigin.horizontal], // @ts-ignore
-  classes["" + anchorOrigin.vertical + (dense ? 'Dense' : '')], // @ts-ignore
-  classes["" + anchorOrigin.horizontal + (dense ? 'Dense' : '')], className, anchorOrigin.vertical === 'bottom' && classes.reverseColumns);
+  var combinedClassname = clsx(classes[anchorOrigin.vertical], classes[anchorOrigin.horizontal], classes.root, // root should come after others to override maxWidth
+  className, dense && [classes[anchorOrigin.vertical + "Dense"], classes[anchorOrigin.horizontal + "Dense"], classes.rootDense]);
   return React__default.createElement("div", Object.assign({
@@ -722,0 +702,0 @@ className: combinedClassname

package.json

 {
     "name": "notistack",
-    "version": "1.0.6",
+    "version": "1.0.7",
     "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

Worsened metrics

Total package byte prevSize

316432

-1.12%

Lines of code

2274

-1.56%

No dependency changes