notistack - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

CHANGELOG.md

 Thanks to all contributers who improved notistack by opening an issue/PR.
 
-### `notistack@1.0.1`
+### `notistack@1.0.2`
 ###### to be published
@@ -11,2 +11,11 @@ * **@pctestjfarz**: Add swipe to dismiss feature [#138](https://github.com/iamhosseindhv/notistack/issues/138)
 
+
+### `notistack@1.0.1`
+###### October 6, 2020
+* **@thierrysantos**: EnqueueSnackbar supports snackbar with key zero [#318](https://github.com/iamhosseindhv/notistack/pull/318)
+* Fix various typescript inconsistencies [#319](https://github.com/iamhosseindhv/notistack/pull/319) 
+
+
+<br />
+
 ### `notistack@1.0.0`
@@ -13,0 +22,0 @@ ###### August 22, 2020

dist/index.d.ts

@@ -22,3 +22,3 @@ /**
 export type SnackbarAction = React.ReactNode | ((key: SnackbarKey) => React.ReactNode);
-export type SnackbarContent = React.ReactNode | ((key: SnackbarKey, message: SnackbarMessage) => React.ReactNode);
+export type SnackbarContentCallback = React.ReactNode | ((key: SnackbarKey, message: SnackbarMessage) => React.ReactNode);
 
@@ -196,3 +196,3 @@
      */
-    content?: SnackbarContent;
+    content?: SnackbarContentCallback;
     /**
@@ -258,5 +258,12 @@ * Callback used for getting action(s). actions are mostly buttons displayed in Snackbar.
     iconVariant?: Partial<IconVariant>;
+    /**
+     * SnackbarProvider's ref
+     */
+    ref?: React.Ref<SnackbarProvider>;
 }
 
-export const SnackbarProvider: React.ComponentType<SnackbarProviderProps>;
+export class SnackbarProvider extends React.Component<SnackbarProviderProps> {
+    enqueueSnackbar: ProviderContext['enqueueSnackbar'];
+    closeSnackbar: ProviderContext['closeSnackbar'];
+}
 
@@ -263,0 +270,0 @@ export interface ProviderContext {

dist/notistack.cjs.development.js

@@ -129,2 +129,5 @@ 'use strict';
 };
+var isDefined = function isDefined(value) {
+  return !!value || value === 0;
+};
 var DEFAULTS = {
@@ -604,3 +607,3 @@ variant: 'default',
 
-      var hasSpecifiedKey = key || key === 0;
+      var hasSpecifiedKey = isDefined(key);
       var id = hasSpecifiedKey ? key : new Date().getTime() + Math.random();
@@ -736,3 +739,3 @@ var merger = merge(options, _this.props, DEFAULTS);
     _this.handleEnteredSnack = function (node, isAppearing, key) {
-      if (!key) {
+      if (!isDefined(key)) {
         throw new Error('handleEnteredSnack Cannot be called with undefined key');
@@ -797,3 +800,3 @@ }
 
-      if (key && toBeClosed && toBeClosed.onClose) {
+      if (isDefined(key) && toBeClosed && toBeClosed.onClose) {
         toBeClosed.onClose(null, REASONS.INSTRUCTED, key);
@@ -817,3 +820,3 @@ }
 
-      if (!key) {
+      if (!isDefined(key)) {
         throw new Error('handleExitedSnack Cannot be called with undefined key');
@@ -820,0 +823,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"),a=e(require("clsx")),o=require("@material-ui/core/styles"),i=e(require("@material-ui/core/Snackbar")),c=e(require("@material-ui/core/Slide")),s=e(require("@material-ui/core/Collapse")),u=e(require("@material-ui/core/SvgIcon")),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,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n.indexOf(t=o[r])>=0||(a[t]=e[t]);return a}var f=t.createContext(),m={root:{},anchorOriginTopCenter:{},anchorOriginBottomCenter:{},anchorOriginTopRight:{},anchorOriginBottomRight:{},anchorOriginTopLeft:{},anchorOriginBottomLeft:{}},g={containerRoot:{},containerAnchorOriginTopCenter:{},containerAnchorOriginBottomCenter:{},containerAnchorOriginTopRight:{},containerAnchorOriginBottomRight:{},containerAnchorOriginTopLeft:{},containerAnchorOriginBottomLeft:{}},h=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},k=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))}),{})},v={variant:"default",autoHideDuration:5e3,anchorOrigin:{vertical:"bottom",horizontal:"left"}},b=function(e){return"number"==typeof e||null===e},x={CLICKAWAY:"clickaway",MAXSNACK:"maxsnack",INSTRUCTED:"instructed"},y=function(e){var n;return o.createStyles({root:(n={display:"flex",flexWrap:"wrap",flexGrow:1},n[e.breakpoints.up("sm")]={flexGrow:"initial",minWidth:288},n)})},C=n.forwardRef((function(e,n){var r=e.classes,o=e.className,i=d(e,["classes","className"]);return t.createElement("div",Object.assign({ref:n,className:a(r.root,o)},i))})),E=o.withStyles(y)(C),S={right:"left",left:"right",bottom:"up",top:"down"},O=function(e){return"center"!==e.horizontal?S[e.horizontal]:S[e.vertical]},D=function(e){var n=Object.keys(e).filter((function(e){return void 0!==m[e]})).reduce((function(n,t){var r;return p({},n,((r={})[t]=e[t],r))}),{});return p({},n,{root:a(e.root,e.wrappedRoot)})},w=function(e,n){return{container:e.collapseContainer,wrapper:a(e.collapseWrapper,n&&e.collapseWrapperDense)}};function L(e,n){return e.reduce((function(e,t){return null==t?e:function(){for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];var i=[].concat(a);n&&-1===i.indexOf(n)&&i.push(n),e.apply(this,i),t.apply(this,i)}}),(function(){}))}var q=function(e){var n,t=o.emphasize(e.palette.background.default,"light"===e.palette.type?.8:.98);return o.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}}))},T=function(e){var r=e.classes,o=d(e,["classes"]),u=n.useRef(),l=n.useState(!0),f=l[0],m=l[1];n.useEffect((function(){return function(){u.current&&clearTimeout(u.current)}}),[]);var g=L([o.snack.onClose,o.onClose],o.snack.key),k=["onEnter","onEntering","onEntered","onExit","onExiting","onExited"].reduce((function(e,n){var t;return p({},e,((t={})[n]=L([o.snack[n],o[n]],o.snack.key),t))}),{}),v=o.action,b=o.content,y=o.ariaAttributes,C=o.className,S=o.hideIconVariant,q=o.iconVariant,T=o.snack,A=o.dense,R=o.TransitionComponent,I=void 0===R?c:R,N=o.TransitionProps,H=void 0===N?{}:N,j=d(o,["action","content","ariaAttributes","className","hideIconVariant","iconVariant","snack","dense","TransitionComponent","TransitionProps"]),M=T.key,V=T.className,P=T.variant,z=T.content,W=T.action,B=T.ariaAttributes,X=T.anchorOrigin,_=T.TransitionProps,K=void 0===_?{}:_,U=d(T,["key","persist","entered","requestClose","className","variant","content","action","ariaAttributes","anchorOrigin","TransitionProps"]),Z=q[P],Q=p({"aria-describedby":"client-snackbar"},y,{},B),G=p({direction:O(X)},H,{},K,{onExited:function(){u.current=setTimeout((function(){m(!f)}),125)}}),Y=W||v;"function"==typeof Y&&(Y=Y(M));var F=z||b;return F&&"function"==typeof F&&(F=F(M,T.message)),t.createElement(s,{unmountOnExit:!0,timeout:175,in:f,classes:w(r,A),onExited:k.onExited},t.createElement(i,Object.assign({TransitionComponent:I},j,U,{open:T.open,anchorOrigin:X,TransitionProps:G,classes:D(r),onClose:g,onExit:k.onExit,onExiting:k.onExiting,onEnter:k.onEnter,onEntering:k.onEntering,onEntered:L([k.onEntered,function(){o.snack.requestClose&&g(null,x.INSTRCUTED)}])}),F||t.createElement(E,Object.assign({},Q,{role:"alert",className:a(r.contentRoot,r["variant"+h(P)],C,V,!S&&Z&&r.lessPadding)}),t.createElement("div",{id:Q["aria-describedby"],className:r.message},S?null:Z,T.message),Y&&t.createElement("div",{className:r.action},Y))))},A=o.withStyles(q)(T),R=o.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)}})),I=function(e){var n=R(),r=e.className,o=e.anchorOrigin,i=e.dense,c=d(e,["className","anchorOrigin","dense"]),s=a(n.root,n[o.vertical],n[o.horizontal],n[o.vertical+(i?"Dense":"")],n[o.horizontal+(i?"Dense":"")],r,"bottom"===o.vertical&&n.reverseColumns);return t.createElement("div",Object.assign({className:s},c))},N=t.memo(I),H=function(e){return t.createElement(u,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"}))},j=function(e){return t.createElement(u,Object.assign({},e),t.createElement("path",{d:"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"}))},M=function(e){return t.createElement(u,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"}))},V=function(e){return t.createElement(u,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"}))},P={fontSize:20,marginInlineEnd:8},z={success:t.createElement(H,{style:P}),warning:t.createElement(j,{style:P}),error:t.createElement(M,{style:P}),info:t.createElement(V,{style:P})},W=function(e){var n,o,i;function c(n){var t;return(t=e.call(this,n)||this).enqueueSnackbar=function(e,n){var r=void 0===n?{}:n,a=r.key,o=r.preventDuplicate,i=d(r,["key","preventDuplicate"]),c=a||0===a,s=c?a:(new Date).getTime()+Math.random(),u=function(e,n,t){return function(r){return"autoHideDuration"===r?b(e.autoHideDuration)?e.autoHideDuration:b(n.autoHideDuration)?n.autoHideDuration:v.autoHideDuration:e[r]||n[r]||t[r]}}(i,t.props,v),l=p({key:s},i,{message:e,open:!0,entered:!1,requestClose:!1,variant:u("variant"),anchorOrigin:u("anchorOrigin"),autoHideDuration:u("autoHideDuration")});return i.persist&&(l.autoHideDuration=void 0),t.setState((function(n){if(void 0===o&&t.props.preventDuplicate||o){var r=function(n){return c?n.key===a:n.message===e},i=n.queue.findIndex(r)>-1,s=n.snacks.findIndex(r)>-1;if(i||s)return n}return t.handleDisplaySnack(p({},n,{queue:[].concat(n.queue,[l])}))})),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?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 a=e.snacks.map((function(e){return n||e.persist&&!r?p({},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),p({},e,{open:!1})):p({},e,{requestClose:!0}))}));return p({},e,{snacks:a})},t.handleEnteredSnack=function(e,n,r){if(!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!==x.CLICKAWAY){var a=void 0===r;t.setState((function(e){var n=e.queue;return{snacks:e.snacks.map((function(e){return a||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}));e&&n&&n.onClose&&n.onClose(null,x.INSTRUCTED,e),t.handleCloseSnack(null,x.INSTRUCTED,e)},t.handleExitedSnack=function(e,n,r){var a=n||r;if(!a)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!==a}))}));return 0===n.queue.length?n:t.handleDismissOldest(n)}))},t.state={snacks:[],queue:[],contextValue:{enqueueSnackbar:t.enqueueSnackbar,closeSnackbar:t.closeSnackbar}},t}return o=e,(n=c).prototype=Object.create(o.prototype),n.prototype.constructor=n,n.__proto__=o,c.prototype.render=function(){var e=this,n=this.state.contextValue,o=this.props,i=o.domRoot,c=o.children,s=o.classes,u=void 0===s?{}:s,l=o.dense,m=void 0!==l&&l,g=o.hideIconVariant,v=void 0!==g&&g,b=d(o,["variant","maxSnack","anchorOrigin","preventDuplicate","domRoot","children","classes","dense","hideIconVariant"]),x=this.state.snacks.reduce((function(e,n){var t,r,a=""+h((r=n.anchorOrigin).vertical)+h(r.horizontal);return p({},e,((t={})[a]=[].concat(e[a]||[],[n]),t))}),{}),y=p({},z,{},this.props.iconVariant),C=Object.keys(x).map((function(n){var r=x[n];return t.createElement(N,{key:n,dense:m,anchorOrigin:r[0].anchorOrigin,className:a(u.containerRoot,u["containerAnchorOrigin"+n])},r.map((function(n){return t.createElement(A,Object.assign({},b,{key:n.key,dense:m,snack:n,hideIconVariant:v,iconVariant:y,classes:k(u),onClose:e.handleCloseSnack,onExited:L([e.handleExitedSnack,e.props.onExited]),onEntered:L([e.handleEnteredSnack,e.props.onEntered])}))})))}));return t.createElement(f.Provider,{value:n},c,i?r.createPortal(C,i):C)},(i=[{key:"maxSnack",get:function(){return this.props.maxSnack||3}}])&&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=E,exports.SnackbarProvider=W,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(a){return t.createElement(e,p({},n,{ref:r,enqueueSnackbar:a.enqueueSnackbar,closeSnackbar:a.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"),a=e(require("clsx")),o=require("@material-ui/core/styles"),i=e(require("@material-ui/core/Snackbar")),c=e(require("@material-ui/core/Slide")),s=e(require("@material-ui/core/Collapse")),u=e(require("@material-ui/core/SvgIcon")),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,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n.indexOf(t=o[r])>=0||(a[t]=e[t]);return a}var f=t.createContext(),m={root:{},anchorOriginTopCenter:{},anchorOriginBottomCenter:{},anchorOriginTopRight:{},anchorOriginBottomRight:{},anchorOriginTopLeft:{},anchorOriginBottomLeft:{}},g={containerRoot:{},containerAnchorOriginTopCenter:{},containerAnchorOriginBottomCenter:{},containerAnchorOriginTopRight:{},containerAnchorOriginBottomRight:{},containerAnchorOriginTopLeft:{},containerAnchorOriginBottomLeft:{}},h=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},k=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))}),{})},v=function(e){return!!e||0===e},b={variant:"default",autoHideDuration:5e3,anchorOrigin:{vertical:"bottom",horizontal:"left"}},x=function(e){return"number"==typeof e||null===e},y={CLICKAWAY:"clickaway",MAXSNACK:"maxsnack",INSTRUCTED:"instructed"},C=function(e){var n;return o.createStyles({root:(n={display:"flex",flexWrap:"wrap",flexGrow:1},n[e.breakpoints.up("sm")]={flexGrow:"initial",minWidth:288},n)})},E=n.forwardRef((function(e,n){var r=e.classes,o=e.className,i=d(e,["classes","className"]);return t.createElement("div",Object.assign({ref:n,className:a(r.root,o)},i))})),S=o.withStyles(C)(E),O={right:"left",left:"right",bottom:"up",top:"down"},D=function(e){return"center"!==e.horizontal?O[e.horizontal]:O[e.vertical]},w=function(e){var n=Object.keys(e).filter((function(e){return void 0!==m[e]})).reduce((function(n,t){var r;return p({},n,((r={})[t]=e[t],r))}),{});return p({},n,{root:a(e.root,e.wrappedRoot)})},L=function(e,n){return{container:e.collapseContainer,wrapper:a(e.collapseWrapper,n&&e.collapseWrapperDense)}};function q(e,n){return e.reduce((function(e,t){return null==t?e:function(){for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];var i=[].concat(a);n&&-1===i.indexOf(n)&&i.push(n),e.apply(this,i),t.apply(this,i)}}),(function(){}))}var T=function(e){var n,t=o.emphasize(e.palette.background.default,"light"===e.palette.type?.8:.98);return o.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}}))},A=function(e){var r=e.classes,o=d(e,["classes"]),u=n.useRef(),l=n.useState(!0),f=l[0],m=l[1];n.useEffect((function(){return function(){u.current&&clearTimeout(u.current)}}),[]);var g=q([o.snack.onClose,o.onClose],o.snack.key),k=["onEnter","onEntering","onEntered","onExit","onExiting","onExited"].reduce((function(e,n){var t;return p({},e,((t={})[n]=q([o.snack[n],o[n]],o.snack.key),t))}),{}),v=o.action,b=o.content,x=o.ariaAttributes,C=o.className,E=o.hideIconVariant,O=o.iconVariant,T=o.snack,A=o.dense,R=o.TransitionComponent,I=void 0===R?c:R,N=o.TransitionProps,H=void 0===N?{}:N,j=d(o,["action","content","ariaAttributes","className","hideIconVariant","iconVariant","snack","dense","TransitionComponent","TransitionProps"]),M=T.key,V=T.className,P=T.variant,z=T.content,W=T.action,B=T.ariaAttributes,X=T.anchorOrigin,_=T.TransitionProps,K=void 0===_?{}:_,U=d(T,["key","persist","entered","requestClose","className","variant","content","action","ariaAttributes","anchorOrigin","TransitionProps"]),Z=O[P],Q=p({"aria-describedby":"client-snackbar"},x,{},B),G=p({direction:D(X)},H,{},K,{onExited:function(){u.current=setTimeout((function(){m(!f)}),125)}}),Y=W||v;"function"==typeof Y&&(Y=Y(M));var F=z||b;return F&&"function"==typeof F&&(F=F(M,T.message)),t.createElement(s,{unmountOnExit:!0,timeout:175,in:f,classes:L(r,A),onExited:k.onExited},t.createElement(i,Object.assign({TransitionComponent:I},j,U,{open:T.open,anchorOrigin:X,TransitionProps:G,classes:w(r),onClose:g,onExit:k.onExit,onExiting:k.onExiting,onEnter:k.onEnter,onEntering:k.onEntering,onEntered:q([k.onEntered,function(){o.snack.requestClose&&g(null,y.INSTRCUTED)}])}),F||t.createElement(S,Object.assign({},Q,{role:"alert",className:a(r.contentRoot,r["variant"+h(P)],C,V,!E&&Z&&r.lessPadding)}),t.createElement("div",{id:Q["aria-describedby"],className:r.message},E?null:Z,T.message),Y&&t.createElement("div",{className:r.action},Y))))},R=o.withStyles(T)(A),I=o.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)}})),N=function(e){var n=I(),r=e.className,o=e.anchorOrigin,i=e.dense,c=d(e,["className","anchorOrigin","dense"]),s=a(n.root,n[o.vertical],n[o.horizontal],n[o.vertical+(i?"Dense":"")],n[o.horizontal+(i?"Dense":"")],r,"bottom"===o.vertical&&n.reverseColumns);return t.createElement("div",Object.assign({className:s},c))},H=t.memo(N),j=function(e){return t.createElement(u,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"}))},M=function(e){return t.createElement(u,Object.assign({},e),t.createElement("path",{d:"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"}))},V=function(e){return t.createElement(u,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"}))},P=function(e){return t.createElement(u,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"}))},z={fontSize:20,marginInlineEnd:8},W={success:t.createElement(j,{style:z}),warning:t.createElement(M,{style:z}),error:t.createElement(V,{style:z}),info:t.createElement(P,{style:z})},B=function(e){var n,o,i;function c(n){var t;return(t=e.call(this,n)||this).enqueueSnackbar=function(e,n){var r=void 0===n?{}:n,a=r.key,o=r.preventDuplicate,i=d(r,["key","preventDuplicate"]),c=v(a),s=c?a:(new Date).getTime()+Math.random(),u=function(e,n,t){return function(r){return"autoHideDuration"===r?x(e.autoHideDuration)?e.autoHideDuration:x(n.autoHideDuration)?n.autoHideDuration:b.autoHideDuration:e[r]||n[r]||t[r]}}(i,t.props,b),l=p({key:s},i,{message:e,open:!0,entered:!1,requestClose:!1,variant:u("variant"),anchorOrigin:u("anchorOrigin"),autoHideDuration:u("autoHideDuration")});return i.persist&&(l.autoHideDuration=void 0),t.setState((function(n){if(void 0===o&&t.props.preventDuplicate||o){var r=function(n){return c?n.key===a:n.message===e},i=n.queue.findIndex(r)>-1,s=n.snacks.findIndex(r)>-1;if(i||s)return n}return t.handleDisplaySnack(p({},n,{queue:[].concat(n.queue,[l])}))})),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?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 a=e.snacks.map((function(e){return n||e.persist&&!r?p({},e):(n=!0,e.entered?(e.onClose&&e.onClose(null,y.MAXSNACK,e.key),t.props.onClose&&t.props.onClose(null,y.MAXSNACK,e.key),p({},e,{open:!1})):p({},e,{requestClose:!0}))}));return p({},e,{snacks:a})},t.handleEnteredSnack=function(e,n,r){if(!v(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!==y.CLICKAWAY){var a=void 0===r;t.setState((function(e){var n=e.queue;return{snacks:e.snacks.map((function(e){return a||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}));v(e)&&n&&n.onClose&&n.onClose(null,y.INSTRUCTED,e),t.handleCloseSnack(null,y.INSTRUCTED,e)},t.handleExitedSnack=function(e,n,r){var a=n||r;if(!v(a))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!==a}))}));return 0===n.queue.length?n:t.handleDismissOldest(n)}))},t.state={snacks:[],queue:[],contextValue:{enqueueSnackbar:t.enqueueSnackbar,closeSnackbar:t.closeSnackbar}},t}return o=e,(n=c).prototype=Object.create(o.prototype),n.prototype.constructor=n,n.__proto__=o,c.prototype.render=function(){var e=this,n=this.state.contextValue,o=this.props,i=o.domRoot,c=o.children,s=o.classes,u=void 0===s?{}:s,l=o.dense,m=void 0!==l&&l,g=o.hideIconVariant,v=void 0!==g&&g,b=d(o,["variant","maxSnack","anchorOrigin","preventDuplicate","domRoot","children","classes","dense","hideIconVariant"]),x=this.state.snacks.reduce((function(e,n){var t,r,a=""+h((r=n.anchorOrigin).vertical)+h(r.horizontal);return p({},e,((t={})[a]=[].concat(e[a]||[],[n]),t))}),{}),y=p({},W,{},this.props.iconVariant),C=Object.keys(x).map((function(n){var r=x[n];return t.createElement(H,{key:n,dense:m,anchorOrigin:r[0].anchorOrigin,className:a(u.containerRoot,u["containerAnchorOrigin"+n])},r.map((function(n){return t.createElement(R,Object.assign({},b,{key:n.key,dense:m,snack:n,hideIconVariant:v,iconVariant:y,classes:k(u),onClose:e.handleCloseSnack,onExited:q([e.handleExitedSnack,e.props.onExited]),onEntered:q([e.handleEnteredSnack,e.props.onEntered])}))})))}));return t.createElement(f.Provider,{value:n},c,i?r.createPortal(C,i):C)},(i=[{key:"maxSnack",get:function(){return this.props.maxSnack||3}}])&&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=S,exports.SnackbarProvider=B,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(a){return t.createElement(e,p({},n,{ref:r,enqueueSnackbar:a.enqueueSnackbar,closeSnackbar:a.closeSnackbar}))}))}));return l(n,e),n};
 //# sourceMappingURL=notistack.cjs.production.min.js.map

