@brighthr/component-toast
Advanced tools
Comparing version 1.0.10 to 1.0.11
@@ -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 ",{"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 relative ",{"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",{className:"absolute top-0 bottom-0 left-0 z-0 bg-white opacity-10 animate-toastdismiss"}),e.createElement("div",{"aria-live":"error"===n?"assertive":"polite",role:"alert"},l),e.createElement("button",{onClick:()=>s(a),className:"z-10 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 |
@@ -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 ",{"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 i from"classnames";function n(){return n=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i])}return t},n.apply(this,arguments)}var a=[],o=0,s=[],c=0,u=function(t){a=t,s.forEach(function(t){t.listener(a)})},l=function(t){var e=setTimeout(function(){!function(t){u(a.filter(function(e){return e.id!==t}))}(t)},300);u(a.map(function(r){return r.id!==t?r:n({},r,{state:"dismissed",timeoutHandle:e})}))},m=function(t){var e=++o,r=setTimeout(function(){l(e)},5e3);u([].concat(a,[n({},t,{id:e,state:"visible",timeoutHandle:r})]))},f=function(){var t=e()[1];return r(function(){var e=++c;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(),n=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)})}},[]),!n.length)return null;var s=n.slice().reverse().map(function(e,r){var n=e.id,a=e.state,s=e.type,c=e.text;return t.createElement("div",{key:n,className:i("w-full flex justify-between items-center rounded text-white p-4 whitespace-nowrap mt-2 transition-all relative ",{"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",{className:"absolute top-0 bottom-0 left-0 z-0 bg-white opacity-10 animate-toastdismiss"}),t.createElement("div",{"aria-live":"error"===s?"assertive":"polite",role:"alert"},c),t.createElement("button",{onClick:function(){return o(n)},className:"z-10 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 |
@@ -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 ",{"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 i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=/*#__PURE__*/i(t),a=/*#__PURE__*/i(n);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},o.apply(this,arguments)}var s=[],u=0,c=[],l=0,f=function(e){s=e,c.forEach(function(e){e.listener(s)})},d=function(e){var t=setTimeout(function(){!function(e){f(s.filter(function(t){return t.id!==e}))}(e)},300);f(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);f([].concat(s,[o({},e,{id:t,state:"visible",timeoutHandle:n})]))},p=function(){var e=t.useState()[1];return t.useEffect(function(){var t=++l;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,i=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 r.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 relative ",{"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"}},r.default.createElement("div",{className:"absolute top-0 bottom-0 left-0 z-0 bg-white opacity-10 animate-toastdismiss"}),r.default.createElement("div",{"aria-live":"error"===s?"assertive":"polite",role:"alert"},u),r.default.createElement("button",{onClick:function(){return i(n)},className:"z-10 px-3 py-1 ml-4 text-sm text-white border-2 border-white rounded",type:"button"},"Dismiss"))});return r.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 |
{ | ||
"name": "@brighthr/component-toast", | ||
"version": "1.0.10", | ||
"version": "1.0.11", | ||
"license": "MIT", | ||
@@ -40,3 +40,3 @@ "type": "module", | ||
}, | ||
"gitHead": "daf591e4f766a15353a777a05fca051c4a6c8952" | ||
"gitHead": "f62c71c58deb045b21d9df259ce5cc08adf1e25e" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
41350
287