UNPKG

design-react-kit

Version:

Componenti React per Bootstrap 5

2 lines 2.28 kB
"use strict";var h=Object.create;var c=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var O=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var F=(o,t)=>{for(var i in t)c(o,i,{get:t[i],enumerable:!0})},y=(o,t,i,e)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of k(t))!I.call(o,n)&&n!==i&&c(o,n,{get:()=>t[n],enumerable:!(e=v(t,n))||e.enumerable});return o};var l=(o,t,i)=>(i=o!=null?h(O(o)):{},y(t||!o||!o.__esModule?c(i,"default",{value:o,enumerable:!0}):i,o)),w=o=>y(c({},"__esModule",{value:!0}),o);var L={};F(L,{NotificationManager:()=>H});module.exports=w(L);var p=l(require("react"),1),m=require("react-toastify");var a=l(require("react"),1),f=require("react-toastify"),B=(0,f.cssTransition)({enter:"",exit:""}),g=o=>{let{toastRef:t,eventHandlers:i}=(0,f.useToast)({...o,transition:B}),{children:e,autoClose:n,onClick:d,role:u,toastId:P,deleteToast:N,closeToast:C,isIn:s}=o,x={display:s?"block":"none"};return(0,a.useEffect)(()=>{s||N()},[s]),(0,a.useEffect)(()=>{let r;return n&&(r=setTimeout(()=>C(),n)),()=>{r!=null&&clearTimeout(Number(r))}},[n,C]),a.default.createElement("div",{id:P,onClick:d,...i,style:x,ref:t,...s&&{role:u}},e)};var E=l(require("classnames"),1),M=l(require("react"),1);var T=require("react"),S=(0,T.createContext)(void 0);var b=o=>{let t=["top","bottom","right","left"].filter(e=>o==="left"?e!=="right":e!=="left").map(e=>`border${e[0].toUpperCase()+e.substring(1)}`),i={};for(let e of t)i[e]="none";return i};var $=(0,m.cssTransition)({enter:"d-block",exit:"d-none",appendPosition:!1}),H=o=>{let t={...o.style,...b(o.fix)},i={autoClose:o.duration??6e3,closeOnClick:o.closeOnClick??!0,hideProgressBar:!0,transition:$,rtl:!1,pauseOnHover:!0,pauseOnFocusLoss:!0,newestOnTop:!1,draggable:!1,role:"alert",style:t,enableMultiContainer:o.containerId!=null},{getToastToRender:e,containerRef:n,isToastActive:d}=(0,m.useToastContainer)(i),{containerId:u,style:P,fix:N}=o;return p.default.createElement(S.Provider,{value:N},p.default.createElement("div",{ref:n,id:u,style:P},e((C,s)=>s.map(({content:x,props:r})=>p.default.createElement(g,{...r,isIn:d(r.toastId),key:`notification-${r.key}`},x)))))};0&&(module.exports={NotificationManager}); //# sourceMappingURL=NotificationManager.cjs.map