@brighthr/component-toast - npm Package Compare versions

Comparing version 1.0.7 to 1.0.8

dist/index.modern.js

@@ -1,2 +0,2 @@
-import e,{useState as t,useEffect as r}from"react";import i from"classnames";function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},s.apply(this,arguments)}let a=[],o=0,n=[],l=0;const m=e=>{a=e,n.forEach(e=>{e.listener(a)})},c=e=>{const t=setTimeout(()=>{(e=>{m(a.filter(({id:t})=>t!==e))})(e)},300);m(a.map(r=>r.id!==e?r:s({},r,{state:"dismissed",timeoutHandle:t})))},d=e=>{const t=++o,r=setTimeout(()=>{c(t)},5e3);m([...a,s({},e,{id:t,state:"visible",timeoutHandle:r})])},u=()=>{const e=t()[1];return r(()=>{const t=++l;return n.push({listener:e,id:t}),()=>{n=n.filter(({id:e})=>e!==t)}},[]),{allToasts:a,createToast:d,clearToast:c}},p=()=>{const{allToasts:t,clearToast:s}=u();if(r(()=>()=>{a.forEach(({timeoutHandle:e})=>{e&&clearTimeout(e)}),a.forEach(({id:e})=>{c(e)})},[]),!t.length)return null;const o=t.slice().reverse().map((t,r)=>{const{id:a,state:o,type:n,text:l}=t;return e.createElement("div",{key:a,className:i("w-full flex justify-between items-center rounded text-white p-4 whitespace-nowrap mt-2 transition-all absolute",{"animate-slide-out":"dismissed"===o,"animate-slide-in":"dismissed"!==o,"bg-success-800":"success"===n,"bg-error-800":"error"===n,"bg-warning-600":"warning"===n,"bg-primary-600":"information"===n,"bg-primary-700":"tip"===n}),style:{bottom:80*r+"px"}},e.createElement("div",{"aria-live":"error"===n?"assertive":"polite",role:"alert"},l),e.createElement("button",{onClick:()=>s(a),className:"px-3 py-1 ml-4 text-sm text-white border-2 border-white rounded",type:"button"},"Dismiss"))});return e.createElement("div",{className:"z-TOAST right-0 md:w-auto md:min-w-[450px] fixed bottom-0 left-0 m-2 md:right-auto"},o)};export{p as Toaster,u as useToast};
+import e,{useState as t,useEffect as r}from"react";import i from"classnames";function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},s.apply(this,arguments)}let a=[],o=0,n=[],l=0;const m=e=>{a=e,n.forEach(e=>{e.listener(a)})},c=e=>{const t=setTimeout(()=>{(e=>{m(a.filter(({id:t})=>t!==e))})(e)},300);m(a.map(r=>r.id!==e?r:s({},r,{state:"dismissed",timeoutHandle:t})))},d=e=>{const t=++o,r=setTimeout(()=>{c(t)},5e3);m([...a,s({},e,{id:t,state:"visible",timeoutHandle:r})])},u=()=>{const e=t()[1];return r(()=>{const t=++l;return n.push({listener:e,id:t}),()=>{n=n.filter(({id:e})=>e!==t)}},[]),{allToasts:a,createToast:d,clearToast:c}},p=()=>{const{allToasts:t,clearToast:s}=u();if(r(()=>()=>{a.forEach(({timeoutHandle:e})=>{e&&clearTimeout(e)}),a.forEach(({id:e})=>{c(e)})},[]),!t.length)return null;const o=t.slice().reverse().map((t,r)=>{const{id:a,state:o,type:n,text:l}=t;return e.createElement("div",{key:a,className:i("w-full flex justify-between items-center rounded text-white p-4 whitespace-nowrap mt-2 transition-all ",{"animate-slide-out":"dismissed"===o,"animate-slide-in":"dismissed"!==o,"bg-success-800":"success"===n,"bg-error-800":"error"===n,"bg-warning-600":"warning"===n,"bg-primary-600":"information"===n,"bg-primary-700":"tip"===n}),style:{bottom:80*r+"px"}},e.createElement("div",{"aria-live":"error"===n?"assertive":"polite",role:"alert"},l),e.createElement("button",{onClick:()=>s(a),className:"px-3 py-1 ml-4 text-sm text-white border-2 border-white rounded",type:"button"},"Dismiss"))});return e.createElement("div",{className:"z-TOAST right-0 md:w-auto md:min-w-[450px] fixed bottom-0 left-0 m-2 md:right-auto"},o)};export{p as Toaster,u as useToast};
 //# sourceMappingURL=index.modern.js.map

dist/index.module.js

