Files
aso/public/client-portal/assets/Table.08efdc83.js
2024-06-20 16:10:13 +07:00

2 lines
8.2 KiB
JavaScript

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