@ronchalant/react-loading-overlay
Version:
Loading overlays with fade, spinner, message support. Updated for compatibility with React 17. Forked from https://github.com/derrickpelletier/react-loading-overlay - which does not appear to be maintained at this point.
1 lines • 31.8 kB
JavaScript
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("ReactDOM")):"function"==typeof define&&define.amd?define(["react","ReactDOM"],t):"object"==typeof exports?exports.LoadingOverlay=t(require("react"),require("ReactDOM")):e.LoadingOverlay=t(e.React,e.ReactDOM)}(window,(function(e,t){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)r.d(n,a,function(t){return e[t]}.bind(null,a));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=6)}([function(t,r){t.exports=e},function(e,t,r){e.exports=r(4)()},function(e,r){e.exports=t},,function(e,t,r){"use strict";var n=r(5);function a(){}function i(){}i.resetWarningCache=a,e.exports=function(){function e(e,t,r,a,i,o){if(o!==n){var s=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 s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:a};return r.PropTypes=r,r}},function(e,t,r){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,r){"use strict";r.r(t);var n=r(0),a=r.n(n),i=r(1),o=r.n(i);function s(){return(s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function c(e,t){if(null==e)return{};var r,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function l(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,u(e,t)}function f(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var p=r(2),d=r.n(p),h=!1,b=a.a.createContext(null),m=function(e){function t(t,r){var n;n=e.call(this,t,r)||this;var a,i=r&&!r.isMounting?t.enter:t.appear;return n.appearStatus=null,t.in?i?(a="exited",n.appearStatus="entering"):a="entered":a=t.unmountOnExit||t.mountOnEnter?"unmounted":"exited",n.state={status:a},n.nextCallback=null,n}l(t,e),t.getDerivedStateFromProps=function(e,t){return e.in&&"unmounted"===t.status?{status:"exited"}:null};var r=t.prototype;return r.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},r.componentDidUpdate=function(e){var t=null;if(e!==this.props){var r=this.state.status;this.props.in?"entering"!==r&&"entered"!==r&&(t="entering"):"entering"!==r&&"entered"!==r||(t="exiting")}this.updateStatus(!1,t)},r.componentWillUnmount=function(){this.cancelNextCallback()},r.getTimeouts=function(){var e,t,r,n=this.props.timeout;return e=t=r=n,null!=n&&"number"!=typeof n&&(e=n.exit,t=n.enter,r=void 0!==n.appear?n.appear:t),{exit:e,enter:t,appear:r}},r.updateStatus=function(e,t){void 0===e&&(e=!1),null!==t?(this.cancelNextCallback(),"entering"===t?this.performEnter(e):this.performExit()):this.props.unmountOnExit&&"exited"===this.state.status&&this.setState({status:"unmounted"})},r.performEnter=function(e){var t=this,r=this.props.enter,n=this.context?this.context.isMounting:e,a=this.props.nodeRef?[n]:[d.a.findDOMNode(this),n],i=a[0],o=a[1],s=this.getTimeouts(),c=n?s.appear:s.enter;!e&&!r||h?this.safeSetState({status:"entered"},(function(){t.props.onEntered(i)})):(this.props.onEnter(i,o),this.safeSetState({status:"entering"},(function(){t.props.onEntering(i,o),t.onTransitionEnd(c,(function(){t.safeSetState({status:"entered"},(function(){t.props.onEntered(i,o)}))}))})))},r.performExit=function(){var e=this,t=this.props.exit,r=this.getTimeouts(),n=this.props.nodeRef?void 0:d.a.findDOMNode(this);t&&!h?(this.props.onExit(n),this.safeSetState({status:"exiting"},(function(){e.props.onExiting(n),e.onTransitionEnd(r.exit,(function(){e.safeSetState({status:"exited"},(function(){e.props.onExited(n)}))}))}))):this.safeSetState({status:"exited"},(function(){e.props.onExited(n)}))},r.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},r.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},r.setNextCallback=function(e){var t=this,r=!0;return this.nextCallback=function(n){r&&(r=!1,t.nextCallback=null,e(n))},this.nextCallback.cancel=function(){r=!1},this.nextCallback},r.onTransitionEnd=function(e,t){this.setNextCallback(t);var r=this.props.nodeRef?this.props.nodeRef.current:d.a.findDOMNode(this),n=null==e&&!this.props.addEndListener;if(r&&!n){if(this.props.addEndListener){var a=this.props.nodeRef?[this.nextCallback]:[r,this.nextCallback],i=a[0],o=a[1];this.props.addEndListener(i,o)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},r.render=function(){var e=this.state.status;if("unmounted"===e)return null;var t=this.props,r=t.children,n=(t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef,c(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return a.a.createElement(b.Provider,{value:null},"function"==typeof r?r(e,n):a.a.cloneElement(a.a.Children.only(r),n))},t}(a.a.Component);function v(){}m.contextType=b,m.propTypes={},m.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:v,onEntering:v,onEntered:v,onExit:v,onExiting:v,onExited:v},m.UNMOUNTED="unmounted",m.EXITED="exited",m.ENTERING="entering",m.ENTERED="entered",m.EXITING="exiting";var y=m,g=function(e,t){return e&&t&&t.split(" ").forEach((function(t){return n=t,void((r=e).classList?r.classList.remove(n):"string"==typeof r.className?r.className=f(r.className,n):r.setAttribute("class",f(r.className&&r.className.baseVal||"",n)));var r,n}))},x=function(e){function t(){for(var t,r=arguments.length,n=new Array(r),a=0;a<r;a++)n[a]=arguments[a];return(t=e.call.apply(e,[this].concat(n))||this).appliedClasses={appear:{},enter:{},exit:{}},t.onEnter=function(e,r){var n=t.resolveArguments(e,r),a=n[0],i=n[1];t.removeClasses(a,"exit"),t.addClass(a,i?"appear":"enter","base"),t.props.onEnter&&t.props.onEnter(e,r)},t.onEntering=function(e,r){var n=t.resolveArguments(e,r),a=n[0],i=n[1]?"appear":"enter";t.addClass(a,i,"active"),t.props.onEntering&&t.props.onEntering(e,r)},t.onEntered=function(e,r){var n=t.resolveArguments(e,r),a=n[0],i=n[1]?"appear":"enter";t.removeClasses(a,i),t.addClass(a,i,"done"),t.props.onEntered&&t.props.onEntered(e,r)},t.onExit=function(e){var r=t.resolveArguments(e)[0];t.removeClasses(r,"appear"),t.removeClasses(r,"enter"),t.addClass(r,"exit","base"),t.props.onExit&&t.props.onExit(e)},t.onExiting=function(e){var r=t.resolveArguments(e)[0];t.addClass(r,"exit","active"),t.props.onExiting&&t.props.onExiting(e)},t.onExited=function(e){var r=t.resolveArguments(e)[0];t.removeClasses(r,"exit"),t.addClass(r,"exit","done"),t.props.onExited&&t.props.onExited(e)},t.resolveArguments=function(e,r){return t.props.nodeRef?[t.props.nodeRef.current,e]:[e,r]},t.getClassNames=function(e){var r=t.props.classNames,n="string"==typeof r,a=n?""+(n&&r?r+"-":"")+e:r[e];return{baseClassName:a,activeClassName:n?a+"-active":r[e+"Active"],doneClassName:n?a+"-done":r[e+"Done"]}},t}l(t,e);var r=t.prototype;return r.addClass=function(e,t,r){var n=this.getClassNames(t)[r+"ClassName"],a=this.getClassNames("enter").doneClassName;"appear"===t&&"done"===r&&a&&(n+=" "+a),"active"===r&&e&&e.scrollTop,n&&(this.appliedClasses[t][r]=n,function(e,t){e&&t&&t.split(" ").forEach((function(t){return n=t,void((r=e).classList?r.classList.add(n):function(e,t){return e.classList?!!t&&e.classList.contains(t):-1!==(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+t+" ")}(r,n)||("string"==typeof r.className?r.className=r.className+" "+n:r.setAttribute("class",(r.className&&r.className.baseVal||"")+" "+n)));var r,n}))}(e,n))},r.removeClasses=function(e,t){var r=this.appliedClasses[t],n=r.base,a=r.active,i=r.done;this.appliedClasses[t]={},n&&g(e,n),a&&g(e,a),i&&g(e,i)},r.render=function(){var e=this.props,t=(e.classNames,c(e,["classNames"]));return a.a.createElement(y,s({},t,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t}(a.a.Component);x.defaultProps={classNames:""},x.propTypes={};var k=x;var w=function(){function e(e){this.isSpeedy=void 0===e.speedy||e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.before=null}var t=e.prototype;return t.insert=function(e){if(this.ctr%(this.isSpeedy?65e3:1)==0){var t,r=function(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t}(this);t=0===this.tags.length?this.before:this.tags[this.tags.length-1].nextSibling,this.container.insertBefore(r,t),this.tags.push(r)}var n=this.tags[this.tags.length-1];if(this.isSpeedy){var a=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(n);try{var i=105===e.charCodeAt(1)&&64===e.charCodeAt(0);a.insertRule(e,i?0:a.cssRules.length)}catch(e){0}}else n.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach((function(e){return e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0},e}();var C=function(e){function t(e,t,n){var a=t.trim().split(h);t=a;var i=a.length,o=e.length;switch(o){case 0:case 1:var s=0;for(e=0===o?"":e[0]+" ";s<i;++s)t[s]=r(e,t[s],n).trim();break;default:var c=s=0;for(t=[];s<i;++s)for(var u=0;u<o;++u)t[c++]=r(e[u]+" ",a[s],n).trim()}return t}function r(e,t,r){var n=t.charCodeAt(0);switch(33>n&&(n=(t=t.trim()).charCodeAt(0)),n){case 38:return t.replace(b,"$1"+e.trim());case 58:return e.trim()+t.replace(b,"$1"+e.trim());default:if(0<1*r&&0<t.indexOf("\f"))return t.replace(b,(58===e.charCodeAt(0)?"":"$1")+e.trim())}return e+t}function n(e,t,r,i){var o=e+";",s=2*t+3*r+4*i;if(944===s){e=o.indexOf(":",9)+1;var c=o.substring(e,o.length-1).trim();return c=o.substring(0,e).trim()+c+";",1===N||2===N&&a(c,1)?"-webkit-"+c+c:c}if(0===N||2===N&&!a(o,1))return o;switch(s){case 1015:return 97===o.charCodeAt(10)?"-webkit-"+o+o:o;case 951:return 116===o.charCodeAt(3)?"-webkit-"+o+o:o;case 963:return 110===o.charCodeAt(5)?"-webkit-"+o+o:o;case 1009:if(100!==o.charCodeAt(4))break;case 969:case 942:return"-webkit-"+o+o;case 978:return"-webkit-"+o+"-moz-"+o+o;case 1019:case 983:return"-webkit-"+o+"-moz-"+o+"-ms-"+o+o;case 883:if(45===o.charCodeAt(8))return"-webkit-"+o+o;if(0<o.indexOf("image-set(",11))return o.replace(O,"$1-webkit-$2")+o;break;case 932:if(45===o.charCodeAt(4))switch(o.charCodeAt(5)){case 103:return"-webkit-box-"+o.replace("-grow","")+"-webkit-"+o+"-ms-"+o.replace("grow","positive")+o;case 115:return"-webkit-"+o+"-ms-"+o.replace("shrink","negative")+o;case 98:return"-webkit-"+o+"-ms-"+o.replace("basis","preferred-size")+o}return"-webkit-"+o+"-ms-"+o+o;case 964:return"-webkit-"+o+"-ms-flex-"+o+o;case 1023:if(99!==o.charCodeAt(8))break;return"-webkit-box-pack"+(c=o.substring(o.indexOf(":",15)).replace("flex-","").replace("space-between","justify"))+"-webkit-"+o+"-ms-flex-pack"+c+o;case 1005:return p.test(o)?o.replace(f,":-webkit-")+o.replace(f,":-moz-")+o:o;case 1e3:switch(t=(c=o.substring(13).trim()).indexOf("-")+1,c.charCodeAt(0)+c.charCodeAt(t)){case 226:c=o.replace(g,"tb");break;case 232:c=o.replace(g,"tb-rl");break;case 220:c=o.replace(g,"lr");break;default:return o}return"-webkit-"+o+"-ms-"+c+o;case 1017:if(-1===o.indexOf("sticky",9))break;case 975:switch(t=(o=e).length-10,s=(c=(33===o.charCodeAt(t)?o.substring(0,t):o).substring(e.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|c.charCodeAt(7))){case 203:if(111>c.charCodeAt(8))break;case 115:o=o.replace(c,"-webkit-"+c)+";"+o;break;case 207:case 102:o=o.replace(c,"-webkit-"+(102<s?"inline-":"")+"box")+";"+o.replace(c,"-webkit-"+c)+";"+o.replace(c,"-ms-"+c+"box")+";"+o}return o+";";case 938:if(45===o.charCodeAt(5))switch(o.charCodeAt(6)){case 105:return c=o.replace("-items",""),"-webkit-"+o+"-webkit-box-"+c+"-ms-flex-"+c+o;case 115:return"-webkit-"+o+"-ms-flex-item-"+o.replace(w,"")+o;default:return"-webkit-"+o+"-ms-flex-line-pack"+o.replace("align-content","").replace(w,"")+o}break;case 973:case 989:if(45!==o.charCodeAt(3)||122===o.charCodeAt(4))break;case 931:case 953:if(!0===E.test(e))return 115===(c=e.substring(e.indexOf(":")+1)).charCodeAt(0)?n(e.replace("stretch","fill-available"),t,r,i).replace(":fill-available",":stretch"):o.replace(c,"-webkit-"+c)+o.replace(c,"-moz-"+c.replace("fill-",""))+o;break;case 962:if(o="-webkit-"+o+(102===o.charCodeAt(5)?"-ms-"+o:"")+o,211===r+i&&105===o.charCodeAt(13)&&0<o.indexOf("transform",10))return o.substring(0,o.indexOf(";",27)+1).replace(d,"$1-webkit-$2")+o}return o}function a(e,t){var r=e.indexOf(1===t?":":"{"),n=e.substring(0,3!==t?r:10);return r=e.substring(r+1,e.length-1),_(2!==t?n:n.replace(C,"$1"),r,t)}function i(e,t){var r=n(t,t.charCodeAt(0),t.charCodeAt(1),t.charCodeAt(2));return r!==t+";"?r.replace(k," or ($1)").substring(4):"("+t+")"}function o(e,t,r,n,a,i,o,s,u,l){for(var f,p=0,d=t;p<T;++p)switch(f=P[p].call(c,e,d,r,n,a,i,o,s,u,l)){case void 0:case!1:case!0:case null:break;default:d=f}if(d!==t)return d}function s(e){return void 0!==(e=e.prefix)&&(_=null,e?"function"!=typeof e?N=1:(N=2,_=e):N=0),s}function c(e,r){var s=e;if(33>s.charCodeAt(0)&&(s=s.trim()),s=[s],0<T){var c=o(-1,r,s,s,S,A,0,0,0,0);void 0!==c&&"string"==typeof c&&(r=c)}var f=function e(r,s,c,f,p){for(var d,h,b,g,k,w=0,C=0,E=0,O=0,P=0,_=0,M=b=d=0,$=0,I=0,L=0,z=0,G=c.length,F=G-1,W="",q="",U="",B="";$<G;){if(h=c.charCodeAt($),$===F&&0!==C+O+E+w&&(0!==C&&(h=47===C?10:47),O=E=w=0,G++,F++),0===C+O+E+w){if($===F&&(0<I&&(W=W.replace(l,"")),0<W.trim().length)){switch(h){case 32:case 9:case 59:case 13:case 10:break;default:W+=c.charAt($)}h=59}switch(h){case 123:for(d=(W=W.trim()).charCodeAt(0),b=1,z=++$;$<G;){switch(h=c.charCodeAt($)){case 123:b++;break;case 125:b--;break;case 47:switch(h=c.charCodeAt($+1)){case 42:case 47:e:{for(M=$+1;M<F;++M)switch(c.charCodeAt(M)){case 47:if(42===h&&42===c.charCodeAt(M-1)&&$+2!==M){$=M+1;break e}break;case 10:if(47===h){$=M+1;break e}}$=M}}break;case 91:h++;case 40:h++;case 34:case 39:for(;$++<F&&c.charCodeAt($)!==h;);}if(0===b)break;$++}switch(b=c.substring(z,$),0===d&&(d=(W=W.replace(u,"").trim()).charCodeAt(0)),d){case 64:switch(0<I&&(W=W.replace(l,"")),h=W.charCodeAt(1)){case 100:case 109:case 115:case 45:I=s;break;default:I=R}if(z=(b=e(s,I,b,h,p+1)).length,0<T&&(k=o(3,b,I=t(R,W,L),s,S,A,z,h,p,f),W=I.join(""),void 0!==k&&0===(z=(b=k.trim()).length)&&(h=0,b="")),0<z)switch(h){case 115:W=W.replace(x,i);case 100:case 109:case 45:b=W+"{"+b+"}";break;case 107:b=(W=W.replace(m,"$1 $2"))+"{"+b+"}",b=1===N||2===N&&a("@"+b,3)?"@-webkit-"+b+"@"+b:"@"+b;break;default:b=W+b,112===f&&(q+=b,b="")}else b="";break;default:b=e(s,t(s,W,L),b,f,p+1)}U+=b,b=L=I=M=d=0,W="",h=c.charCodeAt(++$);break;case 125:case 59:if(1<(z=(W=(0<I?W.replace(l,""):W).trim()).length))switch(0===M&&(d=W.charCodeAt(0),45===d||96<d&&123>d)&&(z=(W=W.replace(" ",":")).length),0<T&&void 0!==(k=o(1,W,s,r,S,A,q.length,f,p,f))&&0===(z=(W=k.trim()).length)&&(W="\0\0"),d=W.charCodeAt(0),h=W.charCodeAt(1),d){case 0:break;case 64:if(105===h||99===h){B+=W+c.charAt($);break}default:58!==W.charCodeAt(z-1)&&(q+=n(W,d,h,W.charCodeAt(2)))}L=I=M=d=0,W="",h=c.charCodeAt(++$)}}switch(h){case 13:case 10:47===C?C=0:0===1+d&&107!==f&&0<W.length&&(I=1,W+="\0"),0<T*D&&o(0,W,s,r,S,A,q.length,f,p,f),A=1,S++;break;case 59:case 125:if(0===C+O+E+w){A++;break}default:switch(A++,g=c.charAt($),h){case 9:case 32:if(0===O+w+C)switch(P){case 44:case 58:case 9:case 32:g="";break;default:32!==h&&(g=" ")}break;case 0:g="\\0";break;case 12:g="\\f";break;case 11:g="\\v";break;case 38:0===O+C+w&&(I=L=1,g="\f"+g);break;case 108:if(0===O+C+w+j&&0<M)switch($-M){case 2:112===P&&58===c.charCodeAt($-3)&&(j=P);case 8:111===_&&(j=_)}break;case 58:0===O+C+w&&(M=$);break;case 44:0===C+E+O+w&&(I=1,g+="\r");break;case 34:case 39:0===C&&(O=O===h?0:0===O?h:O);break;case 91:0===O+C+E&&w++;break;case 93:0===O+C+E&&w--;break;case 41:0===O+C+w&&E--;break;case 40:if(0===O+C+w){if(0===d)switch(2*P+3*_){case 533:break;default:d=1}E++}break;case 64:0===C+E+O+w+M+b&&(b=1);break;case 42:case 47:if(!(0<O+w+E))switch(C){case 0:switch(2*h+3*c.charCodeAt($+1)){case 235:C=47;break;case 220:z=$,C=42}break;case 42:47===h&&42===P&&z+2!==$&&(33===c.charCodeAt(z+2)&&(q+=c.substring(z,$+1)),g="",C=0)}}0===C&&(W+=g)}_=P,P=h,$++}if(0<(z=q.length)){if(I=s,0<T&&(void 0!==(k=o(2,q,I,r,S,A,z,f,p,f))&&0===(q=k).length))return B+q+U;if(q=I.join(",")+"{"+q+"}",0!=N*j){switch(2!==N||a(q,2)||(j=0),j){case 111:q=q.replace(y,":-moz-$1")+q;break;case 112:q=q.replace(v,"::-webkit-input-$1")+q.replace(v,"::-moz-$1")+q.replace(v,":-ms-input-$1")+q}j=0}}return B+q+U}(R,s,r,0,0);return 0<T&&(void 0!==(c=o(-2,f,s,s,S,A,f.length,0,0,0))&&(f=c)),"",j=0,A=S=1,f}var u=/^\0+/g,l=/[\0\r\f]/g,f=/: */g,p=/zoo|gra/,d=/([,: ])(transform)/g,h=/,\r+?/g,b=/([\t\r\n ])*\f?&/g,m=/@(k\w+)\s*(\S*)\s*/,v=/::(place)/g,y=/:(read-only)/g,g=/[svh]\w+-[tblr]{2}/,x=/\(\s*(.*)\s*\)/g,k=/([\s\S]*?);/g,w=/-self|flex-/g,C=/[^]*?(:[rp][el]a[\w-]+)[^]*/,E=/stretch|:\s*\w+\-(?:conte|avail)/,O=/([^-])(image-set\()/,A=1,S=1,j=0,N=1,R=[],P=[],T=0,_=null,D=0;return c.use=function e(t){switch(t){case void 0:case null:T=P.length=0;break;default:if("function"==typeof t)P[T++]=t;else if("object"==typeof t)for(var r=0,n=t.length;r<n;++r)e(t[r]);else D=0|!!t}return e},c.set=s,void 0!==e&&s(e),c};function E(e){e&&O.current.insert(e+"}")}var O={current:null},A=function(e,t,r,n,a,i,o,s,c,u){switch(e){case 1:switch(t.charCodeAt(0)){case 64:return O.current.insert(t+";"),"";case 108:if(98===t.charCodeAt(2))return""}break;case 2:if(0===s)return t+"/*|*/";break;case 3:switch(s){case 102:case 112:return O.current.insert(r[0]+t),"";default:return t+(0===u?"/*|*/":"")}case-2:t.split("/*|*/}").forEach(E)}},S=function(e){void 0===e&&(e={});var t,r=e.key||"css";void 0!==e.prefix&&(t={prefix:e.prefix});var n=new C(t);var a,i={};a=e.container||document.head;var o,s=document.querySelectorAll("style[data-emotion-"+r+"]");Array.prototype.forEach.call(s,(function(e){e.getAttribute("data-emotion-"+r).split(" ").forEach((function(e){i[e]=!0})),e.parentNode!==a&&a.appendChild(e)})),n.use(e.stylisPlugins)(A),o=function(e,t,r,a){var i=t.name;O.current=r,n(e,t.styles),a&&(c.inserted[i]=!0)};var c={key:r,sheet:new w({key:r,container:a,nonce:e.nonce,speedy:e.speedy}),nonce:e.nonce,inserted:i,registered:{},insert:o};return c};var j=function(e){for(var t,r=0,n=0,a=e.length;a>=4;++n,a-=4)t=1540483477*(65535&(t=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))+(59797*(t>>>16)<<16),r=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&r)+(59797*(r>>>16)<<16);switch(a){case 3:r^=(255&e.charCodeAt(n+2))<<16;case 2:r^=(255&e.charCodeAt(n+1))<<8;case 1:r=1540483477*(65535&(r^=255&e.charCodeAt(n)))+(59797*(r>>>16)<<16)}return(((r=1540483477*(65535&(r^=r>>>13))+(59797*(r>>>16)<<16))^r>>>15)>>>0).toString(36)},N={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};var R=/[A-Z]|^ms/g,P=/_EMO_([^_]+?)_([^]*?)_EMO_/g,T=function(e){return 45===e.charCodeAt(1)},_=function(e){return null!=e&&"boolean"!=typeof e},D=function(e){var t={};return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}((function(e){return T(e)?e:e.replace(R,"-$&").toLowerCase()})),M=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(P,(function(e,t,r){return I={name:t,styles:r,next:I},t}))}return 1===N[e]||T(e)||"number"!=typeof t||0===t?t:t+"px"};function $(e,t,r,n){if(null==r)return"";if(void 0!==r.__emotion_styles)return r;switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return I={name:r.name,styles:r.styles,next:I},r.name;if(void 0!==r.styles){var a=r.next;if(void 0!==a)for(;void 0!==a;)I={name:a.name,styles:a.styles,next:I},a=a.next;return r.styles+";"}return function(e,t,r){var n="";if(Array.isArray(r))for(var a=0;a<r.length;a++)n+=$(e,t,r[a],!1);else for(var i in r){var o=r[i];if("object"!=typeof o)null!=t&&void 0!==t[o]?n+=i+"{"+t[o]+"}":_(o)&&(n+=D(i)+":"+M(i,o)+";");else if(!Array.isArray(o)||"string"!=typeof o[0]||null!=t&&void 0!==t[o[0]]){var s=$(e,t,o,!1);switch(i){case"animation":case"animationName":n+=D(i)+":"+s+";";break;default:n+=i+"{"+s+"}"}}else for(var c=0;c<o.length;c++)_(o[c])&&(n+=D(i)+":"+M(i,o[c])+";")}return n}(e,t,r);case"function":if(void 0!==e){var i=I,o=r(e);return I=i,$(e,t,o,n)}break;case"string":}if(null==t)return r;var s=t[r];return void 0===s||n?r:s}var I,L=/label:\s*([^\s;\n{]+)\s*;/g;var z=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,a="";I=void 0;var i=e[0];null==i||void 0===i.raw?(n=!1,a+=$(r,t,i,!1)):a+=i[0];for(var o=1;o<e.length;o++)a+=$(r,t,e[o],46===a.charCodeAt(a.length-1)),n&&(a+=i[o]);L.lastIndex=0;for(var s,c="";null!==(s=L.exec(a));)c+="-"+s[1];return{name:j(a)+c,styles:a,next:I}};function G(e,t,r){var n="";return r.split(" ").forEach((function(r){void 0!==e[r]?t.push(e[r]):n+=r+" "})),n}var F=function(e,t,r){var n=e.key+"-"+t.name;if(!1===r&&void 0===e.registered[n]&&(e.registered[n]=t.styles),void 0===e.inserted[t.name]){var a=t;do{e.insert("."+n,a,e.sheet,!0);a=a.next}while(void 0!==a)}};function W(e,t){if(void 0===e.inserted[t.name])return e.insert("",t,e.sheet,!0)}function q(e,t,r){var n=[],a=G(e,n,r);return n.length<2?r:a+t(n)}var U=function e(t){for(var r="",n=0;n<t.length;n++){var a=t[n];if(null!=a){var i=void 0;switch(typeof a){case"boolean":break;case"object":if(Array.isArray(a))i=e(a);else for(var o in i="",a)a[o]&&o&&(i&&(i+=" "),i+=o);break;default:i=a}i&&(r&&(r+=" "),r+=i)}}return r},B=function(e){var t=S(e);t.sheet.speedy=function(e){this.isSpeedy=e},t.compat=!0;var r=function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];var a=z(r,t.registered,void 0);return F(t,a,!1),t.key+"-"+a.name};return{css:r,cx:function(){for(var e=arguments.length,n=new Array(e),a=0;a<e;a++)n[a]=arguments[a];return q(t.registered,r,U(n))},injectGlobal:function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];var a=z(r,t.registered);W(t,a)},keyframes:function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];var a=z(r,t.registered),i="animation-"+a.name;return W(t,{name:a.name,styles:"@keyframes "+i+"{"+a.styles+"}"}),i},hydrate:function(e){e.forEach((function(e){t.inserted[e]=!0}))},flush:function(){t.registered={},t.inserted={},t.sheet.flush()},sheet:t.sheet,cache:t,getRegisteredStyles:G.bind(null,t.registered),merge:q.bind(null,t.registered,r)}}(),V=(B.flush,B.hydrate,B.cx),H=(B.merge,B.getRegisteredStyles,B.injectGlobal,B.keyframes),X=B.css,Y=(B.sheet,B.cache,function(e){var t=e.getStyles,r=e.cx;return a.a.createElement("div",{className:r("spinner",X(t("spinner")))},a.a.createElement("svg",{viewBox:"25 25 50 50"},a.a.createElement("circle",{cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:"2",strokeMiterlimit:"10"})))});Y.propTypes={getStyles:o.a.func.isRequired,cx:o.a.func.isRequired};var Z,J,K=Y;function Q(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ee(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function te(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var re=H(Z||(Z=te(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"]))),ne=H(J||(J=te(["\n 0% {\n stroke-dasharray: 1,200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89,200;\n stroke-dashoffset: -35px;\n }\n 100% {\n stroke-dasharray: 89,200;\n stroke-dashoffset: -124px;\n }\n"]))),ae={wrapper:function(e){return function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Q(Object(r),!0).forEach((function(t){ee(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Q(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({position:"relative"},e)},overlay:function(e,t){return{position:"absolute",height:"100%",width:"100%",top:"0px",left:"0px",display:"flex",textAlign:"center",fontSize:"1.2em",color:"#FFF",background:"rgba(0, 0, 0, 0.7)",zIndex:800,transition:"opacity ".concat(t.fadeSpeed,"ms ease-in"),opacity:"entering"===e||"entered"===e?1:0}},content:function(){return{margin:"auto"}},spinner:function(e){return{position:"relative",margin:"0px auto 10px auto",width:"50px",maxHeight:"100%","&:before":{content:'""',display:"block",paddingTop:"100%"},"& svg":{animation:"".concat(re," 2s linear infinite"),height:"100%",transformOrigin:"center center",width:"100%",position:"absolute",top:"0",bottom:"0",left:"0",right:"0",margin:"auto","& circle":{animation:"".concat(ne," 1.5s ease-in-out infinite"),strokeDasharray:"1,200",strokeDashoffset:0,strokeLinecap:"round",stroke:"#FFF"}}}}};function ie(e){return(ie="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function oe(e){return function(e){if(Array.isArray(e))return se(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return se(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return se(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function se(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function ce(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function ue(e,t){return(ue=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function le(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=de(e);if(t){var a=de(this).constructor;r=Reflect.construct(n,arguments,a)}else r=n.apply(this,arguments);return fe(this,r)}}function fe(e,t){if(t&&("object"===ie(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return pe(e)}function pe(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function de(e){return(de=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function he(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var be=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&ue(e,t)}(s,e);var t,r,i,o=le(s);function s(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),he(pe(t=o.call(this,e)),"getStyles",(function(e,r){var n=ae[e](r,t.props),a=t.props.styles[e];return a?"function"==typeof a?a(n,t.props):a:n})),he(pe(t),"cx",(function(e){for(var r=Array.isArray(e)?e:[e],n=arguments.length,a=new Array(n>1?n-1:0),i=1;i<n;i++)a[i-1]=arguments[i];return V.apply(void 0,oe(r.map((function(e){return e?"".concat(t.props.classNamePrefix).concat(e):""}))).concat(a))})),t.wrapper=Object(n.createRef)(),t.nodeRef=Object(n.createRef)(),t.state={overflowCSS:{}},t}return t=s,(r=[{key:"componentDidMount",value:function(){var e=window.getComputedStyle(this.wrapper.current),t=["overflow","overflowX","overflowY"].reduce((function(t,r){return"visible"!==e[r]&&(t[r]="hidden"),t}),{});this.setState({overflowCSS:t})}},{key:"componentDidUpdate",value:function(e){this.props.active&&(this.wrapper.current.scrollTop=0)}},{key:"render",value:function(){var e=this,t=this.state.overflowCSS,r=this.props,n=r.children,i=r.className,o=r.onClick,s=r.active,c=r.fadeSpeed,u=r.spinner,l=r.text;return a.a.createElement("div",{"data-testid":"wrapper",ref:this.wrapper,className:this.cx(["wrapper",s&&"wrapper--active"],X(this.getStyles("wrapper",s?t:{})),i)},a.a.createElement(k,{in:s,classNames:"_loading-overlay-transition",timeout:c,unmountOnExit:!0,ref:this.nodeRef},(function(t){return a.a.createElement("div",{"data-testid":"overlay",className:e.cx("overlay",X(e.getStyles("overlay",t))),onClick:o},a.a.createElement("div",{className:e.cx("content",X(e.getStyles("content"))),ref:e.nodeRef},u&&("boolean"==typeof u?a.a.createElement(K,{cx:e.cx,getStyles:e.getStyles}):u),l))})),n)}}])&&ce(t.prototype,r),i&&ce(t,i),Object.defineProperty(t,"prototype",{writable:!1}),s}(n.Component);be.propTypes={active:o.a.bool,fadeSpeed:o.a.number,onClick:o.a.func,className:o.a.string,classNamePrefix:o.a.string,spinner:o.a.oneOfType([o.a.bool,o.a.node]),text:o.a.node,styles:o.a.shape({content:o.a.func,overlay:o.a.func,spinner:o.a.func,wrapper:o.a.func})},be.defaultProps={classNamePrefix:"_loading_overlay_",fadeSpeed:500,styles:{}};t.default=be}])}));