@@ -1,2 +0,2 @@
-import t,{useState as e,useEffect as r}from"react";import n from"classnames";function i(){return i=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},i.apply(this,arguments)}var a=[],o=0,s=[],u=0,c=function(t){a=t,s.forEach(function(t){t.listener(a)})},l=function(t){var e=setTimeout(function(){!function(t){c(a.filter(function(e){return e.id!==t}))}(t)},300);c(a.map(function(r){return r.id!==t?r:i({},r,{state:"dismissed",timeoutHandle:e})}))},m=function(t){var e=++o,r=setTimeout(function(){l(e)},5e3);c([].concat(a,[i({},t,{id:e,state:"visible",timeoutHandle:r})]))},f=function(){var t=e()[1];return r(function(){var e=++u;return s.push({listener:t,id:e}),function(){s=s.filter(function(t){return t.id!==e})}},[]),{allToasts:a,createToast:m,clearToast:l}},d=function(){var e=f(),i=e.allToasts,o=e.clearToast;if(r(function(){return function(){a.forEach(function(t){var e=t.timeoutHandle;e&&clearTimeout(e)}),a.forEach(function(t){l(t.id)})}},[]),!i.length)return null;var s=i.slice().reverse().map(function(e,r){var i=e.id,a=e.state,s=e.type,u=e.text;return t.createElement("div",{key:i,className:n("w-full flex justify-between items-center rounded text-white p-4 whitespace-nowrap mt-2 transition-all absolute",{"animate-slide-out":"dismissed"===a,"animate-slide-in":"dismissed"!==a,"bg-success-800":"success"===s,"bg-error-800":"error"===s,"bg-warning-600":"warning"===s,"bg-primary-600":"information"===s,"bg-primary-700":"tip"===s}),style:{bottom:80*r+"px"}},t.createElement("div",{"aria-live":"error"===s?"assertive":"polite",role:"alert"},u),t.createElement("button",{onClick:function(){return o(i)},className:"px-3 py-1 ml-4 text-sm text-white border-2 border-white rounded",type:"button"},"Dismiss"))});return t.createElement("div",{className:"z-TOAST right-0 md:w-auto md:min-w-[450px] fixed bottom-0 left-0 m-2 md:right-auto"},s)};export{d as Toaster,f as useToast};
+import t,{useState as e,useEffect as r}from"react";import n from"classnames";function i(){return i=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},i.apply(this,arguments)}var a=[],o=0,s=[],u=0,c=function(t){a=t,s.forEach(function(t){t.listener(a)})},l=function(t){var e=setTimeout(function(){!function(t){c(a.filter(function(e){return e.id!==t}))}(t)},300);c(a.map(function(r){return r.id!==t?r:i({},r,{state:"dismissed",timeoutHandle:e})}))},m=function(t){var e=++o,r=setTimeout(function(){l(e)},5e3);c([].concat(a,[i({},t,{id:e,state:"visible",timeoutHandle:r})]))},f=function(){var t=e()[1];return r(function(){var e=++u;return s.push({listener:t,id:e}),function(){s=s.filter(function(t){return t.id!==e})}},[]),{allToasts:a,createToast:m,clearToast:l}},d=function(){var e=f(),i=e.allToasts,o=e.clearToast;if(r(function(){return function(){a.forEach(function(t){var e=t.timeoutHandle;e&&clearTimeout(e)}),a.forEach(function(t){l(t.id)})}},[]),!i.length)return null;var s=i.slice().reverse().map(function(e,r){var i=e.id,a=e.state,s=e.type,u=e.text;return t.createElement("div",{key:i,className:n("w-full flex justify-between items-center rounded text-white p-4 whitespace-nowrap mt-2 transition-all ",{"animate-slide-out":"dismissed"===a,"animate-slide-in":"dismissed"!==a,"bg-success-800":"success"===s,"bg-error-800":"error"===s,"bg-warning-600":"warning"===s,"bg-primary-600":"information"===s,"bg-primary-700":"tip"===s}),style:{bottom:80*r+"px"}},t.createElement("div",{"aria-live":"error"===s?"assertive":"polite",role:"alert"},u),t.createElement("button",{onClick:function(){return o(i)},className:"px-3 py-1 ml-4 text-sm text-white border-2 border-white rounded",type:"button"},"Dismiss"))});return t.createElement("div",{className:"z-TOAST right-0 md:w-auto md:min-w-[450px] fixed bottom-0 left-0 m-2 md:right-auto"},s)};export{d as Toaster,f as useToast};
 //# sourceMappingURL=index.module.js.map

