mantine-alert-system/dist/index.cjs

Alert system based on Mantine components

"use strict";var _o=Object.create;var V=Object.defineProperty;var Qo=Object.getOwnPropertyDescriptor;var Zo=Object.getOwnPropertyNames;var jo=Object.getPrototypeOf,Ko=Object.prototype.hasOwnProperty;var ro=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports),Yo=(o,e)=>{for(var a in e)V(o,a,{get:e[a],enumerable:!0})},io=(o,e,a,f)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Zo(e))!Ko.call(o,r)&&r!==a&&V(o,r,{get:()=>e[r],enumerable:!(f=Qo(e,r))||f.enumerable});return o};var w=(o,e,a)=>(a=o!=null?_o(jo(o)):{},io(e||!o||!o.__esModule?V(a,"default",{value:o,enumerable:!0}):a,o)),Jo=o=>io(V({},"__esModule",{value:!0}),o);var go=ro((we,ho)=>{"use strict";var $o="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";ho.exports=$o});var Fo=ro((Me,Bo)=>{"use strict";var oe=go();function Co(){}function So(){}So.resetWarningCache=Co;Bo.exports=function(){function o(f,r,t,n,l,s){if(s!==oe){var d=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw d.name="Invariant Violation",d}}o.isRequired=o;function e(){return o}var a={array:o,bigint:o,bool:o,func:o,number:o,object:o,string:o,symbol:o,any:o,arrayOf:e,element:o,elementType:o,instanceOf:e,node:o,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:So,resetWarningCache:Co};return a.PropTypes=a,a}});var Ao=ro((ke,Do)=>{Do.exports=Fo()();var Re,Le});var Ce={};Yo(Ce,{FALL_TRANSITION:()=>ge,RAISE_TRANSITION:()=>he,SCALE_TRANSITION:()=>ie,useAlertSeverity:()=>Ie,useAlertStack:()=>se,useAlertStackState:()=>to,useAlertSwitch:()=>de});module.exports=Jo(Ce);var X=require("@mantine/hooks"),to=({limit:o=3,initialValues:e=[]}={})=>{let{state:a,queue:f,update:r,cleanQueue:t}=(0,X.useQueue)({initialValues:e,limit:o});return[{state:a,queue:f},{show:m=>{let u=m.id||(0,X.randomId)();return r(p=>u&&p.some(D=>D.id===u)?p:[...p,{...m,id:u}]),u},update:m=>r(u=>{let p=u.findIndex(v=>v.id===m.id);if(p===-1)return u;let D=[...u];return D[p]=m,D}),hide:m=>r(u=>u.filter(p=>p.id===m?(typeof p.onClose=="function"&&p.onClose(p),!1):!0)),clean:()=>r(()=>[]),cleanQueue:t}]};var ko=require("react");function k(){return k=Object.assign?Object.assign.bind():function(o){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var f in a)Object.prototype.hasOwnProperty.call(a,f)&&(o[f]=a[f])}return o},k.apply(this,arguments)}function b(o,e){if(o==null)return{};var a={},f=Object.keys(o),r,t;for(t=0;t<f.length;t++)r=f[t],!(e.indexOf(r)>=0)&&(a[r]=o[r]);return a}function T(o,e){return T=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(f,r){return f.__proto__=r,f},T(o,e)}function A(o,e){o.prototype=Object.create(e.prototype),o.prototype.constructor=o,T(o,e)}var H=w(require("react")),E=w(require("react-dom"));var ao={disabled:!1};var Po=w(require("react")),S=Po.default.createContext(null);var Oo=function(e){return e.scrollTop};var q="unmounted",P="exited",I="entering",g="entered",R="exiting",C=function(o){A(e,o);function e(f,r){var t;t=o.call(this,f,r)||this;var n=r,l=n&&!n.isMounting?f.enter:f.appear,s;return t.appearStatus=null,f.in?l?(s=P,t.appearStatus=I):s=g:f.unmountOnExit||f.mountOnEnter?s=q:s=P,t.state={status:s},t.nextCallback=null,t}e.getDerivedStateFromProps=function(r,t){var n=r.in;return n&&t.status===q?{status:P}:null};var a=e.prototype;return a.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},a.componentDidUpdate=function(r){var t=null;if(r!==this.props){var n=this.state.status;this.props.in?n!==I&&n!==g&&(t=I):(n===I||n===g)&&(t=R)}this.updateStatus(!1,t)},a.componentWillUnmount=function(){this.cancelNextCallback()},a.getTimeouts=function(){var r=this.props.timeout,t,n,l;return t=n=l=r,r!=null&&typeof r!="number"&&(t=r.exit,n=r.enter,l=r.appear!==void 0?r.appear:n),{exit:t,enter:n,appear:l}},a.updateStatus=function(r,t){if(r===void 0&&(r=!1),t!==null)if(this.cancelNextCallback(),t===I){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:E.default.findDOMNode(this);n&&Oo(n)}this.performEnter(r)}else this.performExit();else this.props.unmountOnExit&&this.state.status===P&&this.setState({status:q})},a.performEnter=function(r){var t=this,n=this.props.enter,l=this.context?this.context.isMounting:r,s=this.props.nodeRef?[l]:[E.default.findDOMNode(this),l],d=s[0],c=s[1],x=this.getTimeouts(),m=l?x.appear:x.enter;if(!r&&!n||ao.disabled){this.safeSetState({status:g},function(){t.props.onEntered(d)});return}this.props.onEnter(d,c),this.safeSetState({status:I},function(){t.props.onEntering(d,c),t.onTransitionEnd(m,function(){t.safeSetState({status:g},function(){t.props.onEntered(d,c)})})})},a.performExit=function(){var r=this,t=this.props.exit,n=this.getTimeouts(),l=this.props.nodeRef?void 0:E.default.findDOMNode(this);if(!t||ao.disabled){this.safeSetState({status:P},function(){r.props.onExited(l)});return}this.props.onExit(l),this.safeSetState({status:R},function(){r.props.onExiting(l),r.onTransitionEnd(n.exit,function(){r.safeSetState({status:P},function(){r.props.onExited(l)})})})},a.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},a.safeSetState=function(r,t){t=this.setNextCallback(t),this.setState(r,t)},a.setNextCallback=function(r){var t=this,n=!0;return this.nextCallback=function(l){n&&(n=!1,t.nextCallback=null,r(l))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},a.onTransitionEnd=function(r,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:E.default.findDOMNode(this),l=r==null&&!this.props.addEndListener;if(!n||l){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var s=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],d=s[0],c=s[1];this.props.addEndListener(d,c)}r!=null&&setTimeout(this.nextCallback,r)},a.render=function(){var r=this.state.status;if(r===q)return null;var t=this.props,n=t.children,l=t.in,s=t.mountOnEnter,d=t.unmountOnExit,c=t.appear,x=t.enter,m=t.exit,u=t.timeout,p=t.addEndListener,D=t.onEnter,v=t.onEntering,$=t.onEntered,oo=t.onExit,eo=t.onExiting,Se=t.onExited,Be=t.nodeRef,Io=b(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return H.default.createElement(S.Provider,{value:null},typeof n=="function"?n(r,Io):H.default.cloneElement(H.default.Children.only(n),Io))},e}(H.default.Component);C.contextType=S;C.propTypes={};function M(){}C.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:M,onEntering:M,onEntered:M,onExit:M,onExiting:M,onExited:M};C.UNMOUNTED=q;C.EXITED=P;C.ENTERING=I;C.ENTERED=g;C.EXITING=R;var N=C;function fo(o){if(o===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return o}var U=w(require("react"));var h=require("react");function _(o,e){var a=function(t){return e&&(0,h.isValidElement)(t)?e(t):t},f=Object.create(null);return o&&h.Children.map(o,function(r){return r}).forEach(function(r){f[r.key]=a(r)}),f}function ee(o,e){o=o||{},e=e||{};function a(c){return c in e?e[c]:o[c]}var f=Object.create(null),r=[];for(var t in o)t in e?r.length&&(f[t]=r,r=[]):r.push(t);var n,l={};for(var s in e){if(f[s])for(n=0;n<f[s].length;n++){var d=f[s][n];l[f[s][n]]=a(d)}l[s]=a(s)}for(n=0;n<r.length;n++)l[r[n]]=a(r[n]);return l}function O(o,e,a){return a[e]!=null?a[e]:o.props[e]}function yo(o,e){return _(o.children,function(a){return(0,h.cloneElement)(a,{onExited:e.bind(null,a),in:!0,appear:O(a,"appear",o),enter:O(a,"enter",o),exit:O(a,"exit",o)})})}function vo(o,e,a){var f=_(o.children),r=ee(e,f);return Object.keys(r).forEach(function(t){var n=r[t];if((0,h.isValidElement)(n)){var l=t in e,s=t in f,d=e[t],c=(0,h.isValidElement)(d)&&!d.props.in;s&&(!l||c)?r[t]=(0,h.cloneElement)(n,{onExited:a.bind(null,n),in:!0,exit:O(n,"exit",o),enter:O(n,"enter",o)}):!s&&l&&!c?r[t]=(0,h.cloneElement)(n,{in:!1}):s&&l&&(0,h.isValidElement)(d)&&(r[t]=(0,h.cloneElement)(n,{onExited:a.bind(null,n),in:d.props.in,exit:O(n,"exit",o),enter:O(n,"enter",o)}))}}),r}var re=Object.values||function(o){return Object.keys(o).map(function(e){return o[e]})},te={component:"div",childFactory:function(e){return e}},no=function(o){A(e,o);function e(f,r){var t;t=o.call(this,f,r)||this;var n=t.handleExited.bind(fo(t));return t.state={contextValue:{isMounting:!0},handleExited:n,firstRender:!0},t}var a=e.prototype;return a.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},a.componentWillUnmount=function(){this.mounted=!1},e.getDerivedStateFromProps=function(r,t){var n=t.children,l=t.handleExited,s=t.firstRender;return{children:s?yo(r,l):vo(r,n,l),firstRender:!1}},a.handleExited=function(r,t){var n=_(this.props.children);r.key in n||(r.props.onExited&&r.props.onExited(t),this.mounted&&this.setState(function(l){var s=k({},l.children);return delete s[r.key],{children:s}}))},a.render=function(){var r=this.props,t=r.component,n=r.childFactory,l=b(r,["component","childFactory"]),s=this.state.contextValue,d=re(this.state.children).map(n);return delete l.appear,delete l.enter,delete l.exit,t===null?U.default.createElement(S.Provider,{value:s},d):U.default.createElement(S.Provider,{value:s},U.default.createElement(t,l,d))},e}(U.default.Component);no.propTypes={};no.defaultProps=te;var lo=no;var i=w(require("react"));var Q,Z;function ae(o,e){return!(o===e||i.default.isValidElement(o)&&i.default.isValidElement(e)&&o.key!=null&&o.key===e.key)}var L={out:"out-in",in:"in-out"},j=function(e,a,f){return function(){var r;e.props[a]&&(r=e.props)[a].apply(r,arguments),f()}},fe=(Q={},Q[L.out]=function(o){var e=o.current,a=o.changeState;return i.default.cloneElement(e,{in:!1,onExited:j(e,"onExited",function(){a(I,null)})})},Q[L.in]=function(o){var e=o.current,a=o.changeState,f=o.children;return[e,i.default.cloneElement(f,{in:!0,onEntered:j(f,"onEntered",function(){a(I)})})]},Q),ne=(Z={},Z[L.out]=function(o){var e=o.children,a=o.changeState;return i.default.cloneElement(e,{in:!0,onEntered:j(e,"onEntered",function(){a(g,i.default.cloneElement(e,{in:!0}))})})},Z[L.in]=function(o){var e=o.current,a=o.children,f=o.changeState;return[i.default.cloneElement(e,{in:!1,onExited:j(e,"onExited",function(){f(g,i.default.cloneElement(a,{in:!0}))})}),i.default.cloneElement(a,{in:!0})]},Z),so=function(o){A(e,o);function e(){for(var f,r=arguments.length,t=new Array(r),n=0;n<r;n++)t[n]=arguments[n];return f=o.call.apply(o,[this].concat(t))||this,f.state={status:g,current:null},f.appeared=!1,f.changeState=function(l,s){s===void 0&&(s=f.state.current),f.setState({status:l,current:s})},f}var a=e.prototype;return a.componentDidMount=function(){this.appeared=!0},e.getDerivedStateFromProps=function(r,t){return r.children==null?{current:null}:t.status===I&&r.mode===L.in?{status:I}:t.current&&ae(t.current,r.children)?{status:R}:{current:i.default.cloneElement(r.children,{in:!0})}},a.render=function(){var r=this.props,t=r.children,n=r.mode,l=this.state,s=l.status,d=l.current,c={children:t,current:d,changeState:this.changeState,status:s},x;switch(s){case I:x=ne[n](c);break;case R:x=fe[n](c);break;case g:x=d}return i.default.createElement(S.Provider,{value:{isMounting:!this.appeared}},x)},e}(i.default.Component);so.propTypes={};so.defaultProps={mode:L.out};var co=so;var W=require("react"),Ro=require("@mantine/core");var wo=require("@mantine/core"),le=()=>({}),Mo=(0,wo.createStyles)((o,e)=>{let{transition:a=le,transitionDuration:f=300,transitionStatus:r,inline:t}=e;return{root:{transition:`all ${f}ms ease-in-out`,opacity:r==="entered"?1:0,...a(r)},wrapper:{alignItems:t?"center":void 0},body:{display:t?"flex":void 0,alignItems:t?"center":void 0},title:{marginBottom:t?0:void 0,paddingRight:t?"1rem":void 0},icon:{marginRight:t?".5rem":void 0}}});var Lo=require("react/jsx-runtime"),K=({id:o,nodeRef:e,className:a,inline:f=!1,sticky:r=!1,closeButton:t=!0,closeTimeout:n=3e3,children:l,onHide:s,onOpen:d,onClose:c,transition:x,transitionDuration:m,transitionStatus:u,...p})=>{let{classes:D}=Mo({transition:x,transitionDuration:m,transitionStatus:u,inline:f}),v=(0,W.useRef)(),$=()=>{s(),clearTimeout(v.current)},oo=()=>{clearTimeout(v.current)},eo=()=>{!r&&typeof n=="number"&&(v.current=setTimeout($,n))};return(0,W.useEffect)(()=>{typeof d=="function"&&d({id:o,closeTimeout:n,children:l,onOpen:d,onClose:c,...p})},[]),(0,W.useEffect)(()=>(eo(),oo),[n]),(0,Lo.jsx)(Ro.Alert,{...p,onClose:$,withCloseButton:!r&&t,onMouseEnter:oo,onMouseLeave:eo,classNames:D,ref:e,children:l})};var Y=require("react/jsx-runtime"),bo=({state:o,actions:e,spacing:a="xs",transition:f,transitionDuration:r=300})=>{let t=(0,ko.useRef)({});return(0,Y.jsx)(lo,{component:null,children:o.map(n=>(0,Y.jsx)(N,{timeout:r,nodeRef:{current:t.current[n.id]},unmountOnExit:!0,children:l=>(0,Y.jsx)(K,{...n,onHide:()=>e.hide(n.id),nodeRef:s=>{t.current[n.id]=s},transition:f,transitionDuration:r,transitionStatus:l,my:a})},n.id))})};var To=require("react/jsx-runtime"),se=({limit:o,spacing:e,transition:a,transitionDuration:f,initialValues:r}={})=>{let[{state:t},n]=to({limit:o,initialValues:r});return[(0,To.jsx)(bo,{state:t,actions:n,transition:a,transitionDuration:f,spacing:e}),n]};var qo=require("react"),No=require("@mantine/hooks");var Ho=require("react");var y=require("react/jsx-runtime"),Eo=({data:o,onHide:e,switchMode:a,transition:f,transitionDuration:r=300})=>{let t=o?.id||"empty",n=(0,Ho.useRef)({});return(0,y.jsx)(co,{mode:a,children:(0,y.jsx)(N,{timeout:r,nodeRef:{current:n.current[t]},unmountOnExit:!0,children:l=>o?(0,y.jsx)(K,{...o,id:t,onHide:e,nodeRef:s=>{n.current[t]=s},transition:f,transitionDuration:r,transitionStatus:l}):(0,y.jsx)(y.Fragment,{})},t)})};var Uo=require("react/jsx-runtime"),de=({switchMode:o,transition:e,transitionDuration:a}={})=>{let[f,r]=(0,qo.useState)(null),t=d=>{let c=d.id||(0,No.randomId)();return r({...d,id:c}),c},n=()=>r(null);return[(0,Uo.jsx)(Eo,{data:f,onHide:n,switchMode:o,transition:e,transitionDuration:a}),{show:t,hide:n}]};var G=require("react"),B=w(Ao());var Wo={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};var ce=Object.defineProperty,ue=Object.defineProperties,pe=Object.getOwnPropertyDescriptors,J=Object.getOwnPropertySymbols,Vo=Object.prototype.hasOwnProperty,Xo=Object.prototype.propertyIsEnumerable,Go=(o,e,a)=>e in o?ce(o,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):o[e]=a,zo=(o,e)=>{for(var a in e||(e={}))Vo.call(e,a)&&Go(o,a,e[a]);if(J)for(var a of J(e))Xo.call(e,a)&&Go(o,a,e[a]);return o},me=(o,e)=>ue(o,pe(e)),xe=(o,e)=>{var a={};for(var f in o)Vo.call(o,f)&&e.indexOf(f)<0&&(a[f]=o[f]);if(o!=null&&J)for(var f of J(o))e.indexOf(f)<0&&Xo.call(o,f)&&(a[f]=o[f]);return a},F=(o,e,a)=>{let f=(0,G.forwardRef)((r,t)=>{var n=r,{color:l="currentColor",size:s=24,stroke:d=2,children:c}=n,x=xe(n,["color","size","stroke","children"]);return(0,G.createElement)("svg",zo(me(zo({ref:t},Wo),{width:s,height:s,stroke:l,strokeWidth:d,className:`tabler-icon tabler-icon-${o}`}),x),[...a.map(([m,u])=>(0,G.createElement)(m,u)),...c||[]])});return f.propTypes={color:B.default.string,size:B.default.oneOfType([B.default.string,B.default.number]),stroke:B.default.oneOfType([B.default.string,B.default.number])},f.displayName=`${e}`,f};var uo=F("alert-triangle","IconAlertTriangle",[["path",{d:"M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z",key:"svg-0"}],["path",{d:"M12 9v4",key:"svg-1"}],["path",{d:"M12 17h.01",key:"svg-2"}]]);var po=F("check","IconCheck",[["path",{d:"M5 12l5 5l10 -10",key:"svg-0"}]]);var mo=F("info-circle","IconInfoCircle",[["path",{d:"M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0",key:"svg-0"}],["path",{d:"M12 9h.01",key:"svg-1"}],["path",{d:"M11 12h1v4h1",key:"svg-2"}]]);var xo=F("x","IconX",[["path",{d:"M18 6l-12 12",key:"svg-0"}],["path",{d:"M6 6l12 12",key:"svg-1"}]]);var z=require("react/jsx-runtime"),Ie=(o,e={})=>{let{iconSize:a="1.1rem"}=e;return{success:l=>o({...{color:"green",title:"Success",icon:(0,z.jsx)(po,{size:a})},...l}),info:l=>o({...{color:"blue",title:"Info",icon:(0,z.jsx)(mo,{size:a})},...l}),warning:l=>o({...{color:"yellow",title:"Warning",icon:(0,z.jsx)(uo,{size:a})},...l}),error:l=>o({...{color:"red",title:"Error",icon:(0,z.jsx)(xo,{size:a})},...l})}};var ie=o=>({transform:`scaleY(${o==="entered"?1:0})`}),he=o=>({transform:`translateY(${o==="entered"?0:5}px)`}),ge=o=>({transform:`translateY(${o==="entered"?0:-5}px)`});
//# sourceMappingURL=index.cjs.map