notistack - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

CHANGELOG.md

 Thanks to all contributers who improved notistack by opening an issue/PR.
 
-### `notistack@1.0.4`
-###### to be published
-* **@pctestjfarz**: Add swipe to dismiss feature [#138](https://github.com/iamhosseindhv/notistack/issues/138) 
-* **@molynerd**: Add support to update content of snackbar in place [#50](https://github.com/iamhosseindhv/notistack/issues/50)
+### `notistack@1.0.5`
+###### February 28, 2021
+* Prevent snackbars from having the same width [#356](https://github.com/iamhosseindhv/notistack/pull/356) 
 
@@ -12,2 +11,9 @@
 
+### `notistack@1.0.4`
+###### February 23, 2021
+* **@tarazena**: Export missing SnackbarContent for TypeScript [#354](https://github.com/iamhosseindhv/notistack/pull/354) 
+
+<br />
+
+
 ### `notistack@1.0.3`
@@ -14,0 +20,0 @@ ###### December 23, 2020

dist/notistack.cjs.development.js

@@ -249,3 +249,4 @@ 'use strict';
     container: classes.collapseContainer,
-    wrapper: clsx(classes.collapseWrapper, dense && classes.collapseWrapperDense)
+    wrapper: clsx(classes.collapseWrapper, dense && classes.collapseWrapperDense),
+    wrapperInner: classes.collapseWrapperInner
   };
@@ -512,2 +513,5 @@ };
       marginBottom: SNACKBAR_INDENTS.snackbar.dense
+    },
+    collapseWrapperInner: {
+      width: 'auto'
     }
@@ -514,0 +518,0 @@ }));

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 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:{}},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=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,n){return{container:e.collapseContainer,wrapper:o(e.collapseWrapper,n&&e.collapseWrapperDense)}},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 P="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function W(e){var t=n.useRef(e);return P((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,p=e.onMouseLeave,m=e.open,g=e.resumeHideDuration,h=f(e,["children","autoHideDuration","ClickAwayListenerProps","disableWindowBlurListener","onClose","onMouseEnter","onMouseLeave","open","resumeHideDuration"]),k=n.useRef(),v=W((function(){s&&s.apply(void 0,arguments)})),b=W((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){p&&p(e),y()},ref:t},h),r))})),B=function(e){var n,t=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:t,color:e.palette.getContrastText(t),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}}))},U=function(e){var r=e.classes,a=f(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 p=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=f(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,P=S.className,W=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=f(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)[W],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:p}),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&&p(null,E.INSTRCUTED)}])}),re||t.createElement(L,Object.assign({},J,{role:"alert",style:m,className:o(r.contentRoot,r[y(W)],v,P,!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=f(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=f(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=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: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(p.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(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"),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 p(){return(p=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 d(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 p({},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={}),p({},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=d(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=d(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,p({onClickAway:function(e){s&&s(e,E.CLICKAWAY)}},a),n.createElement("div",p({onMouseEnter:function(e){l&&l(e),x()},onMouseLeave:function(e){f&&f(e),y()},ref:t},h),r))})),B=function(e){var n,t=i.emphasize(e.palette.background.default,"light"===(e.palette.mode||e.palette.type)?.8:.98);return i.createStyles(p({},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:p({},e.typography.body2,{backgroundColor:t,color:e.palette.getContrastText(t),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:{width:"auto"}}))},U=function(e){var r=e.classes,a=d(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=d(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=d(S,["persist","key","open","entered","requestClose","className","variant","content","action","ariaAttributes","anchorOrigin","message","TransitionComponent","TransitionProps","transitionDuration","onEnter","onEntered","onEntering","onExit","onExited","onExiting"]),F=p({},j,{},C)[P],J=p({"aria-describedby":"notistack-snackbar"},O(K,k)),$=Z||T||h.TransitionComponent,ee=O(Y,R,h.transitionDuration),ne=p({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 p({},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=d(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=d(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=p({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(p({},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?p({},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?p({},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),p({},e,{open:!1})):p({},e,{requestClose:!0}))}));return p({},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?p({},e,{entered:!0}):p({},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?p({},e,e.entered?{open:!1}:{requestClose:!0}):p({},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(p({},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=d(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 p({},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,p({},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

@@ -242,3 +242,4 @@ import React__default, { forwardRef, useRef, useCallback, useLayoutEffect, useEffect, createElement, useState, Component, useContext } from 'react';
     container: classes.collapseContainer,
-    wrapper: clsx(classes.collapseWrapper, dense && classes.collapseWrapperDense)
+    wrapper: clsx(classes.collapseWrapper, dense && classes.collapseWrapperDense),
+    wrapperInner: classes.collapseWrapperInner
   };
@@ -505,2 +506,5 @@ };
       marginBottom: SNACKBAR_INDENTS.snackbar.dense
+    },
+    collapseWrapperInner: {
+      width: 'auto'
     }
@@ -507,0 +511,0 @@ }));

package.json

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

318978

0.36%

Lines of code

2306

0.35%

No dependency changes