dist/index.umd.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("classnames")):"function"==typeof define&&define.amd?define(["exports","react","classnames"],t):t((e||self).componentToast={},e.react,e.classnames)}(this,function(e,t,n){function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=/*#__PURE__*/r(t),a=/*#__PURE__*/r(n);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}var s=[],u=0,c=[],f=0,l=function(e){s=e,c.forEach(function(e){e.listener(s)})},d=function(e){var t=setTimeout(function(){!function(e){l(s.filter(function(t){return t.id!==e}))}(e)},300);l(s.map(function(n){return n.id!==e?n:o({},n,{state:"dismissed",timeoutHandle:t})}))},m=function(e){var t=++u,n=setTimeout(function(){d(t)},5e3);l([].concat(s,[o({},e,{id:t,state:"visible",timeoutHandle:n})]))},p=function(){var e=t.useState()[1];return t.useEffect(function(){var t=++f;return c.push({listener:e,id:t}),function(){c=c.filter(function(e){return e.id!==t})}},[]),{allToasts:s,createToast:m,clearToast:d}};e.Toaster=function(){var e=p(),n=e.allToasts,r=e.clearToast;if(t.useEffect(function(){return function(){s.forEach(function(e){var t=e.timeoutHandle;t&&clearTimeout(t)}),s.forEach(function(e){d(e.id)})}},[]),!n.length)return null;var o=n.slice().reverse().map(function(e,t){var n=e.id,o=e.state,s=e.type,u=e.text;return i.default.createElement("div",{key:n,className:a.default("w-full flex justify-between items-center rounded text-white p-4 whitespace-nowrap mt-2 transition-all absolute",{"animate-slide-out":"dismissed"===o,"animate-slide-in":"dismissed"!==o,"bg-success-800":"success"===s,"bg-error-800":"error"===s,"bg-warning-600":"warning"===s,"bg-primary-600":"information"===s,"bg-primary-700":"tip"===s}),style:{bottom:80*t+"px"}},i.default.createElement("div",{"aria-live":"error"===s?"assertive":"polite",role:"alert"},u),i.default.createElement("button",{onClick:function(){return r(n)},className:"px-3 py-1 ml-4 text-sm text-white border-2 border-white rounded",type:"button"},"Dismiss"))});return i.default.createElement("div",{className:"z-TOAST right-0 md:w-auto md:min-w-[450px] fixed bottom-0 left-0 m-2 md:right-auto"},o)},e.useToast=p});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("classnames")):"function"==typeof define&&define.amd?define(["exports","react","classnames"],t):t((e||self).componentToast={},e.react,e.classnames)}(this,function(e,t,n){function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=/*#__PURE__*/r(t),a=/*#__PURE__*/r(n);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}var s=[],u=0,c=[],f=0,l=function(e){s=e,c.forEach(function(e){e.listener(s)})},d=function(e){var t=setTimeout(function(){!function(e){l(s.filter(function(t){return t.id!==e}))}(e)},300);l(s.map(function(n){return n.id!==e?n:o({},n,{state:"dismissed",timeoutHandle:t})}))},m=function(e){var t=++u,n=setTimeout(function(){d(t)},5e3);l([].concat(s,[o({},e,{id:t,state:"visible",timeoutHandle:n})]))},p=function(){var e=t.useState()[1];return t.useEffect(function(){var t=++f;return c.push({listener:e,id:t}),function(){c=c.filter(function(e){return e.id!==t})}},[]),{allToasts:s,createToast:m,clearToast:d}};e.Toaster=function(){var e=p(),n=e.allToasts,r=e.clearToast;if(t.useEffect(function(){return function(){s.forEach(function(e){var t=e.timeoutHandle;t&&clearTimeout(t)}),s.forEach(function(e){d(e.id)})}},[]),!n.length)return null;var o=n.slice().reverse().map(function(e,t){var n=e.id,o=e.state,s=e.type,u=e.text;return i.default.createElement("div",{key:n,className:a.default("w-full flex justify-between items-center rounded text-white p-4 whitespace-nowrap mt-2 transition-all ",{"animate-slide-out":"dismissed"===o,"animate-slide-in":"dismissed"!==o,"bg-success-800":"success"===s,"bg-error-800":"error"===s,"bg-warning-600":"warning"===s,"bg-primary-600":"information"===s,"bg-primary-700":"tip"===s}),style:{bottom:80*t+"px"}},i.default.createElement("div",{"aria-live":"error"===s?"assertive":"polite",role:"alert"},u),i.default.createElement("button",{onClick:function(){return r(n)},className:"px-3 py-1 ml-4 text-sm text-white border-2 border-white rounded",type:"button"},"Dismiss"))});return i.default.createElement("div",{className:"z-TOAST right-0 md:w-auto md:min-w-[450px] fixed bottom-0 left-0 m-2 md:right-auto"},o)},e.useToast=p});
 //# sourceMappingURL=index.umd.js.map

package.json

 {
   "name": "@brighthr/component-toast",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "license": "MIT",
@@ -40,3 +40,3 @@ "type": "module",
   },
-  "gitHead": "723e7768aa46ac747352f71e0d2d37bd5824a0e6"
+  "gitHead": "afd6e60a7e17a61bfaab683b61aba9b92aaa6490"
 }

No alert changes

Improved metrics

Total package byte prevSize

39825

increased by0.82%

No dependency changes