https://workparrots.com/static/js/1562.73183c4e.chunk.js

1"use strict";(self.webpackChunk_minimal_kit_cra_js=self.webpackChunk_minimal_kit_cra_js||[]).push([[1562],{2771(e,o,n){n.d(o,{c:()=>x});var t=n(89379),l=n(80045),s=n(16491),a=n(19808),r=n(14857),i=n(21156),c=n(65594),d=n(44414);const p=["children","sx"];function x(e){let{children:o,sx:n}=e,x=(0,l.A)(e,p);const m=(0,r.A)();return(0,d.jsxs)(s.A,(0,t.A)((0,t.A)({sx:(0,t.A)({py:5,minHeight:240,display:"flex",position:"relative",alignItems:"center"},n)},x),{},{children:[(0,d.jsx)(a.A,{children:o}),(0,d.jsx)(s.A,{sx:(0,t.A)((0,t.A)({},(0,c.ab)({color:"0deg, ".concat((0,c.IG)(m.vars.palette.background.defaultChannel,.9),", ").concat((0,c.IG)(m.vars.palette.background.defaultChannel,.9)),imgUrl:"".concat(i.P.assetsDir,"/assets/background/background-3-blur.webp")})),{},{top:0,left:0,width:1,height:1,zIndex:-1,position:"absolute",transform:"scaleX(-1)"})})]}))}},25301(e,o,n){n.d(o,{u:()=>g});var t=n(89379),l=n(80045),s=n(9950),a=n(16491),r=n(30358),i=n(2683),c=n(93230),d=n(19808),p=n(45180),x=n(50704),m=n(87393),u=n(44414);const h=["sx","data","slotProps","offsetValue","queryClassName"];function g(e){let{sx:o,data:n,slotProps:g,offsetValue:A=.3,queryClassName:f="scroll__to__view"}=e,j=(0,l.A)(e,h);const[b,v]=(0,s.useState)(0),y=(0,s.useCallback)((()=>{const e=window.innerHeight*A,o=window.scrollY+e,n=document.querySelectorAll(".".concat(f));let t=null;

1n.forEach(((e,n)=>{const l=e.offsetTop,s=l+e.clientHeight;o>=l&&o<s&&(t=n)})),v(t)}),[A,f]);(0,m.M)("scroll",y);const k=(0,s.useCallback)((e=>{const o=document.querySelectorAll(".".concat(f));if(o&&o.length>e){const n=o[e].offsetTop-160;window.scrollTo({top:n,behavior:"smooth"})}}),[f]),C=(0,u.jsx)(c.A,{component:"nav",sx:(0,t.A)({top:80,width:240,flexShrink:0,position:"sticky",display:{xs:"none",md:"flex"}},null===g||void 0===g?void 0:g.nav),children:(0,u.jsx)(a.A,{component:"ul",sx:{gap:1.5,display:"flex",flexDirection:"column"},children:n.map(((e,o)=>(0,u.jsx)(a.A,{component:"li",sx:{display:"flex"},children:(0,u.jsxs)(r.A,{underline:"none",onClick:()=>k(o),sx:(0,t.A)({cursor:"pointer",typography:"body2",color:"text.disabled"},b===o&&{color:"text.primary",fontWeight:"fontWeightSemiBold"}),children:[o+1," - ",e.name]})},e.name)))})}),w=(0,u.jsx)(c.A,{component:"section",spacing:5,flex:"1 1 auto",sx:(0,t.A)({minWidth:0,borderRadius:2,p:{xs:3,md:5},bgcolor:"background.neutral"},null===g||void 0===g?void 0:g.section),children:n.map((e=>(0,u.jsxs)(i.A,{className:f,children:[(0,u.jsx)(p.A,{title:e.name}),(0,u.jsx)(x.A,{children:e.component})]},e.name)))});return(0,u.jsx)(d.A,(0,t.A)((0,t.A)({},null===g||void 0===g?void 0:g.container),{},{children:(0,u.jsxs)(c.A,(0,t.A)((0,t.A)({spacing:5,direction:"row",alignItems:"flex-start",sx:(0,t.A)({pt:10,pb:15},o)},j),{},{children:[C,w]}))}))}},52432(e,o,n){n.d(o,{A:()=>R});var t=n(58168),l=n(98587),s=n(9950),a=(n(75772),n(72004)),r=n(88465),i=n(59063),c=n(59254),d=n(18463),p=n(87233),x=n(99269),m=n(65471),u=n(44414);const h=(0,m.A)((0,u.jsx)("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreHoriz");var g=n(29715);const A=["slots","slotProps"],f=(0,c.Ay)(g.A)((e=>{let{theme:o}=e;return(0,t.A)({display:"flex",marginLeft:"calc(".concat(o.spacing(1)," * 0.5)"),marginRight:"calc(".concat(o.spacing(1)," * 0.5)")},"light"===o.palette.mode?{backgroundColor:o.palette.grey[100],color:o.palette.grey[700]}:{backgroundColor:o.palette.grey[700],color:o.palette.grey[100]},{borderRadius:2,"&:hover, &:focus":(0,t.A)({},"light"===o.palette.mode?{backgroundColor:o.palette.grey[200]}:{backgroundColor:o.palette.grey[600]}),"&:active":(0,t.A)({boxShadow:o.shadows[0]},"light"===o.palette.mode?{backgroundColor:(0,x.tL)(o.palette.grey[200],.12)}:{backgroundColor:(0,x.tL)(o.palette.grey[600],.12)})})})),j=(0,c.Ay)(h)({width:24,height:16});const b=function(e){const{slots:o={},slotProps:n={}}=e,s=(0,l.A)(e,A),a=e;return(0,u.jsx)("li",{children:(0,u.jsx)(f,(0,t.A)({focusRipple:!0},s,{ownerState:a,children:(0,u.jsx)(j,(0,t.A)({as:o.CollapsedIcon,ownerState:a},n.collapsedIcon))}))})};var v=n(1763),y=n(423);function k(e){return(0,y.Ay)("MuiBreadcrumbs",e)}const C=(0,v.A)("MuiBreadcrumbs",["root","ol","li","separator"]),w=["children","className","component","slots","slotProps","expandText","itemsAfterCollapse","itemsBeforeCollapse","maxItems","separator"],S=(0,c.Ay)(p.A,{name:"MuiBreadcrumbs",slot:"Root",overridesResolver:(e,o)=>[{["& .".concat(C.li)]:o.li},o.root]})({}),I=(0,c.Ay)("ol",{name:"MuiBreadcrumbs",slot:"Ol",overridesResolver:(e,o)=>o.ol})({display:"flex",flexWrap:"wrap",alignItems:"center",padding:0,margin:0,listStyle:"none"}),_=(0,c.Ay)("li",{name:"MuiBreadcrumbs",slot:"Separator",overridesResolver:(e,o)=>o.separator})({display:"flex",userSelect:"none",marginLeft:8,marginRight:8});function L(e,o,n,t){return e.reduce(((l,s,a)=>(a<e.length-1?l=l.concat(s,(0,u.jsx)(_,{"aria-hidden":!0,className:o,ownerState:t,children:n},"separator-".concat(a))):l.push(s),l)),[])}const R=s.forwardRef((function(e,o){const n=(0,d.b)({props:e,name:"MuiBreadcrumbs"}),{children:c,className:p,component:x="nav",slots:m={},slotProps:h={},expandText:g="Show path",itemsAfterCollapse:A=1,itemsBeforeCollapse:f=1,maxItems:j=8,separator:v="/"}=n,y=(0,l.A)(n,w),[C,_]=s.useState(!1),R=(0,t.A)({},n,{component:x,expanded:C,expandText:g,itemsAfterCollapse:A,itemsBeforeCollapse:f,maxItems:j,separator:v}),P=(e=>{const{classes:o}=e;return(0,r.A)({root:["root"],li:["li"],ol:["ol"],separator:["separator"]},k,o)})(R),N=(0,i.A)({elementType:m.CollapsedIcon,externalSlotProps:h.collapsedIcon,ownerState:R}),U=s.useRef(null),B=s.Children.toArray(c).filter((e=>s.isValidElement(e))).map(((e,o)=>(0,u.jsx)("li",{className:P.li,children:e},"child-".concat(o))));return(0,u.jsx)(S,(0,t.A)({ref:o,component:x,color:"text.secondary",className:(0,a.A)(P.root,p),ownerState:R},y,{children:(0,u.jsx)(I,{className:P.ol,ref:U,ownerState:R,children:L(C||j&&B.length<=j?B:(e=>f+A>=e.length?e:[...e.slice(0,f),(0,u.jsx)(b,{"aria-label":g,slots:{CollapsedIcon:m.CollapsedIcon},slotProps:{collapsedIcon:N},onClick:()=>{_(!0);const e=U.current.querySelector("a[href],button,[tabindex]");e&&e.focus()}},"ellipsis"),...e.slice(e.length-A,e.length)])(B),P.separator,v,R)})}))}))},61562(e,o,n){n.r(o),n.d(o,{default:()=>v});var t=n(32856),l=n(21156),s=n(9950),a=n(93230),r=n(77335),i=n(87233),c=n(7233),d=n(90260),p=n(2928),x=n(90628),m=n(74631),u=n(66438),h=n(57119),g=n(2771),A=n(25301),f=n(44414);

1function j(){const e=(0,p.C)(),[o,n]=(0,s.useState)([]),[t,l]=(0,s.useState)(null),[j,b]=(0,s.useState)(null),v=(0,s.useCallback)((e=>{const o=e[0];l(o)}),[]),y=(0,s.useCallback)((e=>{const o=e[0];b(o)}),[]),k=(0,s.useCallback)((e=>{n([...o,...e])}),[o]),C=[{name:"Upload multi file",component:(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(c.A,{control:(0,f.jsx)(r.A,{checked:e.value,onClick:e.onToggle}),label:"Show Thumbnail",sx:{mb:3,width:1,justifyContent:"flex-end"}}),(0,f.jsx)(h._O,{multiple:!0,thumbnail:e.value,value:o,onDrop:k,onRemove:e=>{const t=o.filter((o=>o!==e));n(t)},onRemoveAll:()=>{n([])},onUpload:()=>console.info("ON UPLOAD")})]})},{name:"Upload single file",component:(0,f.jsx)(h._O,{value:t,onDrop:v,onDelete:()=>l(null)})},{name:"Upload avatar",component:(0,f.jsx)(h.nZ,{value:j,onDrop:y,validator:e=>e.size>1e6?{code:"file-too-large",message:"File is larger than ".concat((0,x.tm)(1e6))}:null,helperText:(0,f.jsxs)(i.A,{variant:"caption",sx:{mt:3,mx:"auto",display:"block",textAlign:"center",color:"text.disabled"},children:["Allowed *.jpeg, *.jpg, *.png, *.gif",(0,f.jsx)("br",{})," max size of ",(0,x.tm)(3145728)]})})},{name:"Upload box",component:(0,f.jsxs)(a.A,{direction:"row",spacing:2,children:[(0,f.jsx)(h.Zc,{}),(0,f.jsx)(h.Zc,{placeholder:(0,f.jsxs)(a.A,{spacing:.5,alignItems:"center",children:[(0,f.jsx)(m.WL,{icon:"eva:cloud-upload-fill",width:40}),(0,f.jsx)(i.A,{variant:"body2",children:"Upload file"})]}),sx:{mb:3,py:2.5,flexGrow:1,height:"auto"}})]})}];return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(g.c,{children:(0,f.jsx)(u.g,{heading:"Upload",links:[{name:"Components",href:d.f.components},{name:"Upload"}],moreLink:["https://react-dropzone.js.org/#section-basic-example"]})}),(0,f.jsx)(A.u,{data:C})]})}const b={title:"Upload | Components - ".concat(l.P.appName)};function v(){return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(t.mg,{children:(0,f.jsxs)("title",{children:[" ",b.title]})}),(0,f.jsx)(j,{})]})}},66438(e,o,n){n.d(o,{g:()=>m});var t=n(89379),l=n(80045),s=n(16491),a=n(30358),r=n(87233),i=n(52432),c=n(95218),d=n(44414);function p(e){let{link:o,activeLast:n,disabled:l}=e;const r=(0,t.A)({typography:"body2",alignItems:"center",color:"text.primary",display:"inline-flex"},l&&!n&&{cursor:"default",pointerEvents:"none",color:"text.disabled"}),i=(0,d.jsxs)(d.Fragment,{children:[o.icon&&(0,d.jsx)(s.A,{component:"span",sx:{mr:1,display:"inherit","& svg, & img":{width:20,height:20}},children:o.icon}),o.name]});return o.href?(0,d.jsx)(a.A,{component:c.W,href:o.href,sx:r,children:i}):(0,d.jsxs)(s.A,{sx:r,children:[" ",i," "]})}const x=["links","action","heading","moreLink","activeLast","slotProps","sx"];function m(e){let{links:o,action:n,heading:c,moreLink:m,activeLast:h,slotProps:g,sx:A}=e,f=(0,l.A)(e,x);const j=o[o.length-1].name,b=(0,d.jsx)(r.A,{variant:"h4",sx:(0,t.A)({mb:2},null===g||void 0===g?void 0:g.heading),children:c}),v=(0,d.jsx)(i.A,(0,t.A)((0,t.A)({separator:(0,d.jsx)(u,{}),sx:null===g||void 0===g?void 0:g.breadcrumbs},f),{},{children:o.map(((e,o)=>{var n;return(0,d.jsx)(p,{link:e,activeLast:h,disabled:e.name===j},null!==(n=e.name)&&void 0!==n?n:o)}))})),y=(0,d.jsxs)(s.A,{sx:(0,t.A)({flexShrink:0},null===g||void 0===g?void 0:g.action),children:[" ",n," "]}),k=(0,d.jsx)(s.A,{component:"ul",children:null===m||void 0===m?void 0:m.map((e=>(0,d.jsx)(s.A,{component:"li",sx:{display:"flex"},children:(0,d.jsx)(a.A,{href:e,variant:"body2",target:"_blank",rel:"noopener",sx:null===g||void 0===g?void 0:g.moreLink,children:e})},e)))});return(0,d.jsxs)(s.A,(0,t.A)((0,t.A)({gap:2,display:"flex",flexDirection:"column",sx:A},f),{},{children:[(0,d.jsxs)(s.A,{display:"flex",alignItems:"center",children:[(0,d.jsxs)(s.A,{sx:{flexGrow:1},children:[c&&b,!!o.length&&v]}),n&&y]}),!!m&&k]}))}function u(){return(0,d.jsx)(s.A,{component:"span",sx:{width:4,height:4,borderRadius:"50%",bgcolor:"text.disabled"}})}}}]);