react-toastify
Version:
React notification made easy
3 lines • 17.7 kB
JavaScript
"use client";
var Qt=Object.create;var Y=Object.defineProperty;var Wt=Object.getOwnPropertyDescriptor;var Gt=Object.getOwnPropertyNames;var Xt=Object.getPrototypeOf,qt=Object.prototype.hasOwnProperty;var Kt=(t,e)=>{for(var o in e)Y(t,o,{get:e[o],enumerable:!0})},It=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Gt(e))!qt.call(t,n)&&n!==o&&Y(t,n,{get:()=>e[n],enumerable:!(a=Wt(e,n))||a.enumerable});return t};var M=(t,e,o)=>(o=t!=null?Qt(Xt(t)):{},It(e||!t||!t.__esModule?Y(o,"default",{value:t,enumerable:!0}):o,t)),Yt=t=>It(Y({},"__esModule",{value:!0}),t);var me={};Kt(me,{Bounce:()=>ct,Flip:()=>zt,Icons:()=>q,Slide:()=>Ht,ToastContainer:()=>Pt,Zoom:()=>Vt,collapseToast:()=>j,cssTransition:()=>U,toast:()=>T});module.exports=Yt(me);var bt=require("react"),F=t=>typeof t=="number"&&!isNaN(t),L=t=>typeof t=="string",A=t=>typeof t=="function",yt=t=>L(t)||F(t),Q=t=>L(t)||A(t)?t:null,At=(t,e)=>t===!1||F(t)&&t>0?t:e,W=t=>(0,bt.isValidElement)(t)||L(t)||A(t)||F(t);var k=M(require("react"));function j(t,e,o=300){let{scrollHeight:a,style:n}=t;requestAnimationFrame(()=>{n.minHeight="initial",n.height=a+"px",n.transition=`all ${o}ms`,requestAnimationFrame(()=>{n.height="0",n.padding="0",n.margin="0",setTimeout(e,o)})})}function U({enter:t,exit:e,appendPosition:o=!1,collapse:a=!0,collapseDuration:n=300}){return function({children:s,position:c,preventExitTransition:u,done:g,nodeRef:C,isIn:v,playToast:b}){let I=o?`${t}--${c}`:t,x=o?`${e}--${c}`:e,y=(0,k.useRef)(0);return(0,k.useLayoutEffect)(()=>{let d=C.current,f=I.split(" "),P=r=>{r.target===C.current&&(b(),d.removeEventListener("animationend",P),d.removeEventListener("animationcancel",P),y.current===0&&r.type!=="animationcancel"&&d.classList.remove(...f))};d.classList.add(...f),d.addEventListener("animationend",P),d.addEventListener("animationcancel",P)},[]),(0,k.useEffect)(()=>{let d=C.current,f=()=>{d.removeEventListener("animationend",f),a?j(d,g,n):g()};v||(u?f():(y.current=1,d.className+=` ${x}`,d.addEventListener("animationend",f)))},[v]),k.default.createElement(k.default.Fragment,null,s)}}var Z=require("react");function dt(t,e){return{content:mt(t.content,t.props),containerId:t.props.containerId,id:t.props.toastId,theme:t.props.theme,type:t.props.type,data:t.props.data||{},isLoading:t.props.isLoading,icon:t.props.icon,reason:t.removalReason,status:e}}function mt(t,e,o=!1){return(0,Z.isValidElement)(t)&&!L(t.type)?(0,Z.cloneElement)(t,{closeToast:e.closeToast,toastProps:e,data:e.data,isPaused:o}):A(t)?t({closeToast:e.closeToast,toastProps:e,data:e.data,isPaused:o}):t}var J=M(require("react"));function ht({closeToast:t,theme:e,ariaLabel:o="close"}){return J.default.createElement("button",{className:`Toastify__close-button Toastify__close-button--${e}`,type:"button",onClick:a=>{a.stopPropagation(),t(!0)},"aria-label":o},J.default.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},J.default.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}var tt=M(require("react")),ft=M(require("clsx"));function Nt({delay:t,isRunning:e,closeToast:o,type:a="default",hide:n,className:l,controlledProgress:s,progress:c,rtl:u,isIn:g,theme:C}){let v=n||s&&c===0,b={animationDuration:`${t}ms`,animationPlayState:e?"running":"paused"};s&&(b.transform=`scaleX(${c})`);let I=(0,ft.default)("Toastify__progress-bar",s?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated",`Toastify__progress-bar-theme--${C}`,`Toastify__progress-bar--${a}`,{["Toastify__progress-bar--rtl"]:u}),x=A(l)?l({rtl:u,type:a,defaultClassName:I}):(0,ft.default)(I,l),y={[s&&c>=1?"onTransitionEnd":"onAnimationEnd"]:s&&c<1?null:()=>{g&&o()}};return tt.default.createElement("div",{className:"Toastify__progress-bar--wrp","data-hidden":v},tt.default.createElement("div",{className:`Toastify__progress-bar--bg Toastify__progress-bar-theme--${C} Toastify__progress-bar--${a}`}),tt.default.createElement("div",{role:"progressbar","aria-hidden":v?"true":"false","aria-label":"notification timer","aria-valuenow":s?Math.round(c*100):void 0,"aria-valuemin":0,"aria-valuemax":100,className:x,style:b,...y}))}var Et=M(require("clsx")),D=M(require("react"));var Zt=1,pt=()=>`${Zt++}`;function xt(t,e,o){let a=1,n=0,l=[],s=[],c=e,u=new Map,g=new Set,C=i=>(g.add(i),()=>g.delete(i)),v=()=>{s=Array.from(u.values()),g.forEach(i=>i())},b=({containerId:i,toastId:r,updateId:p})=>{let S=i?i!==t:t!==1,m=u.has(r)&&p==null;return S||m},I=(i,r)=>{u.forEach(p=>{var S;(r==null||r===p.props.toastId)&&((S=p.toggle)==null||S.call(p,i))})},x=i=>{var r,p;i.isActive&&((p=(r=i.props)==null?void 0:r.onClose)==null||p.call(r,i.removalReason),i.isActive=!1,o(dt(i,"removed")))},y=i=>{if(i==null)u.forEach(x);else{let r=u.get(i);r&&x(r)}v()},d=()=>{n-=l.length,l=[]},f=i=>{var m,E;let{toastId:r,updateId:p}=i.props,S=p==null;i.staleId&&u.delete(i.staleId),i.isActive=!0,u.set(r,i),v(),o(dt(i,S?"added":"updated")),S&&((E=(m=i.props).onOpen)==null||E.call(m))};return{id:t,props:c,observe:C,toggle:I,removeToast:y,toasts:u,clearQueue:d,buildToast:(i,r)=>{if(b(r))return;let{toastId:p,updateId:S,data:m,staleId:E,delay:_}=r,B=S==null;B&&n++;let O={...c,style:c.toastStyle,key:a++,...Object.fromEntries(Object.entries(r).filter(([H,V])=>V!=null)),toastId:p,updateId:S,data:m,isIn:!1,className:Q(r.className||c.toastClassName),progressClassName:Q(r.progressClassName||c.progressClassName),autoClose:r.isLoading?!1:At(r.autoClose,c.autoClose),closeToast(H){let V=u.get(p);V&&(V.removalReason=H,y(p))},deleteToast(){if(u.get(p)!=null){if(u.delete(p),n--,n<0&&(n=0),l.length>0){f(l.shift());return}v()}}};O.closeButton=c.closeButton,r.closeButton===!1||W(r.closeButton)?O.closeButton=r.closeButton:r.closeButton===!0&&(O.closeButton=W(c.closeButton)?c.closeButton:!0);let z={content:i,props:O,staleId:E};c.limit&&c.limit>0&&n>c.limit&&B?l.push(z):F(_)?setTimeout(()=>{f(z)},_):f(z)},setProps(i){c=i},setToggle:(i,r)=>{let p=u.get(i);p&&(p.toggle=r)},isToastActive:i=>{var r;return(r=u.get(i))==null?void 0:r.isActive},getSnapshot:()=>s}}var h=new Map,G=[],Tt=new Set,Jt=t=>Tt.forEach(e=>e(t)),_t=()=>h.size>0;function te(){G.forEach(t=>gt(t.content,t.options)),G=[]}var Ot=(t,{containerId:e})=>{var o;return(o=h.get(e||1))==null?void 0:o.toasts.get(t)};function et(t,e){var a;if(e)return!!((a=h.get(e))!=null&&a.isToastActive(t));let o=!1;return h.forEach(n=>{n.isToastActive(t)&&(o=!0)}),o}function Dt(t){if(!_t()){G=G.filter(e=>t!=null&&e.options.toastId!==t);return}if(t==null||yt(t))h.forEach(e=>{e.removeToast(t)});else if(t&&("containerId"in t||"id"in t)){let e=h.get(t.containerId);e?e.removeToast(t.id):h.forEach(o=>{o.removeToast(t.id)})}}var Mt=(t={})=>{h.forEach(e=>{e.props.limit&&(!t.containerId||e.id===t.containerId)&&e.clearQueue()})};function gt(t,e){W(t)&&(_t()||G.push({content:t,options:e}),h.forEach(o=>{o.buildToast(t,e)}))}function Lt(t){var e;(e=h.get(t.containerId||1))==null||e.setToggle(t.id,t.fn)}function Ct(t,e){h.forEach(o=>{(e==null||!(e!=null&&e.containerId)||(e==null?void 0:e.containerId)===o.id)&&o.toggle(t,e==null?void 0:e.id)})}function $t(t){let e=t.containerId||1;return{subscribe(o){let a=xt(e,t,Jt);h.set(e,a);let n=a.observe(o);return te(),()=>{n(),h.delete(e)}},setProps(o){var a;(a=h.get(e))==null||a.setProps(o)},getSnapshot(){var o;return(o=h.get(e))==null?void 0:o.getSnapshot()}}}function kt(t){return Tt.add(t),()=>{Tt.delete(t)}}function ee(t){return t&&(L(t.toastId)||F(t.toastId))?t.toastId:pt()}function X(t,e){return gt(t,e),e.toastId}function ot(t,e){return{...e,type:e&&e.type||t,toastId:ee(e)}}function nt(t){return(e,o)=>X(e,ot(t,o))}function T(t,e){return X(t,ot("default",e))}T.loading=(t,e)=>X(t,ot("default",{isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1,...e}));function oe(t,{pending:e,error:o,success:a},n){let l;e&&(l=L(e)?T.loading(e,n):T.loading(e.render,{...n,...e}));let s={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},c=(g,C,v)=>{if(C==null){T.dismiss(l);return}let b={type:g,...s,...n,data:v},I=L(C)?{render:C}:C;return l?T.update(l,{...b,...I}):T(I.render,{...b,...I}),v},u=A(t)?t():t;return u.then(g=>c("success",a,g)).catch(g=>c("error",o,g)),u}T.promise=oe;T.success=nt("success");T.info=nt("info");T.error=nt("error");T.warning=nt("warning");T.warn=T.warning;T.dark=(t,e)=>X(t,ot("default",{theme:"dark",...e}));function ne(t){Dt(t)}T.dismiss=ne;T.clearWaitingQueue=Mt;T.isActive=et;T.update=(t,e={})=>{let o=Ot(t,e);if(o){let{props:a,content:n}=o,l={delay:100,...a,...e,toastId:e.toastId||t,updateId:pt()};l.toastId!==t&&(l.staleId=t);let s=l.render||n;delete l.render,X(s,l)}};T.done=t=>{T.update(t,{progress:1})};T.onChange=kt;T.play=t=>Ct(!0,t);T.pause=t=>Ct(!1,t);var st=require("react");function Rt(t){var s;let{subscribe:e,getSnapshot:o,setProps:a}=(0,st.useRef)($t(t)).current;a(t);let n=(s=(0,st.useSyncExternalStore)(e,o,o))==null?void 0:s.slice();function l(c){if(!n)return[];let u=new Map;return t.newestOnTop&&n.reverse(),n.forEach(g=>{let{position:C}=g.props;u.has(C)||u.set(C,[]),u.get(C).push(g)}),Array.from(u,g=>c(g[0],g[1]))}return{getToastToRender:l,isToastActive:et,count:n==null?void 0:n.length}}var w=require("react");function Bt(t){let[e,o]=(0,w.useState)(!1),[a,n]=(0,w.useState)(!1),l=(0,w.useRef)(null),s=(0,w.useRef)({start:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,didMove:!1}).current,{autoClose:c,pauseOnHover:u,closeToast:g,onClick:C,closeOnClick:v}=t;Lt({id:t.toastId,containerId:t.containerId,fn:o}),(0,w.useEffect)(()=>{if(t.pauseOnFocusLoss)return b(),()=>{I()}},[t.pauseOnFocusLoss]);function b(){document.hasFocus()||f(),window.addEventListener("focus",d),window.addEventListener("blur",f)}function I(){window.removeEventListener("focus",d),window.removeEventListener("blur",f)}function x(m){if(t.draggable===!0||t.draggable===m.pointerType){P();let E=l.current;s.canCloseOnClick=!0,s.canDrag=!0,E.style.transition="none",t.draggableDirection==="x"?(s.start=m.clientX,s.removalDistance=E.offsetWidth*(t.draggablePercent/100)):(s.start=m.clientY,s.removalDistance=E.offsetHeight*(t.draggablePercent===80?t.draggablePercent*1.5:t.draggablePercent)/100)}}function y(m){let{top:E,bottom:_,left:B,right:O}=l.current.getBoundingClientRect();m.pointerType==="mouse"&&t.pauseOnHover&&m.clientX>=B&&m.clientX<=O&&m.clientY>=E&&m.clientY<=_?f():d()}function d(){o(!0)}function f(){o(!1)}function P(){s.didMove=!1,document.addEventListener("pointermove",r),document.addEventListener("pointerup",p)}function i(){document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",p)}function r(m){let E=l.current;if(s.canDrag&&E){s.didMove=!0,e&&f(),t.draggableDirection==="x"?s.delta=m.clientX-s.start:s.delta=m.clientY-s.start,s.start!==m.clientX&&(s.canCloseOnClick=!1);let _=t.draggableDirection==="x"?`${s.delta}px, var(--y)`:`0, calc(${s.delta}px + var(--y))`;E.style.transform=`translate3d(${_},0)`,E.style.opacity=`${1-Math.abs(s.delta/s.removalDistance)}`}}function p(){i();let m=l.current;if(s.canDrag&&s.didMove&&m){if(s.canDrag=!1,Math.abs(s.delta)>s.removalDistance){n(!0),t.closeToast(!0),t.collapseAll();return}m.style.transition="transform 0.2s, opacity 0.2s",m.style.removeProperty("transform"),m.style.removeProperty("opacity")}}let S={onPointerDown:x,onPointerUp:y};return c&&u&&(S.onMouseEnter=f,t.stacked||(S.onMouseLeave=d)),v&&(S.onClick=m=>{C&&C(m),s.canCloseOnClick&&g(!0)}),{playToast:d,pauseToast:f,isRunning:e,preventExitTransition:a,toastRef:l,eventHandlers:S}}var at=require("react"),wt=typeof window!="undefined"?at.useLayoutEffect:at.useEffect;var it=M(require("clsx")),R=M(require("react"));var N=M(require("react"));var rt=({theme:t,type:e,isLoading:o,...a})=>N.default.createElement("svg",{viewBox:"0 0 24 24",width:"100%",height:"100%",fill:t==="colored"?"currentColor":`var(--toastify-icon-color-${e})`,...a});function ae(t){return N.default.createElement(rt,{...t},N.default.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))}function re(t){return N.default.createElement(rt,{...t},N.default.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))}function ie(t){return N.default.createElement(rt,{...t},N.default.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))}function le(t){return N.default.createElement(rt,{...t},N.default.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))}function ce(){return N.default.createElement("div",{className:"Toastify__spinner"})}var q={info:re,warning:ae,success:ie,error:le,spinner:ce},ue=t=>t in q;function Ft({theme:t,type:e,isLoading:o,icon:a}){let n=null,l={theme:t,type:e};return a===!1||(A(a)?n=a({...l,isLoading:o}):(0,N.isValidElement)(a)?n=(0,N.cloneElement)(a,l):o?n=q.spinner():ue(e)&&(n=q[e](l))),n}var Ut=t=>{let{isRunning:e,preventExitTransition:o,toastRef:a,eventHandlers:n,playToast:l}=Bt(t),{closeButton:s,children:c,autoClose:u,onClick:g,type:C,hideProgressBar:v,closeToast:b,transition:I,position:x,className:y,style:d,progressClassName:f,updateId:P,role:i,progress:r,rtl:p,toastId:S,deleteToast:m,isIn:E,isLoading:_,closeOnClick:B,theme:O,ariaLabel:z}=t,H=(0,it.default)("Toastify__toast",`Toastify__toast-theme--${O}`,`Toastify__toast--${C}`,{["Toastify__toast--rtl"]:p},{["Toastify__toast--close-on-click"]:B}),V=A(y)?y({rtl:p,position:x,type:C,defaultClassName:H}):(0,it.default)(H,y),vt=Ft(t),St=!!r||!u,ut={closeToast:b,type:C,theme:O},K=null;return s===!1||(A(s)?K=s(ut):(0,R.isValidElement)(s)?K=(0,R.cloneElement)(s,ut):K=ht(ut)),R.default.createElement(I,{isIn:E,done:m,position:x,preventExitTransition:o,nodeRef:a,playToast:l},R.default.createElement("div",{id:S,tabIndex:0,onClick:g,"data-in":E,className:V,...n,style:d,ref:a,...E&&{role:i,"aria-label":z}},vt!=null&&R.default.createElement("div",{className:(0,it.default)("Toastify__toast-icon",{["Toastify--animate-icon Toastify__zoom-enter"]:!_})},vt),mt(c,t,!e),K,!t.customProgressBar&&R.default.createElement(Nt,{...P&&!St?{key:`p-${P}`}:{},rtl:p,theme:O,delay:u,isRunning:e,isIn:E,closeToast:b,hide:v,type:C,className:f,controlledProgress:St,progress:r||0})))};var lt=(t,e=!1)=>({enter:`Toastify--animate Toastify__${t}-enter`,exit:`Toastify--animate Toastify__${t}-exit`,appendPosition:e}),ct=U(lt("bounce",!0)),Ht=U(lt("slide",!0)),Vt=U(lt("zoom")),zt=U(lt("flip"));var de={position:"top-right",transition:ct,autoClose:5e3,closeButton:!0,pauseOnHover:!0,pauseOnFocusLoss:!0,draggable:"touch",draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light","aria-label":"Notifications Alt+T",hotKeys:t=>t.altKey&&t.code==="KeyT"};function Pt(t){let e={...de,...t},o=t.stacked,[a,n]=(0,D.useState)(!0),l=(0,D.useRef)(null),{getToastToRender:s,isToastActive:c,count:u}=Rt(e),{className:g,style:C,rtl:v,containerId:b,hotKeys:I}=e;function x(d){let f=(0,Et.default)("Toastify__toast-container",`Toastify__toast-container--${d}`,{["Toastify__toast-container--rtl"]:v});return A(g)?g({position:d,rtl:v,defaultClassName:f}):(0,Et.default)(f,Q(g))}function y(){o&&(n(!0),T.play())}return wt(()=>{var d;if(o){let f=l.current.querySelectorAll('[data-in="true"]'),P=12,i=(d=e.position)==null?void 0:d.includes("top"),r=0,p=0;Array.from(f).reverse().forEach((S,m)=>{let E=S;E.classList.add("Toastify__toast--stacked"),m>0&&(E.dataset.collapsed=`${a}`),E.dataset.pos||(E.dataset.pos=i?"top":"bot");let _=r*(a?.2:1)+(a?0:P*m),B=Math.max(.5,1-(a?p:0));E.style.setProperty("--y",`${i?_:_*-1}px`),E.style.setProperty("--g",`${P}`),E.style.setProperty("--s",`${B}`),r+=E.offsetHeight,p+=.025})}},[a,u,o]),(0,D.useEffect)(()=>{function d(f){var i;let P=l.current;I(f)&&((i=P==null?void 0:P.querySelector('[tabIndex="0"]'))==null||i.focus(),n(!1),T.pause()),f.key==="Escape"&&(document.activeElement===P||P!=null&&P.contains(document.activeElement))&&(n(!0),T.play())}return document.addEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)}},[I]),D.default.createElement("section",{ref:l,className:"Toastify",id:b,onMouseEnter:()=>{o&&(n(!1),T.pause())},onMouseLeave:y,"aria-live":"polite","aria-atomic":"false","aria-relevant":"additions text","aria-label":e["aria-label"]},s((d,f)=>{let P=f.length?{...C}:{...C,pointerEvents:"none"};return D.default.createElement("div",{tabIndex:-1,className:x(d),"data-stacked":o,style:P,key:`c-${d}`},f.map(({content:i,props:r})=>D.default.createElement(Ut,{...r,stacked:o,collapseAll:y,isIn:c(r.toastId,r.containerId),key:`t-${r.key}`},i)))}))}0&&(module.exports={Bounce,Flip,Icons,Slide,ToastContainer,Zoom,collapseToast,cssTransition,toast});
//# sourceMappingURL=unstyled.js.map