2 lines
7.6 KiB
JavaScript
2 lines
7.6 KiB
JavaScript
import{c as W,j as e,g as z,a as E,s as F,a5 as O,b as H,_ as L,r as D,u as _,e as k,f as d,h as B,i as U,M as w,N as C,Q as A,a6 as f,G as V,T as G,P as q,B as Q}from"./index.225b3434.js";import{B as X}from"./Box.3d87a937.js";import{T as Y}from"./TablePagination.5429ddd3.js";import{G as s}from"./Grid.5bf85f86.js";import{T as S}from"./TextField.609a8f9c.js";import{I as M}from"./InputAdornment.77fd4574.js";import{S as R}from"./Search.1e728f3a.js";import{T as J}from"./TableContainer.4f133c71.js";import{T as K,a as Z,b as P,c as y}from"./TableRow.4935528d.js";import{T as ee}from"./TableHead.4b75ee8a.js";const te={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:-1,overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"},ne=te,ae=W(e("path",{d:"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"}),"ArrowDownward");function ie(n){return E("MuiTableSortLabel",n)}const le=z("MuiTableSortLabel",["root","active","icon","iconDirectionDesc","iconDirectionAsc"]),I=le,oe=["active","children","className","direction","hideSortIcon","IconComponent"],re=n=>{const{classes:o,direction:r,active:t}=n,h={root:["root",t&&"active"],icon:["icon",`iconDirection${H(r)}`]};return U(h,ie,o)},ce=F(O,{name:"MuiTableSortLabel",slot:"Root",overridesResolver:(n,o)=>{const{ownerState:r}=n;return[o.root,r.active&&o.active]}})(({theme:n})=>({cursor:"pointer",display:"inline-flex",justifyContent:"flex-start",flexDirection:"inherit",alignItems:"center","&:focus":{color:(n.vars||n).palette.text.secondary},"&:hover":{color:(n.vars||n).palette.text.secondary,[`& .${I.icon}`]:{opacity:.5}},[`&.${I.active}`]:{color:(n.vars||n).palette.text.primary,[`& .${I.icon}`]:{opacity:1,color:(n.vars||n).palette.text.secondary}}})),se=F("span",{name:"MuiTableSortLabel",slot:"Icon",overridesResolver:(n,o)=>{const{ownerState:r}=n;return[o.icon,o[`iconDirection${H(r.direction)}`]]}})(({theme:n,ownerState:o})=>L({fontSize:18,marginRight:4,marginLeft:4,opacity:0,transition:n.transitions.create(["opacity","transform"],{duration:n.transitions.duration.shorter}),userSelect:"none"},o.direction==="desc"&&{transform:"rotate(0deg)"},o.direction==="asc"&&{transform:"rotate(180deg)"})),de=D.exports.forwardRef(function(o,r){const t=_({props:o,name:"MuiTableSortLabel"}),{active:h=!1,children:u,className:b,direction:p="asc",hideSortIcon:m=!1,IconComponent:g=ae}=t,l=k(t,oe),v=L({},t,{active:h,direction:p,hideSortIcon:m,IconComponent:g}),T=re(v);return d(ce,L({className:B(T.root,b),component:"span",disableRipple:!0,ownerState:v,ref:r},l,{children:[u,m&&!h?null:e(se,{as:g,className:B(T.icon),ownerState:v})]}))}),ue=de;function pe({count:n,onPageChange:o,page:r,rowsPerPage:t,onRowsPerPageChange:h}){return e(X,{children:e(Y,{component:"div",rowsPerPageOptions:[10,25],count:n,page:r,onPageChange:o,rowsPerPage:t,onRowsPerPageChange:h})})}const he=W(e("path",{d:"M5 20h14v-2H5v2zM19 9h-4V3H9v6H5l7 7 7-7z"}),"Download");function we({headCells:n,rows:o,paginations:r,orders:t,loadings:h,params:u,filters:b,filterStatus:p,filterStartDate:m,filterEndDate:g,searchs:l,exportReport:v}){const T=async(i,a)=>{const c=(t==null?void 0:t.orderBy)===a&&(t==null?void 0:t.order)==="asc";t==null||t.setOrder(c?"desc":"asc"),t==null||t.setOrderBy(a);const x=Object.fromEntries([...u.searchParams.entries(),["order",c?"desc":"asc"],["orderBy",a]]);u.setAppliedParams(x)},$=()=>{const i=a=>c=>{T(c,a)};return e(ee,{children:e(P,{children:n&&n.map((a,c)=>e(y,{sortDirection:(t==null?void 0:t.orderBy)===a.id?t.order:!1,align:a.align,sx:{padding:2},width:a.width?a.width:"auto",children:a.isSort?d(ue,{active:(t==null?void 0:t.orderBy)===a.id,direction:(t==null?void 0:t.orderBy)===a.id?t.order:"asc",onClick:i(a.id),children:[a.label,(t==null?void 0:t.orderBy)===a.id?e(Q,{component:"span",sx:ne,children:t.order==="desc"?"sorted descending":"sorted ascending"}):null]}):a.label},c))})})},j=async(i,a)=>{const c=Object.fromEntries([...u.searchParams.entries(),["page",a+1],["per_page",r.rowsPerPage]]);r.setPage(a),await new Promise(x=>setTimeout(x,500)),u.setAppliedParams(c)},N=async i=>{u.searchParams.delete("page");const a=Object.fromEntries([...u.searchParams.entries(),["per_page",parseInt(i.target.value,10)]]);r.setPage(0),r.setRowsPerPage(parseInt(i.target.value,10)),await new Promise(c=>setTimeout(c,500)),u.setAppliedParams(a)};return d(s,{container:!0,children:[e(s,{item:!0,xs:12,paddingX:"24px",paddingY:"20px",children:d(s,{container:!0,spacing:2,children:[b&&b.useFilter?d(D.exports.Fragment,{children:[e(s,{item:!0,xs:12,lg:3,xl:2,children:d(w,{fullWidth:!0,children:[e(C,{id:"simple-division-select-lable",children:"Division"}),d(A,{labelId:"simple-division-select-lable",id:"division-select-lable",value:b.config.divisionValue,label:"Division",onChange:b.config.handleDivisionChange,children:[e(f,{value:"all",children:"All"}),b.config.divisionData.map((i,a)=>e(f,{value:i.id,children:i.name},a))]})]})}),e(s,{item:!0,xs:12,lg:9,xl:10,children:e("form",{onSubmit:l==null?void 0:l.handleSearchSubmit,children:e(S,{id:"search-input",label:"Search",variant:"outlined",onChange:i=>l==null?void 0:l.setSearchText(i.target.value),value:l==null?void 0:l.searchText,fullWidth:!0})})})]}):null,l&&l.useSearchs?e(D.exports.Fragment,{children:p&&p.useFilter?e(s,{item:!0,xs:12,lg:4,xl:4,children:e("form",{onSubmit:l.handleSearchSubmit,children:e(S,{id:"search-input",variant:"outlined",onChange:i=>l.setSearchText(i.target.value),value:l.searchText,fullWidth:!0,InputProps:{startAdornment:e(M,{position:"start",children:e(R,{})})},placeholder:"Search Name or Member ID... "})})}):e(s,{item:!0,xs:12,lg:l.fullWidth?12:6,xl:l.fullWidth?12:6,children:e("form",{onSubmit:l.handleSearchSubmit,children:e(S,{id:"search-input",variant:"outlined",onChange:i=>l.setSearchText(i.target.value),value:l.searchText,fullWidth:!0,InputProps:{startAdornment:e(M,{position:"start",children:e(R,{})})},placeholder:"Search Name or Member ID... "})})})}):null,m&&m.useFilter?e(s,{item:!0,xs:12,lg:2,xl:2,children:e("form",{onChange:m.handleStartDateChange,children:e(S,{id:"date-input",type:"date",variant:"outlined",value:m.startDate,onChange:i=>m.setStartDate(i.target.value),fullWidth:!0,label:"Start Date",InputLabelProps:{shrink:!0}})})}):null,g&&g.useFilter?e(s,{item:!0,xs:12,lg:2,xl:2,children:e("form",{onChange:g.handleEndDateChange,children:e(S,{id:"date-input",type:"date",variant:"outlined",value:g.endDate,onChange:i=>g.setEndDate(i.target.value),fullWidth:!0,label:"End Date",InputLabelProps:{shrink:!0}})})}):null,p&&p.useFilter?e(s,{item:!0,xs:12,lg:2,xl:2,children:d(w,{fullWidth:!0,children:[e(C,{id:"simple-status-select-lable",children:"Status"}),d(A,{labelId:"simple-status-select-lable",id:"status-select-lable",value:p.config.statusValue,label:"Status",onChange:p.config.handleStatusChange,children:[e(f,{value:"all",children:"All"}),p.config.statusData.map((i,a)=>e(f,{value:i.id,children:i.name},a))]})]})}):null,v&&v.useExport?e(s,{item:!0,xs:12,lg:2,xl:2,children:e(w,{fullWidth:!0,children:d(V,{variant:"contained",sx:{p:2},onClick:v.handleExportReport,children:[e(he,{}),e(G,{variant:"inherit",sx:{marginLeft:1},children:"Export"})]})})}):null]})}),d(s,{item:!0,xs:12,children:[e(J,{component:q,children:d(K,{"aria-label":"collapsible table",size:"small",children:[e($,{}),e(Z,{children:h.isLoading&&o&&o.length>=1?e(P,{children:e(y,{colSpan:n==null?void 0:n.length,align:"center",children:"Loading . . ."})}):o&&o.length>=1?o.map((i,a)=>e(P,{children:n&&n.map((c,x)=>e(y,{align:c.align,children:i[c.id]},x))},a)):e(P,{children:e(y,{colSpan:6,align:"center",children:"No Data Found"})})})]})}),e(pe,{count:r.paginationTable.total,onPageChange:j,page:r.page,rowsPerPage:r.rowsPerPage,onRowsPerPageChange:N})]})]})}export{we as T};
|