react-global-loading/dist/index.js

Global loading screen for React

"use strict";var v=Object.create;var a=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var z=(e,o)=>{for(var r in o)a(e,r,{get:o[r],enumerable:!0})},g=(e,o,r,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of k(o))!w.call(e,t)&&t!==r&&a(e,t,{get:()=>o[t],enumerable:!(l=L(o,t))||l.enumerable});return e};var P=(e,o,r)=>(r=e!=null?v($(e)):{},g(o||!e||!e.__esModule?a(r,"default",{value:e,enumerable:!0}):r,e)),E=e=>g(a({},"__esModule",{value:!0}),e);var W={};z(W,{GlobalLoading:()=>G,globalLoading:()=>F,hide:()=>c,show:()=>p,showLoading:()=>i});module.exports=E(W);var n=P(require("react")),i=()=>{},p=()=>{i&&i(!0)},c=()=>{i&&i(!1)},F={show:p,hide:c},G=e=>{let{children:o,WrapperComponent:r,loadingSize:l=70,loadingColor:t="#eee",loadingBackgroundColor:s="#000",loadingSpeed:b=1,loadingThickness:u=7,backgroundColor:f="rgba(0, 0, 0, 0.6)",zIndex:m=999,blur:h=0,...C}=e||{},[x,y]=(0,n.useState)(!1);(0,n.useEffect)(()=>{i=y},[]);let d=()=>n.default.createElement(n.default.Fragment,null,n.default.createElement("style",null,`
            @keyframes spin {
                 0% { transform: rotate(0deg); }
                 100% { transform: rotate(360deg); }
            }
        `),n.default.createElement("div",{style:{position:"relative",animation:`spin ${b}s linear infinite`}},n.default.createElement("div",{style:{width:l,height:l,borderRadius:"50%",border:`${u}px solid`,borderColor:`${t} ${s} ${s} ${s}`}}))),S={...I,zIndex:m,backgroundColor:f,backdropFilter:`blur(${h}px)`};return x?r?n.default.createElement(r,{...C},o||d()):n.default.createElement("div",{style:S},o||d()):null},I={position:"fixed",top:0,left:0,right:0,bottom:0,width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center"};0&&(module.exports={GlobalLoading,globalLoading,hide,show,showLoading});
//# sourceMappingURL=index.js.map