????
Your IP : 216.73.216.152
var bt=Object.defineProperty;var yt=(n,t,e)=>t in n?bt(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e;var d=(n,t,e)=>(yt(n,typeof t!="symbol"?t+"":t,e),e);import{a as ce,g as he,s as te,_ as H,b as x,u as ue,e as ge,b1 as xt,j as a,bN as Ct,f as ee,T as fe,p as o,c as Q,h as me,av as wt,aC as Rt,F as _e,am as $,I as T,ax as Ge,al as je,E as St,aD as Dt,a4 as R,P as Pt,bO as Qe,bu as Ae,bP as re}from"./index-9bcd78a9.js";import{T as vt}from"./Tooltip-4d2e5457.js";import{w as W,F as We,S as Tt,I as jt,h as At,i as Et,j as Ft,N as kt,D as zt,k as Mt,l as It,n as Ot,o as Ee,p as Vt,q as Lt,r as Bt,b as Fe,s as ke,t as ze}from"./NumberFormat-694550a2.js";import{e as $t,b as O,c as E,d as Nt,a as Ht,T as Me}from"./TableRow-55190f90.js";import{C as be}from"./Checkbox-60209323.js";import{T as Xe}from"./Toolbar-d5f2ec66.js";import{B as qt,c as Ut}from"./reactstrap.modern-0a8c2eab.js";import{A as _t}from"./AppBar-a2b92a6e.js";import{T as Gt}from"./TablePagination-014b81e1.js";function Qt(n){return he("MuiInputAdornment",n)}const Wt=ce("MuiInputAdornment",["root","filled","standard","outlined","positionStart","positionEnd","disablePointerEvents","hiddenLabel","sizeSmall"]),Ie=Wt;var Oe;const Xt=["children","className","component","disablePointerEvents","disableTypography","position","variant"],Kt=(n,t)=>{const{ownerState:e}=n;return[t.root,t[`position${Q(e.position)}`],e.disablePointerEvents===!0&&t.disablePointerEvents,t[e.variant]]},Jt=n=>{const{classes:t,disablePointerEvents:e,hiddenLabel:s,position:i,size:r,variant:l}=n,p={root:["root",e&&"disablePointerEvents",i&&`position${Q(i)}`,l,s&&"hiddenLabel",r&&`size${Q(r)}`]};return me(p,Qt,t)},Yt=te("div",{name:"MuiInputAdornment",slot:"Root",overridesResolver:Kt})(({theme:n,ownerState:t})=>H({display:"flex",height:"0.01em",maxHeight:"2em",alignItems:"center",whiteSpace:"nowrap",color:(n.vars||n).palette.action.active},t.variant==="filled"&&{[`&.${Ie.positionStart}&:not(.${Ie.hiddenLabel})`]:{marginTop:16}},t.position==="start"&&{marginRight:8},t.position==="end"&&{marginLeft:8},t.disablePointerEvents===!0&&{pointerEvents:"none"})),Ke=x.forwardRef(function(t,e){const s=ue({props:t,name:"MuiInputAdornment"}),{children:i,className:r,component:l="div",disablePointerEvents:p=!1,disableTypography:u=!1,position:g,variant:f}=s,D=ge(s,Xt),S=xt()||{};let m=f;f&&S.variant&&f===S.variant&&console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."),S&&!m&&(m=S.variant);const y=H({},s,{hiddenLabel:S.hiddenLabel,size:S.size,disablePointerEvents:p,position:g,variant:m}),C=Jt(y);return a.jsx(Ct.Provider,{value:null,children:a.jsx(Yt,H({as:l,ownerState:y,className:ee(C.root,r),ref:e},D,{children:typeof i=="string"&&!u?a.jsx(fe,{color:"text.secondary",children:i}):a.jsxs(x.Fragment,{children:[g==="start"?Oe||(Oe=a.jsx("span",{className:"notranslate",children:""})):null,i]})}))})});Ke.propTypes={children:o.node,classes:o.object,className:o.string,component:o.elementType,disablePointerEvents:o.bool,disableTypography:o.bool,position:o.oneOf(["end","start"]).isRequired,sx:o.oneOfType([o.arrayOf(o.oneOfType([o.func,o.object,o.bool])),o.func,o.object]),variant:o.oneOf(["filled","outlined","standard"])};const Ve=Ke;function Zt(n){return he("MuiTableFooter",n)}ce("MuiTableFooter",["root"]);const es=["className","component"],ts=n=>{const{classes:t}=n;return me({root:["root"]},Zt,t)},ss=te("tfoot",{name:"MuiTableFooter",slot:"Root",overridesResolver:(n,t)=>t.root})({display:"table-footer-group"}),os={variant:"footer"},Le="tfoot",Je=x.forwardRef(function(t,e){const s=ue({props:t,name:"MuiTableFooter"}),{className:i,component:r=Le}=s,l=ge(s,es),p=H({},s,{component:r}),u=ts(p);return a.jsx($t.Provider,{value:os,children:a.jsx(ss,H({as:r,className:ee(u.root,i),ref:e,role:r===Le?null:"rowgroup",ownerState:p},l))})});Je.propTypes={children:o.node,classes:o.object,className:o.string,component:o.elementType,sx:o.oneOfType([o.arrayOf(o.oneOfType([o.func,o.object,o.bool])),o.func,o.object])};const is=Je,as=wt(a.jsx("path",{d:"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"}),"ArrowDownward");function ns(n){return he("MuiTableSortLabel",n)}const rs=ce("MuiTableSortLabel",["root","active","icon","iconDirectionDesc","iconDirectionAsc"]),le=rs,ls=["active","children","className","direction","hideSortIcon","IconComponent"],ps=n=>{const{classes:t,direction:e,active:s}=n,i={root:["root",s&&"active"],icon:["icon",`iconDirection${Q(e)}`]};return me(i,ns,t)},ds=te(Rt,{name:"MuiTableSortLabel",slot:"Root",overridesResolver:(n,t)=>{const{ownerState:e}=n;return[t.root,e.active&&t.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,[`& .${le.icon}`]:{opacity:.5}},[`&.${le.active}`]:{color:(n.vars||n).palette.text.primary,[`& .${le.icon}`]:{opacity:1,color:(n.vars||n).palette.text.secondary}}})),cs=te("span",{name:"MuiTableSortLabel",slot:"Icon",overridesResolver:(n,t)=>{const{ownerState:e}=n;return[t.icon,t[`iconDirection${Q(e.direction)}`]]}})(({theme:n,ownerState:t})=>H({fontSize:18,marginRight:4,marginLeft:4,opacity:0,transition:n.transitions.create(["opacity","transform"],{duration:n.transitions.duration.shorter}),userSelect:"none"},t.direction==="desc"&&{transform:"rotate(0deg)"},t.direction==="asc"&&{transform:"rotate(180deg)"})),Ye=x.forwardRef(function(t,e){const s=ue({props:t,name:"MuiTableSortLabel"}),{active:i=!1,children:r,className:l,direction:p="asc",hideSortIcon:u=!1,IconComponent:g=as}=s,f=ge(s,ls),D=H({},s,{active:i,direction:p,hideSortIcon:u,IconComponent:g}),S=ps(D);return a.jsxs(ds,H({className:ee(S.root,l),component:"span",disableRipple:!0,ownerState:D,ref:e},f,{children:[r,u&&!i?null:a.jsx(cs,{as:g,className:ee(S.icon),ownerState:D})]}))});Ye.propTypes={active:o.bool,children:o.node,classes:o.object,className:o.string,direction:o.oneOf(["asc","desc"]),hideSortIcon:o.bool,IconComponent:o.elementType,sx:o.oneOfType([o.arrayOf(o.oneOfType([o.func,o.object,o.bool])),o.func,o.object])};const Be=Ye;let Z;const hs=new Uint8Array(16);function us(){if(!Z&&(Z=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!Z))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return Z(hs)}const F=[];for(let n=0;n<256;++n)F.push((n+256).toString(16).slice(1));function gs(n,t=0){return(F[n[t+0]]+F[n[t+1]]+F[n[t+2]]+F[n[t+3]]+"-"+F[n[t+4]]+F[n[t+5]]+"-"+F[n[t+6]]+F[n[t+7]]+"-"+F[n[t+8]]+F[n[t+9]]+"-"+F[n[t+10]]+F[n[t+11]]+F[n[t+12]]+F[n[t+13]]+F[n[t+14]]+F[n[t+15]]).toLowerCase()}const fs=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),$e={randomUUID:fs};function pe(n,t,e){if($e.randomUUID&&!t&&!n)return $e.randomUUID();n=n||{};const s=n.random||(n.rng||us)();if(s[6]=s[6]&15|64,s[8]=s[8]&63|128,t){e=e||0;for(let i=0;i<16;++i)t[e+i]=s[i];return t}return gs(s)}var ms={body:{emptyDataSourceMessage:"Không có dữ liệu để hiển thị",addTooltip:"Thêm",editTooltip:"Sửa",deleteTooltip:"Xóa",editRow:{deleteText:"Bạn có chắc chắn xóa dòng này không?",cancelTooltip:"Hủy",saveTooltip:"Lưu"}},toolbar:{exportTitle:"Xuất file",searchTooltip:"Tìm kiếm",showColumnsTitle:"Hiện cột",addRemoveColumns:"Thêm và hiển thị các cột",searchPlaceholder:"Tìm kiếm"},pagination:{labelRowsPerPage:"Số dòng cho 1 trang",labelRowsSelect:"dòng",labelDisplayedRows:" {from}-{to} của {count}",firstTooltip:"Trang đầu tiên",previousTooltip:"Trang trước",nextTooltip:"Trang sau",lastTooltip:"Trang cuối cùng"},header:{actions:"Thao tác"}};const bs=ms;class M extends x.Component{render(){const{children:t,style:e,...s}=this.props;return a.jsx(_e,{...s,style:{padding:4,margin:2,...e},children:t})}}M.defaultProps={size:"small"};M.propTypes={size:o.string};class N extends x.Component{render(){const{children:t,style:e,...s}=this.props;return a.jsx(vt,{style:e,...s,children:t})}}N.defaultProps={};N.propTypes={};class X extends x.Component{constructor(){super(...arguments);d(this,"handleFirstPageButtonClick",e=>this.props.onPageChange(e,0));d(this,"handleBackButtonClick",e=>this.props.onPageChange(e,this.props.page-1));d(this,"handleNextButtonClick",e=>this.props.onPageChange(e,this.props.page+1));d(this,"handleLastPageButtonClick",e=>this.props.onPageChange(e,Math.max(0,Math.ceil(this.props.count/this.props.rowsPerPage)-1)))}render(){const{classes:e,count:s,page:i,rowsPerPage:r}=this.props,l={...X.defaultProps.localization,...this.props.localization};return a.jsxs("div",{className:e.root,children:[a.jsx(N,{title:l.firstTooltip,children:a.jsx("span",{children:a.jsx(M,{style:Ne,onClick:this.handleFirstPageButtonClick,disabled:i===0,"aria-label":l.firstAriaLabel,children:a.jsx(this.props.icons.FirstPage,{})})})}),a.jsx(N,{title:l.previousTooltip,children:a.jsx("span",{children:a.jsx(M,{style:He,onClick:this.handleBackButtonClick,disabled:i===0,"aria-label":l.previousAriaLabel,children:a.jsx(this.props.icons.PreviousPage,{})})})}),a.jsx(fe,{variant:"caption",style:{flex:1,textAlign:"center",alignSelf:"center",flexBasis:"inherit"},children:l.labelDisplayedRows.replace("{from}",this.props.page*this.props.rowsPerPage+1).replace("{to}",Math.min((this.props.page+1)*this.props.rowsPerPage,this.props.count)).replace("{count}",this.props.count)}),a.jsx(N,{title:l.nextTooltip,children:a.jsx("span",{children:a.jsx(M,{style:He,onClick:this.handleNextButtonClick,disabled:i>=Math.ceil(s/r)-1,"aria-label":l.nextAriaLabel,children:a.jsx(this.props.icons.NextPage,{})})})}),a.jsx(N,{title:l.lastTooltip,children:a.jsx("span",{children:a.jsx(M,{style:Ne,onClick:this.handleLastPageButtonClick,disabled:i>=Math.ceil(s/r)-1,"aria-label":l.lastAriaLabel,children:a.jsx(this.props.icons.LastPage,{})})})})]})}}const ys=n=>({root:{flexShrink:0,color:"black",display:"flex"}}),Ne={color:"white",backgroundColor:"rgb(3, 56, 99)"},He={color:"white",backgroundColor:"rgb(21, 116, 191)"};X.propTypes={onPageChange:o.func,page:o.number,count:o.number,rowsPerPage:o.number,classes:o.object,localization:o.object,theme:o.any,showFirstLastPageButtons:o.bool};X.defaultProps={showFirstLastPageButtons:!0,localization:{firstTooltip:"First Page",previousTooltip:"Previous Page",nextTooltip:"Next Page",lastTooltip:"Last Page",labelDisplayedRows:"{from}-{to} of {count}",labelRowsPerPage:"Rows per page:"}};const xs=W(ys,{withTheme:!0})(X);function q(n,t){return(typeof n=="function"?n(t):n).isFreeAction}const Ze=(n,t)=>{if(t){t=t.replace(/\[(\w+)\]/g,".$1"),t=t.replace(/^\./,"");for(var e=t.split("."),s=0,i=e.length;s<i;++s){var r=e[s];if(n&&r in n)n=n[r];else return}return n}},Cs=(n,t,e)=>{var s=n;t=t.replace(/\[(\w+)\]/g,".$1"),t=t.replace(/^\./,"");for(var i=t.split("."),r=i.length,l=0;l<r-1;l++){var p=i[l];s[p]||(s[p]={}),s=s[p]}s[i[r-1]]=e};function ws(n){return new Intl.NumberFormat("vi",{style:"currency",currency:"VND"}).format(n!==void 0?n:0)}function Rs(n){return n?$(new Date(n),"dd/MM/yyyy HH:mm:ss",{locale:dateVi}):""}function Ss(n){return n?$(new Date(n),"HH:mm:ss",{locale:dateVi}):""}function Ds(n){return n?$(new Date(n),"dd/MM/yyyy",{locale:dateVi}):""}class Ps{constructor(){d(this,"applyFilters",!1);d(this,"applySearch",!1);d(this,"currentPage",0);d(this,"detailPanelType","multiple");d(this,"lastDetailPanelRow");d(this,"lastEditingRow");d(this,"orderBy",-1);d(this,"orderDirection","");d(this,"pageSize",5);d(this,"paging",!0);d(this,"parentFunc",null);d(this,"searchText","");d(this,"selectedCount",0);d(this,"defaultExpanded",!1);d(this,"dataIni",null);d(this,"data",[]);d(this,"columns",[]);d(this,"filteredData",[]);d(this,"searchedData",[]);d(this,"sortedData",[]);d(this,"pagedData",[]);d(this,"renderData",[]);d(this,"filtered",!1);d(this,"searched",!1);d(this,"sorted",!1);d(this,"paged",!1);d(this,"findDataByPath",(t,e)=>{if(this.isDataType("tree"))return e.reduce((i,r)=>i&&i.tableData&&i.tableData.childRows&&i.tableData.childRows[r],{tableData:{childRows:t}});{const s={groups:t};return e.reduce((r,l)=>r.groups.length>0?r.groups[l]:r.data?r.data[l]:void 0,s)}});d(this,"getFieldValue",(t,e,s=!0)=>{let i=typeof t[e.field]<"u"?t[e.field]:Ze(t,e.field);return e.lookup&&s&&(i=e.lookup[i]),i});d(this,"getRenderState",()=>(this.filtered===!1&&this.filterData(),this.searched===!1&&this.searchData(),this.sorted===!1&&this.sortData(),this.paged===!1&&this.pageData(),{dataIni:this.dataIni,columns:this.columns,currentPage:this.currentPage,data:this.sortedData,lastEditingRow:this.lastEditingRow,orderBy:this.orderBy,orderDirection:this.orderDirection,originalData:this.data,pageSize:this.pageSize,renderData:this.pagedData,searchText:this.searchText,selectedCount:this.selectedCount}));d(this,"filterData",()=>{this.searched=this.grouped=this.treefied=this.sorted=this.paged=!1,this.filteredData=[...this.data],this.applyFilters&&this.columns.filter(t=>t.tableData.filterValue).forEach(t=>{const{lookup:e,type:s,tableData:i}=t;t.customFilterAndSearch?this.filteredData=this.filteredData.filter(r=>!!t.customFilterAndSearch(i.filterValue,r,t)):e?this.filteredData=this.filteredData.filter(r=>{const l=this.getFieldValue(r,t,!1);return!i.filterValue||i.filterValue.length===0||i.filterValue.indexOf(l!==void 0&&l.toString())>-1}):s==="numeric"?this.filteredData=this.filteredData.filter(r=>this.getFieldValue(r,t)+""===i.filterValue):s==="boolean"&&i.filterValue?this.filteredData=this.filteredData.filter(r=>{const l=this.getFieldValue(r,t);return l&&i.filterValue==="checked"||!l&&i.filterValue==="unchecked"}):["date","datetime"].includes(s)?this.filteredData=this.filteredData.filter(r=>{const l=this.getFieldValue(r,t),p=l?new Date(l):null;if(p&&p.toString()!=="Invalid Date"){const u=i.filterValue;let g="",f="";return s==="date"?(g=$(p,"MM/dd/yyyy"),f=$(u,"MM/dd/yyyy")):s==="datetime"&&(g=$(p,"MM/dd/yyyy - HH:mm"),f=$(u,"MM/dd/yyyy - HH:mm")),g===f}return!0}):s==="time"?this.filteredData=this.filteredData.filter(r=>{const p=this.getFieldValue(r,t)||null;if(p){const u=i.filterValue,g=$(u,"HH:mm");return p===g}return!0}):this.filteredData=this.filteredData.filter(r=>{const l=this.getFieldValue(r,t);return l&&l.toString().toUpperCase().includes(i.filterValue.toUpperCase())})}),this.filtered=!0});d(this,"searchData",()=>{this.grouped=this.treefied=this.sorted=this.paged=!1,this.searchedData=[...this.filteredData],this.searchText&&this.applySearch&&(this.searchedData=this.searchedData.filter(t=>this.columns.filter(e=>e.searchable===void 0?!e.hidden:e.searchable).some(e=>{if(e.customFilterAndSearch)return!!e.customFilterAndSearch(this.searchText,t,e);if(e.field){const s=this.getFieldValue(t,e);if(s)return s.toString().toUpperCase().includes(this.searchText.toUpperCase())}return null}))),this.searched=!0})}setData(t){this.selectedCount=0,this.data=t.map((e,s)=>(e.tableData={...e.tableData,id:s},e.tableData.checked&&this.selectedCount++,e)),this.filtered=!1}setColumns(t){this.columns=t.map((e,s)=>(e.tableData={columnOrder:s,filterValue:e.defaultFilter,groupOrder:e.defaultGroupOrder,groupSort:e.defaultGroupSort||"asc",...e.tableData,id:s},e))}setDataIni(t){this.dataIni=t}setDefaultExpanded(t){this.defaultExpanded=t}changeApplySearch(t){this.applySearch=t,this.searched=!1}changeApplyFilters(t){this.applyFilters=t,this.filtered=!1}changePaging(t){this.paging=t,this.paged=!1}changeCurrentPage(t){this.currentPage=t,this.paged=!1}changePageSize(t){this.pageSize=t,this.paged=!1}changeParentFunc(t){this.parentFunc=t}changeFilterValue(t,e){e!==void 0&&(e===null?(this.columns[t].tableData.filterValue=void 0,this.filtered=!1):(this.columns[t].tableData.filterValue=e,this.filtered=!1))}changeRowSelected(t,e){const s=this.findDataByPath(this.sortedData,e);s.tableData.checked=t,this.selectedCount=this.selectedCount+(t?1:-1);const i=r=>{r.tableData.childRows&&r.tableData.childRows.forEach(l=>{l.tableData.checked!==t&&(l.tableData.checked=t,this.selectedCount=this.selectedCount+(t?1:-1)),i(l)})};i(s),this.filtered=!1}changeDetailPanelVisibility(t,e){const s=this.findDataByPath(this.sortedData,t);(s.tableData.showDetailPanel||"").toString()===e.toString()?s.tableData.showDetailPanel=void 0:s.tableData.showDetailPanel=e,this.detailPanelType==="single"&&this.lastDetailPanelRow&&this.lastDetailPanelRow!==s&&(this.lastDetailPanelRow.tableData.showDetailPanel=void 0),this.lastDetailPanelRow=s}changeGroupExpand(t){const e=this.findDataByPath(this.sortedData,t);e.isExpanded=!e.isExpanded}changeSearchText(t){this.searchText=t,this.searched=!1,this.currentPage=0}changeRowEditing(t,e){t?(t.tableData.editing=e,this.lastEditingRow&&this.lastEditingRow!==t&&(this.lastEditingRow.tableData.editing=void 0),e?this.lastEditingRow=t:this.lastEditingRow=void 0):this.lastEditingRow&&(this.lastEditingRow.tableData.editing=void 0,this.lastEditingRow=void 0)}changeAllSelected(t){let e=0;if(this.isDataType("group")){const s=i=>{i.forEach(r=>{r.groups.length>0?s(r.groups):r.data.forEach(l=>{l.tableData.checked=t,e++})})};s(this.groupedData)}else this.searchedData.map(s=>(s.tableData.checked=t,s)),e=this.searchedData.length;this.selectedCount=t?e:0}changeOrder(t,e){this.orderBy=t,this.orderDirection=e,this.currentPage=0,this.sorted=!1}changeColumnHidden(t,e){t.hidden=e}changeDetailPanelType(t){this.detailPanelType=t}isDataType(t){let e="normal";return this.parentFunc?e="tree":this.columns.find(s=>s.tableData.groupOrder>-1)&&(e="group"),t===e}sort(t,e,s){if(s==="numeric")return t-e;if(t!==e){if(!t)return-1;if(!e)return 1}return t<e?-1:t>e?1:0}sortList(t){const e=this.columns.find(i=>i.tableData.id===this.orderBy);let s=t;return e.customSort?this.orderDirection==="desc"?s=t.sort((i,r)=>e.customSort(r,i,"row")):s=t.sort((i,r)=>e.customSort(i,r,"row")):s=t.sort(this.orderDirection==="desc"?(i,r)=>this.sort(this.getFieldValue(r,e),this.getFieldValue(i,e),e.type):(i,r)=>this.sort(this.getFieldValue(i,e),this.getFieldValue(r,e),e.type)),s}sortData(){this.paged=!1,this.isDataType("normal")&&(this.sortedData=[...this.searchedData],this.orderBy!==-1&&(this.sortedData=this.sortList(this.sortedData))),this.sorted=!0}pageData(){if(this.pagedData=[...this.sortedData],this.paging){const t=this.currentPage*this.pageSize,e=t+this.pageSize;this.pagedData=this.pagedData.slice(t,e)}this.paged=!0}}function qe(n,t,e){var s,i,r,l,p;t==null&&(t=100);function u(){var f=Date.now()-l;f<t&&f>=0?s=setTimeout(u,t-f):(s=null,e||(p=n.apply(r,i),r=i=null))}var g=function(){r=this,i=arguments,l=Date.now();var f=e&&!s;return s||(s=setTimeout(u,t)),f&&(p=n.apply(r,i),r=i=null),p};return g.clear=function(){s&&(clearTimeout(s),s=null)},g.flush=function(){s&&(p=n.apply(r,i),r=i=null,clearTimeout(s),s=null)},g}class se extends x.Component{render(){const{children:t,style:e,...s}=this.props;return a.jsx(T,{fontSize:"small",style:e,...s,children:t})}}se.defaultProps={};se.propTypes={size:o.string};class ye extends x.Component{constructor(){super(...arguments);d(this,"checkStyle",e=>{if(e.isRefresh)return{backgroundColor:"#b7b7b7",color:"black"};if(e.isAdd)return{backgroundColor:"#24d624",color:"white"};if(e.isEdit&&!e.typeFont)return{backgroundColor:"cornflowerblue",color:"white",margin:"4px"};if(e.isDelete&&!e.typeFont)return{backgroundColor:"red",color:"white",margin:"4px"};if(e.isCheck)return{backgroundColor:"#69e666",color:"white"};if(e.isClear)return{backgroundColor:"#585555",color:"white"}})}render(){let e=this.props.action;if(typeof e=="function"&&(e=e(this.props.data),!e))return null;if(typeof e.hidden=="function"){if(e.hidden(this.props.data))return null}else if(e.hidden)return null;const s=f=>{e.onClick&&(e.onClick(f,this.props.data),f.stopPropagation())};let i=!1;typeof e.disabled=="function"?e.disabled(this.props.data)&&(i=!0):e.disabled&&(i=!0);const r=f=>typeof e.icon=="string"?a.jsx(se,{...e.iconProps,children:e.icon}):a.jsx(e.icon,{...e.iconProps,disabled:i}),l=(f,D,S)=>{let m={fontSize:25};return S&&(m.color="rgba(0, 0, 0, 0.26)"),a.jsx(We,{fa:f,color:D,style:m})},p=(f,D)=>a.jsx("img",{src:f,alt:"icon-table"}),u={fontawesome:()=>l(e.icon,e.color,e.disabled),custom:()=>p(e.icon,e.disabled),material:()=>r(e.icon)};return typeof e.icon=="string"?a.jsx(M,{size:this.props.size,style:this.checkStyle(e),disabled:e.disabled,onClick:f=>s(f),color:e==null?void 0:e.color,children:e.typeFont?u[e.typeFont]():u.material()}):a.jsx(M,{size:this.props.size,style:this.checkStyle(e),disabled:e.disabled,onClick:f=>s(f),children:a.jsx(e.icon,{...e.iconProps,disabled:e.disabled})})}}ye.defaultProps={action:{},data:{}};ye.propTypes={action:o.oneOfType([o.func,o.object]).isRequired,data:o.oneOfType([o.object,o.arrayOf(o.object)]),size:o.string};class xe extends x.Component{render(){return this.props.actions?this.props.actions.map((t,e)=>a.jsx(this.props.components.Action,{action:t,data:this.props.data,size:this.props.size},"action-"+e)):a.jsx(a.Fragment,{})}}xe.defaultProps={actions:[],data:{}};xe.propTypes={components:o.object.isRequired,actions:o.array.isRequired,data:o.oneOfType([o.object,o.arrayOf(o.object)]),size:o.string};class V extends x.Component{constructor(){super(...arguments);d(this,"renderShowAddRow",()=>{let e=[];if(this.props.showAddRow)for(let s=0;s<this.props.countAddRow;s++)e.push(a.jsx(this.props.components.EditRow,{columns:this.props.columns.filter(i=>!i.hidden),data:this.props.initialFormData,components:this.props.components,icons:this.props.icons,mode:"add",localization:{...V.defaultProps.localization.editRow,...this.props.localization.editRow},options:this.props.options,isTreeData:this.props.isTreeData,detailPanel:this.props.detailPanel,onEditingCanceled:this.props.onEditingCanceled,onEditingApproved:this.props.onEditingApproved,getFieldValue:this.props.getFieldValue},"key-add-row"));return e})}renderEmpty(e,s){const i=this.props.options.padding==="default"?49:36,r={...V.defaultProps.localization,...this.props.localization};if(this.props.options.showEmptyDataSourceMessage&&s.length===0){let l=0;return(this.props.options.selection||this.props.actions&&this.props.actions.filter(p=>q(p)&&!this.props.options.selection).length>0)&&l++,this.props.hasDetailPanel&&l++,a.jsx(O,{style:{height:i*(this.props.options.paging&&this.props.options.emptyRowsWhenPaging?this.props.pageSize:1)},children:a.jsx(E,{style:{paddingTop:0,paddingBottom:0,textAlign:"center"},colSpan:this.props.columns.filter(p=>p.hidden===void 0).length+l,children:r.emptyDataSourceMessage},"empty-")},"empty-"+0)}else if(this.props.options.emptyRowsWhenPaging)return a.jsxs(x.Fragment,{children:[[...Array(e)].map((l,p)=>a.jsx(O,{style:{height:i}},"empty-"+p)),e>0&&a.jsx(O,{style:{height:1}},"empty-last1")]})}renderUngroupedRows(e){return e.map((s,i)=>s.tableData.editing?a.jsx(this.props.components.EditRow,{columns:this.props.columns.filter(r=>!r.hidden),components:this.props.components,data:s,icons:this.props.icons,localization:{...V.defaultProps.localization.editRow,...this.props.localization.editRow},mode:s.tableData.editing,options:this.props.options,isTreeData:this.props.isTreeData,detailPanel:this.props.detailPanel,onEditingCanceled:this.props.onEditingCanceled,onEditingApproved:this.props.onEditingApproved,getFieldValue:this.props.getFieldValue},i):a.jsx(this.props.components.Row,{components:this.props.components,icons:this.props.icons,dataIni:this.props.dataIni,data:s,index:i,level:0,options:this.props.options,localization:{...V.defaultProps.localization.editRow,...this.props.localization.editRow},onRowSelected:this.props.onRowSelected,actions:this.props.actions,columns:this.props.columns,getFieldValue:this.props.getFieldValue,detailPanel:this.props.detailPanel,path:[i+this.props.pageSize*this.props.currentPage],onToggleDetailPanel:this.props.onToggleDetailPanel,onRowClick:this.props.onRowClick,isTreeData:this.props.isTreeData,onEditingCanceled:this.props.onEditingCanceled,onEditingApproved:this.props.onEditingApproved,hasAnyEditingRow:this.props.hasAnyEditingRow},"row-"+s.tableData.id))}render(){let e=this.props.renderData,s=0;return this.props.options.paging&&(s=this.props.pageSize-e.length),a.jsxs(Nt,{children:[this.props.showAddRow&&this.props.listAddRow.map((i,r)=>a.jsx(this.props.components.EditRow,{columns:this.props.columns.filter(l=>!l.hidden),data:this.props.initialFormData,components:this.props.components,icons:this.props.icons,mode:"add",rowkey:{id:i,index:r},localization:{...V.defaultProps.localization.editRow,...this.props.localization.editRow},options:this.props.options,isTreeData:this.props.isTreeData,detailPanel:this.props.detailPanel,onEditingCanceled:this.props.onEditingCanceled,onEditingApproved:this.props.onEditingApproved,getFieldValue:this.props.getFieldValue},i+"-key-add")),this.renderUngroupedRows(e),this.renderEmpty(s,e)]})}}V.defaultProps={actions:[],currentPage:0,pageSize:5,renderData:[],selection:!1,isTreeData:!1,localization:{emptyDataSourceMessage:"No records to display",filterRow:{},editRow:{}}};V.propTypes={actions:o.array,components:o.object.isRequired,columns:o.array.isRequired,currentPage:o.number,detailPanel:o.oneOfType([o.func,o.arrayOf(o.oneOfType([o.object,o.func]))]),getFieldValue:o.func.isRequired,hasAnyEditingRow:o.bool,hasDetailPanel:o.bool.isRequired,icons:o.object.isRequired,onRowSelected:o.func,options:o.object.isRequired,pageSize:o.number,renderData:o.array,initialFormData:o.object,selection:o.bool.isRequired,showAddRow:o.bool,localization:o.object,onFilterChanged:o.func,onToggleDetailPanel:o.func.isRequired,onRowClick:o.func,onEditingCanceled:o.func,onEditingApproved:o.func};class et extends x.Component{renderLookupField(){const t=Object.keys(this.props.columnDef.lookup).map(s=>({value:s,label:this.props.columnDef.lookup[s]}));let e=null;return this.props.value===null||this.props.value===void 0?e=this.props.value:e=`${this.props.value}`,a.jsx(Tt,{value:e,onChange:s=>this.props.onChange(s?s.value:null),options:t,valueRef:"value",labelRef:"label"})}renderBooleanField(){return a.jsx(be,{color:"primary",value:String(this.props.value),checked:Boolean(this.props.value),onChange:t=>this.props.onChange(t.target.checked)})}renderDateField(){return a.jsx(jt,{value:this.props.value||null,onChange:this.props.onChange})}renderTimeField(){return a.jsx(At,{value:this.props.value||null,onChange:this.props.onChange})}renderDateTimeField(){return a.jsx(Et,{value:this.props.value||null,onChange:this.props.onChange})}renderNumberField(){return a.jsx(Ft,{placeholder:"Nhập...",value:this.props.value||"",onChange:t=>this.props.onChange(parseFloat(t.target.value))})}renderTextField(){return a.jsx(Ge,{size:"small",style:{padding:"0.5rem"},placeholder:"Nhập...",value:this.props.value||"",onChange:t=>this.props.onChange(t.target.value)})}renderCurrencyField(){return a.jsx(kt,{value:this.props.value||"",onValueChange:t=>{const{value:e}=t;this.props.onChange(e)}})}renderDataSelect(){return this.props.columnDef.dataSelect&&a.jsx(zt,{url:this.props.columnDef.dataSelect.url,column:this.props.columnDef.dataSelect.column,dataRef:this.props.columnDef.dataSelect.dataRef,where:this.props.columnDef.dataSelect.where,value:this.props.value||"",onChange:t=>{t?(this.props.columnDef.dataSelect.dataRef&&(this.props.rowData[this.props.columnDef.nameRef]=t,this.props.onRowDataChange(this.props.rowData)),this.props.onChange(t.value)):this.props.onChange(null)}})}render(){let t="ok";return this.props.columnDef.lookup?t=this.renderLookupField():this.props.columnDef.type==="boolean"?t=this.renderBooleanField():this.props.columnDef.type==="date"?t=this.renderDateField():this.props.columnDef.type==="time"?t=this.renderTimeField():this.props.columnDef.type==="datetime"?t=this.renderDateTimeField():this.props.columnDef.type==="currency"?t=this.renderCurrencyField():this.props.columnDef.type==="data-select"?t=this.renderDataSelect():this.props.columnDef.type==="numeric"?t=this.renderNumberField():t=this.renderTextField(),t}}et.propTypes={value:o.any,onChange:o.func.isRequired,columnDef:o.object.isRequired};class U extends x.Component{constructor(t){super(t),this.state={data:t.data?JSON.parse(JSON.stringify(t.data)):this.createRowData()}}createRowData(){return this.props.columns.filter(t=>t.initialEditValue&&t.field).reduce((t,e)=>(t[e.field]=e.initialEditValue,t),{})}renderColumns(){return this.props.columns.filter(e=>!e.hidden&&!(e.tableData.groupOrder>-1)).sort((e,s)=>e.tableData.columnOrder-s.tableData.columnOrder).map((e,s)=>{const i=typeof this.state.data[e.field]<"u"?this.state.data[e.field]:Ze(this.state.data,e.field),r={...e.cellStyle,padding:"6px 7px 6px 7px"};let l=!1;if(e.editable===void 0&&(l=!0),e.editable==="always"&&(l=!0),e.editable==="onAdd"&&this.props.mode==="add"&&(l=!0),e.editable==="onUpdate"&&this.props.mode==="update"&&(l=!0),typeof e.editable=="function"&&(l=e.editable(e,this.props.data)),!e.field||!l){const p=this.props.getFieldValue(this.state.data,e);return a.jsx(this.props.components.Cell,{icons:this.props.icons,columnDef:e,value:p,rowData:this.props.data},e.tableData.id)}else{const{editComponent:p,...u}=e,g=p||this.props.components.EditField,f=e.dataRef?this.state.data[e.dataRef[0]]:i;return a.jsx(E,{style:r,align:["numeric"].indexOf(e.type)!==-1?"right":"left",children:a.jsx(g,{columnDef:u,value:f,rowData:this.state.data,onChange:D=>{let S={...this.state.data};e.dataRef&&(S[e.dataRef[0]]=D),Cs(S,e.field,D),this.setState({data:S})},onRowDataChange:D=>this.setState({data:D})},e.tableData.id)},e.tableData.id)}})}renderActions(){const t={...U.defaultProps.localization,...this.props.localization},e=[{icon:this.props.icons.Check,isCheck:!0,tooltip:t.saveTooltip,onClick:()=>{const s=this.state.data;delete s.tableData,this.props.onEditingApproved(this.props.mode,this.state.data,this.props.data,this.props.rowkey)}},{icon:this.props.icons.Clear,isClear:!0,tooltip:t.cancelTooltip,onClick:()=>{this.props.onEditingCanceled(this.props.mode,this.props.data,this.props.rowkey)}}];return a.jsx(E,{padding:"none",style:{width:42*e.length,padding:"0px 0px"},children:a.jsx("div",{style:{display:"flex"},children:a.jsx(this.props.components.Actions,{data:this.props.data,actions:e,components:this.props.components})})},"key-actions-column")}getStyle(){return{borderBottom:"1px solid red"}}render(){const t={...U.defaultProps.localization,...this.props.localization};let e;if(this.props.mode==="add"||this.props.mode==="update")e=this.renderColumns();else{const m=this.props.columns.filter(y=>!y.hidden&&!(y.tableData.groupOrder>-1)).length;e=[a.jsx(E,{padding:this.props.options.actionsColumnIndex===0?"none":void 0,colSpan:m,children:a.jsx(fe,{variant:"h6",children:t.deleteText})},"key-selection-cell")]}if(this.props.options.selection&&e.splice(0,0,a.jsx(E,{padding:"none"},"key-selection-cell")),this.props.options.actionsColumnIndex===-1)e.push(this.renderActions());else if(this.props.options.actionsColumnIndex>=0){let m=0;this.props.options.selection&&(m=1),e.splice(this.props.options.actionsColumnIndex+m,0,this.renderActions())}if(this.props.detailPanel){const y=this.props.options.detailPanelColumnAlignment==="left"?0:e.length;e.splice(y,0,a.jsx(E,{padding:"none"},"key-detail-panel-cell"))}this.props.columns.filter(m=>m.tableData.groupOrder>-1).forEach(m=>{e.splice(0,0,a.jsx(E,{padding:"none"},"key-group-cell"+m.tableData.id))});const{detailPanel:s,isTreeData:i,onRowClick:r,onRowSelected:l,onTreeExpandChanged:p,onToggleDetailPanel:u,onEditingApproved:g,onEditingCanceled:f,getFieldValue:D,...S}=this.props;return a.jsx(O,{...S,style:this.getStyle(),children:e})}}U.defaultProps={actions:[],index:0,options:{},path:[],localization:{saveTooltip:"Save",cancelTooltip:"Cancel",deleteText:"Are you sure delete this row?"}};U.propTypes={actions:o.array,icons:o.any.isRequired,index:o.number.isRequired,data:o.object,detailPanel:o.oneOfType([o.func,o.arrayOf(o.oneOfType([o.object,o.func]))]),options:o.object.isRequired,onRowSelected:o.func,path:o.arrayOf(o.number),columns:o.array,onRowClick:o.func,onEditingApproved:o.func,onEditingCanceled:o.func,localization:o.object,getFieldValue:o.func};class Ce extends x.Component{render(){return a.jsx(O,{style:{height:10}})}}Ce.defaultProps={emptyCell:!1,columns:[],selection:!1,hasActions:!1,localization:{filterTooltip:"Filter"}};Ce.propTypes={emptyCell:o.bool,columns:o.array.isRequired,hasDetailPanel:o.bool.isRequired,isTreeData:o.bool.isRequired,onFilterChanged:o.func.isRequired,filterCellStyle:o.object,selection:o.bool.isRequired,actionsColumnIndex:o.number,hasActions:o.bool,localization:o.object};class we extends x.Component{constructor(e){super(e);d(this,"getItemStyle",(e,s)=>({userSelect:"none",margin:`0 ${8}px 0 0`,...s}));d(this,"getListStyle",e=>({background:"#0000000a",display:"flex",width:"100%",padding:8,overflow:"auto",border:"1px solid #ccc",borderStyle:"dashed"}));this.state={}}render(){return a.jsx(Xe,{style:{padding:0,minHeight:"unset"}})}}we.defaultProps={};we.propTypes={localization:o.shape({groupedBy:o.string,placeholder:o.string})};class Re extends x.Component{constructor(){super(...arguments);d(this,"rotateIconStyle",e=>({transform:e?"rotate(90deg)":"none"}))}render(){let e=this.props.columns.filter(u=>!u.hidden).length;this.props.options.selection&&e++,this.props.detailPanel&&e++,this.props.actions&&this.props.actions.length>0&&e++;const s=this.props.groups[this.props.level];let i;this.props.groupData.isExpanded&&(this.props.groups.length>this.props.level+1?i=this.props.groupData.groups.map((u,g)=>a.jsx(this.props.components.GroupRow,{actions:this.props.actions,columns:this.props.columns,components:this.props.components,detailPanel:this.props.detailPanel,getFieldValue:this.props.getFieldValue,groupData:u,groups:this.props.groups,icons:this.props.icons,level:this.props.level+1,path:[...this.props.path,g],onGroupExpandChanged:this.props.onGroupExpandChanged,onRowSelected:this.props.onRowSelected,onRowClick:this.props.onRowClick,onToggleDetailPanel:this.props.onToggleDetailPanel,onTreeExpandChanged:this.props.onTreeExpandChanged,onEditingCanceled:this.props.onEditingCanceled,onEditingApproved:this.props.onEditingApproved,options:this.props.options,hasAnyEditingRow:this.props.hasAnyEditingRow,isTreeData:this.props.isTreeData},u.value||""+g)):i=this.props.groupData.data.map((u,g)=>u.tableData.editing?a.jsx(this.props.components.EditRow,{columns:this.props.columns,components:this.props.components,data:u,icons:this.props.icons,path:[...this.props.path,g],localization:this.props.localization,mode:u.tableData.editing,options:this.props.options,isTreeData:this.props.isTreeData,detailPanel:this.props.detailPanel,onEditingCanceled:this.props.onEditingCanceled,onEditingApproved:this.props.onEditingApproved,getFieldValue:this.props.getFieldValue},g):a.jsx(this.props.components.Row,{actions:this.props.actions,columns:this.props.columns,components:this.props.components,data:u,detailPanel:this.props.detailPanel,getFieldValue:this.props.getFieldValue,icons:this.props.icons,path:[...this.props.path,g],onRowSelected:this.props.onRowSelected,onRowClick:this.props.onRowClick,onToggleDetailPanel:this.props.onToggleDetailPanel,options:this.props.options,isTreeData:this.props.isTreeData,onTreeExpandChanged:this.props.onTreeExpandChanged,onEditingCanceled:this.props.onEditingCanceled,onEditingApproved:this.props.onEditingApproved,hasAnyEditingRow:this.props.hasAnyEditingRow},g)));const r=[];for(let u=0;u<this.props.level;u++)r.push(a.jsx(E,{padding:"checkbox"},u));let l=this.props.groupData.value;s.lookup&&(l=s.lookup[l]);let p=s.title;return typeof p!="string"&&(p=x.cloneElement(p)),a.jsxs(a.Fragment,{children:[a.jsxs(O,{children:[r,a.jsxs(this.props.components.Cell,{colSpan:e,padding:"none",columnDef:s,value:l,icons:this.props.icons,children:[a.jsx(_e,{style:{transition:"all ease 200ms",...this.rotateIconStyle(this.props.groupData.isExpanded)},onClick:u=>{this.props.onGroupExpandChanged(this.props.path)},children:a.jsx(this.props.icons.DetailPanel,{})}),a.jsxs("b",{children:[p,": "]})]})]}),i]})}}Re.defaultProps={columns:[],groups:[],options:{},level:0};Re.propTypes={actions:o.array,columns:o.arrayOf(o.object),components:o.object,detailPanel:o.oneOfType([o.func,o.arrayOf(o.object)]),getFieldValue:o.func,groupData:o.object,groups:o.arrayOf(o.object),hasAnyEditingRow:o.bool,icons:o.object,isTreeData:o.bool.isRequired,level:o.number,localization:o.object,onGroupExpandChanged:o.func,onRowSelected:o.func,onRowClick:o.func,onToggleDetailPanel:o.func.isRequired,onTreeExpandChanged:o.func.isRequired,onEditingCanceled:o.func,onEditingApproved:o.func,options:o.object,path:o.arrayOf(o.number)};class K extends x.Component{renderHeader(){return this.props.columns.filter(e=>!e.hidden&&!(e.tableData.groupOrder>-1)).sort((e,s)=>e.tableData.columnOrder-s.tableData.columnOrder).map((e,s)=>{let i=e.title;return e.sorting!==!1&&this.props.sorting&&(i=a.jsx(Be,{IconComponent:this.props.icons.SortArrow,active:this.props.orderBy===e.tableData.id,direction:this.props.orderDirection||"asc",onClick:()=>{const r=e.tableData.id!==this.props.orderBy?"asc":this.props.orderDirection==="asc"?"desc":this.props.orderDirection==="desc"?"":this.props.orderDirection===""?"asc":"desc";this.props.onOrderChange(e.tableData.id,r)},children:i})),a.jsx(E,{align:["numeric"].indexOf(e.type)!==-1?"right":"left",className:this.props.classes.header,style:{...this.props.headerStyle,...e.headerStyle},children:i},e.tableData.id)})}renderActionsHeader(){const t={...K.defaultProps.localization,...this.props.localization};return a.jsx(E,{padding:"checkbox",className:this.props.classes.header,style:{...this.props.headerStyle,textAlign:"center",width:"auto"},children:a.jsx(Be,{disabled:!0,children:t.actions})},"key-actions-column")}renderSelectionHeader(){return a.jsx(E,{padding:"none",className:this.props.classes.header,style:{...this.props.headerStyle},children:this.props.showSelectAllCheckbox&&a.jsx(be,{indeterminate:this.props.selectedCount>0&&this.props.selectedCount<this.props.dataCount,checked:this.props.dataCount>0&&this.props.selectedCount===this.props.dataCount,onChange:(t,e)=>this.props.onAllSelected&&this.props.onAllSelected(e)})},"key-selection-column")}renderDetailPanelColumnCell(){return a.jsx(E,{padding:"none",className:this.props.classes.header,style:{...this.props.headerStyle}},"key-detail-panel-column")}render(){const t=this.renderHeader();if(this.props.hasSelection&&t.splice(0,0,this.renderSelectionHeader()),this.props.showActionsColumn)if(this.props.actionsHeaderIndex>=0){let e=0;this.props.hasSelection&&(e=1),t.splice(this.props.actionsHeaderIndex+e,0,this.renderActionsHeader())}else this.props.actionsHeaderIndex===-1&&t.push(this.renderActionsHeader());return this.props.hasDetailPanel&&(this.props.detailPanelColumnAlignment==="right"?t.push(this.renderDetailPanelColumnCell()):t.splice(0,0,this.renderDetailPanelColumnCell())),a.jsx(Ht,{children:a.jsx(O,{children:t})})}}K.defaultProps={dataCount:0,hasSelection:!1,headerStyle:{},selectedCount:0,sorting:!0,localization:{actions:"Actions"},orderBy:void 0,orderDirection:"asc",actionsHeaderIndex:0,detailPanelColumnAlignment:"left",draggable:!0};K.propTypes={columns:o.array.isRequired,dataCount:o.number,hasDetailPanel:o.bool.isRequired,detailPanelColumnAlignment:o.string,hasSelection:o.bool,headerStyle:o.object,localization:o.object,selectedCount:o.number,sorting:o.bool,onAllSelected:o.func,onOrderChange:o.func,orderBy:o.number,orderDirection:o.string,actionsHeaderIndex:o.number,showActionsColumn:o.bool,showSelectAllCheckbox:o.bool,draggable:o.bool};const vs=n=>{var t,e;return{header:{position:"sticky",top:0,zIndex:0,backgroundColor:(e=(t=n==null?void 0:n.palette)==null?void 0:t.background)==null?void 0:e.paper}}},Ts=W(vs)(K);class Se extends x.Component{constructor(){super(...arguments);d(this,"rotateIconStyle",e=>({transform:e?"rotate(90deg)":"none"}));d(this,"getElementSize",()=>this.props.options.padding==="default"?"medium":"small")}renderColumns(){const e=this.getElementSize();return this.props.columns.filter(i=>!i.hidden&&!(i.tableData.groupOrder>-1)).sort((i,r)=>i.tableData.columnOrder-r.tableData.columnOrder).map((i,r)=>{const l=this.props.getFieldValue(this.props.data,i);return a.jsx(this.props.components.Cell,{dataIni:this.props.dataIni,size:e,icons:this.props.icons,columnDef:i,value:l,rowData:this.props.data},"cell-"+this.props.data.tableData.id+"-"+i.tableData.id)})}renderActions(){const e=this.getElementSize(),s=this.props.actions.filter(r=>!q(r,this.props.data)&&!this.props.options.selection),i=[];return s.forEach(r=>{if(typeof r=="object")return i.push(r);const{hidden:l}=r();if(!l||l&&l()===!1)return i.push(r)}),a.jsx(E,{size:e,padding:"none",style:{width:"auto",padding:"0px 5px",borderLeft:"0.5px solid rgba(224, 224, 224, 1)",...this.props.options.actionsCellStyle},children:a.jsx("div",{children:a.jsx(this.props.components.Actions,{data:this.props.data,actions:s,components:this.props.components,size:e})})},"key-actions-column")}renderSelectionColumn(){let e=this.props.options.selectionProps||{};typeof e=="function"&&(e=e(this.props.data));const s=this.getElementSize(),i=s==="medium"?42:26,r=s==="medium"?{marginLeft:this.props.level*9}:{padding:"4px",marginLeft:5+this.props.level*9};return a.jsx(E,{size:this.getElementSize(),padding:"none",style:{width:i+9*(this.props.treeDataMaxLevel-1)},children:a.jsx(be,{...e,size:s,checked:this.props.data.tableData.checked===!0,onClick:l=>l.stopPropagation(),value:this.props.data.tableData.id.toString(),onChange:l=>this.props.onRowSelected(l,this.props.path,this.props.data),style:r})},"key-selection-column")}renderDetailPanelColumn(){const e=({icon:s,style:i})=>typeof s=="string"?a.jsx(se,{style:i,children:s}):x.createElement(s,{style:i});return typeof this.props.detailPanel=="function"?a.jsx(E,{size:this.getElementSize(),padding:"none",style:{width:42,textAlign:"center"},children:a.jsx(M,{size:this.getElementSize(),style:{transition:"all ease 200ms",...this.rotateIconStyle(this.props.data.tableData.showDetailPanel)},onClick:s=>{this.props.onToggleDetailPanel(this.props.path,this.props.detailPanel),s.stopPropagation()},children:a.jsx(this.props.icons.DetailPanel,{})})},"key-detail-panel-column"):a.jsx(E,{size:this.getElementSize(),padding:"none",children:a.jsx("div",{style:{width:42*this.props.detailPanel.length,textAlign:"center",display:"flex"},children:this.props.detailPanel.map((s,i)=>{typeof s=="function"&&(s=s(this.props.data));const r=(this.props.data.tableData.showDetailPanel||"").toString()===s.render.toString();let l=a.jsx(this.props.icons.DetailPanel,{}),p=!0;return r?s.openIcon?(l=a.jsx(e,{icon:s.openIcon}),p=!1):s.icon&&(l=a.jsx(e,{icon:s.icon})):s.icon&&(l=a.jsx(e,{icon:s.icon}),p=!1),l=a.jsx(M,{size:this.getElementSize(),style:{transition:"all ease 200ms",...this.rotateIconStyle(p&&r)},disabled:s.disabled,onClick:u=>{this.props.onToggleDetailPanel(this.props.path,s.render),u.stopPropagation()},children:l},"key-detail-panel-"+i),s.tooltip&&(l=a.jsx(N,{title:s.tooltip,children:l},"key-detail-panel-"+i)),l})})},"key-detail-panel-column")}getStyle(e,s){let i={transition:"all ease 300ms"};return typeof this.props.options.rowStyle=="function"?i={...i,...this.props.options.rowStyle(this.props.data,e,s)}:this.props.options.rowStyle&&(i={...i,...this.props.options.rowStyle}),this.props.onRowClick&&(i.cursor="pointer"),this.props.hasAnyEditingRow&&(i.opacity=.2),i}render(){const e=this.renderColumns();if(this.props.options.selection&&e.splice(0,0,this.renderSelectionColumn()),this.props.actions&&this.props.actions.filter(j=>!q(j,this.props.data)&&!this.props.options.selection).length>0){if(this.props.options.actionsColumnIndex===-1)e.push(this.renderActions());else if(this.props.options.actionsColumnIndex>=0){let j=0;this.props.options.selection&&(j=1),e.splice(this.props.options.actionsColumnIndex+j,0,this.renderActions())}}this.props.detailPanel&&(this.props.options.detailPanelColumnAlignment==="right"?e.push(this.renderDetailPanelColumn()):e.splice(0,0,this.renderDetailPanelColumn())),this.props.columns.filter(j=>j.tableData.groupOrder>-1).forEach(j=>{e.splice(0,0,a.jsx(E,{size:this.getElementSize(),padding:"none"},"key-group-cell"+j.tableData.id))});const{icons:s,data:i,columns:r,components:l,detailPanel:p,getFieldValue:u,isTreeData:g,onRowClick:f,onRowSelected:D,onToggleDetailPanel:S,onEditingCanceled:m,onEditingApproved:y,options:C,hasAnyEditingRow:b,dataIni:z,..._}=this.props;return a.jsxs(a.Fragment,{children:[a.jsx(O,{selected:b,..._,hover:!0,style:this.getStyle(this.props.index,this.props.level),onClick:j=>{f&&f(j,this.props.data,L=>{let B=p;Array.isArray(B)&&(B=B[L||0].render),S(this.props.path,B)})},children:e}),this.props.data.tableData.childRows&&this.props.data.tableData.isTreeExpanded&&this.props.data.tableData.childRows.map((j,L)=>j.tableData.editing?a.jsx(this.props.components.EditRow,{columns:this.props.columns.filter(B=>!B.hidden),components:this.props.components,data:j,icons:this.props.icons,localization:this.props.localization,mode:j.tableData.editing,options:this.props.options,isTreeData:this.props.isTreeData,detailPanel:this.props.detailPanel,onEditingCanceled:m,onEditingApproved:y},L):x.createElement(this.props.components.Row,{...this.props,data:j,index:L,key:L,level:this.props.level+1,path:[...this.props.path,L],onEditingCanceled:m,onEditingApproved:y,hasAnyEditingRow:this.props.hasAnyEditingRow})),this.props.data.tableData&&this.props.data.tableData.showDetailPanel&&a.jsx(O,{children:a.jsx(E,{size:this.getElementSize(),colSpan:e.length,padding:"none",children:this.props.data.tableData.showDetailPanel(this.props.data)})})]})}}Se.defaultProps={actions:[],index:0,data:{},options:{},path:[]};Se.propTypes={actions:o.array,icons:o.any.isRequired,index:o.number.isRequired,data:o.object.isRequired,detailPanel:o.oneOfType([o.func,o.arrayOf(o.oneOfType([o.object,o.func]))]),hasAnyEditingRow:o.bool,options:o.object.isRequired,onRowSelected:o.func,path:o.arrayOf(o.number),treeDataMaxLevel:o.number,getFieldValue:o.func.isRequired,columns:o.array,onToggleDetailPanel:o.func.isRequired,onRowClick:o.func,onEditingApproved:o.func,onEditingCanceled:o.func};let oe=class extends x.Component{constructor(){super(...arguments);d(this,"handleClickCell",e=>{this.props.columnDef.disableClick&&e.stopPropagation()});d(this,"getStyle",()=>{let e={padding:"6px 7px 6px 7px"};return typeof this.props.columnDef.cellStyle=="function"?e={...e,...this.props.columnDef.cellStyle(this.props.value,this.props.rowData)}:e={...e,...this.props.columnDef.cellStyle},this.props.columnDef.disableClick&&(e.cursor="default"),{...this.props.style,...e}});d(this,"getAlign",()=>["numeric","currency"].indexOf(this.props.columnDef.type)!==-1?"right":["date","time","datetime"].indexOf(this.props.columnDef.type)!==-1?"center":"left")}getRenderValue(){if(this.props.columnDef.emptyValue!==void 0&&(this.props.value===void 0||this.props.value===null))return this.getEmptyValue(this.props.columnDef.emptyValue);if(this.props.columnDef.render)try{if(this.props.rowData)return this.props.columnDef.render(this.props.rowData,"row",this.props.dataIni)}catch{return""}else if(this.props.columnDef.type==="boolean"){const e={textAlign:"center",verticalAlign:"middle",width:30};return this.props.value===null||this.props.value===void 0?a.jsx(this.props.icons.ThirdStateCheck,{style:e}):this.props.value?a.jsx(this.props.icons.CheckBox,{style:e}):a.jsx(this.props.icons.UnCheckBox,{style:e})}else{if(this.props.columnDef.type==="date")return this.props.value instanceof Date?this.props.value.toLocaleDateString():this.props.value===void 0?"":Ds(this.props.value);if(this.props.columnDef.type==="time")return this.props.value instanceof Date?this.props.value.toLocaleTimeString():this.props.value===void 0?"":Ss(this.props.value);if(this.props.columnDef.type==="datetime")return this.props.value instanceof Date?this.props.value.toLocaleString():this.props.value===void 0?"":Rs(this.props.value);if(this.props.columnDef.type==="currency")return ws(this.props.value,this.props.columnDef.currencySetting)}return this.props.value}getEmptyValue(e){return typeof e=="function"?this.props.columnDef.emptyValue(this.props.rowData):e}render(){const{children:e,icons:s,columnDef:i,rowData:r,dataIni:l,...p}=this.props;return a.jsxs(E,{...p,size:this.props.size,style:this.getStyle(),align:this.getAlign(),onClick:this.handleClickCell,children:[e,a.jsx("div",{children:this.getRenderValue()})]})}};oe.defaultProps={columnDef:{},value:void 0};oe.propTypes={columnDef:o.object.isRequired,value:o.any,rowData:o.object};const js=Object.freeze(Object.defineProperty({__proto__:null,default:oe},Symbol.toStringTag,{value:"Module"})),As=W({root:{fontSizeL:"10px","& label.Mui-focused":{color:"white"},"& .MuiInput-underline:after":{borderBottomColor:"white"},"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:"white",height:"auto"},"&:hover fieldset":{borderColor:"white"},"&.Mui-focused fieldset":{borderColor:"white"}}}})(Ge);class De extends x.Component{constructor(t){super(t),this.state={textSearch:""}}render(){const t={...this.props.defaultLocalization,...this.props.localization},{search:e,searchText:s,searchFieldAlignment:i,showTitle:r,classes:l,onSearchChanged:p,icons:u,searchFieldStyle:g}=this.props;return e&&a.jsx(As,{size:"small",className:i==="left"&&r===!1?null:l.searchField,value:this.state.textSearch,onChange:f=>this.setState({textSearch:f.target.value}),onKeyPress:f=>f.charCode===13&&p(this.state.textSearch),placeholder:t.searchPlaceholder,color:"primary",InputProps:{startAdornment:a.jsx(Ve,{position:"start",children:a.jsx(N,{title:t.searchTooltip,children:a.jsx(u.Search,{color:"inherit",fontSize:"small"})})}),endAdornment:a.jsx(Ve,{position:"end",children:a.jsx(M,{style:{color:"white"},disabled:!s,onClick:()=>{p(""),this.setState({textSearch:""})},children:a.jsx(u.ResetSearch,{color:"inherit",fontSize:"small"})})}),style:g}})}}De.propTypes={};De.defaultProps={};const Pe=n=>{const{children:t,...e}=n;return a.jsx(qt,{...e,children:t})};Pe.propTypes={active:o.bool,"aria-label":o.string,block:o.bool,color:o.string,disabled:o.bool,outline:o.bool,tag:o.oneOfType([o.func,o.string,o.shape({$$typeof:o.symbol,render:o.func}),o.arrayOf(o.oneOfType([o.func,o.string,o.shape({$$typeof:o.symbol,render:o.func})]))]),innerRef:o.oneOfType([o.object,o.func,o.string]),onClick:o.func,size:o.string,children:o.node,className:o.string,cssModule:o.object,close:o.bool};Pe.defaultProps={size:"sm",color:"secondary",tag:"button"};let ie=class de extends x.Component{constructor(e){super(e);d(this,"defaultExportCsv",()=>{});d(this,"exportCsv",()=>{this.props.exportCsv?this.props.exportCsv(this.props.columns,this.props.data):this.defaultExportCsv(),this.setState({exportButtonAnchorEl:null})});this.state={columnsButtonAnchorEl:null,exportButtonAnchorEl:null}}renderDefaultActions(){return a.jsx("div",{children:a.jsx(this.props.components.Actions,{actions:this.props.actions&&this.props.actions.filter(q),components:this.props.components})})}renderSelectedActions(){return a.jsx(this.props.components.Actions,{actions:this.props.actions.filter(q),data:this.props.selectedRows,components:this.props.components})}renderActions(){const{classes:e}=this.props;return a.jsx("div",{className:e.actions,children:this.props.selectedRows&&this.props.selectedRows.length>0?this.renderSelectedActions():this.renderDefaultActions()})}renderActionsFree(){const{classes:e}=this.props;return a.jsx(je,{container:!0,className:e.actions+" d-flex justify-content-start",children:this.props.actionsFree.map((s,i)=>a.jsx(je,{item:!0,xs:6,style:s.style,children:s.render?s.render():a.jsxs(Pe,{color:s.color,onClick:s.onClick,children:[a.jsx(We,{style:{marginRight:"0.5rem"},fa:s.icon}),s.name]})},i))})}render(){const{classes:e}=this.props,s={...de.defaultProps.localization,...this.props.localization},i=this.props.showTextRowsSelected&&this.props.selectedRows&&this.props.selectedRows.length>0?s.nRowsSelected.replace("{0}",this.props.selectedRows.length):this.props.showTitle?this.props.title:null;return a.jsx(St,{sx:{flexGrow:1},children:a.jsx(_t,{position:"static",children:a.jsxs(Xe,{variant:"regular",className:Ut(e.root,{[e.highlight]:this.props.showTextRowsSelected&&this.props.selectedRows&&this.props.selectedRows.length>0}),children:[i&&a.jsx("div",{className:e.title,children:a.jsx("h6",{style:{fontSize:16,width:"100%",fontWeight:"bold",color:"white",marginBottom:0,marginTop:0},children:i})}),a.jsx("div",{className:e.spacer}),this.props.actionsFree&&this.props.actionsFree.length!==0&&this.renderActionsFree(this.props),this.props.children,this.props.searchFieldAlignment==="right"&&(this.props.SearchAdvanced?this.props.SearchAdvanced(this.props):a.jsx(De,{...this.props,defaultLocalization:de.defaultProps.localization})),this.props.toolbarButtonAlignment==="right"&&this.renderActions()]})})})}};ie.defaultProps={actions:[],columns:[],columnsButton:!1,localization:{addRemoveColumns:"Add or remove columns",nRowsSelected:"{0} row(s) selected",showColumnsTitle:"Show Columns",showColumnsAriaLabel:"Show Columns",exportTitle:"Export",exportAriaLabel:"Export",exportName:"Export as CSV",searchTooltip:"Search",searchPlaceholder:"Search"},search:!0,showTitle:!0,showTextRowsSelected:!0,toolbarButtonAlignment:"right",searchFieldAlignment:"right",searchText:"",selectedRows:[],title:"No Title!"};ie.propTypes={actions:o.array,columns:o.array,columnsButton:o.bool,components:o.object.isRequired,getFieldValue:o.func.isRequired,localization:o.object.isRequired,onColumnsChanged:o.func.isRequired,onSearchChanged:o.func.isRequired,search:o.bool.isRequired,searchFieldStyle:o.object,searchText:o.string.isRequired,selectedRows:o.array,title:o.oneOfType([o.element,o.string]),showTitle:o.bool.isRequired,showTextRowsSelected:o.bool.isRequired,toolbarButtonAlignment:o.string.isRequired,searchFieldAlignment:o.string.isRequired,renderData:o.array,data:o.array,exportAllData:o.bool,exportButton:o.bool,exportDelimiter:o.string,exportFileName:o.string,exportCsv:o.func,classes:o.object};const tt=n=>{var t,e,s,i,r,l,p,u,g,f,D;return{highlight:((t=n==null?void 0:n.palette)==null?void 0:t.type)==="light"?{color:(s=(e=n==null?void 0:n.palette)==null?void 0:e.secondary)==null?void 0:s.main,backgroundColor:(r=(i=n==null?void 0:n.palette)==null?void 0:i.secondary)==null?void 0:r.main}:{color:(p=(l=n==null?void 0:n.palette)==null?void 0:l.text)==null?void 0:p.primary,backgroundColor:(g=(u=n==null?void 0:n.palette)==null?void 0:u.secondary)==null?void 0:g.dark},spacer:{flex:"1 1 10%"},actions:{color:(D=(f=n==null?void 0:n.palette)==null?void 0:f.text)==null?void 0:D.secondary},title:{flex:"0 0 auto"}}},st=W(tt)(ie),Es=Object.freeze(Object.defineProperty({__proto__:null,MTableToolbar:ie,default:st,styles:tt},Symbol.toStringTag,{value:"Module"})),Fs=n=>{const{theme:t}=n;return a.jsx("div",{style:{position:"absolute",top:0,left:0,height:"100%",width:"100%",zIndex:11},children:a.jsx("div",{style:{display:"table",width:"100%",height:"100%",backgroundColor:"rgba(255, 255, 255, 0.66)"},children:a.jsx("div",{style:{display:"table-cell",width:"100%",height:"100%",verticalAlign:"middle",textAlign:"center"},children:a.jsx("div",{className:"pt-1 text-center",children:a.jsx(Dt,{})})})})})},ks=n=>a.jsx(Pt,{elevation:2,...n}),zs={actions:[],classes:{},columns:[],components:{Action:ye,Actions:xe,Body:V,Cell:oe,Container:ks,EditField:et,EditRow:U,FilterRow:Ce,Groupbar:we,GroupRow:Re,Header:Ts,OverlayLoading:Fs,Pagination:Gt,Row:Se,Toolbar:st},data:[],icons:{Add:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"add_box"})),Check:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"check"})),CheckBox:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"check_box"})),UnCheckBox:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"check_box_outline_blank"})),Clear:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"clear"})),Delete:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"delete_outline"})),DetailPanel:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"chevron_right"})),Edit:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"edit"})),Export:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"save_alt"})),Filter:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"filter_list"})),FirstPage:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"first_page"})),LastPage:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"last_page"})),NextPage:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"chevron_right"})),PreviousPage:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"chevron_left"})),ResetSearch:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"clear"})),Search:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"search"})),SortArrow:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"arrow_downward"})),ThirdStateCheck:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"indeterminate_check_box"})),ViewColumn:R.forwardRef((n,t)=>a.jsx(T,{...n,ref:t,children:"view_column"}))},isLoading:!1,title:"Table Title",options:{actionsColumnIndex:0,addRowPosition:"first",columnsButton:!0,detailPanelType:"multiple",debounceInterval:200,doubleHorizontalScroll:!1,emptyRowsWhenPaging:!0,exportAllData:!1,exportButton:!1,exportDelimiter:",",filtering:!1,header:!0,loadingType:"overlay",padding:"medium",paging:!0,pageSize:10,pageSizeOptions:[10,30,50],paginationType:"full",showEmptyDataSourceMessage:!0,showFirstLastPageButtons:!0,showSelectAllCheckbox:!0,search:!0,showTitle:!0,showTextRowsSelected:!0,toolbarButtonAlignment:"right",searchFieldAlignment:"right",searchFieldStyle:{color:"white",borderBottom:"1px solid rgba(255, 255, 255, 0.57)"},selection:!1,selectionProps:{},sorting:!0,toolbar:!0,defaultExpanded:!1,detailPanelColumnAlignment:"left"},localization:{grouping:{groupedBy:"Grouped By:",placeholder:"Drag headers here to group by"},pagination:{labelDisplayedRows:"{from}-{to} of {count}",labelRowsPerPage:"Rows per page:",labelRowsSelect:"rows"},toolbar:{},header:{},body:{filterRow:{},editRow:{saveTooltip:"Save",cancelTooltip:"Cancel",deleteText:"Are you sure you want to delete this row?"},addTooltip:"Add",deleteTooltip:"Delete",editTooltip:"Edit"}},style:{}};class I extends x.Component{constructor(e){super(e);d(this,"dataManager",new Ps);d(this,"isRemoteData",e=>!Array.isArray((e||this.props).data));d(this,"onAllSelected",e=>{this.dataManager.changeAllSelected(e),this.setState(this.dataManager.getRenderState(),()=>this.onSelectionChange())});d(this,"onChangeColumnHidden",(e,s)=>{this.dataManager.changeColumnHidden(e,s),this.setState(this.dataManager.getRenderState(),()=>{this.props.onChangeColumnHidden&&this.props.onChangeColumnHidden(e,s)})});d(this,"onChangeOrder",(e,s)=>{const i=s===""?-1:e;if(this.dataManager.changeOrder(i,s),this.isRemoteData()){const r={...this.state.query};r.page=0,r.orderBy=this.state.columns.find(l=>l.tableData.id===i),r.orderDirection=s,this.onQueryChange(r,()=>{this.props.onOrderChange&&this.props.onOrderChange(i,s)})}else this.setState(this.dataManager.getRenderState(),()=>{this.props.onOrderChange&&this.props.onOrderChange(i,s)})});d(this,"onPageChange",(e,s)=>{if(this.isRemoteData()){const i={...this.state.query};i.page=s,this.onQueryChange(i,()=>{this.props.onPageChange&&this.props.onPageChange(s)})}else this.dataManager.changeCurrentPage(s),this.setState(this.dataManager.getRenderState(),()=>{this.props.onPageChange&&this.props.onPageChange(s)})});d(this,"onRowsPerPageChange",e=>{const s=e.target.value;if(this.dataManager.changePageSize(s),this.isRemoteData()){const i={...this.state.query};i.pageSize=e.target.value,i.page=0,this.onQueryChange(i,()=>{this.props.onRowsPerPageChange&&this.props.onRowsPerPageChange(s)})}else this.dataManager.changeCurrentPage(0),this.setState(this.dataManager.getRenderState(),()=>{this.props.onRowsPerPageChange&&this.props.onRowsPerPageChange(s)})});d(this,"onEditingApproved",(e,s,i,r)=>{e==="add"?this.setState({isLoading:!0},()=>{this.props.editable.onRowAdd(s).then(l=>{if(l===!0&&this.setState({isLoading:!1}),this.state.listAddRow.length>1)if(r){let p=this.state.listAddRow;p.splice(r.index,1),this.setState({isLoading:!1,listAddRow:p},()=>this.isRemoteData()&&this.onQueryChange(this.state.query))}else this.setState({isLoading:!1},()=>this.isRemoteData()&&this.onQueryChange(this.state.query));else this.setState({isLoading:!1,listAddRow:[],showAddRow:!1},()=>this.isRemoteData()&&this.onQueryChange(this.state.query))}).catch(l=>this.setState({isLoading:!1}))}):e==="update"?this.setState({isLoading:!0},()=>{this.props.editable.onRowUpdate(s,i).then(l=>{this.dataManager.changeRowEditing(i),this.setState({isLoading:!1,...this.dataManager.getRenderState()},()=>this.isRemoteData()&&this.onQueryChange(this.state.query))}).catch(l=>this.setState({isLoading:!1}))}):e==="delete"&&this.setState({isLoading:!0},()=>{this.props.editable.onRowDelete(i).then(l=>{this.dataManager.changeRowEditing(i),this.setState({isLoading:!1,...this.dataManager.getRenderState()},()=>this.isRemoteData()&&this.onQueryChange(this.state.query))}).catch(l=>this.setState({isLoading:!1}))})});d(this,"onEditingCanceled",(e,s,i)=>{if(e==="add")if(this.state.listAddRow.length>1){if(i){let r=this.state.listAddRow;r.splice(i.index,1),this.setState({listAddRow:r})}}else this.setState({listAddRow:[],showAddRow:!1});else(e==="update"||e==="delete")&&(this.dataManager.changeRowEditing(s),this.setState(this.dataManager.getRenderState()))});d(this,"onQueryChange",(e,s)=>{e={...this.state.query,...e},this.setState({isLoading:!0},()=>{this.props.data(e).then(i=>{i.data.length===0&&i.page>0?e.page=i.page-1:e.page=i.page,e.totalCount=i.totalCount,this.dataManager.setData(i.data),this.setState({isLoading:!1,...this.dataManager.getRenderState(),query:e},()=>s&&s()),i.data.length===0&&i.page>0&&this.onQueryChange()})})});d(this,"onRowSelected",(e,s,i)=>{this.dataManager.changeRowSelected(e.target.checked,s),this.setState(this.dataManager.getRenderState(),()=>this.onSelectionChange(i))});d(this,"onSelectionChange",e=>{if(this.props.onSelectionChange){const s=[],i=r=>{r.forEach(l=>{l.tableData.checked&&s.push(l),l.tableData.childRows&&i(l.tableData.childRows)})};i(this.state.originalData),this.props.onSelectionChange(s,e)}});d(this,"onSearchChange",e=>this.setState({searchText:e},this.onSearchChangeDebounce));d(this,"onSearchChangeDebounce",qe(()=>{if(this.dataManager.changeSearchText(this.state.searchText),this.isRemoteData()){const e={...this.state.query};e.page=0,e.search=this.state.searchText,this.onQueryChange(e)}else this.setState(this.dataManager.getRenderState(),()=>{this.props.onSearchChange&&this.props.onSearchChange(this.state.searchText)})},this.props.options.debounceInterval));d(this,"onFilterChange",(e,s)=>{this.dataManager.changeFilterValue(e,s),this.setState({},this.onFilterChangeDebounce)});d(this,"onFilterChangeDebounce",qe(()=>{if(this.isRemoteData()){const e={...this.state.query};e.page=0,e.filters=this.state.columns.filter(s=>s.tableData.filterValue!==void 0).map(s=>({column:s,operator:"=",value:s.tableData.filterValue})),this.onQueryChange(e)}else this.setState(this.dataManager.getRenderState())},this.props.options.debounceInterval));d(this,"onToggleDetailPanel",(e,s)=>{this.dataManager.changeDetailPanelVisibility(e,s),this.setState(this.dataManager.getRenderState())});const s=this.getProps(e);this.setDataManagerFields(s,!0);const i=this.dataManager.getRenderState();this.state={data:[],...i,query:{filters:i.columns.filter(r=>r.tableData.filterValue).map(r=>({column:r,operator:"=",value:r.tableData.filterValue})),orderBy:i.columns.find(r=>r.tableData.id===i.orderBy),orderDirection:i.orderDirection,page:0,pageSize:s.options.pageSize,search:i.searchText,totalCount:0},listAddRow:[],showAddRow:!1}}componentDidMount(){this.setState(this.dataManager.getRenderState(),()=>{this.isRemoteData()&&this.onQueryChange(this.state.query)})}setDataManagerFields(e,s){let i=-1,r="";e&&(i=e.columns.findIndex(l=>l.defaultSort),r=i>-1?e.columns[i].defaultSort:""),e.dataIni&&this.dataManager.setDataIni(e.dataIni),this.dataManager.setColumns(e.columns),this.dataManager.setDefaultExpanded(e.options.defaultExpanded),this.isRemoteData(e)?(this.dataManager.changeApplySearch(!1),this.dataManager.changeApplyFilters(!1)):(this.dataManager.changeApplySearch(!0),this.dataManager.changeApplyFilters(!0),this.dataManager.setData(e.data)),s&&this.dataManager.changeOrder(i,r),s&&this.dataManager.changeCurrentPage(e.options.initialPage?e.options.initialPage:0),this.dataManager.changePageSize(e.options.pageSize),s&&this.dataManager.changePaging(e.options.paging),s&&this.dataManager.changeParentFunc(e.parentChildData),this.dataManager.changeDetailPanelType(e.options.detailPanelType)}UNSAFE_componentWillReceiveProps(e){const s=this.getProps(e);this.setDataManagerFields(s),this.setState(this.dataManager.getRenderState())}componentDidUpdate(){const e=this.isRemoteData()?this.state.query.totalCount:this.state.data.length,s=this.isRemoteData()?this.state.query.page:this.state.currentPage,i=this.isRemoteData()?this.state.query.pageSize:this.state.pageSize;e<=i*s&&s!==0&&this.onPageChange(null,Math.max(0,Math.ceil(e/i)-1))}getProps(e){const s={...e||this.props};s.components={...I.defaultProps.components,...s.components},s.icons={...I.defaultProps.icons,...s.icons},s.options={...I.defaultProps.options,...s.options};const i=s.localization.body;if(s.actions=[...s.actions||[]],s.editable){if(s.editable.onRowAdd&&s.actions.push({icon:s.icons.Add,tooltip:i.addTooltip,isFreeAction:!0,isAdd:!0,onClick:()=>{this.props.addMoreRows?this.setState({...this.dataManager.getRenderState(),listAddRow:[...this.state.listAddRow,pe()],showAddRow:!0}):this.setState({...this.dataManager.getRenderState(),listAddRow:[pe()],showAddRow:!this.state.showAddRow})}}),s.editable.onRowUpdate){const r=s.actions.findIndex(p=>p.isEdit===!0);let l={};r>-1&&(l=s.actions[r],s.actions.splice(r,1)),s.actions.push(p=>({typeFont:l.typeFont,icon:l.icon||s.icons.Edit,tooltip:i.editTooltip,isEdit:!0,hidden:s.editable.onUpdateHidden,disabled:s.editable.isEditable&&!s.editable.isEditable(p),onClick:(u,g)=>{this.dataManager.changeRowEditing(g,"update"),this.setState({...this.dataManager.getRenderState(),showAddRow:!1})}}))}if(s.editable.onRowDelete){const r=s.actions.findIndex(p=>p.isDelete===!0);let l={};r>-1&&(l=s.actions[r],s.actions.splice(r,1)),s.actions.push(p=>({typeFont:l.typeFont,icon:l.icon||s.icons.Delete,tooltip:i.deleteTooltip,isDelete:!0,hidden:s.editable.onDeleteHidden,disabled:s.editable.isDeletable&&!s.editable.isDeletable(p),onClick:(u,g)=>{this.dataManager.changeRowEditing(g,"delete"),this.setState({...this.dataManager.getRenderState(),showAddRow:!1})}}))}}return s}renderFooter(){const e=this.getProps();if(e.options.paging){const s={...I.defaultProps.localization.pagination,...this.props.localization.pagination};return a.jsx(Me,{children:a.jsx(is,{style:{display:"grid"},children:a.jsx(O,{children:a.jsx(e.components.Pagination,{classes:{root:e.classes.paginationRoot,toolbar:e.classes.paginationToolbar,caption:e.classes.paginationCaption,selectRoot:e.classes.paginationSelectRoot},style:{color:"black",float:"right",overflowX:"auto"},colSpan:3,count:this.isRemoteData()?this.state.query.totalCount:this.state.data.length,icons:e.icons,rowsPerPage:this.state.pageSize,rowsPerPageOptions:e.options.pageSizeOptions,SelectProps:{renderValue:i=>a.jsx("div",{style:{padding:"0px 5px"},children:i+" "+s.labelRowsSelect+" "})},page:this.isRemoteData()?this.state.query.page:this.state.currentPage,onPageChange:this.onPageChange,onRowsPerPageChange:this.onRowsPerPageChange,ActionsComponent:i=>a.jsx(xs,{...i,icons:e.icons,localization:s,showFirstLastPageButtons:e.options.showFirstLastPageButtons}),labelDisplayedRows:i=>s.labelDisplayedRows.replace("{from}",i.from).replace("{to}",i.to).replace("{count}",i.count),labelRowsPerPage:s.labelRowsPerPage})})})})}}render(){const e=this.getProps();return a.jsxs(e.components.Container,{style:{position:"relative",borderRadius:"0.5rem 0.5rem 0 0",...e.style},children:[e.options.toolbar&&a.jsx(e.components.Toolbar,{actions:e.actions,components:e.components,selectedRows:this.state.selectedCount>0?this.state.originalData.filter(s=>s.tableData.checked):[],columns:this.state.columns,columnsButton:e.options.columnsButton,icons:e.icons,actionsFree:e.onActionFree,getFieldValue:this.dataManager.getFieldValue,data:this.state.data,renderData:this.state.renderData,search:e.options.search,showTitle:e.options.showTitle,showTextRowsSelected:e.options.showTextRowsSelected,toolbarButtonAlignment:e.options.toolbarButtonAlignment,onFilterChanged:this.onFilterChange,searchFieldAlignment:e.options.searchFieldAlignment,searchText:this.state.searchText,searchFieldStyle:e.options.searchFieldStyle,title:e.title,onSearchChanged:this.onSearchChange,onColumnsChanged:this.onChangeColumnHidden,localization:{...I.defaultProps.localization.toolbar,...this.props.localization.toolbar}}),a.jsx("div",{style:{overflowX:"auto"},children:a.jsx("div",{style:{maxHeight:e.options.maxBodyHeight,overflowY:"auto"},children:a.jsxs(Me,{size:"small",children:[e.options.header&&a.jsx(e.components.Header,{localization:{...I.defaultProps.localization.header,...this.props.localization.header},columns:this.state.columns,hasSelection:e.options.selection,headerStyle:e.options.headerStyle,icons:e.icons,selectedCount:this.state.selectedCount,dataCount:e.parentChildData?this.state.treefiedDataLength:this.state.data.length,hasDetailPanel:!!e.detailPanel,detailPanelColumnAlignment:e.options.detailPanelColumnAlignment,showActionsColumn:e.actions&&e.actions.filter(s=>!q(s)&&!this.props.options.selection).length>0,showSelectAllCheckbox:e.options.showSelectAllCheckbox,orderBy:this.state.orderBy,orderDirection:this.state.orderDirection,onAllSelected:this.onAllSelected,onOrderChange:this.onChangeOrder,actionsHeaderIndex:e.options.actionsColumnIndex,sorting:e.options.sorting}),a.jsx(e.components.Body,{actions:e.actions,components:e.components,dataIni:e.dataIni,icons:e.icons,renderData:this.state.renderData,currentPage:this.state.currentPage,initialFormData:e.initialFormData,pageSize:this.state.pageSize,columns:this.state.columns,detailPanel:e.detailPanel,options:e.options,getFieldValue:this.dataManager.getFieldValue,onFilterChanged:this.onFilterChange,onRowSelected:this.onRowSelected,onToggleDetailPanel:this.onToggleDetailPanel,onEditingCanceled:this.onEditingCanceled,onEditingApproved:this.onEditingApproved,localization:{...I.defaultProps.localization.body,...this.props.localization.body},onRowClick:this.props.onRowClick,addMoreRows:this.props.addMoreRows,listAddRow:this.state.listAddRow,countAddRow:this.state.countAddRow,showAddRow:this.state.showAddRow,hasAnyEditingRow:!!(this.state.lastEditingRow||this.state.showAddRow),hasDetailPanel:!!e.detailPanel})]})})}),this.renderFooter(),(this.state.isLoading||e.isLoading)&&a.jsx(e.components.OverlayLoading,{theme:e.theme})]})}}I.defaultProps=zs;const Ms=W(n=>({paginationRoot:{width:"100%"},paginationToolbar:{padding:0,width:"100%"},paginationCaption:{display:"none"},paginationSelectRoot:{margin:0}}),{withTheme:!0})(n=>a.jsx(I,{...n,ref:n.tableRef})),Is=R.lazy(()=>Qe(()=>Promise.resolve().then(()=>Es),void 0)),Os=R.lazy(()=>Qe(()=>Promise.resolve().then(()=>js),void 0)),Vs={color:"#000",padding:"5px",fontSize:"13px",fontWeight:"bold",textAlign:"center",backgroundColor:"rgb(245, 247, 255)",borderLeft:"0.5px solid rgb(224, 224, 224)"},Ue={stripedRow:{even:"#FFF",odd:"rgb(247, 248, 255)"}},Ls={padding:"4px 4px 4px 6px !important",fontSize:"0.775rem",borderLeft:"0.5px solid rgba(224, 224, 224, 1)"};class ve extends R.Component{render(){const{components:t,onSelectionChange:e,options:s,addMoreRows:i,pageSize:r,search:l,CustumToolbar:p,CustumCell:u,SearchAdvanced:g,onRowClick:f,dataCount:D,rowsPerPage:S,page:m,...y}=this.props,C=()=>{let b={Toolbar:z=>a.jsx(Is,{...z,SearchAdvanced:g}),Cell:z=>a.jsx(Os,{...z,style:Ls})};return p&&(b.Toolbar=p),u&&(b.Cell=u),b};return a.jsx(Ms,{...y,addMoreRows:i,localization:bs,options:{selection:s,exportButton:!1,search:l,actionsColumnIndex:-1,pageSize:r,headerStyle:Vs,pageSizeOptions:[5,10,30,50],rowStyle:(b,z,_)=>({backgroundColor:z%2===0?Ue.stripedRow.even:Ue.stripedRow.odd})},onSelectionChange:e,onRowClick:f===void 0?void 0:(b,z)=>f(b,z),components:C()})}}ve.propTypes={pageSize:o.number.isRequired,search:o.bool.isRequired};ve.defaultProps={pageSize:10,search:!0};class Js extends R.Component{render(){const{tableRef:t,url:e,urlExt:s,title:i,columns:r,pageSize:l,detailPanel:p,addMoreRows:u,where:g,search:f,selectType:D,dataIni:S,onRefresh:m,onAdd:y,onEdit:C,onDelete:b,onActions:z,onRowClick:_,isAuth:j,SearchAdvanced:L,CustumToolbar:B,CustumCell:ot,render:it,components:at,options:nt,onSelectionChange:rt,fieldFilter:lt,concatSeachColumn:G,whereConCatColumn:ae,onActionFree:pt,isFullTextSearch:dt}=this.props,J=e,ct=()=>t.current&&t.current.onQueryChange(),ht=h=>{const{search:c}=h,w=r.filter(v=>v.sortMulti==="asc"||v.sortMulti==="desc");let P=`${J}?${dt&&c?`search=${c}&`:""}${Mt(h.page,h.pageSize)}`;P+=`${It(r)}${Ot(r,D)}`,h.orderBy&&h.orderBy!==void 0&&h.orderDirection&&h.orderDirection!==""&&(w.length!==0?w.forEach((v,k,Bs)=>{let ne="";k!==0&&(ne=v.field.split(".").join("/")),P+=k===0?Ee(v.field,""):k!==w.length-1?`,${ne}`:`,${ne} ${v.sortMulti}`}):P+=Ee(h.orderBy.field,h.orderDirection));let A=Vt(h,r,lt,g);return A?G?ae?P+=g?`&$filter=(${A}) or ${G}'${h.search}') and ${ae} and ${g}`:`&$filter=${A} or ${G} eq '${h.search}' and ${ae}`:P+=g?`&$filter=(${A}) or ${G}'${h.search}') and ${g}`:`&$filter=${A} or ${G} eq '${h.search}'`:P+=g?`&$filter=(${A}) and ${g}`:`&$filter=${A}`:P+=g?"&$filter="+g:"","/api"+P},ut=h=>`${s}${g?"?"+g:"&"}skip=${h.page*h.pageSize}&take=${h.pageSize}`,Te=h=>r.filter(c=>ze(c.field)&&c.dataRef).map(c=>({column:c,field_split:c.field.split(".")})).forEach(c=>{delete h[c.field_split[0]]}),Y=h=>{let c=r.filter(P=>P.dataCheck);for(var w=0;w<c.length;w++)if(ze(c[w].field)&&c[w].dataRef){if(h[c[w].dataRef[0]]===null||h[c[w].dataRef[0]]===void 0)return!1}else if(h[c[w].field]===void 0||h[c[w].field]===null)return!1;return!0},gt=h=>r.map(c=>({column:c.field,value:h[c.field]===""?null:h[c.field]})).forEach(c=>(h[c.column]=c.value,h)),ft=()=>{let h={};return y&&y.onClick===void 0&&(y.onRowAdd===void 0?h.onRowAdd=c=>new Promise((w,P)=>{let A=Lt(r);if(A.type&&A.type!=="numeric"&&A.type!=="int"&&(c[Bt(r)]=pe()),Te(c),y.defaultValues&&y.defaultValues.forEach(v=>c[v.field]=v.isSame?c[v.isSame].toUpperCase():v.value),!Y(c))P();else{let v=j?J.replace("allow","auth"):e;re.post(`${"/api"+v}`,c).then(k=>w(k)).catch(({error:k})=>{Fe(k.message),P(k)}).finally(()=>{this.props.addCallback&&this.props.addCallback()})}}):h.onRowAdd=c=>y.onRowAdd(c,w=>Y(w))),C&&C.onClick===void 0&&(C.hidden&&(h.onUpdateHidden=c=>C.hidden(c)),C.onRowUpdate===void 0?h.onRowUpdate=(c,w)=>new Promise((P,A)=>{if(Te(c),gt(c),C.defaultValues&&C.defaultValues.forEach(v=>c[v.field]=v.isSame?c[v.isSame].toUpperCase():v.value),!Y(c))A();else{delete c.id;let v=j?J.replace("allow","auth"):e;re.patch(ke(v,r,w),c).then(k=>P(k)).catch(({error:k})=>{Fe(k.message),A(k.value||k)}).finally(()=>{this.props.updateCallback&&this.props.updateCallback()})}}):h.onRowUpdate=(c,w)=>C.onRowUpdate(c,w,P=>Y(P))),b&&b.onClick===void 0&&(b.hidden&&(h.onDeleteHidden=c=>b.hidden(c)),b.onRowDelete===void 0?h.onRowDelete=c=>new Promise(async(w,P)=>{try{try{let A=j?J.replace("allow","auth"):e;await re.delete(ke(A,r,c)),b.messageSuccess?w(b.messageSuccess):w("Xóa dữ liệu thành công !")}catch(A){A.message?P(A):P("Xóa dữ liệu thất bại !")}}finally{this.props.deleteCallback&&this.props.deleteCallback()}}):h.onRowDelete=c=>b.onRowDelete(c)),h},mt=()=>{let h=[];return m?(m.icon="refresh",m.isRefresh=!0,m.tooltip="Tải lại dữ liệu",m.isFreeAction=!0,h.push(m)):h.push({icon:"refresh",isRefresh:!0,tooltip:"Tải lại dữ liệu",isFreeAction:!0,onClick:()=>ct()}),z&&z.map(c=>h.push(c)),y&&y.onClick&&(y.icon="add_box",y.tooltip="Thêm",y.isAdd=!0,y.isFreeAction=!0,h.push(y)),(C&&C.onClick||C!=null&&C.icon)&&(C.icon=C.icon||"edit",C.tooltip="Sửa",C.isEdit=!0,h.push(C)),(b&&b.onClick||b!=null&&b.icon)&&(b.icon=b.icon||"delete",b.tooltip="Xóa",b.isDelete=!0,h.push(b)),h};return a.jsx(ve,{dataIni:S,onSelectionChange:rt,options:nt,addMoreRows:u,search:f,pageSize:l,title:i,columns:r,tableRef:t,SearchAdvanced:L,CustumToolbar:B,CustumCell:ot,data:h=>e?Ae.get(ht(h)).then(c=>({data:c.data===void 0?[]:c.data.value,page:h.page,totalCount:Number(c.data["@odata.count"])})):Ae.get(ut(h)).then(c=>({data:c.data===void 0?[]:c.data,page:h.page,totalCount:Number(c.data.count)})),detailPanel:p,editable:ft(),actions:mt(),onActionFree:pt,render:it,components:at,onRowClick:_===void 0?void 0:(h,c)=>_(h,c)})}}export{Js as D};