@meksiabdou/alert-reactjs
Version:
Alert for reactjs
3 lines (2 loc) • 5.58 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e;function r(){return(r=Object.assign?Object.assign.bind():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}).apply(this,arguments)}function o(e){return t.createElement("svg",Object.assign({viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{d:"M15.191 19.749a.997.997 0 01-.707-.293l-2.5-2.5a1 1 0 111.413-1.415l1.794 1.794 4.792-4.791a1 1 0 111.414 1.414l-5.499 5.498a.997.997 0 01-.707.293z"}),t.createElement("path",{d:"M16 29C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13zm0-24C9.935 5 5 9.935 5 16s4.935 11 11 11 11-4.935 11-11S22.065 5 16 5z"}))}function a(e){return t.createElement("svg",Object.assign({viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("g",{"data-name":1},t.createElement("path",{d:"M257 461.46c-114 0-206.73-92.74-206.73-206.73S143 48 257 48s206.73 92.74 206.73 206.73S371 461.46 257 461.46zM257 78c-97.45 0-176.73 79.28-176.73 176.73S159.55 431.46 257 431.46s176.73-79.28 176.73-176.73S354.45 78 257 78z"}),t.createElement("path",{d:"M342.92 358a15 15 0 01-10.61-4.39L160.47 181.76a15 15 0 1121.21-21.21L353.53 332.4a15 15 0 01-10.61 25.6z"}),t.createElement("path",{d:"M171.07 358a15 15 0 01-10.6-25.6l171.84-171.85a15 15 0 0121.22 21.21L181.68 353.61a15 15 0 01-10.61 4.39z"})))}function l(e){return t.createElement("svg",Object.assign({viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("g",{"data-name":"Layer 58",id:"warning_svg__Layer_58"},t.createElement("path",{className:"warning_svg__cls-1",d:"M16 26a2 2 0 112-2 2 2 0 01-2 2zm0-2zM16 20a1 1 0 01-1-1v-8a1 1 0 012 0v8a1 1 0 01-1 1z"}),t.createElement("path",{className:"warning_svg__cls-1",d:"M27.78 30H4.22a3.19 3.19 0 01-2.77-1.57 3.13 3.13 0 01-.06-3.13L13.17 3.67a3.23 3.23 0 015.66 0L30.61 25.3a3.13 3.13 0 01-.06 3.13A3.19 3.19 0 0127.78 30zM16 4a1.18 1.18 0 00-1.07.63L3.15 26.25a1.12 1.12 0 000 1.16 1.19 1.19 0 001 .59h23.63a1.19 1.19 0 001-.59 1.12 1.12 0 000-1.16L17.07 4.63A1.18 1.18 0 0016 4z"})))}var c={height:26,width:26},s={display:"flex",alignItems:"center",justifyContent:"flex-start"},i={margin:0,fontSize:"14px"},u={success:{icon:{fill:"rgb(4 108 78)"},closeIcon:{color:"rgb(4 108 78)"},text:{color:"rgb(4 108 78)"},alert:{backgroundColor:"rgb(222 247 236)"}},info:{icon:{fill:"rgb(26 86 219)"},closeIcon:{color:"rgb(26 86 219)"},text:{color:"rgb(26 86 219)"},alert:{backgroundColor:"rgb(225 239 254)"}},error:{icon:{fill:"rgb(200 30 30)"},closeIcon:{color:"rgb(200 30 30)"},text:{color:"rgb(200 30 30)"},alert:{backgroundColor:"rgb(253 232 232)"}},warning:{icon:{fill:"rgb(142 75 16)"},closeIcon:{color:"rgb(142 75 16)"},text:{color:"rgb(142 75 16)"},alert:{backgroundColor:"rgb(253 246 178)"}},dark:{icon:{fill:"#fff"},closeIcon:{color:"#fff"},text:{color:"#fff"},alert:{backgroundColor:"#2c2c2c"}}},f={success:{render:function(e){return n.createElement(o,{style:e})}},error:{render:function(e){return n.createElement(a,{style:e})}},warning:{render:function(e){return n.createElement(l,{style:e})}},info:{render:function(e){return n.createElement(l,{style:e})}},dark:{render:function(){return null}}},d=function(e,t){return e&&null!=t&&t[e]?t[e]:!e&&null!=t&&t.success?t.success:{}},m=function(e){var o=e.className,a=e.alertStyle,l=e.show,m=e.message,g=e.onHide,p=e.type,b=e.transitionTime,v=e.customIcon,y=t.useState(!1),E=y[0],w=y[1],x=t.useState(.6),h=x[0],S=x[1],z=t.useRef(null),j=d(p,u),M=t.useState(j),_=M[0],C=M[1],I=t.useState(d(p,f)),k=I[0],O=I[1],L="number"==typeof b?b:250,N={display:"flex",alignItems:"center",justifyContent:"space-between",position:"relative",padding:"0.4rem 0.6rem",marginBottom:"0.5rem",border:"1px solid transparent",borderRadius:".25rem",transition:L+"ms all",opacity:0},T={display:"inline-block",fontWeight:700,lineHeight:1,textAlign:"center",textDecoration:"none",verticalAlign:"middle",cursor:"pointer",userSelect:"none",backgroundColor:"transparent",border:"1px solid transparent",padding:".375rem",fontSize:"1.5em",opacity:h,textShadow:"none",fontFamily:"initial"};t.useEffect((function(){C(d(p,u)),O(d(p,f))}),[p]),t.useEffect((function(){a&&p&&a[p]&&C(a[p])}),[a]),t.useEffect((function(){var e=null;return E&&(e=setTimeout((function(){z.current&&(z.current.style.opacity="1")}),L)),function(){return clearTimeout(e)}}),[E]),t.useEffect((function(){l&&w(!0)}),[l]),t.useEffect((function(){var e=null;return l||(e=A()),function(){return clearTimeout(e)}}),[l]);var A=function(){return z.current&&(z.current.style.opacity="0"),setTimeout((function(){w(!1),g&&g()}),L)};return E?n.createElement("div",{ref:z,style:r({},N,j.alert,null==_?void 0:_.alert),className:("alert-reactjs "+(o||"")).trim()},n.createElement("div",{style:s,className:"alert-reactjs-body"},n.createElement("button",{onMouseOver:function(){return S(1)},onMouseOut:function(){return S(.6)},style:r({},T,j.closeIcon,_.closeIcon),onClick:A,type:"button"},"×"),n.createElement("p",{style:r({},i,j.text,null==_?void 0:_.text)},(t.isValidElement(m),m))),n.createElement("div",{className:"alert-reactjs-icon"},t.isValidElement(v)?v:null==k||null==k.render?void 0:k.render(r({},c,j.icon,null==_?void 0:_.icon)))):null};m.defaultProps={className:void 0,show:!1,message:void 0,type:"success",customIcon:void 0,alertStyle:void 0,transitionTime:250},exports.default=m;
//# sourceMappingURL=alert-reactjs.cjs.production.min.js.map