@famalabs/web-ui 1.0.0-beta.28 → 1.0.0-beta.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Grid";import
|
|
1
|
+
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Grid";import r from"@mui/material/Table";import i from"@mui/material/ToggleButton";import n from"@mui/material/ToggleButtonGroup";import o from"@mui/material/Typography";import{Grid2x2Icon as a,Rows2Icon as l}from"lucide-react";import s,{useState as c,useEffect as m,useEffectEvent as d}from"react";import{TableFilterHeader as u}from"../TableComponents/TableFilterHeader.js";import{parseFiltersQuery as p,buildFiltersQuery as f,buildRequestFilters as g}from"../TableComponents/TableFunctions.js";import{localizedTableStrings as h}from"../TableComponents/TableLocales.js";import{CardsTableBody as v}from"./CardsTableBody.js";import{CardsTableFooter as y}from"./CardsTableFooter.js";import{jsx as b,jsxs as T,Fragment as x}from"react/jsx-runtime";function w(w){const F=e(112),{tableInfo:I,fetchInfo:_,filtersQuery:j,cardInfo:z,tableLocale:D,localeStr:B}=w,{tableTitle:V,tableName:L,tableData:O,filters:R,expectedItemCount:q,tableVariant:E,gridSizings:G,defaultShowFilters:M,standardOptions:H,infiniteOptions:N}=I,Q=void 0===L?"":L,W=void 0===E?"standard":E;let k;F[0]!==G?(k=void 0===G?{xs:1,sm:1,md:2,lg:3,xl:4}:G,F[0]=G,F[1]=k):k=F[1];const A=k;let J;F[2]!==H?(J=void 0===H?{customPageItemCount:6,customSelectPages:[6,12,24]}:H,F[2]=H,F[3]=J):J=F[3];const K=J;let U;F[4]!==N?(U=void 0===N?{loadingType:"loadMore",itemsPerPage:6,viewType:"cards",switcherPosition:"right",onViewTypeChange:S}:N,F[4]=N,F[5]=U):U=F[5];const X=U,{fetchData:Y,isDataLoading:Z,areColumnsLoading:$}=_,ee=void 0===j?"":j,te=void 0===D?"en":D,{customPageItemCount:re,customSelectPages:ie}=K,ne=void 0===re?6:re;let oe;F[6]!==ie?(oe=void 0===ie?[6,12,24]:ie,F[6]=ie,F[7]=oe):oe=F[7];const ae=oe,{loadingType:le,itemsPerPage:se,viewType:ce,onViewTypeChange:me,switcherPosition:de}=X,ue=void 0===se?6:se,pe=h[te];let fe;F[8]!==B||F[9]!==pe?(fe={...pe,...B},F[8]=B,F[9]=pe,F[10]=fe):fe=F[10];const ge=fe,[he,ve]=c("dual"===ce?"cards":ce),[ye,be]=c(0),Te="standard"===W?ne:ue,[xe,we]=c(Te??5),Pe=s.useRef(ee);let Ce;F[11]!==R||F[12]!==ee||F[13]!==Q?(Ce=p(Q,ee,R),F[11]=R,F[12]=ee,F[13]=Q,F[14]=Ce):Ce=F[14];const Se=Ce,[Fe,Ie]=c(!1);let _e;F[15]===Symbol.for("react.memo_cache_sentinel")?(_e={prev:!1,next:!1},F[15]=_e):_e=F[15];const[je,ze]=c(_e),De=s.useRef(!0);let Be,Ve,Le;F[16]===Symbol.for("react.memo_cache_sentinel")?(Be=()=>(De.current=!0,()=>{De.current=!1}),Ve=[],F[16]=Be,F[17]=Ve):(Be=F[16],Ve=F[17]),m(Be,Ve),F[18]!==Se||F[19]!==Y||F[20]!==le||F[21]!==xe||F[22]!==Q||F[23]!==W?(Le=async e=>{Ie(!0);const t=f(Q,Se),r=g(Se),i=xe,{next:n,prev:o}=await Y({filters:{query:t,active:Se,filterDto:r},limit:i,direction:e});De.current&&(Pe.current=t,ze({next:n,prev:o}),Ie(!1),"right"===e?be(C):"left"===e?be(P):"reset"===e&&be(0))},F[18]=Se,F[19]=Y,F[20]=le,F[21]=xe,F[22]=Q,F[23]=W,F[24]=Le):Le=F[24];const Oe=Le;let Re;F[25]!==Oe?(Re=()=>Oe("reset"),F[25]=Oe,F[26]=Re):Re=F[26];const qe=d(Re);let Ee,Ge,Me;F[27]!==qe?(Ee=()=>{qe()},F[27]=qe,F[28]=Ee):Ee=F[28],F[29]===Symbol.for("react.memo_cache_sentinel")?(Ge=[],F[29]=Ge):Ge=F[29],m(Ee,Ge),F[30]!==Y||F[31]!==le||F[32]!==xe||F[33]!==Q||F[34]!==W?(Me=async e=>{Ie(!0);const t=f(Q,e),r=g(e),i=xe,{next:n,prev:o}=await Y({filters:{query:t,active:e,filterDto:r},limit:i,direction:"reset"});Pe.current=t,be(0),ze({next:n,prev:o}),Ie(!1)},F[30]=Y,F[31]=le,F[32]=xe,F[33]=Q,F[34]=W,F[35]=Me):Me=F[35];const He=Me;let Ne;F[36]!==Se||F[37]!==Fe||F[38]!==ee||F[39]!==He||F[40]!==Q?(Ne=()=>{if(Fe||!ee)return;f(Q,Se)!==Pe.current&&He(Se)},F[36]=Se,F[37]=Fe,F[38]=ee,F[39]=He,F[40]=Q,F[41]=Ne):Ne=F[41];const Qe=d(Ne);let We,ke,Ae;F[42]!==Qe?(We=()=>{Qe()},F[42]=Qe,F[43]=We):We=F[43],F[44]!==ee?(ke=[ee],F[44]=ee,F[45]=ke):ke=F[45],m(We,ke),F[46]!==Se||F[47]!==Y||F[48]!==Q?(Ae=e=>{const t=parseInt(e.target.value,10);we(t),be(0);const r=f(Q,Se),i=g(Se);Y({filters:{query:r,active:Se,filterDto:i},limit:t,direction:"reset"}).then(e=>{const{next:t,prev:r}=e;ze({next:t,prev:r})})},F[46]=Se,F[47]=Y,F[48]=Q,F[49]=Ae):Ae=F[49];const Je=Ae;let Ke;F[50]!==me?(Ke=(e,t)=>{t&&(ve(t),me?.(t))},F[50]=me,F[51]=Ke):Ke=F[51];const Ue=Ke,Xe=Boolean(Z||$),Ye=!Xe&&0===O.length;let Ze;F[52]===Symbol.for("react.memo_cache_sentinel")?(Ze={width:"100%",justifyContent:"space-between",alignItems:"center",my:2},F[52]=Ze):Ze=F[52];const $e="left"===de?"row-reverse":"row",et="left"===de?"left":"space-between";let tt,rt,it,nt,ot,at,lt,st;F[53]!==V?(tt=V&&b(t,{children:"string"==typeof V?b(o,{variant:"h6",component:"div",children:V}):V}),F[53]=V,F[54]=tt):tt=F[54],F[55]!==Oe?(rt=()=>Oe("reset"),F[55]=Oe,F[56]=rt):rt=F[56],F[57]!==Se||F[58]!==ge.filters||F[59]!==M||F[60]!==R||F[61]!==He||F[62]!==Xe||F[63]!==rt?(it=b(u,{columns:R,activeFilters:Se,onFiltersChange:He,isFetching:Xe,defaultShowFilters:M,handleFetchData:rt,showRefreshButton:!1,localeStr:ge.filters}),F[57]=Se,F[58]=ge.filters,F[59]=M,F[60]=R,F[61]=He,F[62]=Xe,F[63]=rt,F[64]=it):it=F[64],F[65]!==Ue||F[66]!==he||F[67]!==ce?(nt="dual"===ce&&b(t,{children:T(n,{exclusive:!0,value:he,onChange:Ue,"aria-label":"list view",size:"small",sx:{alignSelf:"center"},children:[b(i,{value:"cards",size:"small",color:"primary",sx:{p:"5px"},children:b(a,{size:18})}),b(i,{value:"list",size:"small",color:"primary",sx:{p:"5px"},children:b(l,{size:18})})]})}),F[65]=Ue,F[66]=he,F[67]=ce,F[68]=nt):nt=F[68],F[69]!==$e||F[70]!==et||F[71]!==tt||F[72]!==it||F[73]!==nt?(ot=b(t,{id:"cards-table-header",container:!0,sx:Ze,children:T(t,{container:!0,size:12,direction:$e,justifyContent:et,alignItems:"center",spacing:2,children:[tt,it,nt]})}),F[69]=$e,F[70]=et,F[71]=tt,F[72]=it,F[73]=nt,F[74]=ot):ot=F[74],F[75]===Symbol.for("react.memo_cache_sentinel")?(at={width:"100%",minWidth:150},F[75]=at):at=F[75],F[76]!==ne||F[77]!==ae?(lt={customPageItemCount:ne,customSelectPages:ae},F[76]=ne,F[77]=ae,F[78]=lt):lt=F[78],F[79]!==A||F[80]!==ue||F[81]!==le||F[82]!==he?(st={loadingType:le,gridSizings:A,itemsPerPage:ue,viewType:he},F[79]=A,F[80]=ue,F[81]=le,F[82]=he,F[83]=st):st=F[83];const ct="standard"===W?0:ye;let mt,dt,ut,pt;return F[84]!==z||F[85]!==Xe||F[86]!==Ye||F[87]!==xe||F[88]!==lt||F[89]!==st||F[90]!==ct||F[91]!==O||F[92]!==W?(mt=b(v,{tableVariant:W,tableData:O,cardInfo:z,standardOptions:lt,infiniteOptions:st,page:ct,rowsPerPage:xe,isFetching:Xe,isTableEmpty:Ye}),F[84]=z,F[85]=Xe,F[86]=Ye,F[87]=xe,F[88]=lt,F[89]=st,F[90]=ct,F[91]=O,F[92]=W,F[93]=mt):mt=F[93],F[94]!==ye||F[95]!==ae||F[96]!==q||F[97]!==Je||F[98]!==Oe||F[99]!==Xe||F[100]!==Ye||F[101]!==le||F[102]!==je||F[103]!==xe||F[104]!==W?(dt=b(y,{tableVariant:W,currentPage:ye,expectedItemCount:q,fetchEvent:Oe,nextFetch:je,handleChangeRowsPerPage:Je,isFetching:Xe,isTableEmpty:Ye,loadingType:le,rowsPerPage:xe,customSelectPages:ae}),F[94]=ye,F[95]=ae,F[96]=q,F[97]=Je,F[98]=Oe,F[99]=Xe,F[100]=Ye,F[101]=le,F[102]=je,F[103]=xe,F[104]=W,F[105]=dt):dt=F[105],F[106]!==mt||F[107]!==dt?(ut=T(r,{component:"div",sx:at,children:[mt,dt]}),F[106]=mt,F[107]=dt,F[108]=ut):ut=F[108],F[109]!==ot||F[110]!==ut?(pt=T(x,{children:[ot,ut]}),F[109]=ot,F[110]=ut,F[111]=pt):pt=F[111],pt}function P(e){return Math.max(e-1,0)}function C(e){return e+1}function S(){return null}export{w as CardsTable};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Grid";import o,{useEffectEvent as
|
|
1
|
+
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Grid";import o,{useEffectEvent as r,useEffect as a}from"react";import{TableActionHeader as s}from"../TableComponents/TableActionHeader.js";import{TableFilterHeader as i}from"../TableComponents/TableFilterHeader.js";import{loadSavedColumns as n,parseFiltersQuery as l,buildFiltersQuery as c,buildRequestFilters as u}from"../TableComponents/TableFunctions.js";import{localizedTableStrings as m}from"../TableComponents/TableLocales.js";import{RealTimeTableBody as d}from"./RealTimeTableBody.js";import{RealTimeTableFooter as f}from"./RealTimeTableFooter.js";import{jsx as h,jsxs as b}from"react/jsx-runtime";function p(p){const v=e(119),{tableInfo:g,fetchInfo:C,filtersQuery:S,tableActions:w,tableButtons:F,onRowClick:R,onRowsPerPageChange:y,onColumnsPopoverClose:T,tableLocale:P,localeStr:k}=p,x=void 0===S?"":S,A=void 0===P?"en":P,{tableName:B,tableData:D,columns:j,savedVisibleColumns:q,expectedRowCount:H,currentPage:N,variant:_,defaultShowFilters:z,showRefreshButton:V,emptyTablePlaceholder:L,showVisibleColumnsButton:Q,paginationOptions:I}=g;let E;v[0]!==D?(E=void 0===D?[]:D,v[0]=D,v[1]=E):E=v[1];const G=E,O=void 0===N?0:N,J=void 0===_?"standard":_,K=void 0===V||V,M=void 0===Q||Q;let U;v[2]!==I?(U=void 0===I?{}:I,v[2]=I,v[3]=U):U=v[3];const W=U,{stickyHeader:X,stickyFooter:Y,customPageRowCount:Z,customSelectPages:$,autoSizeHeight:ee,hideFooter:te,footerVariant:oe}=W,re=void 0===X||X,ae=void 0===Y||Y,se=void 0===ee||ee,ie=void 0!==te&&te,ne=void 0===oe?"standard":oe,{fetchData:le,fetchAllData:ce,isDataLoading:ue,areColumnsLoading:me}=C;let de;v[4]!==w?(de=w||{},v[4]=w,v[5]=de):de=v[5];const{quickActions:fe}=de;let he;v[6]!==F?(he=F||{},v[6]=F,v[7]=he):he=v[7];const{refreshButton:be}=he,pe=m[A];let ve;v[8]!==k||v[9]!==pe?(ve={...pe,...k},v[8]=k,v[9]=pe,v[10]=ve):ve=v[10];const ge=ve;let Ce;v[11]!==j||v[12]!==q?(Ce=n(j,q),v[11]=j,v[12]=q,v[13]=Ce):Ce=v[13];const[Se,we]=o.useState(Ce);let Fe;v[14]!==j||v[15]!==q?(Fe=()=>{we(n(j,q))},v[14]=j,v[15]=q,v[16]=Fe):Fe=v[16];const Re=r(Fe);let ye,Te;v[17]!==Re?(ye=()=>{Re()},v[17]=Re,v[18]=ye):ye=v[18],v[19]!==j?(Te=[j],v[19]=j,v[20]=Te):Te=v[20],a(ye,Te);const[Pe,ke]=o.useState(Number(Z)||Number(H)),xe=o.useRef("");let Ae;v[21]!==j||v[22]!==x||v[23]!==B?(Ae=l(B,x,j),v[21]=j,v[22]=x,v[23]=B,v[24]=Ae):Ae=v[24];const Be=Ae,[De,je]=o.useState(!1);let qe;v[25]===Symbol.for("react.memo_cache_sentinel")?(qe={prev:!1,next:!1},v[25]=qe):qe=v[25];const[He,Ne]=o.useState(qe),_e=o.useRef(!0);let ze,Ve,Le;v[26]===Symbol.for("react.memo_cache_sentinel")?(ze=()=>(_e.current=!0,()=>{_e.current=!1}),Ve=[],v[26]=ze,v[27]=Ve):(ze=v[26],Ve=v[27]),a(ze,Ve),v[28]!==Be||v[29]!==le||v[30]!==Pe||v[31]!==B?(Le=async(e,t)=>{const o=t?.rows??Pe,r=t?.active??Be,a=t?.query??c(B,r),s=t?.filterDto??u(r);je(!0);const{next:i,prev:n}=await le({filters:{query:a,active:r,filterDto:s},limit:o,direction:e});_e.current&&(xe.current=a,Ne({next:i,prev:n}),je(!1))},v[28]=Be,v[29]=le,v[30]=Pe,v[31]=B,v[32]=Le):Le=v[32];const Qe=Le,Ie=r(Qe);let Ee,Ge,Oe;v[33]!==me||v[34]!==Ie?(Ee=()=>{me||Ie()},v[33]=me,v[34]=Ie,v[35]=Ee):Ee=v[35],v[36]!==me?(Ge=[me],v[36]=me,v[37]=Ge):Ge=v[37],a(Ee,Ge),v[38]!==Qe?(Oe=async e=>{Qe("reset",{active:e})},v[38]=Qe,v[39]=Oe):Oe=v[39];const Je=Oe;let Ke;v[40]!==Be||v[41]!==De||v[42]!==x||v[43]!==Qe||v[44]!==B?(Ke=()=>{if(De||""===x)return;const e=c(B,Be);e!==xe.current&&Qe("reset",{query:e})},v[40]=Be,v[41]=De,v[42]=x,v[43]=Qe,v[44]=B,v[45]=Ke):Ke=v[45];const Me=r(Ke);let Ue,We,Xe;v[46]!==Me?(Ue=()=>{Me()},v[46]=Me,v[47]=Ue):Ue=v[47],v[48]!==x?(We=[x],v[48]=x,v[49]=We):We=v[49],a(Ue,We),v[50]!==Qe||v[51]!==y?(Xe=e=>{const t=Number(e.target.value);ke(t),y?.(t),Qe("reset",{rows:t})},v[50]=Qe,v[51]=y,v[52]=Xe):Xe=v[52];const Ye=Xe,[Ze,$e]=o.useState(!1);let et;v[53]===Symbol.for("react.memo_cache_sentinel")?(et=[],v[53]=et):et=v[53];const[tt,ot]=o.useState(et),rt=Boolean(ue||me),at=!rt&&(0===H||0===G.length),st=re?"sticky":"static";let it,nt,lt,ct,ut,mt,dt;return v[54]!==st?(it={position:st,top:0,zIndex:2,backgroundColor:"background.paper",borderRadius:"8px 8px 0 0"},v[54]=st,v[55]=it):it=v[55],v[56]!==Be||v[57]!==j||v[58]!==ge.filters||v[59]!==z||v[60]!==Qe||v[61]!==rt||v[62]!==Je||v[63]!==be||v[64]!==K?(nt=h(i,{columns:j,activeFilters:Be,onFiltersChange:Je,handleFetchData:Qe,isFetching:rt,defaultShowFilters:z,refreshButton:be,showRefreshButton:K,localeStr:ge.filters}),v[56]=Be,v[57]=j,v[58]=ge.filters,v[59]=z,v[60]=Qe,v[61]=rt,v[62]=Je,v[63]=be,v[64]=K,v[65]=nt):nt=v[65],v[66]!==Be||v[67]!==Se||v[68]!==ge.header||v[69]!==H||v[70]!==ce||v[71]!==rt||v[72]!==T||v[73]!==fe||v[74]!==tt||v[75]!==M||v[76]!==Ze||v[77]!==F||v[78]!==B?(lt=h(s,{tableName:B,expectedRowCount:H,currentColumns:Se,setCurrentColumns:we,fetchAllData:ce,isFetching:rt,quickActions:fe,tableActionsActive:Ze,setQuickActions:$e,quickSelectedRows:tt,setQuickSelectedRows:ot,activeFilters:Be,tableButtons:F,onColumnsPopoverClose:T,showVisibleColumnsButton:M,localeStr:ge.header}),v[66]=Be,v[67]=Se,v[68]=ge.header,v[69]=H,v[70]=ce,v[71]=rt,v[72]=T,v[73]=fe,v[74]=tt,v[75]=M,v[76]=Ze,v[77]=F,v[78]=B,v[79]=lt):lt=v[79],v[80]!==it||v[81]!==nt||v[82]!==lt?(ct=b(t,{className:"RealTimeTable-Header",component:"div",container:!0,size:12,"data-sticky":!0,sx:it,children:[nt,lt]}),v[80]=it,v[81]=nt,v[82]=lt,v[83]=ct):ct=v[83],v[84]!==Be||v[85]!==se||v[86]!==Se||v[87]!==ge.filters||v[88]!==L||v[89]!==ie||v[90]!==rt||v[91]!==at||v[92]!==Je||v[93]!==R||v[94]!==tt||v[95]!==Pe||v[96]!==w||v[97]!==Ze||v[98]!==G||v[99]!==J?(ut=h(d,{tableData:G,activeFilters:Be,onFiltersChange:Je,visibleColumns:Se,rowsPerPage:Pe,tableActionsActive:Ze,quickSelectedRows:tt,setQuickSelectedRows:ot,tableActions:w,isFetching:rt,onRowClick:R,autoSizeHeight:se,emptyTablePlaceholder:L,isTableEmpty:at,hideFooter:ie,variant:J,localeStr:ge.filters}),v[84]=Be,v[85]=se,v[86]=Se,v[87]=ge.filters,v[88]=L,v[89]=ie,v[90]=rt,v[91]=at,v[92]=Je,v[93]=R,v[94]=tt,v[95]=Pe,v[96]=w,v[97]=Ze,v[98]=G,v[99]=J,v[100]=ut):ut=v[100],v[101]!==ge.footer||v[102]!==O||v[103]!==$||v[104]!==H||v[105]!==ne||v[106]!==Ye||v[107]!==Qe||v[108]!==ie||v[109]!==rt||v[110]!==at||v[111]!==He||v[112]!==Pe||v[113]!==ae?(mt=h(f,{currentPage:O,handleFetchData:Qe,nextFetch:He,isFetching:rt,hideFooter:ie,stickyFooter:ae,isTableEmpty:at,expectedRowCount:H,rowsPerPage:Pe,handleChangeRowsPerPage:Ye,customSelectPages:$,localeStr:ge.footer,footerVariant:ne}),v[101]=ge.footer,v[102]=O,v[103]=$,v[104]=H,v[105]=ne,v[106]=Ye,v[107]=Qe,v[108]=ie,v[109]=rt,v[110]=at,v[111]=He,v[112]=Pe,v[113]=ae,v[114]=mt):mt=v[114],v[115]!==ct||v[116]!==ut||v[117]!==mt?(dt=b(t,{container:!0,size:12,spacing:0,children:[ct,ut,mt]}),v[115]=ct,v[116]=ut,v[117]=mt,v[118]=dt):dt=v[118],dt}export{p as RealtimeTable};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Box";import i from"@mui/material/Checkbox";import o from"@mui/material/Divider";import n from"@mui/material/Grid";import r from"@mui/material/IconButton";import l from"@mui/material/ListItemIcon";import a from"@mui/material/ListItemText";import c from"@mui/material/Menu";import s from"@mui/material/MenuItem";import m from"@mui/material/MenuList";import d from"@mui/material/Popover";import p from"@mui/material/Skeleton";import h from"@mui/material/Stack";import{styled as u,useTheme as f,alpha as b}from"@mui/material/styles";import v from"@mui/material/TableCell";import g from"@mui/material/TableHead";import x from"@mui/material/TableRow";import y from"@mui/material/Tooltip";import w from"@mui/material/Typography";import{SquareIcon as k,SquareMinusIcon as C,InfoIcon as I,FunnelPlusIcon as R,SquareCheckIcon as S,ChevronRight as T}from"lucide-react";import W from"react";import{FilterSwitcher as M}from"./TableFilterHeader.js";import{jsx as $,jsxs as z}from"react/jsx-runtime";const O=56,P=u(v)(()=>({height:56,maxWidth:180,padding:"0px 16px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"})),_={standard:56,dense:48,compact:40};function A(e){const t=e.columnOptions;switch(typeof t?.maxWidth){case"number":return`${t.maxWidth}px`;case"string":return"auto"===t.maxWidth?"100%":(t.maxWidth.endsWith("px"),t.maxWidth);default:return"180px"}}function B({theme:e,sticky:t,header:i=!1}){if("left"===t||"right"===t){const o=b(e.palette.primary.main,e.palette.action.selectedOpacity),n=b(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity);return{position:"sticky",..."left"===t?{left:0}:{right:0},bgcolor:i?"rgba(235, 238, 245)":e.palette.background.paper,zIndex:i?3:1,...!i&&{".MuiTableRow-root:hover &":{backgroundImage:`linear-gradient(${e.palette.action.hover}, ${e.palette.action.hover})`},".MuiTableRow-root.Mui-selected &":{backgroundImage:`linear-gradient(${o}, ${o})`},".MuiTableRow-root.Mui-selected:hover &":{backgroundImage:`linear-gradient(${n}, ${n})`}}}}return{}}function F(e,t){const i=t.split(".").reduce((e,t)=>{if(null!=e&&"object"==typeof e&&t in e)return e[t]},e);return null==i?"":String(i)}function L(i){const o=e(33),{row:n,column:l,variant:a,showNavigateIcon:c}=i,s=void 0===a?"standard":a,m=void 0!==c&&c,d=f();let p,u,b,v;if(o[0]!==l||o[1]!==n){b=A(l),u=F(n,l.accessor),p="Cell"in l&&null!=l.Cell?l.Cell:void 0;v="string"==typeof u&&""!==u.trim()&&u.length>.6*Number(b.replace("px","")),o[0]=l,o[1]=n,o[2]=p,o[3]=u,o[4]=b,o[5]=v}else p=o[2],u=o[3],b=o[4],v=o[5];const g=v;let x;o[6]!==u||o[7]!==g||o[8]!==b?(x=g?$(y,{title:u,arrow:!0,children:$(t,{component:"span",sx:{display:"inline-block",maxWidth:b,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:u})}):$("span",{children:u}),o[6]=u,o[7]=g,o[8]=b,o[9]=x):x=o[9];const w=x,k=_[s];let C,I;o[10]===Symbol.for("react.memo_cache_sentinel")?(C={opacity:1,visibility:"visible"},I={opacity:0,visibility:"hidden"},o[10]=C,o[11]=I):(C=o[10],I=o[11]);const R=l.columnOptions?.sticky;let S,W,M,O,L,H;return o[12]!==R||o[13]!==d?(S=B({theme:d,sticky:R}),o[12]=R,o[13]=d,o[14]=S):S=o[14],o[15]!==b||o[16]!==k||o[17]!==S?(W={position:"relative",height:k,maxWidth:b,".MuiTableRow-root:hover & .show-navigate":C,".show-navigate":I,...S},o[15]=b,o[16]=k,o[17]=S,o[18]=W):W=o[18],o[19]!==p||o[20]!==w||o[21]!==u||o[22]!==l||o[23]!==n?(M=p?$(p,{cellValue:u,currentColumn:l,currentRow:n}):w,o[19]=p,o[20]=w,o[21]=u,o[22]=l,o[23]=n,o[24]=M):M=o[24],o[25]!==m?(O=m&&$(r,{className:"show-navigate",disableRipple:!0,color:"primary",size:"small",sx:{height:"100%",width:36,background:"linear-gradient(90deg, transparent, white 40%)",position:"absolute",right:0,top:0,bottom:0,borderRadius:0},children:$(T,{size:18})}),o[25]=m,o[26]=O):O=o[26],o[27]!==M||o[28]!==O?(L=z(h,{direction:"row",flexWrap:"nowrap",justifyContent:"flex-start",alignItems:"center",color:"primary",children:[M,O]}),o[27]=M,o[28]=O,o[29]=L):L=o[29],o[30]!==L||o[31]!==W?(H=$(P,{component:"div",sx:W,children:L}),o[30]=L,o[31]=W,o[32]=H):H=o[32],H}function H(o){const l=e(43),{currentPageRows:a,visibleColumns:c,quickActions:s,quickSelectedRows:m,setQuickSelectedRows:p}=o,{activeFilters:h,onFiltersChange:u,localeStr:b}=o;let v;l[0]!==h?(v=void 0===h?[]:h,l[0]=h,l[1]=v):v=l[1];const S=v,T=f(),O="light"===T.palette.mode?"rgba(235, 238, 245)":T.palette.action.selected;let _;l[2]!==a||l[3]!==p?(_=e=>{e.target.checked?p(e=>{const t=a.filter(t=>!e.some(e=>e.id===t.id));return[...e,...t]}):p(e=>e.filter(e=>!a.some(t=>t.id===e.id)))},l[2]=a,l[3]=p,l[4]=_):_=l[4];const F=_;let L;if(l[5]!==a||l[6]!==m){let e;l[8]!==m?(e=e=>m.some(t=>t.id===e.id),l[8]=m,l[9]=e):e=l[9],L=a.every(e),l[5]=a,l[6]=m,l[7]=L}else L=l[7];const H=L,[j,N]=W.useState(null),[q,D]=W.useState(null);let Q;l[10]===Symbol.for("react.memo_cache_sentinel")?(Q=(e,t)=>{e.stopPropagation(),D(t),N(e.currentTarget)},l[10]=Q):Q=l[10];const Y=Q;let E;l[11]===Symbol.for("react.memo_cache_sentinel")?(E=()=>{N(null),D(null)},l[11]=E):E=l[11];const G=E,V=Boolean(j&&q);let X,J,K,U,Z,ee,te,ie,oe;return l[12]!==O?(X={backgroundColor:O,position:"sticky",top:0,zIndex:1},l[12]=O,l[13]=X):X=l[13],l[14]!==H||l[15]!==F||l[16]!==s||l[17]!==T?(J=s&&$(P,{component:"div",padding:"checkbox",sx:{...B({theme:T,sticky:"left",header:!0})},children:$(i,{color:"primary",onChange:F,checkedIcon:H?$(C,{size:22}):void 0,icon:$(k,{size:22}),checked:H})}),l[14]=H,l[15]=F,l[16]=s,l[17]=T,l[18]=J):J=l[18],l[19]!==O||l[20]!==b?.filterBy||l[21]!==u||l[22]!==T||l[23]!==c?(K=c.length>0?c.map((e,i)=>{const o=A(e);return!1===e.columnOptions?.visible?null:z(P,{component:"div",sx:{width:160,position:"relative",maxWidth:o,...B({theme:T,sticky:e.columnOptions?.sticky,header:!0}),"& .tooltip-icon":{opacity:0,visibility:"hidden",transition:"opacity 0.2s ease"},"&:hover .tooltip-icon, &:focus-within .tooltip-icon":{opacity:1,visibility:"visible"}},children:[e.ColumnCell?e.ColumnCell():$(w,{variant:"subtitle2",fontWeight:"bold",noWrap:!0,sx:{pr:e.Tooltip||u&&e.filterOptions?6:0},children:e.label||""}),z(t,{className:"tooltip-icon",sx:{position:"absolute",top:"50%",transform:"translateY(-50%)",right:8,display:"flex",alignItems:"center",backgroundColor:O},children:["Tooltip"in e&&$(y,{title:e.Tooltip?.label||"",children:$(r,{disableRipple:!0,color:e.Tooltip?.color||"default",size:"small",children:e.Tooltip?.icon||$(I,{size:16})})}),u&&e.filterOptions&&$(y,{title:`${b?.filterBy} ${e.label||""}`,children:$(r,{disableRipple:!0,color:"primary",size:"small",onClick:t=>Y(t,e),children:$(R,{size:16})})})]})]},i)}):$(P,{component:"div",sx:{width:160,position:"relative"}}),l[19]=O,l[20]=b?.filterBy,l[21]=u,l[22]=T,l[23]=c,l[24]=K):K=l[24],l[25]!==J||l[26]!==K?(U=z(x,{component:"div",children:[J,K]}),l[25]=J,l[26]=K,l[27]=U):U=l[27],l[28]===Symbol.for("react.memo_cache_sentinel")?(Z={vertical:"bottom",horizontal:"left"},ee={paper:{variant:"outlined"}},l[28]=Z,l[29]=ee):(Z=l[28],ee=l[29]),l[30]!==S||l[31]!==b||l[32]!==u||l[33]!==q?(te=q&&u&&z(n,{container:!0,size:12,p:2,gap:1,maxWidth:300,children:[$(n,{size:12,children:$(w,{variant:"subtitle2",color:"textSecondary",fontWeight:"bold",children:(b?.filterBy??"Filter by")+" "+(q.label??"")})}),$(n,{size:12,children:$(M,{column:q,filterIndex:0,activeFilters:S,onFiltersChange:u,handleClose:G,localeStr:b??{}})})]}),l[30]=S,l[31]=b,l[32]=u,l[33]=q,l[34]=te):te=l[34],l[35]!==j||l[36]!==V||l[37]!==te?(ie=$(d,{open:V,anchorEl:j,onClose:G,anchorOrigin:Z,slotProps:ee,children:te}),l[35]=j,l[36]=V,l[37]=te,l[38]=ie):ie=l[38],l[39]!==ie||l[40]!==X||l[41]!==U?(oe=z(g,{component:"div",style:X,children:[U,ie]}),l[39]=ie,l[40]=X,l[41]=U,l[42]=oe):oe=l[42],oe}function j(t){const i=e(4),{rowsPerPage:o,hideFooter:r,emptyTablePlaceholder:l}=t,a=56*o+(r?52:0);let c,s;return i[0]===Symbol.for("react.memo_cache_sentinel")?(c={animation:"fadeIn 0.2s ease-in-out forwards",opacity:0},i[0]=c):c=i[0],i[1]!==l||i[2]!==a?(s=$(n,{component:"div",container:!0,justifyContent:"center",alignItems:"center",minHeight:a,sx:c,children:l}),i[1]=l,i[2]=a,i[3]=s):s=i[3],s}function N(t){const i=e(2),{blankRows:o}=t,n=56*o;let r;return i[0]!==n?(r=$(x,{component:"div",sx:{height:n,borderBottom:"1px solid",borderColor:"divider",animation:"fadeIn 0.2s ease-in-out forwards",opacity:0}}),i[0]=n,i[1]=r):r=i[1],r}function q({rowsPerPage:e,tableActionsActive:t,visibleColumns:i,variant:o}){return Array.from({length:e},(e,n)=>z(x,{component:"div",sx:{animation:"fadeIn 0.2s ease-in-out forwards",opacity:0},children:[t&&$(P,{component:"div",padding:"checkbox",sx:{height:_[o],width:56},children:$(p,{animation:"wave",variant:"rounded",height:"dense"===o?void 0:20})},`skeleton-checkbox-${n}`),i.length>0?i.map(e=>{const t=A(e);return!1===e.columnOptions?.visible?null:$(P,{component:"div",sx:{height:_[o],maxWidth:t},children:$(p,{animation:"wave",variant:"rounded",height:"dense"===o?void 0:20})},`skeleton-cell-${e.accessor}`)}):$(P,{component:"div",colSpan:t?1:0,sx:{height:_[o]}})]},`skeleton-${n}`))}function D(t){const o=e(21),{currentPageRows:n,visibleColumns:r,tableActionsActive:l,variant:a,isQuickSelected:c,isContextSelected:s,onRowClick:m,handleCheckBoxSelect:d,handleContextMenu:p}=t,h=f();let u;if(o[0]!==n||o[1]!==d||o[2]!==p||o[3]!==s||o[4]!==c||o[5]!==m||o[6]!==l||o[7]!==h||o[8]!==a||o[9]!==r){let e;o[11]!==d||o[12]!==p||o[13]!==s||o[14]!==c||o[15]!==m||o[16]!==l||o[17]!==h||o[18]!==a||o[19]!==r?(e=e=>z(x,{id:String(e.id),component:"div",hover:!0,selected:c(e)||s(e),onClick:l?()=>d(e):()=>m?.(e),onContextMenu:p,"aria-label":`table-row-${e.id}`,sx:{minHeight:56,animation:"fadeIn 0.2s ease-in-out forwards",opacity:0,"&:hover":{cursor:"pointer",transition:"background-color 0s ease"}},children:[l&&$(P,{component:"div",padding:"checkbox",onClick:Q,sx:{height:_[a],...B({theme:h,sticky:"left"})},children:$(i,{color:"primary",onChange:()=>d(e),checked:c(e),icon:$(k,{size:22}),checkedIcon:$(S,{size:22})})},`checkbox-${e.id}`),r.map((t,i)=>{if(!1===t.columnOptions?.visible)return null;const o=!l&&i===r.length-1&&Boolean(m);return $(L,{row:e,column:t,variant:a,showNavigateIcon:o},`custom-cell-${t.accessor}`)})]},`table-row-${e.id}`),o[11]=d,o[12]=p,o[13]=s,o[14]=c,o[15]=m,o[16]=l,o[17]=h,o[18]=a,o[19]=r,o[20]=e):e=o[20],u=n.filter(E).filter(Y).map(e),o[0]=n,o[1]=d,o[2]=p,o[3]=s,o[4]=c,o[5]=m,o[6]=l,o[7]=h,o[8]=a,o[9]=r,o[10]=u}else u=o[10];return u}function Q(e){e.stopPropagation()}function Y(e,t,i){return i.findIndex(t=>t.id===e.id)===t}function E(e){return null!=e}function G(t){const i=e(32),{contextMenu:n,selectedContextRow:d,contextMenuActionList:p,actionHeaderList:h,onContextMenuAction:u,onActionHeader:f,activeFilters:b,tableActionsActive:v,handleCloseContextMenu:g}=t;let x;i[0]!==b?(x=void 0===b?[]:b,i[0]=b,i[1]=x):x=i[1];const y=x,k=null!==n&&!v;let C,I,R,S,T,W,M,O;return i[2]!==g?(C=e=>{e.preventDefault(),g()},i[2]=g,i[3]=C):C=i[3],i[4]!==n?(I=null!==n?{top:n.mouseY,left:n.mouseX}:void 0,i[4]=n,i[5]=I):I=i[5],i[6]===Symbol.for("react.memo_cache_sentinel")?(R={minWidth:100,maxWidth:240,p:0,outline:"none","& .MuiMenuItem-root":{gap:.5},"& .MuiListItemText-root":{overflow:"hidden",maxWidth:"100%"},"& .MuiListItemText-root .MuiTypography-root":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",display:"block",maxWidth:"100%"}},i[6]=R):R=i[6],i[7]!==y||i[8]!==p||i[9]!==g||i[10]!==u||i[11]!==d?(S=p?.map((e,t)=>z(s,{onClick:()=>{u&&d&&u(e.type,[d],y),g()},children:[e.icon&&$(l,{children:$(r,{color:e.color||"inherit",disableRipple:!0,disableFocusRipple:!0,disableTouchRipple:!0,sx:{p:0},children:e.icon})}),$(a,{children:$(w,{variant:"body2",color:e.color||"inherit",noWrap:!0,title:e.label,children:e.label})})]},`context-header-item-${t}`)),i[7]=y,i[8]=p,i[9]=g,i[10]=u,i[11]=d,i[12]=S):S=i[12],i[13]!==h||i[14]!==p.length?(T=p.length>0&&h.length>0&&$(o,{}),i[13]=h,i[14]=p.length,i[15]=T):T=i[15],i[16]!==h||i[17]!==y||i[18]!==g||i[19]!==f||i[20]!==d?(W=h?.map((e,t)=>z(s,{onClick:()=>{f&&d&&f(e.type,[d],y),g()},children:[e.icon&&$(l,{children:$(r,{color:e.color||"inherit",disableRipple:!0,disableFocusRipple:!0,disableTouchRipple:!0,sx:{p:0},children:e.icon})}),$(a,{children:$(w,{variant:"body2",color:e.color||"inherit",noWrap:!0,title:e.label,children:e.label})})]},`context-menu-item-${t}`)),i[16]=h,i[17]=y,i[18]=g,i[19]=f,i[20]=d,i[21]=W):W=i[21],i[22]!==S||i[23]!==T||i[24]!==W?(M=z(m,{sx:R,children:[S,T,W]}),i[22]=S,i[23]=T,i[24]=W,i[25]=M):M=i[25],i[26]!==g||i[27]!==M||i[28]!==k||i[29]!==C||i[30]!==I?(O=$(c,{open:k,onClose:g,onContextMenu:C,anchorReference:"anchorPosition",anchorPosition:I,children:M}),i[26]=g,i[27]=M,i[28]=k,i[29]=C,i[30]=I,i[31]=O):O=i[31],O}export{N as BlankTableRow,L as DynamicCellCreator,j as EmtpyTableBody,O as ROW_HEIGHT,q as SkeletonRows,P as StyledTableCell,H as TableCommonHeaderProps,G as TableContextMenu,D as TableDataRows,A as getMaxWidth,F as getNestedProperty,B as getStickyStyle,_ as variantHeightMap};
|
|
1
|
+
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Box";import i from"@mui/material/Checkbox";import o from"@mui/material/Divider";import n from"@mui/material/Grid";import r from"@mui/material/IconButton";import l from"@mui/material/ListItemIcon";import a from"@mui/material/ListItemText";import c from"@mui/material/Menu";import s from"@mui/material/MenuItem";import m from"@mui/material/MenuList";import d from"@mui/material/Popover";import p from"@mui/material/Skeleton";import h from"@mui/material/Stack";import{styled as u,useTheme as f,alpha as b}from"@mui/material/styles";import v from"@mui/material/TableCell";import g from"@mui/material/TableHead";import x from"@mui/material/TableRow";import y from"@mui/material/Tooltip";import w from"@mui/material/Typography";import{SquareIcon as k,SquareMinusIcon as C,InfoIcon as I,FunnelPlusIcon as R,SquareCheckIcon as S,ChevronRight as T}from"lucide-react";import W,{useEffect as M}from"react";import{FilterSwitcher as $}from"./TableFilterHeader.js";import{jsx as z,jsxs as O}from"react/jsx-runtime";const P=56,_=u(v)(()=>({height:56,maxWidth:180,padding:"0px 16px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"})),A={standard:56,dense:48,compact:40};function B(e){const t=e.columnOptions;switch(typeof t?.maxWidth){case"number":return`${t.maxWidth}px`;case"string":return"auto"===t.maxWidth?"100%":(t.maxWidth.endsWith("px"),t.maxWidth);default:return"180px"}}function F({theme:e,sticky:t,header:i=!1}){if("left"===t||"right"===t){const o=b(e.palette.primary.main,e.palette.action.selectedOpacity),n=b(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity);return{position:"sticky",..."left"===t?{left:0}:{right:0},bgcolor:i?"rgba(235, 238, 245)":e.palette.background.paper,zIndex:i?3:1,...!i&&{".MuiTableRow-root:hover &":{backgroundImage:`linear-gradient(${e.palette.action.hover}, ${e.palette.action.hover})`},".MuiTableRow-root.Mui-selected &":{backgroundImage:`linear-gradient(${o}, ${o})`},".MuiTableRow-root.Mui-selected:hover &":{backgroundImage:`linear-gradient(${n}, ${n})`}}}}return{}}function L(e,t){const i=t.split(".").reduce((e,t)=>{if(null!=e&&"object"==typeof e&&t in e)return e[t]},e);return null==i?"":String(i)}function H(i){const o=e(31),{row:n,column:l,variant:a,showNavigateIcon:c}=i,s=void 0===a?"standard":a,m=void 0!==c&&c,d=f(),p=B(l),u=L(n,l.accessor),b="Cell"in l&&null!=l.Cell?l.Cell:void 0,v=W.useRef(null),g="string"==typeof u&&""!==u.trim()&&u.length>.6*Number(p.replace("px","")),[x,w]=W.useState(!1);let k,C,I;o[0]!==u?(k=()=>{if("string"==typeof u&&""!==u.trim()&&(console.log("Checking overflow for cell value:",u),v.current)){const e=v.current.clientWidth<u.length;w(e)}},C=[u],o[0]=u,o[1]=k,o[2]=C):(k=o[1],C=o[2]),M(k,C),o[3]!==u||o[4]!==g||o[5]!==p||o[6]!==x?(I=x||g?z(y,{title:u,arrow:!0,children:z(t,{component:"span",sx:{display:"inline-block",maxWidth:p,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:u})}):z("span",{children:u}),o[3]=u,o[4]=g,o[5]=p,o[6]=x,o[7]=I):I=o[7];const R=I,S=A[s];let $,P;o[8]===Symbol.for("react.memo_cache_sentinel")?($={opacity:1,visibility:"visible"},P={opacity:0,visibility:"hidden"},o[8]=$,o[9]=P):($=o[8],P=o[9]);const H=l.columnOptions?.sticky;let j,N,q,D,Q,Y;return o[10]!==H||o[11]!==d?(j=F({theme:d,sticky:H}),o[10]=H,o[11]=d,o[12]=j):j=o[12],o[13]!==p||o[14]!==S||o[15]!==j?(N={position:"relative",height:S,maxWidth:p,".MuiTableRow-root:hover & .show-navigate":$,".show-navigate":P,...j},o[13]=p,o[14]=S,o[15]=j,o[16]=N):N=o[16],o[17]!==b||o[18]!==R||o[19]!==u||o[20]!==l||o[21]!==n?(q=b?z(b,{cellValue:u,currentColumn:l,currentRow:n}):R,o[17]=b,o[18]=R,o[19]=u,o[20]=l,o[21]=n,o[22]=q):q=o[22],o[23]!==m?(D=m&&z(r,{className:"show-navigate",disableRipple:!0,color:"primary",size:"small",sx:{height:"100%",width:36,background:"linear-gradient(90deg, transparent, white 40%)",position:"absolute",right:0,top:0,bottom:0,borderRadius:0},children:z(T,{size:18})}),o[23]=m,o[24]=D):D=o[24],o[25]!==q||o[26]!==D?(Q=O(h,{direction:"row",flexWrap:"nowrap",justifyContent:"flex-start",alignItems:"center",color:"primary",children:[q,D]}),o[25]=q,o[26]=D,o[27]=Q):Q=o[27],o[28]!==N||o[29]!==Q?(Y=z(_,{ref:v,component:"div",sx:N,children:Q}),o[28]=N,o[29]=Q,o[30]=Y):Y=o[30],Y}function j(o){const l=e(43),{currentPageRows:a,visibleColumns:c,quickActions:s,quickSelectedRows:m,setQuickSelectedRows:p}=o,{activeFilters:h,onFiltersChange:u,localeStr:b}=o;let v;l[0]!==h?(v=void 0===h?[]:h,l[0]=h,l[1]=v):v=l[1];const S=v,T=f(),M="light"===T.palette.mode?"rgba(235, 238, 245)":T.palette.action.selected;let P;l[2]!==a||l[3]!==p?(P=e=>{e.target.checked?p(e=>{const t=a.filter(t=>!e.some(e=>e.id===t.id));return[...e,...t]}):p(e=>e.filter(e=>!a.some(t=>t.id===e.id)))},l[2]=a,l[3]=p,l[4]=P):P=l[4];const A=P;let L;if(l[5]!==a||l[6]!==m){let e;l[8]!==m?(e=e=>m.some(t=>t.id===e.id),l[8]=m,l[9]=e):e=l[9],L=a.every(e),l[5]=a,l[6]=m,l[7]=L}else L=l[7];const H=L,[j,N]=W.useState(null),[q,D]=W.useState(null);let Q;l[10]===Symbol.for("react.memo_cache_sentinel")?(Q=(e,t)=>{e.stopPropagation(),D(t),N(e.currentTarget)},l[10]=Q):Q=l[10];const Y=Q;let E;l[11]===Symbol.for("react.memo_cache_sentinel")?(E=()=>{N(null),D(null)},l[11]=E):E=l[11];const G=E,V=Boolean(j&&q);let X,J,K,U,Z,ee,te,ie,oe;return l[12]!==M?(X={backgroundColor:M,position:"sticky",top:0,zIndex:1},l[12]=M,l[13]=X):X=l[13],l[14]!==H||l[15]!==A||l[16]!==s||l[17]!==T?(J=s&&z(_,{component:"div",padding:"checkbox",sx:{...F({theme:T,sticky:"left",header:!0})},children:z(i,{color:"primary",onChange:A,checkedIcon:H?z(C,{size:22}):void 0,icon:z(k,{size:22}),checked:H})}),l[14]=H,l[15]=A,l[16]=s,l[17]=T,l[18]=J):J=l[18],l[19]!==M||l[20]!==b?.filterBy||l[21]!==u||l[22]!==T||l[23]!==c?(K=c.length>0?c.map((e,i)=>{const o=B(e);return!1===e.columnOptions?.visible?null:O(_,{component:"div",sx:{width:160,position:"relative",maxWidth:o,...F({theme:T,sticky:e.columnOptions?.sticky,header:!0}),"& .tooltip-icon":{opacity:0,visibility:"hidden",transition:"opacity 0.2s ease"},"&:hover .tooltip-icon, &:focus-within .tooltip-icon":{opacity:1,visibility:"visible"}},children:[e.ColumnCell?e.ColumnCell():z(w,{variant:"subtitle2",fontWeight:"bold",noWrap:!0,sx:{pr:e.Tooltip||u&&e.filterOptions?6:0},children:e.label||""}),O(t,{className:"tooltip-icon",sx:{position:"absolute",top:"50%",transform:"translateY(-50%)",right:8,display:"flex",alignItems:"center",backgroundColor:M},children:["Tooltip"in e&&z(y,{title:e.Tooltip?.label||"",children:z(r,{disableRipple:!0,color:e.Tooltip?.color||"default",size:"small",children:e.Tooltip?.icon||z(I,{size:16})})}),u&&e.filterOptions&&z(y,{title:`${b?.filterBy} ${e.label||""}`,children:z(r,{disableRipple:!0,color:"primary",size:"small",onClick:t=>Y(t,e),children:z(R,{size:16})})})]})]},i)}):z(_,{component:"div",sx:{width:160,position:"relative"}}),l[19]=M,l[20]=b?.filterBy,l[21]=u,l[22]=T,l[23]=c,l[24]=K):K=l[24],l[25]!==J||l[26]!==K?(U=O(x,{component:"div",children:[J,K]}),l[25]=J,l[26]=K,l[27]=U):U=l[27],l[28]===Symbol.for("react.memo_cache_sentinel")?(Z={vertical:"bottom",horizontal:"left"},ee={paper:{variant:"outlined"}},l[28]=Z,l[29]=ee):(Z=l[28],ee=l[29]),l[30]!==S||l[31]!==b||l[32]!==u||l[33]!==q?(te=q&&u&&O(n,{container:!0,size:12,p:2,gap:1,maxWidth:300,children:[z(n,{size:12,children:z(w,{variant:"subtitle2",color:"textSecondary",fontWeight:"bold",children:(b?.filterBy??"Filter by")+" "+(q.label??"")})}),z(n,{size:12,children:z($,{column:q,filterIndex:0,activeFilters:S,onFiltersChange:u,handleClose:G,localeStr:b??{}})})]}),l[30]=S,l[31]=b,l[32]=u,l[33]=q,l[34]=te):te=l[34],l[35]!==j||l[36]!==V||l[37]!==te?(ie=z(d,{open:V,anchorEl:j,onClose:G,anchorOrigin:Z,slotProps:ee,children:te}),l[35]=j,l[36]=V,l[37]=te,l[38]=ie):ie=l[38],l[39]!==ie||l[40]!==X||l[41]!==U?(oe=O(g,{component:"div",style:X,children:[U,ie]}),l[39]=ie,l[40]=X,l[41]=U,l[42]=oe):oe=l[42],oe}function N(t){const i=e(4),{rowsPerPage:o,hideFooter:r,emptyTablePlaceholder:l}=t,a=56*o+(r?52:0);let c,s;return i[0]===Symbol.for("react.memo_cache_sentinel")?(c={animation:"fadeIn 0.2s ease-in-out forwards",opacity:0},i[0]=c):c=i[0],i[1]!==l||i[2]!==a?(s=z(n,{component:"div",container:!0,justifyContent:"center",alignItems:"center",minHeight:a,sx:c,children:l}),i[1]=l,i[2]=a,i[3]=s):s=i[3],s}function q(t){const i=e(2),{blankRows:o}=t,n=56*o;let r;return i[0]!==n?(r=z(x,{component:"div",sx:{height:n,borderBottom:"1px solid",borderColor:"divider",animation:"fadeIn 0.2s ease-in-out forwards",opacity:0}}),i[0]=n,i[1]=r):r=i[1],r}function D({rowsPerPage:e,tableActionsActive:t,visibleColumns:i,variant:o}){return Array.from({length:e},(e,n)=>O(x,{component:"div",sx:{animation:"fadeIn 0.2s ease-in-out forwards",opacity:0},children:[t&&z(_,{component:"div",padding:"checkbox",sx:{height:A[o],width:56},children:z(p,{animation:"wave",variant:"rounded",height:"dense"===o?void 0:20})},`skeleton-checkbox-${n}`),i.length>0?i.map(e=>{const t=B(e);return!1===e.columnOptions?.visible?null:z(_,{component:"div",sx:{height:A[o],maxWidth:t},children:z(p,{animation:"wave",variant:"rounded",height:"dense"===o?void 0:20})},`skeleton-cell-${e.accessor}`)}):z(_,{component:"div",colSpan:t?1:0,sx:{height:A[o]}})]},`skeleton-${n}`))}function Q(t){const o=e(21),{currentPageRows:n,visibleColumns:r,tableActionsActive:l,variant:a,isQuickSelected:c,isContextSelected:s,onRowClick:m,handleCheckBoxSelect:d,handleContextMenu:p}=t,h=f();let u;if(o[0]!==n||o[1]!==d||o[2]!==p||o[3]!==s||o[4]!==c||o[5]!==m||o[6]!==l||o[7]!==h||o[8]!==a||o[9]!==r){let e;o[11]!==d||o[12]!==p||o[13]!==s||o[14]!==c||o[15]!==m||o[16]!==l||o[17]!==h||o[18]!==a||o[19]!==r?(e=e=>O(x,{id:String(e.id),component:"div",hover:!0,selected:c(e)||s(e),onClick:l?()=>d(e):()=>m?.(e),onContextMenu:p,"aria-label":`table-row-${e.id}`,sx:{minHeight:56,animation:"fadeIn 0.2s ease-in-out forwards",opacity:0,"&:hover":{cursor:"pointer",transition:"background-color 0s ease"}},children:[l&&z(_,{component:"div",padding:"checkbox",onClick:Y,sx:{height:A[a],...F({theme:h,sticky:"left"})},children:z(i,{color:"primary",onChange:()=>d(e),checked:c(e),icon:z(k,{size:22}),checkedIcon:z(S,{size:22})})},`checkbox-${e.id}`),r.map((t,i)=>{if(!1===t.columnOptions?.visible)return null;const o=!l&&i===r.length-1&&Boolean(m);return z(H,{row:e,column:t,variant:a,showNavigateIcon:o},`custom-cell-${t.accessor}`)})]},`table-row-${e.id}`),o[11]=d,o[12]=p,o[13]=s,o[14]=c,o[15]=m,o[16]=l,o[17]=h,o[18]=a,o[19]=r,o[20]=e):e=o[20],u=n.filter(G).filter(E).map(e),o[0]=n,o[1]=d,o[2]=p,o[3]=s,o[4]=c,o[5]=m,o[6]=l,o[7]=h,o[8]=a,o[9]=r,o[10]=u}else u=o[10];return u}function Y(e){e.stopPropagation()}function E(e,t,i){return i.findIndex(t=>t.id===e.id)===t}function G(e){return null!=e}function V(t){const i=e(32),{contextMenu:n,selectedContextRow:d,contextMenuActionList:p,actionHeaderList:h,onContextMenuAction:u,onActionHeader:f,activeFilters:b,tableActionsActive:v,handleCloseContextMenu:g}=t;let x;i[0]!==b?(x=void 0===b?[]:b,i[0]=b,i[1]=x):x=i[1];const y=x,k=null!==n&&!v;let C,I,R,S,T,W,M,$;return i[2]!==g?(C=e=>{e.preventDefault(),g()},i[2]=g,i[3]=C):C=i[3],i[4]!==n?(I=null!==n?{top:n.mouseY,left:n.mouseX}:void 0,i[4]=n,i[5]=I):I=i[5],i[6]===Symbol.for("react.memo_cache_sentinel")?(R={minWidth:100,maxWidth:240,p:0,outline:"none","& .MuiMenuItem-root":{gap:.5},"& .MuiListItemText-root":{overflow:"hidden",maxWidth:"100%"},"& .MuiListItemText-root .MuiTypography-root":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",display:"block",maxWidth:"100%"}},i[6]=R):R=i[6],i[7]!==y||i[8]!==p||i[9]!==g||i[10]!==u||i[11]!==d?(S=p?.map((e,t)=>O(s,{onClick:()=>{u&&d&&u(e.type,[d],y),g()},children:[e.icon&&z(l,{children:z(r,{color:e.color||"inherit",disableRipple:!0,disableFocusRipple:!0,disableTouchRipple:!0,sx:{p:0},children:e.icon})}),z(a,{children:z(w,{variant:"body2",color:e.color||"inherit",noWrap:!0,title:e.label,children:e.label})})]},`context-header-item-${t}`)),i[7]=y,i[8]=p,i[9]=g,i[10]=u,i[11]=d,i[12]=S):S=i[12],i[13]!==h||i[14]!==p.length?(T=p.length>0&&h.length>0&&z(o,{}),i[13]=h,i[14]=p.length,i[15]=T):T=i[15],i[16]!==h||i[17]!==y||i[18]!==g||i[19]!==f||i[20]!==d?(W=h?.map((e,t)=>O(s,{onClick:()=>{f&&d&&f(e.type,[d],y),g()},children:[e.icon&&z(l,{children:z(r,{color:e.color||"inherit",disableRipple:!0,disableFocusRipple:!0,disableTouchRipple:!0,sx:{p:0},children:e.icon})}),z(a,{children:z(w,{variant:"body2",color:e.color||"inherit",noWrap:!0,title:e.label,children:e.label})})]},`context-menu-item-${t}`)),i[16]=h,i[17]=y,i[18]=g,i[19]=f,i[20]=d,i[21]=W):W=i[21],i[22]!==S||i[23]!==T||i[24]!==W?(M=O(m,{sx:R,children:[S,T,W]}),i[22]=S,i[23]=T,i[24]=W,i[25]=M):M=i[25],i[26]!==g||i[27]!==M||i[28]!==k||i[29]!==C||i[30]!==I?($=z(c,{open:k,onClose:g,onContextMenu:C,anchorReference:"anchorPosition",anchorPosition:I,children:M}),i[26]=g,i[27]=M,i[28]=k,i[29]=C,i[30]=I,i[31]=$):$=i[31],$}export{q as BlankTableRow,H as DynamicCellCreator,N as EmtpyTableBody,P as ROW_HEIGHT,D as SkeletonRows,_ as StyledTableCell,j as TableCommonHeaderProps,V as TableContextMenu,Q as TableDataRows,B as getMaxWidth,L as getNestedProperty,F as getStickyStyle,A as variantHeightMap};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const n=(n,e)=>{switch(null!=n?typeof n:"undefined"){case"string":return e.toString();case"number":return Number(e);case"boolean":return Boolean(e);default:return e}};function e(n,e){const{value:t,index:o,operator:
|
|
1
|
+
const n=(n,e)=>{switch(null!=n?typeof n:"undefined"){case"string":return e.toString();case"number":return Number(e);case"boolean":return Boolean(e);default:return e}};function e(n,e){const{value:t,index:o,operator:r,column:i}=e,s=i.filterOptions?.type??"";if(null==t||""===t)return n.filter(n=>n.column!==i.accessor||n.index!==o);const c=n.findIndex(n=>{const e=n.column||"",t=n.index??-1;if(e!==i.accessor||t!==o)return!1;if((n.operator||"")!==(r||""))return!1;return(n.type||"")===(s||"")}),l={index:o,column:i.accessor,value:t,type:s,operator:r||void 0};return-1===c?[...n,l]:n.map((n,e)=>e===c?l:n)}function t(e,t,o){if(!t||!e)return[];const r=`${e}.filter.`,i=new Map,s=new URLSearchParams(t);if(""===s.toString())return[];for(const[e,t]of s.entries()){if(!e.startsWith(r))continue;const s=e.slice(r.length),c=s.split(".");let l,u;const a=c[c.length-1];if(a&&a.startsWith("$")?(l=a,u=c.slice(0,-1).join(".")):u=s,!u)continue;const f=o.find(n=>n.accessor===u&&n.filterOptions);if(!f?.filterOptions)continue;const p=f.filterOptions.type;let m=t;switch(p){case"number":{const n=Number(t);if(isNaN(n))continue;m=n;break}case"select":{const e=f.filterOptions;if("$in"===l){const o=t.split(",").map(n=>n.trim());m=o.map(t=>n(e.options[0]?.id,t)).filter(n=>e.options.some(e=>String(e.id)===String(n)))}else if(m=n(e.options[0]?.id,t),!e.options.some(n=>String(n.id)===String(m)))continue;break}}const d=`${u}|0|${l??""}`;i.set(d,{column:u,value:m,index:0,type:p,operator:l})}return Array.from(i.values())}function o(n,e){const t=[];for(const o of e){if(null==o.value||""===o.value)continue;const e=`${n}.filter.${o.column}`;"select"===o.type&&"$in"===o.operator&&Array.isArray(o.value)?t.push(`${e}.$in=${o.value.map(n=>encodeURIComponent(String(n))).join(",")}`):o.operator?t.push(`${e}.${o.operator}=${encodeURIComponent(String(o.value))}`):t.push(`${e}=${encodeURIComponent(String(o.value))}`)}return t.join("&")}function r(n){const e={},t={};for(const o of n){if(null==o.value||""===o.value)continue;const n=o.column.split("."),r=n[0];if(!r)continue;const i=o.operator?"$regex"===o.operator?{[o.operator]:o.value,$options:"i"}:{[o.operator]:o.value}:o.value;if(1===n.length)t[r]=i;else{e[r]||(e[r]={});let t=e[r];for(let e=1;e<n.length-1;e++){const o=n[e];o in t||(t[o]={}),t=t[o]}t[n[n.length-1]]=i}}for(const[n,o]of Object.entries(e))t[n]=JSON.stringify(o);return t}const i=(n,e)=>{if(!e||0===e.length)return n;const t=e.filter(e=>n.some(n=>n.accessor===e));return n.map(n=>{const e=t.find(e=>e===n.accessor);return{...n,columnOptions:{...n.columnOptions,visible:Boolean(e),locked:Boolean(n.columnOptions?.locked)}}})};export{e as applyFilterUpdate,o as buildFiltersQuery,r as buildRequestFilters,i as loadSavedColumns,t as parseFiltersQuery,n as typeCaster};
|