Current File : /home/opti/public_html/ezone-accounting.optisoft.com.ng/static/js/92.7cb5a4e1.chunk.js
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[92],{1129:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FrameContextConsumer=t.FrameContextProvider=t.FrameContext=void 0;var r,o=n(0),a=(r=o)&&r.__esModule?r:{default:r};var i=void 0,s=void 0;"undefined"!==typeof document&&(i=document),"undefined"!==typeof window&&(s=window);var c=t.FrameContext=a.default.createContext({document:i,window:s}),l=c.Provider,d=c.Consumer;t.FrameContextProvider=l,t.FrameContextConsumer=d},1130:function(e,t,n){"use strict";n.d(t,"a",(function(){return C}));var r=n(118),o=n(1100),a=n(1109),i=n(1090),s=n(1117),c=n(1119),l=n(5),d=n(0),u=n(1024),f=n(551),p=n(1087),m=n(1099),h=n(11),b=n(370),j=n(371),y=n(1131),v=n.n(y),x=n(1);const O=Object(u.a)({productionPrefix:"iframe-"});class g extends d.Component{constructor(){super(...arguments),this.state={ready:!1},this.handleRef=e=>{this.contentDocument=e?e.node.contentDocument:null},this.onContentDidMount=()=>{this.setState({ready:!0,jss:Object(b.a)({...Object(f.a)(),plugins:[...Object(f.a)().plugins,Object(j.a)()],insertionPoint:this.contentDocument.querySelector("#jss-demo-insertion-point")}),sheetsManager:new Map,container:this.contentDocument.body})},this.onContentDidUpdate=()=>{this.contentDocument.body.dir=this.props.theme.direction},this.renderHead=()=>Object(x.jsxs)(x.Fragment,{children:[Object(x.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n html {\n font-size: 62.5%;\n font-family: Poppins, Roboto, Helvetica Neue, Arial, sans-serif;\n }\n "}}),Object(x.jsx)("noscript",{id:"jss-demo-insertion-point"})]})}render(){const{children:e,classes:t,theme:n}=this.props;return Object(x.jsx)(v.a,{head:this.renderHead(),ref:this.handleRef,className:Object(l.a)(t.root,"shadow"),contentDidMount:this.onContentDidMount,contentDidUpdate:this.onContentDidUpdate,children:this.state.ready?Object(x.jsx)(p.b,{jss:this.state.jss,generateClassName:O,sheetsManager:this.state.sheetsManager,children:Object(x.jsx)(m.a,{theme:n,children:Object(d.cloneElement)(e,{container:this.state.container})})}):null})}}var k=Object(h.a)((e=>({root:{backgroundColor:e.palette.background.default,flexGrow:1,height:400,border:"none"}})),{withTheme:!0})(g);function w(e){const[t,n]=Object(d.useState)(e.currentTabIndex),{component:u,raw:f,iframe:p,className:m}=e;return Object(x.jsxs)(a.a,{className:Object(l.a)(m,"shadow"),children:[Object(x.jsx)(o.a,{position:"static",color:"default",className:"shadow-0",children:Object(x.jsxs)(c.a,{classes:{root:"border-b-1",flexContainer:"justify-end"},value:t,onChange:function(e,t){n(t)},children:[u&&Object(x.jsx)(s.a,{classes:{root:"min-w-64"},icon:Object(x.jsx)(i.a,{children:"remove_red_eye"})}),f&&Object(x.jsx)(s.a,{classes:{root:"min-w-64"},icon:Object(x.jsx)(i.a,{children:"code"})})]})}),Object(x.jsxs)("div",{className:"flex justify-center max-w-full",children:[Object(x.jsx)("div",{className:0===t?"flex flex-1 max-w-full":"hidden",children:u&&(p?Object(x.jsx)(k,{children:Object(x.jsx)(u,{})}):Object(x.jsx)("div",{className:"p-24 flex flex-1 justify-center max-w-full",children:Object(x.jsx)(u,{})}))}),Object(x.jsx)("div",{className:1===t?"flex flex-1":"hidden",children:f&&Object(x.jsx)("div",{className:"flex flex-1",children:Object(x.jsx)(r.a,{component:"pre",className:"language-javascript w-full",children:f.default})})})]})]})}w.defaultProps={currentTabIndex:0};var C=w},1131:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FrameContextConsumer=t.FrameContext=void 0;var r=n(1129);Object.defineProperty(t,"FrameContext",{enumerable:!0,get:function(){return r.FrameContext}}),Object.defineProperty(t,"FrameContextConsumer",{enumerable:!0,get:function(){return r.FrameContextConsumer}});var o,a=n(1132),i=(o=a)&&o.__esModule?o:{default:o};t.default=i.default},1132:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||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},o=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=n(0),i=u(a),s=u(n(22)),c=u(n(553)),l=n(1129),d=u(n(1133));function u(e){return e&&e.__esModule?e:{default:e}}var f=function(e){function t(e,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return r.handleLoad=function(){r.forceUpdate()},r._isMounted=!1,r}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),o(t,[{key:"componentDidMount",value:function(){this._isMounted=!0;var e=this.getDoc();e&&"complete"===e.readyState?this.forceUpdate():this.node.addEventListener("load",this.handleLoad)}},{key:"componentWillUnmount",value:function(){this._isMounted=!1,this.node.removeEventListener("load",this.handleLoad)}},{key:"getDoc",value:function(){return this.node?this.node.contentDocument:null}},{key:"getMountTarget",value:function(){var e=this.getDoc();return this.props.mountTarget?e.querySelector(this.props.mountTarget):e.body.children[0]}},{key:"renderFrameContents",value:function(){if(!this._isMounted)return null;var e=this.getDoc();if(!e)return null;var t=this.props.contentDidMount,n=this.props.contentDidUpdate,r=e.defaultView||e.parentView,o=i.default.createElement(d.default,{contentDidMount:t,contentDidUpdate:n},i.default.createElement(l.FrameContextProvider,{value:{document:e,window:r}},i.default.createElement("div",{className:"frame-content"},this.props.children)));e.body.children.length<1&&(e.open("text/html","replace"),e.write(this.props.initialContent),e.close());var a=this.getMountTarget();return[s.default.createPortal(this.props.head,this.getDoc().head),s.default.createPortal(o,a)]}},{key:"render",value:function(){var e=this,t=r({},this.props,{children:void 0});return delete t.head,delete t.initialContent,delete t.mountTarget,delete t.contentDidMount,delete t.contentDidUpdate,i.default.createElement("iframe",r({},t,{ref:function(t){e.node=t}}),this.renderFrameContents())}}]),t}(a.Component);f.propTypes={style:c.default.object,head:c.default.node,initialContent:c.default.string,mountTarget:c.default.string,contentDidMount:c.default.func,contentDidUpdate:c.default.func,children:c.default.oneOfType([c.default.element,c.default.arrayOf(c.default.element)])},f.defaultProps={style:{},head:null,children:void 0,mountTarget:void 0,contentDidMount:function(){},contentDidUpdate:function(){},initialContent:'<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'},t.default=f},1133:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=n(0),a=(i(o),i(n(553)));function i(e){return e&&e.__esModule?e:{default:e}}var s=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),r(t,[{key:"componentDidMount",value:function(){this.props.contentDidMount()}},{key:"componentDidUpdate",value:function(){this.props.contentDidUpdate()}},{key:"render",value:function(){return o.Children.only(this.props.children)}}]),t}(o.Component);s.propTypes={children:a.default.element.isRequired,contentDidMount:a.default.func.isRequired,contentDidUpdate:a.default.func.isRequired},t.default=s},1279:function(e,t,n){"use strict";var r=n(2),o=n(7),a=n(0),i=n(8),s=n(11),c=n(15),l=44,d=a.forwardRef((function(e,t){var n=e.classes,s=e.className,d=e.color,u=void 0===d?"primary":d,f=e.disableShrink,p=void 0!==f&&f,m=e.size,h=void 0===m?40:m,b=e.style,j=e.thickness,y=void 0===j?3.6:j,v=e.value,x=void 0===v?0:v,O=e.variant,g=void 0===O?"indeterminate":O,k=Object(o.a)(e,["classes","className","color","disableShrink","size","style","thickness","value","variant"]),w={},C={},D={};if("determinate"===g||"static"===g){var _=2*Math.PI*((l-y)/2);w.strokeDasharray=_.toFixed(3),D["aria-valuenow"]=Math.round(x),w.strokeDashoffset="".concat(((100-x)/100*_).toFixed(3),"px"),C.transform="rotate(-90deg)"}return a.createElement("div",Object(r.a)({className:Object(i.a)(n.root,s,"inherit"!==u&&n["color".concat(Object(c.a)(u))],{determinate:n.determinate,indeterminate:n.indeterminate,static:n.static}[g]),style:Object(r.a)({width:h,height:h},C,b),ref:t,role:"progressbar"},D,k),a.createElement("svg",{className:n.svg,viewBox:"".concat(22," ").concat(22," ").concat(l," ").concat(l)},a.createElement("circle",{className:Object(i.a)(n.circle,p&&n.circleDisableShrink,{determinate:n.circleDeterminate,indeterminate:n.circleIndeterminate,static:n.circleStatic}[g]),style:w,cx:l,cy:l,r:(l-y)/2,fill:"none",strokeWidth:y})))}));t.a=Object(s.a)((function(e){return{root:{display:"inline-block"},static:{transition:e.transitions.create("transform")},indeterminate:{animation:"$circular-rotate 1.4s linear infinite"},determinate:{transition:e.transitions.create("transform")},colorPrimary:{color:e.palette.primary.main},colorSecondary:{color:e.palette.secondary.main},svg:{display:"block"},circle:{stroke:"currentColor"},circleStatic:{transition:e.transitions.create("stroke-dashoffset")},circleIndeterminate:{animation:"$circular-dash 1.4s ease-in-out infinite",strokeDasharray:"80px, 200px",strokeDashoffset:"0px"},circleDeterminate:{transition:e.transitions.create("stroke-dashoffset")},"@keyframes circular-rotate":{"0%":{transformOrigin:"50% 50%"},"100%":{transform:"rotate(360deg)"}},"@keyframes circular-dash":{"0%":{strokeDasharray:"1px, 200px",strokeDashoffset:"0px"},"50%":{strokeDasharray:"100px, 200px",strokeDashoffset:"-15px"},"100%":{strokeDasharray:"100px, 200px",strokeDashoffset:"-125px"}},circleDisableShrink:{animation:"none"}}}),{name:"MuiCircularProgress",flip:!1})(d)},1782:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return u}));var r=n(0),o=n.n(r),a=n(547),i=n(1279),s=n(1098),c=n(1072),l=n(1);const d=Object(c.a)((e=>({backdrop:{zIndex:e.zIndex.drawer+1,color:"#fff"}})));function u(){const e=d(),[t,n]=o.a.useState(!1);return Object(l.jsxs)("div",{children:[Object(l.jsx)(s.a,{variant:"outlined",color:"primary",onClick:()=>{n(!t)},children:"Show backdrop"}),Object(l.jsx)(a.a,{className:e.backdrop,open:t,onClick:()=>{n(!1)},children:Object(l.jsx)(i.a,{color:"inherit"})})]})}},1783:function(e,t,n){"use strict";n.r(t),t.default="import React from 'react';\nimport Backdrop from '@material-ui/core/Backdrop';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Button from '@material-ui/core/Button';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: '#fff',\n },\n}));\n\nexport default function SimpleBackdrop() {\n const classes = useStyles();\n const [open, setOpen] = React.useState(false);\n const handleClose = () => {\n setOpen(false);\n };\n const handleToggle = () => {\n setOpen(!open);\n };\n\n return (\n <div>\n <Button variant=\"outlined\" color=\"primary\" onClick={handleToggle}>\n Show backdrop\n </Button>\n <Backdrop className={classes.backdrop} open={open} onClick={handleClose}>\n <CircularProgress color=\"inherit\" />\n </Backdrop>\n </div>\n );\n}\n"},2562:function(e,t,n){"use strict";n.r(t);var r=n(1130),o=n(1098),a=n(1090),i=n(194),s=n(1072),c=n(1);const l=Object(s.a)((e=>({layoutRoot:{"& .description":{marginBottom:16}}})));t.default=function(e){return l(),Object(c.jsxs)(c.Fragment,{children:[Object(c.jsx)("div",{className:"flex flex-1 flex-grow-0 items-center justify-end",children:Object(c.jsxs)(o.a,{className:"normal-case",variant:"outlined",component:"a",href:"https://material-ui.com/components/backdrop",target:"_blank",role:"button",children:[Object(c.jsx)(a.a,{children:"link"}),Object(c.jsx)("span",{className:"mx-4",children:"Reference"})]})}),Object(c.jsx)(i.a,{className:"text-44 mt-32 mb-8",component:"h1",children:"Backdrop"}),Object(c.jsx)(i.a,{className:"description",children:"The backdrop component is used to provide emphasis on a particular element or parts of it."}),Object(c.jsx)(i.a,{className:"mb-16",component:"div",children:"The backdrop signals to the user of a state change within the application and can be used for creating loaders, dialogs and more. In its simplest form, the backdrop component will add a dimmed layer over your application."}),Object(c.jsx)(i.a,{className:"mb-16",component:"div",children:Object(c.jsx)(r.a,{className:"my-24",iframe:!1,component:n(1782).default,raw:n(1783)})})]})}}}]);
Mini Shell