%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/opti/public_html/ezone-accounting.optisoft.com.ng/static/js/
Upload File :
Create Path :
Current File : /home/opti/public_html/ezone-accounting.optisoft.com.ng/static/js/25.8f92baea.chunk.js

(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[25],{1046:function(e,t,n){"use strict";function o(e,t,n,o,a){return null}n.d(t,"a",(function(){return o}))},1047:function(e,t,n){"use strict";n.r(t);var o=n(15);n.d(t,"capitalize",(function(){return o.a}));var a=n(78);n.d(t,"createChainedFunction",(function(){return a.a}));var r=n(85);n.d(t,"createSvgIcon",(function(){return r.a}));var c=n(97);n.d(t,"debounce",(function(){return c.a}));var i=n(130);n.d(t,"deprecatedPropType",(function(){return i.a}));var s=n(159);n.d(t,"isMuiElement",(function(){return s.a}));var l=n(47);n.d(t,"ownerDocument",(function(){return l.a}));var d=n(160);n.d(t,"ownerWindow",(function(){return d.a}));var u=n(1134);n.d(t,"requirePropFactory",(function(){return u.a}));var m=n(87);n.d(t,"setRef",(function(){return m.a}));var p=n(1046);n.d(t,"unsupportedProp",(function(){return p.a}));var f=n(104);n.d(t,"useControlled",(function(){return f.a}));var h=n(38);n.d(t,"useEventCallback",(function(){return h.a}));var b=n(25);n.d(t,"useForkRef",(function(){return b.a}));var j=n(224);n.d(t,"unstable_useId",(function(){return j.a}));var g=n(158);n.d(t,"useIsFocusVisible",(function(){return g.a}))},1127:function(e,t,n){var o=n(373).default;function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(a=function(e){return e?n:t})(e)}e.exports=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=a(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},c=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var s=c?Object.getOwnPropertyDescriptor(e,i):null;s&&(s.get||s.set)?Object.defineProperty(r,i,s):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r},e.exports.__esModule=!0,e.exports.default=e.exports},1128:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return o.createSvgIcon}});var o=n(1047)},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 c=void 0,i=void 0;"undefined"!==typeof document&&(c=document),"undefined"!==typeof window&&(i=window);var s=t.FrameContext=r.default.createContext({document:c,window:i}),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 w}));var o=n(118),a=n(1100),r=n(1109),c=n(1090),i=n(1117),s=n(1119),l=n(5),d=n(0),u=n(1024),m=n(551),p=n(1087),f=n(1099),h=n(11),b=n(370),j=n(371),g=n(1131),v=n.n(g),x=n(1);const O=Object(u.a)({productionPrefix:"iframe-"});class y 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(m.a)(),plugins:[...Object(m.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)(f.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})(y);function B(e){const[t,n]=Object(d.useState)(e.currentTabIndex),{component:u,raw:m,iframe:p,className:f}=e;return Object(x.jsxs)(r.a,{className:Object(l.a)(f,"shadow"),children:[Object(x.jsx)(a.a,{position:"static",color:"default",className:"shadow-0",children:Object(x.jsxs)(s.a,{classes:{root:"border-b-1",flexContainer:"justify-end"},value:t,onChange:function(e,t){n(t)},children:[u&&Object(x.jsx)(i.a,{classes:{root:"min-w-64"},icon:Object(x.jsx)(c.a,{children:"remove_red_eye"})}),m&&Object(x.jsx)(i.a,{classes:{root:"min-w-64"},icon:Object(x.jsx)(c.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)(C,{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:m&&Object(x.jsx)("div",{className:"flex flex-1",children:Object(x.jsx)(o.a,{component:"pre",className:"language-javascript w-full",children:m.default})})})]})]})}B.defaultProps={currentTabIndex:0};var w=B},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),c=(a=r)&&a.__esModule?a:{default:a};t.default=c.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),c=u(r),i=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 m=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=c.default.createElement(d.default,{contentDidMount:t,contentDidUpdate:n},c.default.createElement(l.FrameContextProvider,{value:{document:e,window:o}},c.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[i.default.createPortal(this.props.head,this.getDoc().head),i.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,c.default.createElement("iframe",o({},t,{ref:function(t){e.node=t}}),this.renderFrameContents())}}]),t}(r.Component);m.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)])},m.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=m},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=(c(a),c(n(553)));function c(e){return e&&e.__esModule?e:{default:e}}var i=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);i.propTypes={children:r.default.element.isRequired,contentDidMount:r.default.func.isRequired,contentDidUpdate:r.default.func.isRequired},t.default=i},1134:function(e,t,n){"use strict";function o(e){return function(){return null}}n.d(t,"a",(function(){return o}))},1159:function(e,t,n){"use strict";var o=n(552),a=n(1127);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(0)),c=(0,o(n(1128)).default)(r.createElement("path",{d:"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"}),"Mail");t.default=c},1174:function(e,t,n){"use strict";var o=n(552),a=n(1127);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(0)),c=(0,o(n(1128)).default)(r.createElement("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}),"Add");t.default=c},1189:function(e,t,n){"use strict";var o=n(0),a=n(381),r=n(1);const c=Object(o.forwardRef)((function(e,t){const{code:n,language:o,...c}=e;return Object(r.jsx)(a.a,{component:"pre",className:"language-".concat(o||"jsx"),ref:t,...c,children:n})}));t.a=c},130:function(e,t,n){"use strict";function o(e,t){return function(){return null}}n.d(t,"a",(function(){return o}))},1784:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return l}));n(0);var o=n(1072),a=n(1114),r=n(1159),c=n.n(r),i=n(1);const s=Object(o.a)((e=>({root:{"& > *":{margin:e.spacing(1)}}})));function l(){const e=s();return Object(i.jsxs)("div",{className:e.root,children:[Object(i.jsx)(a.a,{badgeContent:4,color:"primary",children:Object(i.jsx)(c.a,{})}),Object(i.jsx)(a.a,{badgeContent:4,color:"secondary",children:Object(i.jsx)(c.a,{})}),Object(i.jsx)(a.a,{badgeContent:4,color:"error",children:Object(i.jsx)(c.a,{})})]})}},1785:function(e,t,n){"use strict";n.r(t),t.default="import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Badge from '@material-ui/core/Badge';\nimport MailIcon from '@material-ui/icons/Mail';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(1),\n    },\n  },\n}));\n\nexport default function SimpleBadge() {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n      <Badge badgeContent={4} color=\"primary\">\n        <MailIcon />\n      </Badge>\n      <Badge badgeContent={4} color=\"secondary\">\n        <MailIcon />\n      </Badge>\n      <Badge badgeContent={4} color=\"error\">\n        <MailIcon />\n      </Badge>\n    </div>\n  );\n}\n"},1786:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return d}));n(0);var o=n(1114),a=n(11),r=n(1028),c=n(1787),i=n.n(c),s=n(1);const l=Object(a.a)((e=>({badge:{right:-3,top:13,border:"2px solid ".concat(e.palette.background.paper),padding:"0 4px"}})))(o.a);function d(){return Object(s.jsx)(r.a,{"aria-label":"cart",children:Object(s.jsx)(l,{badgeContent:4,color:"secondary",children:Object(s.jsx)(i.a,{})})})}},1787:function(e,t,n){"use strict";var o=n(552),a=n(1127);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(0)),c=(0,o(n(1128)).default)(r.createElement("path",{d:"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"}),"ShoppingCart");t.default=c},1788:function(e,t,n){"use strict";n.r(t),t.default="import React from 'react';\nimport Badge from '@material-ui/core/Badge';\nimport { withStyles } from '@material-ui/core/styles';\nimport IconButton from '@material-ui/core/IconButton';\nimport ShoppingCartIcon from '@material-ui/icons/ShoppingCart';\n\nconst StyledBadge = withStyles((theme) => ({\n  badge: {\n    right: -3,\n    top: 13,\n    border: `2px solid ${theme.palette.background.paper}`,\n    padding: '0 4px',\n  },\n}))(Badge);\n\nexport default function CustomizedBadges() {\n  return (\n    <IconButton aria-label=\"cart\">\n      <StyledBadge badgeContent={4} color=\"secondary\">\n        <ShoppingCartIcon />\n      </StyledBadge>\n    </IconButton>\n  );\n}\n"},1789:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return v}));var o=n(0),a=n.n(o),r=n(1072),c=n(1114),i=n(1790),s=n(1098),l=n(1174),d=n.n(l),u=n(1791),m=n.n(u),p=n(1159),f=n.n(p),h=n(1095),b=n(1094),j=n(1);const g=Object(r.a)((e=>({root:{display:"flex",flexDirection:"column","& > *":{marginBottom:e.spacing(2)},"& .MuiBadge-root":{marginRight:e.spacing(4)}}})));function v(){const e=g(),[t,n]=a.a.useState(1),[o,r]=a.a.useState(!1);return Object(j.jsxs)("div",{className:e.root,children:[Object(j.jsxs)("div",{children:[Object(j.jsx)(c.a,{color:"secondary",badgeContent:t,children:Object(j.jsx)(f.a,{})}),Object(j.jsxs)(i.a,{children:[Object(j.jsx)(s.a,{"aria-label":"reduce",onClick:()=>{n(Math.max(t-1,0))},children:Object(j.jsx)(m.a,{fontSize:"small"})}),Object(j.jsx)(s.a,{"aria-label":"increase",onClick:()=>{n(t+1)},children:Object(j.jsx)(d.a,{fontSize:"small"})})]})]}),Object(j.jsxs)("div",{children:[Object(j.jsx)(c.a,{color:"secondary",variant:"dot",invisible:o,children:Object(j.jsx)(f.a,{})}),Object(j.jsx)(b.a,{control:Object(j.jsx)(h.a,{color:"primary",checked:!o,onChange:()=>{r(!o)}}),label:"Show Badge"})]})]})}},1790:function(e,t,n){"use strict";var o=n(2),a=n(7),r=n(0),c=(n(139),n(8)),i=n(15),s=n(31),l=n(11);n(1098).a.styles;var d=r.forwardRef((function(e,t){var n=e.children,s=e.classes,l=e.className,d=e.color,u=void 0===d?"default":d,m=e.component,p=void 0===m?"div":m,f=e.disabled,h=void 0!==f&&f,b=e.disableElevation,j=void 0!==b&&b,g=e.disableFocusRipple,v=void 0!==g&&g,x=e.disableRipple,O=void 0!==x&&x,y=e.fullWidth,C=void 0!==y&&y,B=e.orientation,w=void 0===B?"horizontal":B,N=e.size,M=void 0===N?"medium":N,S=e.variant,R=void 0===S?"outlined":S,_=Object(a.a)(e,["children","classes","className","color","component","disabled","disableElevation","disableFocusRipple","disableRipple","fullWidth","orientation","size","variant"]),z=Object(c.a)(s.grouped,s["grouped".concat(Object(i.a)(w))],s["grouped".concat(Object(i.a)(R))],s["grouped".concat(Object(i.a)(R)).concat(Object(i.a)(w))],s["grouped".concat(Object(i.a)(R)).concat("default"!==u?Object(i.a)(u):"")],h&&s.disabled);return r.createElement(p,Object(o.a)({role:"group",className:Object(c.a)(s.root,l,C&&s.fullWidth,j&&s.disableElevation,"contained"===R&&s.contained,"vertical"===w&&s.vertical),ref:t},_),r.Children.map(n,(function(e){return r.isValidElement(e)?r.cloneElement(e,{className:Object(c.a)(z,e.props.className),color:e.props.color||u,disabled:e.props.disabled||h,disableElevation:e.props.disableElevation||j,disableFocusRipple:v,disableRipple:O,fullWidth:C,size:e.props.size||M,variant:e.props.variant||R}):null})))}));t.a=Object(l.a)((function(e){return{root:{display:"inline-flex",borderRadius:e.shape.borderRadius},contained:{boxShadow:e.shadows[2]},disableElevation:{boxShadow:"none"},disabled:{},fullWidth:{width:"100%"},vertical:{flexDirection:"column"},grouped:{minWidth:40},groupedHorizontal:{"&:not(:first-child)":{borderTopLeftRadius:0,borderBottomLeftRadius:0},"&:not(:last-child)":{borderTopRightRadius:0,borderBottomRightRadius:0}},groupedVertical:{"&:not(:first-child)":{borderTopRightRadius:0,borderTopLeftRadius:0},"&:not(:last-child)":{borderBottomRightRadius:0,borderBottomLeftRadius:0}},groupedText:{},groupedTextHorizontal:{"&:not(:last-child)":{borderRight:"1px solid ".concat("light"===e.palette.type?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)")}},groupedTextVertical:{"&:not(:last-child)":{borderBottom:"1px solid ".concat("light"===e.palette.type?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)")}},groupedTextPrimary:{"&:not(:last-child)":{borderColor:Object(s.a)(e.palette.primary.main,.5)}},groupedTextSecondary:{"&:not(:last-child)":{borderColor:Object(s.a)(e.palette.secondary.main,.5)}},groupedOutlined:{},groupedOutlinedHorizontal:{"&:not(:first-child)":{marginLeft:-1},"&:not(:last-child)":{borderRightColor:"transparent"}},groupedOutlinedVertical:{"&:not(:first-child)":{marginTop:-1},"&:not(:last-child)":{borderBottomColor:"transparent"}},groupedOutlinedPrimary:{"&:hover":{borderColor:e.palette.primary.main}},groupedOutlinedSecondary:{"&:hover":{borderColor:e.palette.secondary.main}},groupedContained:{boxShadow:"none"},groupedContainedHorizontal:{"&:not(:last-child)":{borderRight:"1px solid ".concat(e.palette.grey[400]),"&$disabled":{borderRight:"1px solid ".concat(e.palette.action.disabled)}}},groupedContainedVertical:{"&:not(:last-child)":{borderBottom:"1px solid ".concat(e.palette.grey[400]),"&$disabled":{borderBottom:"1px solid ".concat(e.palette.action.disabled)}}},groupedContainedPrimary:{"&:not(:last-child)":{borderColor:e.palette.primary.dark}},groupedContainedSecondary:{"&:not(:last-child)":{borderColor:e.palette.secondary.dark}}}}),{name:"MuiButtonGroup"})(d)},1791:function(e,t,n){"use strict";var o=n(552),a=n(1127);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(0)),c=(0,o(n(1128)).default)(r.createElement("path",{d:"M19 13H5v-2h14v2z"}),"Remove");t.default=c},1792:function(e,t,n){"use strict";n.r(t),t.default="import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Badge from '@material-ui/core/Badge';\nimport ButtonGroup from '@material-ui/core/ButtonGroup';\nimport Button from '@material-ui/core/Button';\nimport AddIcon from '@material-ui/icons/Add';\nimport RemoveIcon from '@material-ui/icons/Remove';\nimport MailIcon from '@material-ui/icons/Mail';\nimport Switch from '@material-ui/core/Switch';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    '& > *': {\n      marginBottom: theme.spacing(2),\n    },\n    '& .MuiBadge-root': {\n      marginRight: theme.spacing(4),\n    },\n  },\n}));\n\nexport default function BadgeVisibility() {\n  const classes = useStyles();\n  const [count, setCount] = React.useState(1);\n  const [invisible, setInvisible] = React.useState(false);\n\n  const handleBadgeVisibility = () => {\n    setInvisible(!invisible);\n  };\n\n  return (\n    <div className={classes.root}>\n      <div>\n        <Badge color=\"secondary\" badgeContent={count}>\n          <MailIcon />\n        </Badge>\n        <ButtonGroup>\n          <Button\n            aria-label=\"reduce\"\n            onClick={() => {\n              setCount(Math.max(count - 1, 0));\n            }}\n          >\n            <RemoveIcon fontSize=\"small\" />\n          </Button>\n          <Button\n            aria-label=\"increase\"\n            onClick={() => {\n              setCount(count + 1);\n            }}\n          >\n            <AddIcon fontSize=\"small\" />\n          </Button>\n        </ButtonGroup>\n      </div>\n      <div>\n        <Badge color=\"secondary\" variant=\"dot\" invisible={invisible}>\n          <MailIcon />\n        </Badge>\n        <FormControlLabel\n          control={<Switch color=\"primary\" checked={!invisible} onChange={handleBadgeVisibility} />}\n          label=\"Show Badge\"\n        />\n      </div>\n    </div>\n  );\n}\n"},1793:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return l}));n(0);var o=n(1072),a=n(1114),r=n(1159),c=n.n(r),i=n(1);const s=Object(o.a)((e=>({root:{"& > *":{margin:e.spacing(1)}}})));function l(){const e=s();return Object(i.jsxs)("div",{className:e.root,children:[Object(i.jsx)(a.a,{color:"secondary",badgeContent:0,children:Object(i.jsx)(c.a,{})}),Object(i.jsx)(a.a,{color:"secondary",badgeContent:0,showZero:!0,children:Object(i.jsx)(c.a,{})})]})}},1794:function(e,t,n){"use strict";n.r(t),t.default="import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Badge from '@material-ui/core/Badge';\nimport MailIcon from '@material-ui/icons/Mail';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(1),\n    },\n  },\n}));\n\nexport default function ShowZeroBadge() {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n      <Badge color=\"secondary\" badgeContent={0}>\n        <MailIcon />\n      </Badge>\n      <Badge color=\"secondary\" badgeContent={0} showZero>\n        <MailIcon />\n      </Badge>\n    </div>\n  );\n}\n"},1795:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return d}));n(0);var o=n(1072),a=n(1114),r=n(1159),c=n.n(r),i=n(1);const s=Object(o.a)((e=>({root:{"& > *":{margin:e.spacing(2)}}}))),l={color:"secondary",children:Object(i.jsx)(c.a,{})};function d(){const e=s();return Object(i.jsxs)("div",{className:e.root,children:[Object(i.jsx)(a.a,{badgeContent:99,...l}),Object(i.jsx)(a.a,{badgeContent:100,...l}),Object(i.jsx)(a.a,{badgeContent:1e3,max:999,...l})]})}},1796:function(e,t,n){"use strict";n.r(t),t.default="import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Badge from '@material-ui/core/Badge';\nimport MailIcon from '@material-ui/icons/Mail';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(2),\n    },\n  },\n}));\n\nconst defaultProps = {\n  color: 'secondary',\n  children: <MailIcon />,\n};\n\nexport default function BadgeMax() {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n      <Badge badgeContent={99} {...defaultProps} />\n      <Badge badgeContent={100} {...defaultProps} />\n      <Badge badgeContent={1000} max={999} {...defaultProps} />\n    </div>\n  );\n}\n"},1797:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return d}));n(0);var o=n(1072),a=n(1114),r=n(1159),c=n.n(r),i=n(194),s=n(1);const l=Object(o.a)((e=>({root:{"& > *":{margin:e.spacing(1)}}})));function d(){const e=l();return Object(s.jsxs)("div",{className:e.root,children:[Object(s.jsx)(a.a,{color:"secondary",variant:"dot",children:Object(s.jsx)(c.a,{})}),Object(s.jsx)(a.a,{color:"secondary",variant:"dot",children:Object(s.jsx)(i.a,{children:"Typography"})})]})}},1798:function(e,t,n){"use strict";n.r(t),t.default="import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Badge from '@material-ui/core/Badge';\nimport MailIcon from '@material-ui/icons/Mail';\nimport Typography from '@material-ui/core/Typography';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(1),\n    },\n  },\n}));\n\nexport default function DotBadge() {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n      <Badge color=\"secondary\" variant=\"dot\">\n        <MailIcon />\n      </Badge>\n      <Badge color=\"secondary\" variant=\"dot\">\n        <Typography>Typography</Typography>\n      </Badge>\n    </div>\n  );\n}\n"},1799:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return s}));n(0);var o=n(5),a=n(1072),r=n(1114),c=n(1);const i=Object(a.a)((e=>({root:{"& > *":{margin:e.spacing(1)}},shape:{backgroundColor:e.palette.primary.main,width:40,height:40},shapeCircle:{borderRadius:"50%"}})));function s(){const e=i(),t=Object(c.jsx)("div",{className:e.shape}),n=Object(c.jsx)("div",{className:Object(o.a)(e.shape,e.shapeCircle)});return Object(c.jsxs)("div",{className:e.root,children:[Object(c.jsx)(r.a,{color:"secondary",badgeContent:" ",children:t}),Object(c.jsx)(r.a,{color:"secondary",badgeContent:" ",variant:"dot",children:t}),Object(c.jsx)(r.a,{color:"secondary",overlap:"circular",badgeContent:" ",children:n}),Object(c.jsx)(r.a,{color:"secondary",overlap:"circular",badgeContent:" ",variant:"dot",children:n})]})}},1800:function(e,t,n){"use strict";n.r(t),t.default='import React from \'react\';\nimport clsx from \'clsx\';\nimport { makeStyles } from \'@material-ui/core/styles\';\nimport Badge from \'@material-ui/core/Badge\';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    \'& > *\': {\n      margin: theme.spacing(1),\n    },\n  },\n  shape: {\n    backgroundColor: theme.palette.primary.main,\n    width: 40,\n    height: 40,\n  },\n  shapeCircle: {\n    borderRadius: \'50%\',\n  },\n}));\n\nexport default function BadgeOverlap() {\n  const classes = useStyles();\n\n  const rectangle = <div className={classes.shape} />;\n  const circle = <div className={clsx(classes.shape, classes.shapeCircle)} />;\n\n  return (\n    <div className={classes.root}>\n      <Badge color="secondary" badgeContent=" ">\n        {rectangle}\n      </Badge>\n      <Badge color="secondary" badgeContent=" " variant="dot">\n        {rectangle}\n      </Badge>\n      <Badge color="secondary" overlap="circular" badgeContent=" ">\n        {circle}\n      </Badge>\n      <Badge color="secondary" overlap="circular" badgeContent=" " variant="dot">\n        {circle}\n      </Badge>\n    </div>\n  );\n}\n'},1801:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return j}));var o=n(0),a=n.n(o),r=n(1114),c=n(1035),i=n(1094),s=n(1036),l=n(1120),d=n(1093),u=n(1072),m=n(1159),p=n.n(m),f=n(1189),h=n(1);const b=Object(u.a)((e=>({root:{width:"100%"},formControl:{margin:e.spacing(3)},row:{display:"flex",justifyContent:"center"},margin:{margin:e.spacing(2)}})));function j(){const e=b(),[t,n]=a.a.useState("right"),[o,u]=a.a.useState("top"),m="\n<Badge\n  anchorOrigin={{\n    vertical: '".concat(o,"',\n    horizontal: '").concat(t,"',\n  }}\n>\n");return Object(h.jsxs)("div",{className:e.root,children:[Object(h.jsxs)("div",{className:e.row,children:[Object(h.jsxs)(c.a,{component:"fieldset",className:e.formControl,children:[Object(h.jsx)(s.a,{component:"legend",children:"Vertical"}),Object(h.jsxs)(d.a,{name:"vertical",value:o,onChange:e=>{u(e.target.value)},children:[Object(h.jsx)(i.a,{value:"top",control:Object(h.jsx)(l.a,{}),label:"Top"}),Object(h.jsx)(i.a,{value:"bottom",control:Object(h.jsx)(l.a,{}),label:"Bottom"})]})]}),Object(h.jsxs)(c.a,{component:"fieldset",className:e.formControl,children:[Object(h.jsx)(s.a,{component:"legend",children:"Horizontal"}),Object(h.jsxs)(d.a,{name:"horizontal",value:t,onChange:e=>{n(e.target.value)},children:[Object(h.jsx)(i.a,{value:"right",control:Object(h.jsx)(l.a,{}),label:"Right"}),Object(h.jsx)(i.a,{value:"left",control:Object(h.jsx)(l.a,{}),label:"Left"})]})]})]}),Object(h.jsxs)("div",{className:e.row,children:[Object(h.jsx)(r.a,{color:"secondary",variant:"dot",badgeContent:1,anchorOrigin:{horizontal:t,vertical:o},className:e.margin,children:Object(h.jsx)(p.a,{})}),Object(h.jsx)(r.a,{color:"secondary",badgeContent:1,anchorOrigin:{horizontal:t,vertical:o},className:e.margin,children:Object(h.jsx)(p.a,{})}),Object(h.jsx)(r.a,{color:"secondary",badgeContent:12,anchorOrigin:{horizontal:t,vertical:o},className:e.margin,children:Object(h.jsx)(p.a,{})}),Object(h.jsx)(r.a,{color:"secondary",badgeContent:123,anchorOrigin:{horizontal:t,vertical:o},className:e.margin,children:Object(h.jsx)(p.a,{})}),Object(h.jsx)(r.a,{color:"secondary",max:999,badgeContent:1337,anchorOrigin:{horizontal:t,vertical:o},className:e.margin,children:Object(h.jsx)(p.a,{})})]}),Object(h.jsx)(f.a,{code:m,language:"jsx"})]})}},1802:function(e,t,n){"use strict";n.r(t),t.default='import React from \'react\';\nimport Badge from \'@material-ui/core/Badge\';\nimport FormControl from \'@material-ui/core/FormControl\';\nimport FormControlLabel from \'@material-ui/core/FormControlLabel\';\nimport FormLabel from \'@material-ui/core/FormLabel\';\nimport Radio from \'@material-ui/core/Radio\';\nimport RadioGroup from \'@material-ui/core/RadioGroup\';\nimport { makeStyles } from \'@material-ui/core/styles\';\nimport MailIcon from \'@material-ui/icons/Mail\';\nimport HighlightedCode from \'app/main/documentation/material-ui-components/utils/HighlightedCode\';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: \'100%\',\n  },\n  formControl: {\n    margin: theme.spacing(3),\n  },\n  row: {\n    display: \'flex\',\n    justifyContent: \'center\',\n  },\n  margin: {\n    margin: theme.spacing(2),\n  },\n}));\n\nexport default function BadgeAlignment() {\n  const classes = useStyles();\n  const [horizontal, setHorizontal] = React.useState(\'right\');\n  const [vertical, setVertical] = React.useState(\'top\');\n\n  const handleHorizontalChange = (event) => {\n    setHorizontal(event.target.value);\n  };\n\n  const handleVerticalChange = (event) => {\n    setVertical(event.target.value);\n  };\n\n  const jsx = `\n<Badge\n  anchorOrigin={{\n    vertical: \'${vertical}\',\n    horizontal: \'${horizontal}\',\n  }}\n>\n`;\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.row}>\n        <FormControl component="fieldset" className={classes.formControl}>\n          <FormLabel component="legend">Vertical</FormLabel>\n          <RadioGroup name="vertical" value={vertical} onChange={handleVerticalChange}>\n            <FormControlLabel value="top" control={<Radio />} label="Top" />\n            <FormControlLabel value="bottom" control={<Radio />} label="Bottom" />\n          </RadioGroup>\n        </FormControl>\n        <FormControl component="fieldset" className={classes.formControl}>\n          <FormLabel component="legend">Horizontal</FormLabel>\n          <RadioGroup name="horizontal" value={horizontal} onChange={handleHorizontalChange}>\n            <FormControlLabel value="right" control={<Radio />} label="Right" />\n            <FormControlLabel value="left" control={<Radio />} label="Left" />\n          </RadioGroup>\n        </FormControl>\n      </div>\n      <div className={classes.row}>\n        <Badge\n          color="secondary"\n          variant="dot"\n          badgeContent={1}\n          anchorOrigin={{\n            horizontal,\n            vertical,\n          }}\n          className={classes.margin}\n        >\n          <MailIcon />\n        </Badge>\n        <Badge\n          color="secondary"\n          badgeContent={1}\n          anchorOrigin={{\n            horizontal,\n            vertical,\n          }}\n          className={classes.margin}\n        >\n          <MailIcon />\n        </Badge>\n        <Badge\n          color="secondary"\n          badgeContent={12}\n          anchorOrigin={{\n            horizontal,\n            vertical,\n          }}\n          className={classes.margin}\n        >\n          <MailIcon />\n        </Badge>\n        <Badge\n          color="secondary"\n          badgeContent={123}\n          anchorOrigin={{\n            horizontal,\n            vertical,\n          }}\n          className={classes.margin}\n        >\n          <MailIcon />\n        </Badge>\n        <Badge\n          color="secondary"\n          max={999}\n          badgeContent={1337}\n          anchorOrigin={{\n            horizontal,\n            vertical,\n          }}\n          className={classes.margin}\n        >\n          <MailIcon />\n        </Badge>\n      </div>\n      <HighlightedCode code={jsx} language="jsx" />\n    </div>\n  );\n}\n'},2563:function(e,t,n){"use strict";n.r(t);var o=n(1130),a=n(1098),r=n(1090),c=n(194),i=n(1072),s=n(1);const l=Object(i.a)((e=>({layoutRoot:{"& .description":{marginBottom:16}}})));t.default=function(e){return l(),Object(s.jsxs)(s.Fragment,{children:[Object(s.jsx)("div",{className:"flex flex-1 flex-grow-0 items-center justify-end",children:Object(s.jsxs)(a.a,{className:"normal-case",variant:"outlined",component:"a",href:"https://material-ui.com/components/badges",target:"_blank",role:"button",children:[Object(s.jsx)(r.a,{children:"link"}),Object(s.jsx)("span",{className:"mx-4",children:"Reference"})]})}),Object(s.jsx)(c.a,{className:"text-44 mt-32 mb-8",component:"h1",children:"Badge"}),Object(s.jsx)(c.a,{className:"description",children:"Badge generates a small badge to the top-right of its child(ren)."}),Object(s.jsx)(c.a,{className:"text-32 mt-32 mb-8",component:"h2",children:"Basic badges"}),Object(s.jsx)(c.a,{className:"mb-16",component:"div",children:"Examples of badges containing text, using primary and secondary colors. The badge is applied to its children."}),Object(s.jsx)(c.a,{className:"mb-16",component:"div",children:Object(s.jsx)(o.a,{className:"my-24",iframe:!1,component:n(1784).default,raw:n(1785)})}),Object(s.jsx)(c.a,{className:"text-32 mt-32 mb-8",component:"h2",children:"Customized badges"}),Object(s.jsxs)(c.a,{className:"mb-16",component:"div",children:["Here is an example of customizing the component. You can learn more about this in the"," ",Object(s.jsx)("a",{href:"/customization/components/",children:"overrides documentation page"}),"."]}),Object(s.jsx)(c.a,{className:"mb-16",component:"div",children:Object(s.jsx)(o.a,{className:"my-24",iframe:!1,component:n(1786).default,raw:n(1788)})}),Object(s.jsx)(c.a,{className:"text-32 mt-32 mb-8",component:"h2",children:"Badge visibility"}),Object(s.jsxs)(c.a,{className:"mb-16",component:"div",children:["The visibility of badges can be controlled using the ",Object(s.jsx)("code",{children:"invisible"})," property."]}),Object(s.jsx)(c.a,{className:"mb-16",component:"div",children:Object(s.jsx)(o.a,{className:"my-24",iframe:!1,component:n(1789).default,raw:n(1792)})}),Object(s.jsxs)(c.a,{className:"mb-16",component:"div",children:["The badge auto hides with badgeContent is zero. You can override this with the"," ",Object(s.jsx)("code",{children:"showZero"})," property."]}),Object(s.jsx)(c.a,{className:"mb-16",component:"div",children:Object(s.jsx)(o.a,{className:"my-24",iframe:!1,component:n(1793).default,raw:n(1794)})}),Object(s.jsx)(c.a,{className:"text-32 mt-32 mb-8",component:"h2",children:"Maximum value"}),Object(s.jsxs)(c.a,{className:"mb-16",component:"div",children:["You can use the ",Object(s.jsx)("code",{children:"max"})," property to cap the value of the badge content."]}),Object(s.jsx)(c.a,{className:"mb-16",component:"div",children:Object(s.jsx)(o.a,{className:"my-24",iframe:!1,component:n(1795).default,raw:n(1796)})}),Object(s.jsx)(c.a,{className:"text-32 mt-32 mb-8",component:"h2",children:"Dot badge"}),Object(s.jsxs)(c.a,{className:"mb-16",component:"div",children:["The ",Object(s.jsx)("code",{children:"dot"})," property changes a badge into a small dot. This can be used as a notification that something has changed without giving a count."]}),Object(s.jsx)(c.a,{className:"mb-16",component:"div",children:Object(s.jsx)(o.a,{className:"my-24",iframe:!1,component:n(1797).default,raw:n(1798)})}),Object(s.jsx)(c.a,{className:"text-32 mt-32 mb-8",component:"h2",children:"Badge overlap"}),Object(s.jsxs)(c.a,{className:"mb-16",component:"div",children:["You can use the ",Object(s.jsx)("code",{children:"overlap"})," property to place the badge relative to the corner of the wrapped element."]}),Object(s.jsx)(c.a,{className:"mb-16",component:"div",children:Object(s.jsx)(o.a,{className:"my-24",iframe:!1,component:n(1799).default,raw:n(1800)})}),Object(s.jsx)(c.a,{className:"text-32 mt-32 mb-8",component:"h2",children:"Badge alignment"}),Object(s.jsxs)(c.a,{className:"mb-16",component:"div",children:["You can use the ",Object(s.jsx)("code",{children:"anchorOrigin"})," prop to move the badge to any corner of the wrapped element."]}),Object(s.jsx)(c.a,{className:"mb-16",component:"div",children:Object(s.jsx)(o.a,{className:"my-24",iframe:!1,component:n(1801).default,raw:n(1802)})})]})}}}]);

Zerion Mini Shell 1.0