HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/workinsights/assets/
Current File : //home/htlwork.com/www/dev/workinsights/assets/Employees-DHRRQcO3.js
import{r as p,j as s}from"./index-DcKDDqO0.js";import{g as C,c as D,u as S,d as he,P as R,F as U,e as fe,f as v,s as u,h as x,i as w,M as ye,j as ve,m as z,T as O,k as be,B as I,a as b,b as W}from"./TextField-Ca0tYlFV.js";import{c as h}from"./clsx-B-dksMZM.js";import{D as Ce}from"./DataGrid-maZ5V2Vf.js";function De(o){return D("MuiDialog",o)}const T=C("MuiDialog",["root","scrollPaper","scrollBody","container","paper","paperScrollPaper","paperScrollBody","paperWidthFalse","paperWidthXs","paperWidthSm","paperWidthMd","paperWidthLg","paperWidthXl","paperFullWidth","paperFullScreen"]),L=p.createContext({}),Se=u(ve,{name:"MuiDialog",slot:"Backdrop",overrides:(o,e)=>e.backdrop})({zIndex:-1}),we=o=>{const{classes:e,scroll:t,maxWidth:a,fullWidth:l,fullScreen:i}=o,c={root:["root"],container:["container",`scroll${x(t)}`],paper:["paper",`paperScroll${x(t)}`,`paperWidth${x(String(a))}`,l&&"paperFullWidth",i&&"paperFullScreen"]};return w(c,De,e)},ke=u(ye,{name:"MuiDialog",slot:"Root",overridesResolver:(o,e)=>e.root})({"@media print":{position:"absolute !important"}}),Pe=u("div",{name:"MuiDialog",slot:"Container",overridesResolver:(o,e)=>{const{ownerState:t}=o;return[e.container,e[`scroll${x(t.scroll)}`]]}})({height:"100%","@media print":{height:"auto"},outline:0,variants:[{props:{scroll:"paper"},style:{display:"flex",justifyContent:"center",alignItems:"center"}},{props:{scroll:"body"},style:{overflowY:"auto",overflowX:"hidden",textAlign:"center","&::after":{content:'""',display:"inline-block",verticalAlign:"middle",height:"100%",width:"0"}}}]}),je=u(R,{name:"MuiDialog",slot:"Paper",overridesResolver:(o,e)=>{const{ownerState:t}=o;return[e.paper,e[`scrollPaper${x(t.scroll)}`],e[`paperWidth${x(String(t.maxWidth))}`],t.fullWidth&&e.paperFullWidth,t.fullScreen&&e.paperFullScreen]}})(z(({theme:o})=>({margin:32,position:"relative",overflowY:"auto","@media print":{overflowY:"visible",boxShadow:"none"},variants:[{props:{scroll:"paper"},style:{display:"flex",flexDirection:"column",maxHeight:"calc(100% - 64px)"}},{props:{scroll:"body"},style:{display:"inline-block",verticalAlign:"middle",textAlign:"initial"}},{props:({ownerState:e})=>!e.maxWidth,style:{maxWidth:"calc(100% - 64px)"}},{props:{maxWidth:"xs"},style:{maxWidth:o.breakpoints.unit==="px"?Math.max(o.breakpoints.values.xs,444):`max(${o.breakpoints.values.xs}${o.breakpoints.unit}, 444px)`,[`&.${T.paperScrollBody}`]:{[o.breakpoints.down(Math.max(o.breakpoints.values.xs,444)+32*2)]:{maxWidth:"calc(100% - 64px)"}}}},...Object.keys(o.breakpoints.values).filter(e=>e!=="xs").map(e=>({props:{maxWidth:e},style:{maxWidth:`${o.breakpoints.values[e]}${o.breakpoints.unit}`,[`&.${T.paperScrollBody}`]:{[o.breakpoints.down(o.breakpoints.values[e]+32*2)]:{maxWidth:"calc(100% - 64px)"}}}})),{props:({ownerState:e})=>e.fullWidth,style:{width:"calc(100% - 64px)"}},{props:({ownerState:e})=>e.fullScreen,style:{margin:0,width:"100%",maxWidth:"100%",height:"100%",maxHeight:"none",borderRadius:0,[`&.${T.paperScrollBody}`]:{margin:0,maxWidth:"100%"}}}]}))),Me=p.forwardRef(function(e,t){const a=S({props:e,name:"MuiDialog"}),l=he(),i={enter:l.transitions.duration.enteringScreen,exit:l.transitions.duration.leavingScreen},{"aria-describedby":c,"aria-labelledby":n,"aria-modal":d=!0,BackdropComponent:r,BackdropProps:f,children:Y,className:H,disableEscapeKeyDown:A=!1,fullScreen:X=!1,fullWidth:V=!1,maxWidth:G="sm",onBackdropClick:$,onClick:N,onClose:k,open:B,PaperComponent:K=R,PaperProps:E={},scroll:q="paper",slots:J={},slotProps:Q={},TransitionComponent:Z=U,transitionDuration:F=i,TransitionProps:_,...ee}=a,m={...a,disableEscapeKeyDown:A,fullScreen:X,fullWidth:V,maxWidth:G,scroll:q},P=we(m),j=p.useRef(),oe=g=>{j.current=g.target===g.currentTarget},te=g=>{N&&N(g),j.current&&(j.current=null,$&&$(g),k&&k(g,"backdropClick"))},M=fe(n),se=p.useMemo(()=>({titleId:M}),[M]),ae={transition:Z,...J},re={transition:_,paper:E,backdrop:f,...Q},y={slots:ae,slotProps:re},[le,ie]=v("root",{elementType:ke,shouldForwardComponentProp:!0,externalForwardedProps:y,ownerState:m,className:h(P.root,H),ref:t}),[ne,pe]=v("backdrop",{elementType:Se,shouldForwardComponentProp:!0,externalForwardedProps:y,ownerState:m}),[ce,de]=v("paper",{elementType:je,shouldForwardComponentProp:!0,externalForwardedProps:y,ownerState:m,className:h(P.paper,E.className)}),[ue,me]=v("container",{elementType:Pe,externalForwardedProps:y,ownerState:m,className:h(P.container)}),[ge,xe]=v("transition",{elementType:U,externalForwardedProps:y,ownerState:m,additionalProps:{appear:!0,in:B,timeout:F,role:"presentation"}});return s.jsx(le,{closeAfterTransition:!0,slots:{backdrop:ne},slotProps:{backdrop:{transitionDuration:F,as:r,...pe}},disableEscapeKeyDown:A,onClose:k,open:B,onClick:te,...ie,...ee,children:s.jsx(ge,{...xe,children:s.jsx(ue,{onMouseDown:oe,...me,children:s.jsx(ce,{as:K,elevation:24,role:"dialog","aria-describedby":c,"aria-labelledby":M,"aria-modal":d,...de,children:s.jsx(L.Provider,{value:se,children:Y})})})})})});function We(o){return D("MuiDialogActions",o)}C("MuiDialogActions",["root","spacing"]);const Te=o=>{const{classes:e,disableSpacing:t}=o;return w({root:["root",!t&&"spacing"]},We,e)},Re=u("div",{name:"MuiDialogActions",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:t}=o;return[e.root,!t.disableSpacing&&e.spacing]}})({display:"flex",alignItems:"center",padding:8,justifyContent:"flex-end",flex:"0 0 auto",variants:[{props:({ownerState:o})=>!o.disableSpacing,style:{"& > :not(style) ~ :not(style)":{marginLeft:8}}}]}),Ae=p.forwardRef(function(e,t){const a=S({props:e,name:"MuiDialogActions"}),{className:l,disableSpacing:i=!1,...c}=a,n={...a,disableSpacing:i},d=Te(n);return s.jsx(Re,{className:h(d.root,l),ownerState:n,ref:t,...c})});function $e(o){return D("MuiDialogContent",o)}C("MuiDialogContent",["root","dividers"]);function Ne(o){return D("MuiDialogTitle",o)}const Be=C("MuiDialogTitle",["root"]),Ee=o=>{const{classes:e,dividers:t}=o;return w({root:["root",t&&"dividers"]},$e,e)},Fe=u("div",{name:"MuiDialogContent",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:t}=o;return[e.root,t.dividers&&e.dividers]}})(z(({theme:o})=>({flex:"1 1 auto",WebkitOverflowScrolling:"touch",overflowY:"auto",padding:"20px 24px",variants:[{props:({ownerState:e})=>e.dividers,style:{padding:"16px 24px",borderTop:`1px solid ${(o.vars||o).palette.divider}`,borderBottom:`1px solid ${(o.vars||o).palette.divider}`}},{props:({ownerState:e})=>!e.dividers,style:{[`.${Be.root} + &`]:{paddingTop:0}}}]}))),Ue=p.forwardRef(function(e,t){const a=S({props:e,name:"MuiDialogContent"}),{className:l,dividers:i=!1,...c}=a,n={...a,dividers:i},d=Ee(n);return s.jsx(Fe,{className:h(d.root,l),ownerState:n,ref:t,...c})}),Ie=o=>{const{classes:e}=o;return w({root:["root"]},Ne,e)},ze=u(O,{name:"MuiDialogTitle",slot:"Root",overridesResolver:(o,e)=>e.root})({padding:"16px 24px",flex:"0 0 auto"}),Oe=p.forwardRef(function(e,t){const a=S({props:e,name:"MuiDialogTitle"}),{className:l,id:i,...c}=a,n=a,d=Ie(n),{titleId:r=i}=p.useContext(L);return s.jsx(ze,{component:"h2",className:h(d.root,l),ownerState:n,ref:t,variant:"h6",id:i??r,...c})}),Le=be(s.jsx("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"}),"Add"),Ge=()=>{const[o,e]=p.useState([]),[t,a]=p.useState(!1),[l,i]=p.useState({name:"",email:"",password:"",role:"employee"});p.useEffect(()=>{const r=db.get("users").filter(f=>f.role==="employee");e(r)},[]);const c=()=>{const r={id:Date.now().toString(),...l};db.add("users",r),e([...o,r]),a(!1),i({name:"",email:"",password:"",role:"employee"})},n=r=>{db.delete("users",r),e(o.filter(f=>f.id!==r))},d=[{field:"name",headerName:"Name",flex:1},{field:"email",headerName:"Email",flex:1},{field:"actions",headerName:"Actions",flex:1,renderCell:r=>s.jsx(b,{variant:"outlined",color:"error",size:"small",onClick:()=>n(r.row.id),children:"Delete"})}];return s.jsxs(I,{children:[s.jsxs(I,{sx:{display:"flex",justifyContent:"space-between",mb:3},children:[s.jsx(O,{variant:"h4",children:"Employees"}),s.jsx(b,{variant:"contained",startIcon:s.jsx(Le,{}),onClick:()=>a(!0),children:"Add Employee"})]}),s.jsx(R,{sx:{height:400,width:"100%"},children:s.jsx(Ce,{rows:o,columns:d,pageSize:5,rowsPerPageOptions:[5],disableSelectionOnClick:!0})}),s.jsxs(Me,{open:t,onClose:()=>a(!1),children:[s.jsx(Oe,{children:"Add New Employee"}),s.jsxs(Ue,{children:[s.jsx(W,{autoFocus:!0,margin:"dense",label:"Name",fullWidth:!0,value:l.name,onChange:r=>i({...l,name:r.target.value})}),s.jsx(W,{margin:"dense",label:"Email",type:"email",fullWidth:!0,value:l.email,onChange:r=>i({...l,email:r.target.value})}),s.jsx(W,{margin:"dense",label:"Password",type:"password",fullWidth:!0,value:l.password,onChange:r=>i({...l,password:r.target.value})})]}),s.jsxs(Ae,{children:[s.jsx(b,{onClick:()=>a(!1),children:"Cancel"}),s.jsx(b,{onClick:c,variant:"contained",children:"Add"})]})]})]})};export{Ge as default};