dist/notistack.esm.js

@@ -122,2 +122,5 @@ import React, { forwardRef, useRef, useState, useEffect, Component, useContext } from 'react';
 };
+var isDefined = function isDefined(value) {
+  return !!value || value === 0;
+};
 var DEFAULTS = {
@@ -599,3 +602,3 @@ variant: 'default',
 
-      var hasSpecifiedKey = key || key === 0;
+      var hasSpecifiedKey = isDefined(key);
       var id = hasSpecifiedKey ? key : new Date().getTime() + Math.random();
@@ -731,3 +734,3 @@ var merger = merge(options, _this.props, DEFAULTS);
     _this.handleEnteredSnack = function (node, isAppearing, key) {
-      if (!key) {
+      if (!isDefined(key)) {
         throw new Error('handleEnteredSnack Cannot be called with undefined key');
@@ -792,3 +795,3 @@ }
 
-      if (key && toBeClosed && toBeClosed.onClose) {
+      if (isDefined(key) && toBeClosed && toBeClosed.onClose) {
         toBeClosed.onClose(null, REASONS.INSTRUCTED, key);
@@ -812,3 +815,3 @@ }
 
-      if (!key) {
+      if (!isDefined(key)) {
         throw new Error('handleExitedSnack Cannot be called with undefined key');
@@ -815,0 +818,0 @@ }

package.json

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

278085

0.56%

Lines of code

2027

0.65%

No dependency changes