Current File : /home/opti/public_html/ezone-accounting.optisoft.com.ng/static/js/81.13127319.chunk.js
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[81],{1129:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FrameContextConsumer=t.FrameContextProvider=t.FrameContext=void 0;var o,a=n(0),r=(o=a)&&o.__esModule?o:{default:o};var i=void 0,c=void 0;"undefined"!==typeof document&&(i=document),"undefined"!==typeof window&&(c=window);var s=t.FrameContext=r.default.createContext({document:i,window:c}),l=s.Provider,d=s.Consumer;t.FrameContextProvider=l,t.FrameContextConsumer=d},1130:function(e,t,n){"use strict";n.d(t,"a",(function(){return k}));var o=n(118),a=n(1100),r=n(1109),i=n(1090),c=n(1117),s=n(1119),l=n(5),d=n(0),u=n(1024),f=n(551),m=n(1087),p=n(1099),h=n(11),b=n(370),j=n(371),x=n(1131),y=n.n(x),g=n(1);const v=Object(u.a)({productionPrefix:"iframe-"});class O 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(g.jsxs)(g.Fragment,{children:[Object(g.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n html {\n font-size: 62.5%;\n font-family: Poppins, Roboto, Helvetica Neue, Arial, sans-serif;\n }\n "}}),Object(g.jsx)("noscript",{id:"jss-demo-insertion-point"})]})}render(){const{children:e,classes:t,theme:n}=this.props;return Object(g.jsx)(y.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(g.jsx)(m.b,{jss:this.state.jss,generateClassName:v,sheetsManager:this.state.sheetsManager,children:Object(g.jsx)(p.a,{theme:n,children:Object(d.cloneElement)(e,{container:this.state.container})})}):null})}}var C=Object(h.a)((e=>({root:{backgroundColor:e.palette.background.default,flexGrow:1,height:400,border:"none"}})),{withTheme:!0})(O);function w(e){const[t,n]=Object(d.useState)(e.currentTabIndex),{component:u,raw:f,iframe:m,className:p}=e;return Object(g.jsxs)(r.a,{className:Object(l.a)(p,"shadow"),children:[Object(g.jsx)(a.a,{position:"static",color:"default",className:"shadow-0",children:Object(g.jsxs)(s.a,{classes:{root:"border-b-1",flexContainer:"justify-end"},value:t,onChange:function(e,t){n(t)},children:[u&&Object(g.jsx)(c.a,{classes:{root:"min-w-64"},icon:Object(g.jsx)(i.a,{children:"remove_red_eye"})}),f&&Object(g.jsx)(c.a,{classes:{root:"min-w-64"},icon:Object(g.jsx)(i.a,{children:"code"})})]})}),Object(g.jsxs)("div",{className:"flex justify-center max-w-full",children:[Object(g.jsx)("div",{className:0===t?"flex flex-1 max-w-full":"hidden",children:u&&(m?Object(g.jsx)(C,{children:Object(g.jsx)(u,{})}):Object(g.jsx)("div",{className:"p-24 flex flex-1 justify-center max-w-full",children:Object(g.jsx)(u,{})}))}),Object(g.jsx)("div",{className:1===t?"flex flex-1":"hidden",children:f&&Object(g.jsx)("div",{className:"flex flex-1",children:Object(g.jsx)(o.a,{component:"pre",className:"language-javascript w-full",children:f.default})})})]})]})}w.defaultProps={currentTabIndex:0};var k=w},1131:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FrameContextConsumer=t.FrameContext=void 0;var o=n(1129);Object.defineProperty(t,"FrameContext",{enumerable:!0,get:function(){return o.FrameContext}}),Object.defineProperty(t,"FrameContextConsumer",{enumerable:!0,get:function(){return o.FrameContextConsumer}});var a,r=n(1132),i=(a=r)&&a.__esModule?a:{default:a};t.default=i.default},1132:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),r=n(0),i=u(r),c=u(n(22)),s=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 o=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 o.handleLoad=function(){o.forceUpdate()},o._isMounted=!1,o}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),a(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,o=e.defaultView||e.parentView,a=i.default.createElement(d.default,{contentDidMount:t,contentDidUpdate:n},i.default.createElement(l.FrameContextProvider,{value:{document:e,window:o}},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 r=this.getMountTarget();return[c.default.createPortal(this.props.head,this.getDoc().head),c.default.createPortal(a,r)]}},{key:"render",value:function(){var e=this,t=o({},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",o({},t,{ref:function(t){e.node=t}}),this.renderFrameContents())}}]),t}(r.Component);f.propTypes={style:s.default.object,head:s.default.node,initialContent:s.default.string,mountTarget:s.default.string,contentDidMount:s.default.func,contentDidUpdate:s.default.func,children:s.default.oneOfType([s.default.element,s.default.arrayOf(s.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 o=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),a=n(0),r=(i(a),i(n(553)));function i(e){return e&&e.__esModule?e:{default:e}}var c=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),o(t,[{key:"componentDidMount",value:function(){this.props.contentDidMount()}},{key:"componentDidUpdate",value:function(){this.props.contentDidUpdate()}},{key:"render",value:function(){return a.Children.only(this.props.children)}}]),t}(a.Component);c.propTypes={children:r.default.element.isRequired,contentDidMount:r.default.func.isRequired,contentDidUpdate:r.default.func.isRequired},t.default=c},1342:function(e,t,n){"use strict";var o=n(2),a=n(0),r=n(11),i={WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",boxSizing:"border-box"},c=function(e){return Object(o.a)({color:e.palette.text.primary},e.typography.body2,{backgroundColor:e.palette.background.default,"@media print":{backgroundColor:e.palette.common.white}})};t.a=Object(r.a)((function(e){return{"@global":{html:i,"*, *::before, *::after":{boxSizing:"inherit"},"strong, b":{fontWeight:e.typography.fontWeightBold},body:Object(o.a)({margin:0},c(e),{"&::backdrop":{backgroundColor:e.palette.background.default}})}}}),{name:"MuiCssBaseline"})((function(e){var t=e.children,n=void 0===t?null:t;return e.classes,a.createElement(a.Fragment,null,n)}))},1705:function(e,t,n){"use strict";var o=n(2),a=n(7),r=n(20),i=n(0),c=n(8),s=n(11),l=n(15),d=i.forwardRef((function(e,t){var n=e.classes,r=e.className,s=e.component,d=void 0===s?"div":s,u=e.disableGutters,f=void 0!==u&&u,m=e.fixed,p=void 0!==m&&m,h=e.maxWidth,b=void 0===h?"lg":h,j=Object(a.a)(e,["classes","className","component","disableGutters","fixed","maxWidth"]);return i.createElement(d,Object(o.a)({className:Object(c.a)(n.root,r,p&&n.fixed,f&&n.disableGutters,!1!==b&&n["maxWidth".concat(Object(l.a)(String(b)))]),ref:t},j))}));t.a=Object(s.a)((function(e){return{root:Object(r.a)({width:"100%",marginLeft:"auto",boxSizing:"border-box",marginRight:"auto",paddingLeft:e.spacing(2),paddingRight:e.spacing(2),display:"block"},e.breakpoints.up("sm"),{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}),disableGutters:{paddingLeft:0,paddingRight:0},fixed:Object.keys(e.breakpoints.values).reduce((function(t,n){var o=e.breakpoints.values[n];return 0!==o&&(t[e.breakpoints.up(n)]={maxWidth:o}),t}),{}),maxWidthXs:Object(r.a)({},e.breakpoints.up("xs"),{maxWidth:Math.max(e.breakpoints.values.xs,444)}),maxWidthSm:Object(r.a)({},e.breakpoints.up("sm"),{maxWidth:e.breakpoints.values.sm}),maxWidthMd:Object(r.a)({},e.breakpoints.up("md"),{maxWidth:e.breakpoints.values.md}),maxWidthLg:Object(r.a)({},e.breakpoints.up("lg"),{maxWidth:e.breakpoints.values.lg}),maxWidthXl:Object(r.a)({},e.breakpoints.up("xl"),{maxWidth:e.breakpoints.values.xl})}}),{name:"MuiContainer"})(d)},1908:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return l}));var o=n(0),a=n.n(o),r=n(1342),i=n(194),c=n(1705),s=n(1);function l(){return Object(s.jsxs)(a.a.Fragment,{children:[Object(s.jsx)(r.a,{}),Object(s.jsx)(c.a,{maxWidth:"sm",children:Object(s.jsx)(i.a,{component:"div",style:{backgroundColor:"#cfe8fc",height:"100vh"}})})]})}},1909:function(e,t,n){"use strict";n.r(t),t.default="import React from 'react';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport Typography from '@material-ui/core/Typography';\nimport Container from '@material-ui/core/Container';\n\nexport default function SimpleContainer() {\n return (\n <React.Fragment>\n <CssBaseline />\n <Container maxWidth=\"sm\">\n <Typography component=\"div\" style={{ backgroundColor: '#cfe8fc', height: '100vh' }} />\n </Container>\n </React.Fragment>\n );\n}\n"},1910:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return l}));var o=n(0),a=n.n(o),r=n(1342),i=n(194),c=n(1705),s=n(1);function l(){return Object(s.jsxs)(a.a.Fragment,{children:[Object(s.jsx)(r.a,{}),Object(s.jsx)(c.a,{fixed:!0,children:Object(s.jsx)(i.a,{component:"div",style:{backgroundColor:"#cfe8fc",height:"100vh"}})})]})}},1911:function(e,t,n){"use strict";n.r(t),t.default="import React from 'react';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport Typography from '@material-ui/core/Typography';\nimport Container from '@material-ui/core/Container';\n\nexport default function FixedContainer() {\n return (\n <React.Fragment>\n <CssBaseline />\n <Container fixed>\n <Typography component=\"div\" style={{ backgroundColor: '#cfe8fc', height: '100vh' }} />\n </Container>\n </React.Fragment>\n );\n}\n"},2577:function(e,t,n){"use strict";n.r(t);var o=n(1130),a=n(118),r=n(1098),i=n(1090),c=n(194),s=n(1072),l=n(1);const d=Object(s.a)((e=>({layoutRoot:{"& .description":{marginBottom:16}}})));t.default=function(e){return d(),Object(l.jsxs)(l.Fragment,{children:[Object(l.jsx)("div",{className:"flex flex-1 flex-grow-0 items-center justify-end",children:Object(l.jsxs)(r.a,{className:"normal-case",variant:"outlined",component:"a",href:"https://material-ui.com/components/container",target:"_blank",role:"button",children:[Object(l.jsx)(i.a,{children:"link"}),Object(l.jsx)("span",{className:"mx-4",children:"Reference"})]})}),Object(l.jsx)(c.a,{className:"text-44 mt-32 mb-8",component:"h1",children:"Container"}),Object(l.jsx)(c.a,{className:"description",children:"The container centers your content horizontally. It's the most basic layout element."}),Object(l.jsx)(c.a,{className:"mb-16",component:"div",children:"While containers can be nested, most layouts do not require a nested container."}),Object(l.jsx)(c.a,{className:"text-32 mt-32 mb-8",component:"h2",children:"Fluid"}),Object(l.jsxs)(c.a,{className:"mb-16",component:"div",children:["A fluid container width is bounded by the ",Object(l.jsx)("code",{children:"maxWidth"})," property value."]}),Object(l.jsx)(c.a,{className:"mb-16",component:"div",children:Object(l.jsx)(o.a,{className:"my-24",iframe:!0,component:n(1908).default,raw:n(1909)})}),Object(l.jsx)(a.a,{component:"pre",className:"language-jsx",children:' \n<Container maxWidth="sm">\n'}),Object(l.jsx)(c.a,{className:"text-32 mt-32 mb-8",component:"h2",children:"Fixed"}),Object(l.jsxs)(c.a,{className:"mb-16",component:"div",children:["If you prefer to design for a fixed set of sizes instead of trying to accommodate a fully fluid viewport, you can set the ",Object(l.jsx)("code",{children:"fixed"})," property. The max-width matches the min-width of the current breakpoint."]}),Object(l.jsx)(c.a,{className:"mb-16",component:"div",children:Object(l.jsx)(o.a,{className:"my-24",iframe:!0,component:n(1910).default,raw:n(1911)})}),Object(l.jsx)(a.a,{component:"pre",className:"language-jsx",children:" \n<Container fixed>\n"})]})}}}]);
Mini Shell