@famalabs/web-ui 1.0.0-beta.26 → 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.
- package/dist/components/forms/AiEditingContext.d.ts +22 -6
- package/dist/components/forms/AiEditingContext.js +1 -1
- package/dist/components/forms/AiUtils.js +1 -1
- package/dist/components/forms/AutocompleteField.js +1 -1
- package/dist/components/forms/DateField.js +1 -1
- package/dist/components/forms/InputField.js +1 -1
- package/dist/components/forms/RichTextEditor/FormattingToolbar.d.ts +0 -1
- package/dist/components/forms/RichTextEditor/FormattingToolbar.js +1 -1
- package/dist/components/forms/RichTextEditor/RichTextEditor.d.ts +3 -0
- package/dist/components/forms/RichTextEditor/RichTextEditor.js +1 -1
- package/dist/components/forms/SelectField.js +1 -1
- package/dist/components/forms/TimeField.js +1 -1
- package/dist/components/tables/CardsTable/CardsTable.d.ts +6 -0
- package/dist/components/tables/CardsTable/CardsTable.js +1 -0
- package/dist/components/tables/CardsTable/CardsTableBody.js +1 -0
- package/dist/components/tables/CardsTable/CardsTableFooter.js +1 -0
- package/dist/components/tables/{CardsGrid/DynamicCardsTypes.d.ts → CardsTable/CardsTableTypes.d.ts} +11 -20
- package/dist/components/tables/RealtimeTable/RealTimeTableBody.js +1 -1
- package/dist/components/tables/RealtimeTable/RealtimeTable.js +1 -1
- package/dist/components/tables/RealtimeTable/RealtimeTableTypes.d.ts +28 -11
- package/dist/components/tables/StaticTable/StaticFiltersUlts.js +1 -0
- package/dist/components/tables/StaticTable/StaticTable.d.ts +6 -0
- package/dist/components/tables/StaticTable/StaticTable.js +1 -0
- package/dist/components/tables/StaticTable/StaticTableBody.js +1 -0
- package/dist/components/tables/StaticTable/StaticTableFooter.js +1 -0
- package/dist/components/tables/StaticTable/StaticTableTypes.d.ts +15 -0
- package/dist/components/tables/TableComponents/TableActionHeader.js +1 -1
- package/dist/components/tables/TableComponents/TableCommonBody.js +1 -1
- package/dist/components/tables/TableComponents/TableFilterComponents.js +1 -1
- package/dist/components/tables/TableComponents/TableFilterHeader.js +1 -1
- package/dist/components/tables/TableComponents/TableFunctions.d.ts +5 -3
- package/dist/components/tables/TableComponents/TableFunctions.js +1 -1
- package/dist/components/tables/TableComponents/TableTypes.d.ts +21 -30
- package/dist/components/theme/ThemeLoader/Loader.d.ts +1 -2
- package/dist/components/theme/ThemeLoader/Loader.js +1 -1
- package/dist/index.d.ts +7 -6
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/components/tables/CardsGrid/CardsBodyCreator.js +0 -1
- package/dist/components/tables/CardsGrid/DynamcCardsFooter.js +0 -1
- package/dist/components/tables/CardsGrid/DynamicCardsTable.d.ts +0 -6
- package/dist/components/tables/CardsGrid/DynamicCardsTable.js +0 -1
- package/dist/components/tables/LegacyTable/LegacyTable.d.ts +0 -6
- package/dist/components/tables/LegacyTable/LegacyTable.js +0 -1
- package/dist/components/tables/LegacyTable/LegacyTableFooter.js +0 -1
- package/dist/components/tables/TableComponents/TableTypes.js +0 -1
|
@@ -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,20 +1,37 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ActiveFilter, CommonTableProps, TableInfoProps } from '../TableComponents/TableTypes.js';
|
|
2
2
|
|
|
3
3
|
interface FetchDataResponse {
|
|
4
4
|
next: boolean;
|
|
5
5
|
prev: boolean;
|
|
6
6
|
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
7
|
+
type FilterPayload = {
|
|
8
|
+
query: string;
|
|
9
|
+
active: ActiveFilter[];
|
|
10
|
+
filterDto: Record<string, unknown>;
|
|
11
|
+
};
|
|
12
|
+
interface FetchDataPayload {
|
|
13
|
+
filters: FilterPayload;
|
|
14
|
+
limit: number;
|
|
15
|
+
direction?: 'left' | 'right' | 'reset';
|
|
16
|
+
}
|
|
17
|
+
interface FetchAllDataPayload {
|
|
18
|
+
filters: FilterPayload;
|
|
19
|
+
}
|
|
20
|
+
interface FetchInfoProps<T> {
|
|
21
|
+
fetchData: (payload: FetchDataPayload) => Promise<FetchDataResponse>;
|
|
22
|
+
fetchAllData?: (payload: FetchAllDataPayload) => Promise<T[]>;
|
|
23
|
+
isDataLoading?: boolean;
|
|
24
|
+
areColumnsLoading?: boolean;
|
|
25
|
+
}
|
|
26
|
+
interface RealtimeTableInfoProps<T> extends TableInfoProps<T> {
|
|
27
|
+
savedVisibleColumns?: string[];
|
|
28
|
+
}
|
|
29
|
+
interface RealtimeTableProps<T> extends CommonTableProps<T> {
|
|
30
|
+
tableInfo: RealtimeTableInfoProps<T>;
|
|
31
|
+
fetchInfo: FetchInfoProps<T>;
|
|
32
|
+
filtersQuery?: string;
|
|
16
33
|
onRowsPerPageChange?: (rowsPerPage: number) => void;
|
|
17
34
|
onColumnsPopoverClose?: (visibleColumns: string[]) => Promise<void> | void;
|
|
18
35
|
}
|
|
19
36
|
|
|
20
|
-
export type { FetchDataResponse, RealtimeTableProps };
|
|
37
|
+
export type { FetchAllDataPayload, FetchDataPayload, FetchDataResponse, FetchInfoProps, FilterPayload, RealtimeTableInfoProps, RealtimeTableProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{getNestedProperty as e}from"../TableComponents/TableCommonBody.js";function t(t,r){return 0===r.length?t:t.filter(t=>r.every(r=>function(t,r){const n=e(t,r.column);if(null==r.value||""===r.value)return!0;switch(r.type){case"string":{if(null==n)return!1;const e=String(n).toLowerCase(),t=String(r.value).toLowerCase();if("$regex"===r.operator)try{return new RegExp(t,"i").test(e)}catch{return e.includes(t)}return e.includes(t)}case"number":{if(null==n)return!1;const e=Number(n),t=Number(r.value);if(isNaN(e)||isNaN(t))return!1;switch(r.operator){case"$eq":default:return e===t;case"$gt":return e>t;case"$gte":return e>=t;case"$lt":return e<t;case"$lte":return e<=t}}case"select":return null!=n&&("$in"===r.operator&&Array.isArray(r.value)?r.value.some(e=>String(e)===String(n)):String(r.value)===String(n));case"date":{if(null==n)return!1;const e=new Date(n),t=new Date(r.value);if(isNaN(e.getTime())||isNaN(t.getTime()))return!1;const u=e.getTime(),a=t.getTime();switch(r.operator){case"$eq":default:return e.toDateString()===t.toDateString();case"$gt":return u>a;case"$gte":return u>=a;case"$lt":return u<a;case"$lte":return u<=a}}default:return!0}}(t,r)))}export{t as applyFiltersToData};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { StaticTableProps } from './StaticTableTypes.js';
|
|
3
|
+
|
|
4
|
+
declare function StaticTable<T extends Record<string, unknown>>(props: StaticTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
5
|
+
|
|
6
|
+
export { StaticTable };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Grid";import o,{useEffectEvent as a,useEffect as i}from"react";import{TableActionHeader as s}from"../TableComponents/TableActionHeader.js";import{TableFilterHeader as l}from"../TableComponents/TableFilterHeader.js";import{loadSavedColumns as n}from"../TableComponents/TableFunctions.js";import{localizedTableStrings as r}from"../TableComponents/TableLocales.js";import{applyFiltersToData as c}from"./StaticFiltersUlts.js";import{StaticTableBody as m}from"./StaticTableBody.js";import{StaticTableFooter as u}from"./StaticTableFooter.js";import{jsx as d,jsxs as b}from"react/jsx-runtime";function h(h){const p=e(80),{tableInfo:g,isLoading:f,tableActions:S,tableButtons:C,onRowClick:v,tableLocale:y,localeStr:F}=h,w=void 0!==f&&f,k=void 0===y?"en":y,{tableName:T,tableData:P,columns:_,variant:R,defaultShowFilters:A,emptyTablePlaceholder:j,showVisibleColumnsButton:x}=g,B=void 0===R?"standard":R,H=void 0===x||x;let z;p[0]!==S?(z=S||{},p[0]=S,p[1]=z):z=p[1];const{quickActions:V}=z;let q;p[2]!==g.paginationOptions?(q=g.paginationOptions||{},p[2]=g.paginationOptions,p[3]=q):q=p[3];const{stickyHeader:I,stickyFooter:L,customPageRowCount:N,customSelectPages:O,autoSizeHeight:Q,hideFooter:D,footerVariant:E}=q,G=void 0===I||I,U=void 0===L||L,$=void 0===Q||Q,J=void 0!==D&&D,K=void 0===E?"standard":E,M=r[k];let W;p[4]!==F||p[5]!==M?(W={...M,...F},p[4]=F,p[5]=M,p[6]=W):W=p[6];const X=W;let Y;p[7]===Symbol.for("react.memo_cache_sentinel")?(Y=[],p[7]=Y):Y=p[7];const[Z,ee]=o.useState(Y);let te;p[8]!==Z||p[9]!==P?(te=c(P,Z),p[8]=Z,p[9]=P,p[10]=te):te=p[10];const oe=te,[ae,ie]=o.useState(0);let se;p[11]!==N||p[12]!==T?(se=N?parseInt(localStorage.getItem(`${T}-rowsPerPage`)??"5")||N:5,p[11]=N,p[12]=T,p[13]=se):se=p[13];const[le,ne]=o.useState(se);let re;p[14]===Symbol.for("react.memo_cache_sentinel")?(re=[],p[14]=re):re=p[14];const[ce,me]=o.useState(re);let ue;p[15]===Symbol.for("react.memo_cache_sentinel")?(ue=e=>{me(n(e,[]))},p[15]=ue):ue=p[15];const de=a(ue);let be,he;p[16]!==_||p[17]!==de?(be=()=>{de(_)},p[16]=_,p[17]=de,p[18]=be):be=p[18],p[19]!==_?(he=[_],p[19]=_,p[20]=he):he=p[20],i(be,he);const[pe,ge]=o.useState(!1);let fe;p[21]===Symbol.for("react.memo_cache_sentinel")?(fe=[],p[21]=fe):fe=p[21];const[Se,Ce]=o.useState(fe);let ve;p[22]===Symbol.for("react.memo_cache_sentinel")?(ve=async e=>{ee(e),ie(0)},p[22]=ve):ve=p[22];const ye=ve;let Fe;p[23]===Symbol.for("react.memo_cache_sentinel")?(Fe=(e,t)=>{ie(t)},p[23]=Fe):Fe=p[23];const we=Fe;let ke;p[24]===Symbol.for("react.memo_cache_sentinel")?(ke=e=>{ne(Number(e.target.value||10)),ie(0)},p[24]=ke):ke=p[24];const Te=ke,Pe=!w&&0===oe.length,_e=G?"sticky":"static";let Re,Ae,je,xe,Be,He,ze;return p[25]!==_e?(Re={position:_e,top:0,zIndex:2,backgroundColor:"background.paper",borderRadius:"8px 8px 0 0"},p[25]=_e,p[26]=Re):Re=p[26],p[27]!==Z||p[28]!==_||p[29]!==X.filters||p[30]!==A||p[31]!==w?(Ae=d(l,{columns:_,activeFilters:Z,onFiltersChange:ye,isFetching:w,defaultShowFilters:A,showRefreshButton:!1,localeStr:X.filters}),p[27]=Z,p[28]=_,p[29]=X.filters,p[30]=A,p[31]=w,p[32]=Ae):Ae=p[32],p[33]!==Z||p[34]!==ce||p[35]!==X.header||p[36]!==oe.length||p[37]!==w||p[38]!==V||p[39]!==Se||p[40]!==H||p[41]!==pe||p[42]!==C||p[43]!==T?(je=d(s,{tableName:T,expectedRowCount:oe.length,currentColumns:ce,setCurrentColumns:me,isFetching:w,quickActions:V,tableActionsActive:pe,setQuickActions:ge,quickSelectedRows:Se,setQuickSelectedRows:Ce,activeFilters:Z,tableButtons:C,showVisibleColumnsButton:H,localeStr:X.header}),p[33]=Z,p[34]=ce,p[35]=X.header,p[36]=oe.length,p[37]=w,p[38]=V,p[39]=Se,p[40]=H,p[41]=pe,p[42]=C,p[43]=T,p[44]=je):je=p[44],p[45]!==Re||p[46]!==Ae||p[47]!==je?(xe=b(t,{className:"LegacyTable-Header",component:"div",container:!0,size:12,"data-sticky":!0,sx:Re,children:[Ae,je]}),p[45]=Re,p[46]=Ae,p[47]=je,p[48]=xe):xe=p[48],p[49]!==Z||p[50]!==$||p[51]!==ce||p[52]!==ae||p[53]!==j||p[54]!==oe||p[55]!==J||p[56]!==w||p[57]!==Pe||p[58]!==v||p[59]!==Se||p[60]!==le||p[61]!==S||p[62]!==pe||p[63]!==B?(Be=d(m,{tableData:oe,activeFilters:Z,tableActions:S,visibleColumns:ce,setVisibleColumns:me,page:ae,rowsPerPage:le,tableActionsActive:pe,quickSelectedRows:Se,setQuickSelectedRows:Ce,isFetching:w,onRowClick:v,autoSizeHeight:$,emptyTablePlaceholder:j,isTableEmpty:Pe,hideFooter:J,variant:B}),p[49]=Z,p[50]=$,p[51]=ce,p[52]=ae,p[53]=j,p[54]=oe,p[55]=J,p[56]=w,p[57]=Pe,p[58]=v,p[59]=Se,p[60]=le,p[61]=S,p[62]=pe,p[63]=B,p[64]=Be):Be=p[64],p[65]!==X.footer||p[66]!==ae||p[67]!==O||p[68]!==oe.length||p[69]!==K||p[70]!==J||p[71]!==w||p[72]!==Pe||p[73]!==le||p[74]!==U?(He=d(u,{expectedRowCount:oe.length,rowsPerPage:le,page:ae,handleChangePage:we,handleChangeRowsPerPage:Te,customSelectPages:O,localeStr:X.footer,isTableEmpty:Pe,hideFooter:J,stickyFooter:U,isFetching:w,footerVariant:K}),p[65]=X.footer,p[66]=ae,p[67]=O,p[68]=oe.length,p[69]=K,p[70]=J,p[71]=w,p[72]=Pe,p[73]=le,p[74]=U,p[75]=He):He=p[75],p[76]!==xe||p[77]!==Be||p[78]!==He?(ze=b(t,{container:!0,size:12,spacing:0,children:[xe,Be,He]}),p[76]=xe,p[77]=Be,p[78]=He,p[79]=ze):ze=p[79],ze}export{h as StaticTable};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Grid";import o from"@mui/material/Table";import i from"@mui/material/TableBody";import n from"@mui/material/TableContainer";import l from"react";import{TableCommonHeaderProps as c,SkeletonRows as a,TableDataRows as r,TableContextMenu as s,BlankTableRow as m}from"../TableComponents/TableCommonBody.js";import{jsx as d,jsxs as u}from"react/jsx-runtime";function b(b){const v=e(71),{tableData:f,activeFilters:h,visibleColumns:p,page:g,rowsPerPage:A,tableActions:C,tableActionsActive:w,quickSelectedRows:x,setQuickSelectedRows:y,isFetching:S,onRowClick:k,autoSizeHeight:R,emptyTablePlaceholder:T,isTableEmpty:P,hideFooter:M,variant:F}=b;let L;v[0]!==C?(L=C||{},v[0]=C,v[1]=L):L=v[1];const{quickActions:q,contextMenuActions:B}=L;let H;v[2]!==q?(H=q||{},v[2]=q,v[3]=H):H=v[3];const{actionList:_,onAction:j}=H;let I;v[4]!==_?(I=void 0===_?[]:_,v[4]=_,v[5]=I):I=v[5];const Q=I;let X;v[6]!==B?(X=B||{},v[6]=B,v[7]=X):X=v[7];const{actionList:Y,onAction:D}=X;let W;v[8]!==Y?(W=void 0===Y?[]:Y,v[8]=Y,v[9]=W):W=v[9];const z=W;let E;v[10]!==g||v[11]!==A||v[12]!==f?(E=A>0?f.slice(g*A,g*A+A):f,v[10]=g,v[11]=A,v[12]=f,v[13]=E):E=v[13];const G=E,N=R?5-G.length||0:A-G.length,[J,K]=l.useState(void 0),[O,U]=l.useState(null);let V;v[14]!==Q||v[15]!==O||v[16]!==z||v[17]!==w||v[18]!==f?(V=e=>{if(w)return;if(0===Q.length&&0===z.length)return;e.preventDefault();const t=e.currentTarget.getAttribute("id");if(t){const e=f.find(e=>String(e.id)===t);K(e)}else K(void 0);U(null===O?{mouseX:e.clientX+2,mouseY:e.clientY-6}:null);const o=document.getSelection();if(o&&o.rangeCount>0){const e=o.getRangeAt(0);setTimeout(()=>{o.addRange(e)})}},v[14]=Q,v[15]=O,v[16]=z,v[17]=w,v[18]=f,v[19]=V):V=v[19];const Z=V;let $;v[20]===Symbol.for("react.memo_cache_sentinel")?($=()=>{U(null),K(void 0)},v[20]=$):$=v[20];const ee=$;let te;v[21]!==x?(te=e=>x.some(t=>t.id===e.id),v[21]=x,v[22]=te):te=v[22];const oe=te;let ie;v[23]!==J?.id?(ie=e=>J?.id===e.id,v[23]=J?.id,v[24]=ie):ie=v[24];const ne=ie;let le;v[25]!==y?(le=e=>{y(t=>t.some(t=>t.id===e.id)?t.filter(t=>t.id!==e.id):[...t,e])},v[25]=y,v[26]=le):le=v[26];const ce=le,ae=P?"div":l.Fragment,re=P?"visible":"auto";let se,me,de,ue,be,ve,fe,he;return v[27]!==re?(se={bgcolor:"background.paper",tableLayout:"fixed",width:"100%",overflowY:re,scrollbarWidth:"thin",scrollbarColor:"silver transparent"},v[27]=re,v[28]=se):se=v[28],v[29]===Symbol.for("react.memo_cache_sentinel")?(me={overflowX:"auto",minWidth:150,"@keyframes fadeIn":{"0%":{opacity:0},"100%":{opacity:1}}},v[29]=me):me=v[29],v[30]!==P?(de=P?{role:"table",style:{display:"table",width:"100%"}}:{},v[30]=P,v[31]=de):de=v[31],v[32]!==G||v[33]!==x||v[34]!==y||v[35]!==w||v[36]!==p?(ue=d(c,{currentPageRows:G,visibleColumns:p,quickActions:w,quickSelectedRows:x,setQuickSelectedRows:y}),v[32]=G,v[33]=x,v[34]=y,v[35]=w,v[36]=p,v[37]=ue):ue=v[37],v[38]!==ae||v[39]!==de||v[40]!==ue?(be=d(ae,{...de,children:ue}),v[38]=ae,v[39]=de,v[40]=ue,v[41]=be):be=v[41],v[42]!==Q||v[43]!==h||v[44]!==N||v[45]!==O||v[46]!==z||v[47]!==G||v[48]!==T||v[49]!==ce||v[50]!==Z||v[51]!==M||v[52]!==ne||v[53]!==S||v[54]!==oe||v[55]!==P||v[56]!==j||v[57]!==D||v[58]!==k||v[59]!==A||v[60]!==J||v[61]!==w||v[62]!==F||v[63]!==p?(ve=P?d(t,{component:"div",container:!0,justifyContent:"center",alignItems:"center",minHeight:56*A+(M?52:0),sx:{animation:"fadeIn 0.2s ease-in-out forwards",opacity:0},children:T}):u(i,{component:"div",children:[S?d(a,{rowsPerPage:A,tableActionsActive:w,visibleColumns:p,variant:F}):d(r,{currentPageRows:G,visibleColumns:p,tableActionsActive:w,variant:F,isQuickSelected:oe,isContextSelected:ne,onRowClick:k,handleCheckBoxSelect:ce,handleContextMenu:Z}),d(s,{contextMenu:O,selectedContextRow:J,contextMenuActionList:z,actionHeaderList:Q,onContextMenuAction:D,onActionHeader:j,activeFilters:h,tableActionsActive:w,handleCloseContextMenu:ee}),!S&&N>0&&d(m,{blankRows:N})]}),v[42]=Q,v[43]=h,v[44]=N,v[45]=O,v[46]=z,v[47]=G,v[48]=T,v[49]=ce,v[50]=Z,v[51]=M,v[52]=ne,v[53]=S,v[54]=oe,v[55]=P,v[56]=j,v[57]=D,v[58]=k,v[59]=A,v[60]=J,v[61]=w,v[62]=F,v[63]=p,v[64]=ve):ve=v[64],v[65]!==be||v[66]!==ve?(fe=u(o,{component:"div",sx:me,children:[be,ve]}),v[65]=be,v[66]=ve,v[67]=fe):fe=v[67],v[68]!==se||v[69]!==fe?(he=d(n,{className:"RealTimeTable-Body",sx:se,children:fe}),v[68]=se,v[69]=fe,v[70]=he):he=v[70],he}export{b as StaticTableBody};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Box";import o from"@mui/material/Grid";import r from"@mui/material/IconButton";import{useTheme as n}from"@mui/material/styles";import i from"@mui/material/TablePagination";import{ChevronRightIcon as a,ChevronLeftIcon as c}from"lucide-react";import"react";import{jsx as l,jsxs as s}from"react/jsx-runtime";function m(o){const i=e(22),{count:m,page:d,rowsPerPage:p,isFetching:g,onPageChange:u}=o,f=n();let P;i[0]!==u||i[1]!==d?(P=e=>{u(e,d-1)},i[0]=u,i[1]=d,i[2]=P):P=i[2];const h=P;let b;i[3]!==u||i[4]!==d?(b=e=>{u(e,d+1)},i[3]=u,i[4]=d,i[5]=b):b=i[5];const x=b;let C;i[6]===Symbol.for("react.memo_cache_sentinel")?(C={flexShrink:0,ml:2.5},i[6]=C):C=i[6];const w=0===d;let y,k;i[7]!==f.direction?(y="rtl"===f.direction?l(a,{size:20}):l(c,{size:20}),i[7]=f.direction,i[8]=y):y=i[8],i[9]!==h||i[10]!==w||i[11]!==y?(k=l(r,{onClick:h,disabled:w,"aria-label":"previous-page",children:y}),i[9]=h,i[10]=w,i[11]=y,i[12]=k):k=i[12];const z=d>=Math.ceil(m/p)-1||g;let F,R,S;return i[13]!==f.direction?(F="rtl"===f.direction?l(c,{size:20}):l(a,{size:20}),i[13]=f.direction,i[14]=F):F=i[14],i[15]!==x||i[16]!==z||i[17]!==F?(R=l(r,{onClick:x,disabled:z,"aria-label":"next-page",children:F}),i[15]=x,i[16]=z,i[17]=F,i[18]=R):R=i[18],i[19]!==k||i[20]!==R?(S=s(t,{component:"div",sx:C,children:[k,R]}),i[19]=k,i[20]=R,i[21]=S):S=i[21],S}function d(t){const r=e(25),{expectedRowCount:n,rowsPerPage:a,page:c,handleChangePage:s,handleChangeRowsPerPage:d,customSelectPages:p,localeStr:g,isTableEmpty:u,hideFooter:f,stickyFooter:P,isFetching:h,footerVariant:b}=t;if(u&&f)return null;let x;r[0]!==h?(x=e=>l(m,{...e,isFetching:h}),r[0]=h,r[1]=x):x=r[1];const C=x;let w;r[2]!==p||r[3]!==b?(w="standard"===b?p??[5,10]:[],r[2]=p,r[3]=b,r[4]=w):w=r[4];const y=w,k="standard"===b?g?.rowsPerPage:"";let z;r[5]!==b||r[6]!==g?.elements||r[7]!==g?.of?(z="standard"===b?e=>{const{from:t,to:o,count:r}=e;return`${t} - ${o} ${g?.of} ${r}`}:e=>{const{count:t}=e;return`${t} ${g?.elements}`},r[5]=b,r[6]=g?.elements,r[7]=g?.of,r[8]=z):z=r[8];const F=z,R=P?"sticky":"static";let S,$,v,_;return r[9]!==R?(S={display:"flex",justifyContent:"flex-end",alignItems:"center",borderRadius:"0 0 8px 8px",position:R,bottom:0,backgroundColor:"background.paper",zIndex:1},r[9]=R,r[10]=S):S=r[10],r[11]===Symbol.for("react.memo_cache_sentinel")?($={border:"none"},r[11]=$):$=r[11],r[12]!==C||r[13]!==n||r[14]!==s||r[15]!==d||r[16]!==F||r[17]!==k||r[18]!==c||r[19]!==a||r[20]!==y?(v=l(i,{component:"div",count:n,rowsPerPage:a,rowsPerPageOptions:y,page:c,onPageChange:s,onRowsPerPageChange:d,labelRowsPerPage:k,labelDisplayedRows:F,ActionsComponent:C,sx:$}),r[12]=C,r[13]=n,r[14]=s,r[15]=d,r[16]=F,r[17]=k,r[18]=c,r[19]=a,r[20]=y,r[21]=v):v=r[21],r[22]!==S||r[23]!==v?(_=l(o,{className:"StaticTable-Footer",component:"div",size:12,container:!0,"data-sticky":!0,sx:S,children:v}),r[22]=S,r[23]=v,r[24]=_):_=r[24],_}export{d as StaticTableFooter,m as StaticTablePaginationActions};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
+
import { CommonTableProps, TableInfoProps, CustomTableButtons } from '../TableComponents/TableTypes.js';
|
|
3
|
+
|
|
4
|
+
interface StaticTableInfoProps<T> extends Omit<TableInfoProps<T>, 'expectedRowCount' | 'showRefreshButton' | 'currentPage'> {
|
|
5
|
+
setTableData?: Dispatch<SetStateAction<T[]>>;
|
|
6
|
+
currentPage?: number;
|
|
7
|
+
}
|
|
8
|
+
type StaticTableButtons<T> = Omit<CustomTableButtons<T>, 'refreshButton'>;
|
|
9
|
+
interface StaticTableProps<T> extends CommonTableProps<T> {
|
|
10
|
+
tableInfo: StaticTableInfoProps<T>;
|
|
11
|
+
isLoading?: boolean;
|
|
12
|
+
tableButtons?: StaticTableButtons<T>;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export type { StaticTableButtons, StaticTableInfoProps, StaticTableProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e}from"react/compiler-runtime";import{DragDropContext as t,Droppable as i,Draggable as n}from"@hello-pangea/dnd";import o from"@mui/material/Button";import l from"@mui/material/Checkbox";import r from"@mui/material/Chip";import c from"@mui/material/Collapse";import s from"@mui/material/Divider";import a from"@mui/material/Grid";import m from"@mui/material/IconButton";import d from"@mui/material/List";import u from"@mui/material/ListItem";import p from"@mui/material/ListItemButton";import h from"@mui/material/ListItemIcon";import f from"@mui/material/ListItemText";import b from"@mui/material/Paper";import g from"@mui/material/Popover";import{useTheme as C}from"@mui/material/styles";import y from"@mui/material/Tooltip";import v from"@mui/material/Typography";import{CopyCheckIcon as x,CopyMinusIcon as k,DownloadIcon as S,PlusIcon as I,SettingsIcon as z,SquareCheckIcon as w,SquareIcon as B,GripVerticalIcon as O}from"lucide-react";import _ from"react";import{jsx as A,jsxs as P,Fragment as R}from"react/jsx-runtime";function D(o){const r=e(57),{columnsButton:c,currentColumns:x,setCurrentColumns:k,onColumnsPopoverClose:S,localeStr:I}=o,D=C(),[W,q]=_.useState(null),H=Boolean(W);let F;r[0]===Symbol.for("react.memo_cache_sentinel")?(F=e=>{q(e.currentTarget)},r[0]=F):F=r[0];const G=F,Q=x.filter(T);let M;r[1]!==x?(M=x.filter(E),r[1]=x,r[2]=M):M=r[2];const N=M,V=x.filter($);let J;r[3]!==k?(J=(e,t)=>{e.stopPropagation(),k(e=>e.map(e=>{if(e.accessor!==t)return e;const i=!1!==e.columnOptions?.visible;return{...e,columnOptions:{...e.columnOptions,visible:!i}}}))},r[3]=k,r[4]=J):J=r[4];const K=J;let U;r[5]!==x||r[6]!==S?(U=async()=>{q(null);const e=x.filter(j).map(L);await(S?.(e))},r[5]=x,r[6]=S,r[7]=U):U=r[7];const X=U,[Y,Z]=_.useState(!1);let ee;r[8]!==x||r[9]!==k?(ee=e=>{if(!e||!e.destination||!e.source)return;if(e.destination.droppableId!==e.source.droppableId)return;if(e.destination.index===e.source.index)return;if(e.source.index<1||e.destination.index<1||e.source.index>x.length||e.destination.index>x.length)return;const t=x[e.source.index-1];if(t&&t.columnOptions?.locked)return;const i=Array.from(x),[n]=i.splice(e.source.index-1,1);i.splice(e.destination.index-1,0,n),k(i),Z(!1)},r[8]=x,r[9]=k,r[10]=ee):ee=r[10];const te=ee;let ie;r[11]!==te||r[12]!==K||r[13]!==Y||r[14]!==I?.hiddenColumns||r[15]!==I?.lockedColumns||r[16]!==I?.visibleColumns||r[17]!==D?(ie=(e,o)=>P(R,{children:[A(a,{size:12,p:2,children:A(v,{variant:"body1",fontWeight:"bold",fontSize:13,children:"locked"===o?I?.lockedColumns:"visible"===o?I?.visibleColumns:I?.hiddenColumns})}),A(a,{size:12,pb:2,children:A(t,{onDragStart:()=>Z(!0),onDragEnd:te,children:A(i,{droppableId:"droppableMain",type:`droppable-${o}`,isDropDisabled:"visible"!==o,children:t=>P(d,{ref:t.innerRef,dense:!0,style:{width:"100%",padding:0},...t?.droppableProps,children:[e.map((e,t)=>A(n,{draggableId:`draggable-${o}-${e.accessor}-${t}`,index:t+1,isDragDisabled:"visible"!==o,children:t=>A(u,{ref:t.innerRef,...t?.draggableProps,disablePadding:!0,disableGutters:!0,dense:!0,sx:"visible"===o?{display:!1===e.columnOptions?.visible||e.columnOptions?.locked?"none":"block"}:void 0,children:P(p,{disableRipple:"locked"===o,sx:{py:0,pointerEvents:Y||"locked"===o?"none":"auto",cursor:"locked"===o?"default":"pointer",userSelect:"none"},children:["locked"!==o&&A(h,{children:A(l,{edge:"start",checked:!1!==e.columnOptions?.visible,disableRipple:!0,onClick:t=>{K(t,e.accessor)},icon:A(B,{size:20}),checkedIcon:A(w,{size:20})})}),A(f,{id:e.label,primary:e.label}),"visible"===o&&A(a,{container:!0,justifyContent:"center",alignItems:"center",style:{visibility:"visible"!==o?"hidden":"visible"},...t?.dragHandleProps,children:A(O,{size:18,color:D.palette.action.active})})]})})},`draggable-${o}-${e.accessor}-${t}`)),t.placeholder]})})})})]}),r[11]=te,r[12]=K,r[13]=Y,r[14]=I?.hiddenColumns,r[15]=I?.lockedColumns,r[16]=I?.visibleColumns,r[17]=D,r[18]=ie):ie=r[18];const ne=ie,oe=c?.label??I?.visibleColumns;let le;r[19]!==c?(le=e=>{G(e),c?.onClick?.(e)},r[19]=c,r[20]=le):le=r[20];const re=H?"rotate(30deg)":"rotate(0deg)";let ce,se,ae,me;r[21]!==re?(ce={transform:re,transition:"transform 0.2s ease-in-out"},r[21]=re,r[22]=ce):ce=r[22],r[23]!==c?.icon?(se=c?.icon??A(z,{size:22}),r[23]=c?.icon,r[24]=se):se=r[24],r[25]!==se||r[26]!==le||r[27]!==ce?(ae=A(m,{color:"primary",onClick:le,sx:ce,children:se}),r[25]=se,r[26]=le,r[27]=ce,r[28]=ae):ae=r[28],r[29]!==ae||r[30]!==oe?(me=A(y,{title:oe,arrow:!0,children:ae}),r[29]=ae,r[30]=oe,r[31]=me):me=r[31];const de=g;let ue,pe;r[32]===Symbol.for("react.memo_cache_sentinel")?(ue={vertical:"bottom",horizontal:"center"},pe={vertical:"top",horizontal:"center"},r[32]=ue,r[33]=pe):(ue=r[32],pe=r[33]);const he=a,fe=b;let be;r[34]===Symbol.for("react.memo_cache_sentinel")?(be={overflow:"auto",scrollbarWidth:"thin",scrollbarColor:"silver transparent"},r[34]=be):be=r[34];const ge=Q.length>0&&P(R,{children:[ne(Q,"locked")," ",A(s,{flexItem:!0,style:{width:"100%"}})]});let Ce;r[35]!==ne||r[36]!==x||r[37]!==N.length?(Ce=N.length>0&&P(R,{children:[ne(x,"visible"),A(s,{flexItem:!0,style:{width:"100%"}})]}),r[35]=ne,r[36]=x,r[37]=N.length,r[38]=Ce):Ce=r[38];const ye=V.length>0&&ne(V,"hidden");let ve,xe,ke;return r[39]!==he||r[40]!==fe||r[41]!==be||r[42]!==ge||r[43]!==Ce||r[44]!==ye?(ve=P(he,{component:fe,container:true,maxHeight:300,width:200,sx:be,children:[ge,Ce,ye]}),r[39]=he,r[40]=fe,r[41]=be,r[42]=ge,r[43]=Ce,r[44]=ye,r[45]=ve):ve=r[45],r[46]!==de||r[47]!==W||r[48]!==X||r[49]!==H||r[50]!==ue||r[51]!==pe||r[52]!==ve?(xe=A(de,{open:H,anchorEl:W,onClose:X,disablePortal:true,anchorOrigin:ue,transformOrigin:pe,children:ve}),r[46]=de,r[47]=W,r[48]=X,r[49]=H,r[50]=ue,r[51]=pe,r[52]=ve,r[53]=xe):xe=r[53],r[54]!==me||r[55]!==xe?(ke=P(R,{children:[me,xe]}),r[54]=me,r[55]=xe,r[56]=ke):ke=r[56],ke}function L(e){return e.accessor}function j(e){return!1!==e.columnOptions?.visible}function $(e){return!e.columnOptions?.locked&&!1===e.columnOptions?.visible}function E(e){return!e.columnOptions?.locked&&!1!==e.columnOptions?.visible}function T(e){return Boolean(e.columnOptions?.locked)}function W(t){const i=e(84),{fetchAllData:n,expectedRowCount:l,currentColumns:s,setCurrentColumns:d,isFetching:u,quickActions:p,tableActionsActive:h,setQuickActions:f,quickSelectedRows:b,setQuickSelectedRows:g,activeFilters:C,tableButtons:z,onColumnsPopoverClose:w,showVisibleColumnsButton:B,localeStr:O}=t;let L;i[0]!==z?(L=z||{},i[0]=z,i[1]=L):L=i[1];const{newItemButton:j,columnsButton:$,actionButton:E,exportButton:T,selectAllButton:W}=L;let q;i[2]!==p?(q=p||{},i[2]=p,i[3]=q):q=i[3];const{actionList:H,onAction:F}=q;let G;i[4]!==H?(G=void 0===H?[]:H,i[4]=H,i[5]=G):G=i[5];const Q=G;let M;i[6]!==f||i[7]!==g||i[8]!==h?(M=()=>{f(!h),h&&g([])},i[6]=f,i[7]=g,i[8]=h,i[9]=M):M=i[9];const N=M;let V;i[10]!==E?.icon?(V=E?.icon?E?.icon:A(x,{size:20}),i[10]=E?.icon,i[11]=V):V=i[11];const J=V;let K;i[12]!==E?.activeIcon?(K=E?.activeIcon?E?.activeIcon:A(k,{size:20}),i[12]=E?.activeIcon,i[13]=K):K=i[13];const U=K,X=0===Q?.length&&!j&&!B,[Y,Z]=_.useState(!1),[ee,te]=_.useState(!1),ie=!n||(l||0)<=0||u;let ne;i[14]!==n||i[15]!==ie?(ne=async e=>{if(ie)return;te(!0);const t=await(n?.(e??[]));return te(!1),t??[]},i[14]=n,i[15]=ie,i[16]=ne):ne=i[16];const oe=ne;let le;i[17]!==C||i[18]!==oe||i[19]!==Y||i[20]!==W||i[21]!==g?(le=async e=>{if(Y)Z(!1),g([]);else{const e=await oe(C);Z(Boolean(e?.length)),g(e??[])}W?.onClick?.(e)},i[17]=C,i[18]=oe,i[19]=Y,i[20]=W,i[21]=g,i[22]=le):le=i[22];const re=le;let ce;i[23]!==Y||i[24]!==F?(ce=async(e,t,i)=>{F?.(e.type,t,i,Y)},i[23]=Y,i[24]=F,i[25]=ce):ce=i[25];const se=ce;let ae,me,de,ue,pe;u&&Y&&(g([]),Z(!1)),i[26]!==J||i[27]!==U||i[28]!==E||i[29]!==Q||i[30]!==$||i[31]!==s||i[32]!==T||i[33]!==O||i[34]!==j||i[35]!==w||i[36]!==d||i[37]!==X||i[38]!==B||i[39]!==h||i[40]!==N?(ae=!X&&P(a,{component:"div",container:!0,justifyContent:"flex-end",alignItems:"center",p:1,children:[T&&A(a,{p:.5,children:A(y,{title:T?.label??"Export",arrow:!0,children:A(m,{color:"primary",...T,children:T.icon??A(S,{size:20,style:{marginRight:4}})})})}),Q.length>0&&A(a,{p:.5,children:A(y,{title:E?.label??O?.quickActions,arrow:!0,children:A(m,{color:"primary",onClick:e=>{N(),E?.onClick?.(e)},children:h?U:J})})}),B&&A(a,{p:.5,children:A(D,{columnsButton:$,currentColumns:s,setCurrentColumns:d,onColumnsPopoverClose:w,localeStr:O})}),j&&A(a,{p:.5,children:A(o,{variant:"contained",size:"small",color:"primary",onClick:j.onClick,startIcon:j.startIcon??A(I,{size:20,style:{marginRight:4}}),...j,children:P(v,{fontSize:14,children:[" ",j.label??"NEW"," "]})})})]}),i[26]=J,i[27]=U,i[28]=E,i[29]=Q,i[30]=$,i[31]=s,i[32]=T,i[33]=O,i[34]=j,i[35]=w,i[36]=d,i[37]=X,i[38]=B,i[39]=h,i[40]=N,i[41]=ae):ae=i[41],i[42]===Symbol.for("react.memo_cache_sentinel")?(me={width:"100%"},i[42]=me):me=i[42],i[43]===Symbol.for("react.memo_cache_sentinel")?(de={sm:12,md:12},i[43]=de):de=i[43],i[44]===Symbol.for("react.memo_cache_sentinel")?(ue={sm:6,md:6},i[44]=ue):ue=i[44],i[45]!==Y||i[46]!==O?.allItemsSelected||i[47]!==O?.itemsSelected||i[48]!==b?(pe=Y?A(a,{children:A(v,{fontSize:14,color:"text.secondary",children:O?.allItemsSelected})}):P(a,{container:!0,justifyContent:"flex-start",alignItems:"center",spacing:1,px:"9.5px",children:[A(a,{children:A(r,{label:A(v,{fontSize:14,component:"span",children:b.length}),color:"primary",size:"small",sx:{borderRadius:"999px",minWidth:24,height:24,px:b.length>9?1:0,display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1}})}),A(a,{children:A(v,{fontSize:14,ml:1,color:"text.secondary",children:O?.itemsSelected.toLocaleLowerCase()})})]}),i[45]=Y,i[46]=O?.allItemsSelected,i[47]=O?.itemsSelected,i[48]=b,i[49]=pe):pe=i[49];const he=W?.variant??"text";let fe,be;i[50]!==W?.sx?(fe=W?.sx||{},i[50]=W?.sx,i[51]=fe):fe=i[51],i[52]!==fe?(be={borderRadius:5,...fe},i[52]=fe,i[53]=be):be=i[53];const ge=Y?O?.deselectAll:O?.selectedAll;let Ce,ye,ve,xe,ke,Se,Ie,ze,we;return i[54]!==ge?(Ce=A(v,{fontSize:11,children:ge}),i[54]=ge,i[55]=Ce):Ce=i[55],i[56]!==re||i[57]!==ee||i[58]!==W||i[59]!==he||i[60]!==be||i[61]!==Ce||i[62]!==ie?(ye=A(a,{children:A(o,{variant:he,...W,onClick:re,loading:ee,disabled:ie,size:"small",sx:be,children:Ce})}),i[56]=re,i[57]=ee,i[58]=W,i[59]=he,i[60]=be,i[61]=Ce,i[62]=ie,i[63]=ye):ye=i[63],i[64]!==pe||i[65]!==ye?(ve=P(a,{container:!0,justifyContent:"flex-start",alignItems:"center",spacing:1,size:ue,children:[pe,ye]}),i[64]=pe,i[65]=ye,i[66]=ve):ve=i[66],i[67]===Symbol.for("react.memo_cache_sentinel")?(xe={sm:6,md:6},i[67]=xe):xe=i[67],i[68]!==Q||i[69]!==C||i[70]!==se||i[71]!==b?(ke=Q&&Q?.map((e,t)=>A(a,{children:e.isIconButton?A(y,{title:e.label??e.type,arrow:!0,children:A(m,{color:e.color??"primary",onClick:async()=>await se(e,b,C),disabled:0===b.length,children:e.icon??void 0})}):P(o,{variant:"contained",size:"small",color:e.color||"primary",onClick:async()=>await se(e,b,C),disabled:0===b.length,children:[e.icon??void 0,P(v,{fontSize:14,children:[" ",e.label??e.type," "]})]})},t)),i[68]=Q,i[69]=C,i[70]=se,i[71]=b,i[72]=ke):ke=i[72],i[73]!==ke?(Se=A(a,{container:!0,justifyContent:"flex-end",alignItems:"center",spacing:1,size:xe,children:ke}),i[73]=ke,i[74]=Se):Se=i[74],i[75]!==ve||i[76]!==Se?(Ie=P(a,{container:!0,size:de,p:2,children:[ve,Se]}),i[75]=ve,i[76]=Se,i[77]=Ie):Ie=i[77],i[78]!==Ie||i[79]!==h?(ze=A(c,{in:h,timeout:"auto",collapsedSize:0,sx:me,children:Ie}),i[78]=Ie,i[79]=h,i[80]=ze):ze=i[80],i[81]!==ae||i[82]!==ze?(we=P(R,{children:[ae,ze]}),i[81]=ae,i[82]=ze,i[83]=we):we=i[83],we}export{W as TableActionHeader};
|
|
1
|
+
import{c as e}from"react/compiler-runtime";import{DragDropContext as t,Droppable as i,Draggable as n}from"@hello-pangea/dnd";import o from"@mui/material/Button";import l from"@mui/material/Checkbox";import r from"@mui/material/Chip";import c from"@mui/material/Collapse";import s from"@mui/material/Divider";import a from"@mui/material/Grid";import m from"@mui/material/IconButton";import d from"@mui/material/List";import u from"@mui/material/ListItem";import p from"@mui/material/ListItemButton";import h from"@mui/material/ListItemIcon";import f from"@mui/material/ListItemText";import b from"@mui/material/Paper";import g from"@mui/material/Popover";import{useTheme as C}from"@mui/material/styles";import y from"@mui/material/Tooltip";import v from"@mui/material/Typography";import{CopyCheckIcon as x,CopyMinusIcon as k,DownloadIcon as S,PlusIcon as I,SettingsIcon as z,SquareCheckIcon as w,SquareIcon as B,GripVerticalIcon as O}from"lucide-react";import _ from"react";import{buildFiltersQuery as A,buildRequestFilters as P}from"./TableFunctions.js";import{jsx as R,jsxs as D,Fragment as j}from"react/jsx-runtime";function L(o){const r=e(57),{columnsButton:c,currentColumns:x,setCurrentColumns:k,onColumnsPopoverClose:S,localeStr:I}=o,A=C(),[P,L]=_.useState(null),F=Boolean(P);let H;r[0]===Symbol.for("react.memo_cache_sentinel")?(H=e=>{L(e.currentTarget)},r[0]=H):H=r[0];const G=H,N=x.filter(W);let Q;r[1]!==x?(Q=x.filter(q),r[1]=x,r[2]=Q):Q=r[2];const M=Q,V=x.filter(T);let J;r[3]!==k?(J=(e,t)=>{e.stopPropagation(),k(e=>e.map(e=>{if(e.accessor!==t)return e;const i=!1!==e.columnOptions?.visible;return{...e,columnOptions:{...e.columnOptions,visible:!i}}}))},r[3]=k,r[4]=J):J=r[4];const K=J;let U;r[5]!==x||r[6]!==S?(U=async()=>{L(null);const e=x.filter(E).map($);await(S?.(e))},r[5]=x,r[6]=S,r[7]=U):U=r[7];const X=U,[Y,Z]=_.useState(!1);let ee;r[8]!==x||r[9]!==k?(ee=e=>{if(!e||!e.destination||!e.source)return;if(e.destination.droppableId!==e.source.droppableId)return;if(e.destination.index===e.source.index)return;if(e.source.index<1||e.destination.index<1||e.source.index>x.length||e.destination.index>x.length)return;const t=x[e.source.index-1];if(t&&t.columnOptions?.locked)return;const i=Array.from(x),[n]=i.splice(e.source.index-1,1);n&&i.splice(e.destination.index-1,0,n),k(i),Z(!1)},r[8]=x,r[9]=k,r[10]=ee):ee=r[10];const te=ee;let ie;r[11]!==te||r[12]!==K||r[13]!==Y||r[14]!==I?.hiddenColumns||r[15]!==I?.lockedColumns||r[16]!==I?.visibleColumns||r[17]!==A?(ie=(e,o)=>D(j,{children:[R(a,{size:12,p:2,children:R(v,{variant:"body1",fontWeight:"bold",fontSize:13,children:"locked"===o?I?.lockedColumns:"visible"===o?I?.visibleColumns:I?.hiddenColumns})}),R(a,{size:12,pb:2,children:R(t,{onDragStart:()=>Z(!0),onDragEnd:te,children:R(i,{droppableId:"droppableMain",type:`droppable-${o}`,isDropDisabled:"visible"!==o,children:t=>D(d,{ref:t.innerRef,dense:!0,style:{width:"100%",padding:0},...t?.droppableProps,children:[e.map((e,t)=>R(n,{draggableId:`draggable-${o}-${e.accessor}-${t}`,index:t+1,isDragDisabled:"visible"!==o,children:t=>R(u,{ref:t.innerRef,...t?.draggableProps,disablePadding:!0,disableGutters:!0,dense:!0,sx:"visible"===o?{display:!1===e.columnOptions?.visible||e.columnOptions?.locked?"none":"block"}:void 0,children:D(p,{disableRipple:"locked"===o,sx:{py:0,pointerEvents:Y||"locked"===o?"none":"auto",cursor:"locked"===o?"default":"pointer",userSelect:"none"},children:["locked"!==o&&R(h,{children:R(l,{edge:"start",checked:!1!==e.columnOptions?.visible,disableRipple:!0,onClick:t=>{K(t,e.accessor)},icon:R(B,{size:20}),checkedIcon:R(w,{size:20})})}),R(f,{id:e.label,primary:e.label}),"visible"===o&&R(a,{container:!0,justifyContent:"center",alignItems:"center",style:{visibility:"visible"!==o?"hidden":"visible"},...t?.dragHandleProps,children:R(O,{size:18,color:A.palette.action.active})})]})})},`draggable-${o}-${e.accessor}-${t}`)),t.placeholder]})})})})]}),r[11]=te,r[12]=K,r[13]=Y,r[14]=I?.hiddenColumns,r[15]=I?.lockedColumns,r[16]=I?.visibleColumns,r[17]=A,r[18]=ie):ie=r[18];const ne=ie,oe=c?.label??I?.visibleColumns;let le;r[19]!==c?(le=e=>{G(e),c?.onClick?.(e)},r[19]=c,r[20]=le):le=r[20];const re=F?"rotate(30deg)":"rotate(0deg)";let ce,se,ae,me;r[21]!==re?(ce={transform:re,transition:"transform 0.2s ease-in-out"},r[21]=re,r[22]=ce):ce=r[22],r[23]!==c?.icon?(se=c?.icon??R(z,{size:22}),r[23]=c?.icon,r[24]=se):se=r[24],r[25]!==se||r[26]!==le||r[27]!==ce?(ae=R(m,{color:"primary",onClick:le,sx:ce,children:se}),r[25]=se,r[26]=le,r[27]=ce,r[28]=ae):ae=r[28],r[29]!==ae||r[30]!==oe?(me=R(y,{title:oe,arrow:!0,children:ae}),r[29]=ae,r[30]=oe,r[31]=me):me=r[31];const de=g;let ue,pe;r[32]===Symbol.for("react.memo_cache_sentinel")?(ue={vertical:"bottom",horizontal:"center"},pe={vertical:"top",horizontal:"center"},r[32]=ue,r[33]=pe):(ue=r[32],pe=r[33]);const he=a,fe=b;let be;r[34]===Symbol.for("react.memo_cache_sentinel")?(be={overflow:"auto",scrollbarWidth:"thin",scrollbarColor:"silver transparent"},r[34]=be):be=r[34];const ge=N.length>0&&D(j,{children:[ne(N,"locked")," ",R(s,{flexItem:!0,style:{width:"100%"}})]});let Ce;r[35]!==ne||r[36]!==x||r[37]!==M.length?(Ce=M.length>0&&D(j,{children:[ne(x,"visible"),R(s,{flexItem:!0,style:{width:"100%"}})]}),r[35]=ne,r[36]=x,r[37]=M.length,r[38]=Ce):Ce=r[38];const ye=V.length>0&&ne(V,"hidden");let ve,xe,ke;return r[39]!==he||r[40]!==fe||r[41]!==be||r[42]!==ge||r[43]!==Ce||r[44]!==ye?(ve=D(he,{component:fe,container:true,maxHeight:300,width:200,sx:be,children:[ge,Ce,ye]}),r[39]=he,r[40]=fe,r[41]=be,r[42]=ge,r[43]=Ce,r[44]=ye,r[45]=ve):ve=r[45],r[46]!==de||r[47]!==P||r[48]!==X||r[49]!==F||r[50]!==ue||r[51]!==pe||r[52]!==ve?(xe=R(de,{open:F,anchorEl:P,onClose:X,disablePortal:true,anchorOrigin:ue,transformOrigin:pe,children:ve}),r[46]=de,r[47]=P,r[48]=X,r[49]=F,r[50]=ue,r[51]=pe,r[52]=ve,r[53]=xe):xe=r[53],r[54]!==me||r[55]!==xe?(ke=D(j,{children:[me,xe]}),r[54]=me,r[55]=xe,r[56]=ke):ke=r[56],ke}function $(e){return e.accessor}function E(e){return!1!==e.columnOptions?.visible}function T(e){return!e.columnOptions?.locked&&!1===e.columnOptions?.visible}function q(e){return!e.columnOptions?.locked&&!1!==e.columnOptions?.visible}function W(e){return Boolean(e.columnOptions?.locked)}function F(t){const i=e(85),{tableName:n,fetchAllData:l,expectedRowCount:s,currentColumns:d,setCurrentColumns:u,isFetching:p,quickActions:h,tableActionsActive:f,setQuickActions:b,quickSelectedRows:g,setQuickSelectedRows:C,activeFilters:z,tableButtons:w,onColumnsPopoverClose:B,showVisibleColumnsButton:O,localeStr:$}=t;let E;i[0]!==w?(E=w||{},i[0]=w,i[1]=E):E=i[1];const{newItemButton:T,columnsButton:q,actionButton:W,exportButton:F,selectAllButton:H}=E;let G;i[2]!==h?(G=h||{},i[2]=h,i[3]=G):G=i[3];const{actionList:N,onAction:Q}=G;let M;i[4]!==N?(M=void 0===N?[]:N,i[4]=N,i[5]=M):M=i[5];const V=M;let J;i[6]!==b||i[7]!==C||i[8]!==f?(J=()=>{b(!f),f&&C([])},i[6]=b,i[7]=C,i[8]=f,i[9]=J):J=i[9];const K=J;let U;i[10]!==W?.icon?(U=W?.icon?W?.icon:R(x,{size:20}),i[10]=W?.icon,i[11]=U):U=i[11];const X=U;let Y;i[12]!==W?.activeIcon?(Y=W?.activeIcon?W?.activeIcon:R(k,{size:20}),i[12]=W?.activeIcon,i[13]=Y):Y=i[13];const Z=Y,ee=0===V?.length&&!T&&!O,[te,ie]=_.useState(!1),[ne,oe]=_.useState(!1),le=!l||(s||0)<=0||p;let re;i[14]!==z||i[15]!==l||i[16]!==n||i[17]!==le?(re=async()=>{if(le)return;oe(!0);const e=A(n,z||[]),t=P(z||[]),i=await(l?.({filters:{active:z||[],filterDto:t,query:e}}));return oe(!1),i??[]},i[14]=z,i[15]=l,i[16]=n,i[17]=le,i[18]=re):re=i[18];const ce=re;let se;i[19]!==ce||i[20]!==te||i[21]!==H||i[22]!==C?(se=async e=>{if(te)ie(!1),C([]);else{const e=await ce();ie(Boolean(e?.length)),C(e??[])}H?.onClick?.(e)},i[19]=ce,i[20]=te,i[21]=H,i[22]=C,i[23]=se):se=i[23];const ae=se;let me;i[24]!==te||i[25]!==Q?(me=async(e,t,i)=>{Q?.(e.type,t,i,te)},i[24]=te,i[25]=Q,i[26]=me):me=i[26];const de=me;let ue,pe,he,fe,be;p&&te&&(C([]),ie(!1)),i[27]!==X||i[28]!==Z||i[29]!==W||i[30]!==V||i[31]!==q||i[32]!==d||i[33]!==F||i[34]!==$||i[35]!==T||i[36]!==B||i[37]!==u||i[38]!==ee||i[39]!==O||i[40]!==f||i[41]!==K?(ue=!ee&&D(a,{component:"div",container:!0,justifyContent:"flex-end",alignItems:"center",p:1,children:[F&&R(a,{p:.5,children:R(y,{title:F?.label??"Export",arrow:!0,children:R(m,{color:"primary",...F,children:F.icon??R(S,{size:20,style:{marginRight:4}})})})}),V.length>0&&R(a,{p:.5,children:R(y,{title:W?.label??$?.quickActions,arrow:!0,children:R(m,{color:"primary",onClick:e=>{K(),W?.onClick?.(e)},children:f?Z:X})})}),O&&R(a,{p:.5,children:R(L,{columnsButton:q,currentColumns:d,setCurrentColumns:u,onColumnsPopoverClose:B,localeStr:$})}),T&&R(a,{p:.5,children:R(o,{variant:"contained",size:"small",color:"primary",startIcon:T.startIcon??R(I,{size:20,style:{marginRight:4}}),...T,onClick:e=>T.onClick?.(e,d),children:D(v,{fontSize:14,children:[" ",T.label??"NEW"," "]})})})]}),i[27]=X,i[28]=Z,i[29]=W,i[30]=V,i[31]=q,i[32]=d,i[33]=F,i[34]=$,i[35]=T,i[36]=B,i[37]=u,i[38]=ee,i[39]=O,i[40]=f,i[41]=K,i[42]=ue):ue=i[42],i[43]===Symbol.for("react.memo_cache_sentinel")?(pe={width:"100%"},i[43]=pe):pe=i[43],i[44]===Symbol.for("react.memo_cache_sentinel")?(he={sm:12,md:12},i[44]=he):he=i[44],i[45]===Symbol.for("react.memo_cache_sentinel")?(fe={sm:6,md:6},i[45]=fe):fe=i[45],i[46]!==te||i[47]!==$?.allItemsSelected||i[48]!==$?.itemsSelected||i[49]!==g?(be=te?R(a,{children:R(v,{fontSize:14,color:"text.secondary",children:$?.allItemsSelected})}):D(a,{container:!0,justifyContent:"flex-start",alignItems:"center",spacing:1,px:"9.5px",children:[R(a,{children:R(r,{label:R(v,{fontSize:14,component:"span",children:g.length}),color:"primary",size:"small",sx:{borderRadius:"999px",minWidth:24,height:24,px:g.length>9?1:0,display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1}})}),R(a,{children:R(v,{fontSize:14,ml:1,color:"text.secondary",children:$?.itemsSelected.toLocaleLowerCase()})})]}),i[46]=te,i[47]=$?.allItemsSelected,i[48]=$?.itemsSelected,i[49]=g,i[50]=be):be=i[50];const ge=H?.variant??"text";let Ce,ye;i[51]!==H?.sx?(Ce=H?.sx||{},i[51]=H?.sx,i[52]=Ce):Ce=i[52],i[53]!==Ce?(ye={borderRadius:5,...Ce},i[53]=Ce,i[54]=ye):ye=i[54];const ve=te?$?.deselectAll:$?.selectedAll;let xe,ke,Se,Ie,ze,we,Be,Oe,_e;return i[55]!==ve?(xe=R(v,{fontSize:11,children:ve}),i[55]=ve,i[56]=xe):xe=i[56],i[57]!==ae||i[58]!==ne||i[59]!==H||i[60]!==ge||i[61]!==ye||i[62]!==xe||i[63]!==le?(ke=R(a,{children:R(o,{variant:ge,...H,onClick:ae,loading:ne,disabled:le,size:"small",sx:ye,children:xe})}),i[57]=ae,i[58]=ne,i[59]=H,i[60]=ge,i[61]=ye,i[62]=xe,i[63]=le,i[64]=ke):ke=i[64],i[65]!==be||i[66]!==ke?(Se=D(a,{container:!0,justifyContent:"flex-start",alignItems:"center",spacing:1,size:fe,children:[be,ke]}),i[65]=be,i[66]=ke,i[67]=Se):Se=i[67],i[68]===Symbol.for("react.memo_cache_sentinel")?(Ie={sm:6,md:6},i[68]=Ie):Ie=i[68],i[69]!==V||i[70]!==z||i[71]!==de||i[72]!==g?(ze=V&&V?.map((e,t)=>R(a,{children:e.isIconButton?R(y,{title:e.label??e.type,arrow:!0,children:R(m,{color:e.color??"primary",onClick:async()=>await de(e,g,z),disabled:0===g.length,children:e.icon??void 0})}):D(o,{variant:"contained",size:"small",color:e.color||"primary",onClick:async()=>await de(e,g,z),disabled:0===g.length,children:[e.icon??void 0,D(v,{fontSize:14,children:[" ",e.label??e.type," "]})]})},t)),i[69]=V,i[70]=z,i[71]=de,i[72]=g,i[73]=ze):ze=i[73],i[74]!==ze?(we=R(a,{container:!0,justifyContent:"flex-end",alignItems:"center",spacing:1,size:Ie,children:ze}),i[74]=ze,i[75]=we):we=i[75],i[76]!==Se||i[77]!==we?(Be=D(a,{container:!0,size:he,p:2,children:[Se,we]}),i[76]=Se,i[77]=we,i[78]=Be):Be=i[78],i[79]!==Be||i[80]!==f?(Oe=R(c,{in:f,timeout:"auto",collapsedSize:0,sx:pe,children:Be}),i[79]=Be,i[80]=f,i[81]=Oe):Oe=i[81],i[82]!==ue||i[83]!==Oe?(_e=D(j,{children:[ue,Oe]}),i[82]=ue,i[83]=Oe,i[84]=_e):_e=i[84],_e}export{F as TableActionHeader};
|
|
@@ -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/Grid";import l from"@mui/material/IconButton";import n from"@mui/material/Popover";import r from"@mui/material/Skeleton";import a from"@mui/material/Stack";import{styled as c,alpha as s,useTheme as m}from"@mui/material/styles";import d from"@mui/material/Table";import p from"@mui/material/TableBody";import h from"@mui/material/TableCell";import u from"@mui/material/TableContainer";import f from"@mui/material/TableHead";import b from"@mui/material/TableRow";import v from"@mui/material/Tooltip";import g from"@mui/material/Typography";import{SquareIcon as y,SquareMinusIcon as x,InfoIcon as w,FunnelPlusIcon as k,ChevronRight as C,SquareCheckIcon as S}from"lucide-react";import T from"react";import{FilterSwitcher as R}from"./TableFilterHeader.js";import{jsx as W,jsxs as I}from"react/jsx-runtime";const z=56,$=c(h)(()=>({height:56,maxWidth:180,padding:"0px 16px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"})),_={standard:56,dense:48,compact:40};function O(e){const t=e.columnOptions;switch(typeof t?.maxWidth){case"number":return`${t.maxWidth}px`;case"string":return"stretch"===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=s(e.palette.primary.main,e.palette.action.selectedOpacity),l=s(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(${l}, ${l})`}}}}return{}}function F(t){const i=e(27),{row:o,column:n,variant:r,showNavigateIcon:c}=t,s=void 0===r?"standard":r,d=void 0!==c&&c,p=m();let h;i[0]!==n?(h=O(n),i[0]=n,i[1]=h):h=i[1];const u=h;let f;i[2]!==n.accessor||i[3]!==o?(f=function(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)}(o,n.accessor),i[2]=n.accessor,i[3]=o,i[4]=f):f=i[4];const b=f,v="Cell"in n&&null!=n.Cell?n.Cell:void 0,g=_[s];let y,x;i[5]===Symbol.for("react.memo_cache_sentinel")?(y={opacity:1,visibility:"visible"},x={opacity:0,visibility:"hidden"},i[5]=y,i[6]=x):(y=i[5],x=i[6]);const w=n.columnOptions?.sticky;let k,S,T,R,z,F;return i[7]!==w||i[8]!==p?(k=B({theme:p,sticky:w}),i[7]=w,i[8]=p,i[9]=k):k=i[9],i[10]!==u||i[11]!==g||i[12]!==k?(S={position:"relative",height:g,maxWidth:u,".MuiTableRow-root:hover & .show-navigate":y,".show-navigate":x,...k},i[10]=u,i[11]=g,i[12]=k,i[13]=S):S=i[13],i[14]!==v||i[15]!==b||i[16]!==n||i[17]!==o?(T=v?W(v,{cellValue:b,currentColumn:n,currentRow:o}):W("span",{children:b}),i[14]=v,i[15]=b,i[16]=n,i[17]=o,i[18]=T):T=i[18],i[19]!==d?(R=d&&W(l,{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:W(C,{size:18})}),i[19]=d,i[20]=R):R=i[20],i[21]!==T||i[22]!==R?(z=I(a,{direction:"row",flexWrap:"nowrap",justifyContent:"flex-start",alignItems:"center",color:"primary",children:[T,R]}),i[21]=T,i[22]=R,i[23]=z):z=i[23],i[24]!==z||i[25]!==S?(F=W($,{component:"div",sx:S,children:z}),i[24]=z,i[25]=S,i[26]=F):F=i[26],F}function P(r){const a=e(43),{currentPageRows:c,visibleColumns:s,quickActions:d,quickSelectedRows:p,setQuickSelectedRows:h}=r,{activeFilters:u,setActiveFilters:C,localeStr:S}=r;let z;a[0]!==u?(z=void 0===u?[]:u,a[0]=u,a[1]=z):z=a[1];const _=z,F=m(),P="light"===F.palette.mode?"rgba(235, 238, 245)":F.palette.action.selected;let A;a[2]!==c||a[3]!==h?(A=e=>{e.target.checked?h(e=>{const t=c.filter(t=>!e.some(e=>e.id===t.id));return[...e,...t]}):h(e=>e.filter(e=>!c.some(t=>t.id===e.id)))},a[2]=c,a[3]=h,a[4]=A):A=a[4];const M=A;let j;if(a[5]!==c||a[6]!==p){let e;a[8]!==p?(e=e=>p.some(t=>t.id===e.id),a[8]=p,a[9]=e):e=a[9],j=c.every(e),a[5]=c,a[6]=p,a[7]=j}else j=a[7];const q=j,[H,N]=T.useState(null),[Q,E]=T.useState(null);let X;a[10]===Symbol.for("react.memo_cache_sentinel")?(X=(e,t)=>{e.stopPropagation(),E(t),N(e.currentTarget)},a[10]=X):X=a[10];const Y=X;let D;a[11]===Symbol.for("react.memo_cache_sentinel")?(D=()=>{N(null),E(null)},a[11]=D):D=a[11];const G=D,L=Boolean(H&&Q);let V,J,K,U,Z,ee,te,ie,oe;return a[12]!==P?(V={backgroundColor:P,position:"sticky",top:0,zIndex:1},a[12]=P,a[13]=V):V=a[13],a[14]!==q||a[15]!==M||a[16]!==d||a[17]!==F?(J=d&&W($,{component:"div",padding:"checkbox",sx:{...B({theme:F,sticky:"left",header:!0})},children:W(i,{color:"primary",onChange:M,checkedIcon:q?W(x,{size:22}):void 0,icon:W(y,{size:22}),checked:q})}),a[14]=q,a[15]=M,a[16]=d,a[17]=F,a[18]=J):J=a[18],a[19]!==P||a[20]!==S?.filterBy||a[21]!==C||a[22]!==F||a[23]!==s?(K=s.length>0?s.map((e,i)=>{const o=O(e);return!1===e.columnOptions?.visible?null:I($,{component:"div",sx:{width:160,position:"relative",maxWidth:o,...B({theme:F,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(g,{variant:"subtitle2",fontWeight:"bold",noWrap:!0,sx:{pr:e.Tooltip||C&&e.filterOptions?6:0},children:e.label||""}),I(t,{className:"tooltip-icon",sx:{position:"absolute",top:"50%",transform:"translateY(-50%)",right:8,display:"flex",alignItems:"center",backgroundColor:P},children:["Tooltip"in e&&W(v,{title:e.Tooltip?.label||"",children:W(l,{disableRipple:!0,color:e.Tooltip?.color||"default",size:"small",children:e.Tooltip?.icon||W(w,{size:16})})}),C&&e.filterOptions&&W(v,{title:`${S?.filterBy} ${e.label||""}`,children:W(l,{disableRipple:!0,color:"primary",size:"small",onClick:t=>Y(t,e),children:W(k,{size:16})})})]})]},i)}):W($,{component:"div",sx:{width:160,position:"relative"}}),a[19]=P,a[20]=S?.filterBy,a[21]=C,a[22]=F,a[23]=s,a[24]=K):K=a[24],a[25]!==J||a[26]!==K?(U=I(b,{component:"div",children:[J,K]}),a[25]=J,a[26]=K,a[27]=U):U=a[27],a[28]===Symbol.for("react.memo_cache_sentinel")?(Z={vertical:"bottom",horizontal:"left"},ee={paper:{variant:"outlined"}},a[28]=Z,a[29]=ee):(Z=a[28],ee=a[29]),a[30]!==_||a[31]!==S||a[32]!==Q||a[33]!==C?(te=Q&&C&&I(o,{container:!0,size:12,p:2,gap:1,maxWidth:300,children:[W(o,{size:12,children:W(g,{variant:"subtitle2",color:"textSecondary",fontWeight:"bold",children:(S?.filterBy??"Filter by")+" "+(Q.label??"")})}),W(o,{size:12,children:W(R,{column:Q,filterMode:"single",filterIndex:0,activeFilters:_,setActiveFilters:C,handleClose:G,localeStr:S??{}})})]}),a[30]=_,a[31]=S,a[32]=Q,a[33]=C,a[34]=te):te=a[34],a[35]!==H||a[36]!==L||a[37]!==te?(ie=W(n,{open:L,anchorEl:H,onClose:G,anchorOrigin:Z,slotProps:ee,children:te}),a[35]=H,a[36]=L,a[37]=te,a[38]=ie):ie=a[38],a[39]!==ie||a[40]!==V||a[41]!==U?(oe=I(f,{component:"div",style:V,children:[U,ie]}),a[39]=ie,a[40]=V,a[41]=U,a[42]=oe):oe=a[42],oe}function A(t){const l=e(65),{tableData:n,visibleColumns:a,page:c,rowsPerPage:s,tableActionsActive:m,quickSelectedRows:f,setQuickSelectedRows:v,isFetching:g,onRowClick:x,autoSizeHeight:w,emptyTablePlaceholder:k,isTableEmpty:C,hideFooter:R,variant:z}=t;let B,A,N,Q;if(l[0]!==w||l[1]!==C||l[2]!==x||l[3]!==c||l[4]!==f||l[5]!==s||l[6]!==v||l[7]!==m||l[8]!==n||l[9]!==z||l[10]!==a){let e;N=s>0?n.slice(c*s,c*s+s):n,A=w?5-N.length||0:s-N.length,l[15]!==f?(e=e=>f.some(t=>t.id===e.id),l[15]=f,l[16]=e):e=l[16];const t=e;let o;l[17]!==v?(o=e=>{v(t=>t.some(t=>t.id===e.id)?t.filter(t=>t.id!==e.id):[...t,e])},l[17]=v,l[18]=o):o=l[18];const r=o;let d;B=C?"div":T.Fragment,l[19]!==r||l[20]!==t||l[21]!==x||l[22]!==m||l[23]!==z||l[24]!==a?(d=e=>I(b,{component:"div",hover:!0,selected:t(e),onClick:m?()=>r(e):()=>x&&x(e),"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:[m&&W($,{component:"div",padding:"checkbox",onClick:j,sx:{height:_[z]},children:W(i,{color:"primary",onChange:()=>r(e),icon:W(y,{size:22}),checkedIcon:W(S,{size:22}),checked:t(e)})},`checkbox-${e.id}`),a.filter(M).map((t,i)=>W(F,{row:e,column:t,variant:z,showNavigateIcon:i===a.length-1},`custom-cell-${t.accessor}-${i}`))]},`table-row-${e.id}`),l[19]=r,l[20]=t,l[21]=x,l[22]=m,l[23]=z,l[24]=a,l[25]=d):d=l[25],Q=(N??[]).filter(H).filter(q).map(d),l[0]=w,l[1]=C,l[2]=x,l[3]=c,l[4]=f,l[5]=s,l[6]=v,l[7]=m,l[8]=n,l[9]=z,l[10]=a,l[11]=B,l[12]=A,l[13]=N,l[14]=Q}else B=l[11],A=l[12],N=l[13],Q=l[14];const E=Q;let X;if(l[26]!==s||l[27]!==z||l[28]!==a){let e;l[30]!==z||l[31]!==a?(e=(e,t)=>W(b,{component:"div",children:a.length>0?a.map((e,t)=>{const i=O(e);return!1===e.columnOptions?.visible?null:W($,{component:"div",sx:{height:_[z],maxWidth:i},children:W(r,{animation:"wave",variant:"rounded",height:"dense"===z?void 0:20})},`skeleton-cell-${t}`)}):W(b,{component:"div",sx:{height:_[z]},children:W(h,{component:"div",colSpan:a.length})})},`skeleton-${t}`),l[30]=z,l[31]=a,l[32]=e):e=l[32],X=Array.from({length:s},e),l[26]=s,l[27]=z,l[28]=a,l[29]=X}else X=l[29];const Y=g?X:E;let D,G;l[33]!==A||l[34]!==g?(D=!g&&A>0&&W(b,{component:"div",sx:{height:56*A,borderBottom:"1px solid",borderColor:"divider"}}),l[33]=A,l[34]=g,l[35]=D):D=l[35],l[36]!==Y||l[37]!==D?(G=I(p,{component:"div",children:[Y,D]}),l[36]=Y,l[37]=D,l[38]=G):G=l[38];const L=G,V=56*s+(R?52:0);let J,K;l[39]===Symbol.for("react.memo_cache_sentinel")?(J={animation:"fadeIn 0.2s ease-in-out forwards",opacity:0},l[39]=J):J=l[39],l[40]!==k||l[41]!==V?(K=W(o,{component:"div",container:!0,justifyContent:"center",alignItems:"center",minHeight:V,sx:J,children:k}),l[40]=k,l[41]=V,l[42]=K):K=l[42];const U=K,Z=C?"visible":"auto";let ee,te,ie,oe,le,ne;l[43]!==Z?(ee={bgcolor:"background.paper",tableLayout:"fixed",width:"100%",overflowY:Z,scrollbarWidth:"thin",scrollbarColor:"silver transparent"},l[43]=Z,l[44]=ee):ee=l[44],l[45]===Symbol.for("react.memo_cache_sentinel")?(te={overflowX:"auto",scrollbarWidth:"thin",minWidth:150},l[45]=te):te=l[45],l[46]===Symbol.for("react.memo_cache_sentinel")?(ie={overflowX:"auto",minWidth:150,"@keyframes fadeIn":{"0%":{opacity:0},"100%":{opacity:1}}},l[46]=ie):ie=l[46],l[47]!==C?(oe=C?{role:"table",style:{display:"table",width:"100%"}}:{},l[47]=C,l[48]=oe):oe=l[48],l[49]!==N||l[50]!==f||l[51]!==v||l[52]!==m||l[53]!==a?(le=W(P,{currentPageRows:N,visibleColumns:a,quickActions:m,quickSelectedRows:f,setQuickSelectedRows:v}),l[49]=N,l[50]=f,l[51]=v,l[52]=m,l[53]=a,l[54]=le):le=l[54],l[55]!==B||l[56]!==oe||l[57]!==le?(ne=W(B,{...oe,children:le}),l[55]=B,l[56]=oe,l[57]=le,l[58]=ne):ne=l[58];const re=C?U:L;let ae,ce;return l[59]!==ne||l[60]!==re?(ae=W(o,{component:"div",container:!0,sx:te,children:I(d,{component:"div",sx:ie,children:[ne,re]})}),l[59]=ne,l[60]=re,l[61]=ae):ae=l[61],l[62]!==ae||l[63]!==ee?(ce=W(u,{className:"RealTimeTable-Body",sx:ee,children:ae}),l[62]=ae,l[63]=ee,l[64]=ce):ce=l[64],ce}function M(e){return null!=e&&!1!==e.columnOptions?.visible}function j(e){e.stopPropagation()}function q(e,t,i){return e&&i.findIndex(t=>t.id===e.id)===t}function H(e){return null!=e}export{F as DynamicCellCreator,z as ROW_HEIGHT,$ as StyledTableCell,A as TableCommonBody,P as TableCommonHeaderProps,O as getMaxWidth,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
|
-
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Autocomplete";import l from"@mui/material/Button";import r from"@mui/material/Checkbox";import a from"@mui/material/FormControl";import n from"@mui/material/FormControlLabel";import i from"@mui/material/FormGroup";import o from"@mui/material/Grid";import c from"@mui/material/IconButton";import s from"@mui/material/ListItem";import d from"@mui/material/ListItemIcon";import u from"@mui/material/MenuItem";import m from"@mui/material/Select";import{useTheme as p}from"@mui/material/styles";import f from"@mui/material/TextField";import g from"@mui/material/Typography";import{DatePicker as h}from"@mui/x-date-pickers/DatePicker";import v from"dayjs";import"dayjs/locale/it";import{SearchIcon as _,XIcon as b,CalendarFoldIcon as y}from"lucide-react";import{AnimatePresence as x}from"motion/react";import*as z from"motion/react-m";import S from"react";import{jsx as $,jsxs as I}from"react/jsx-runtime";function C(e,t=0,l,r,a){const n=r.filterOptions?.type??"";a(a=>{const i=a.findIndex(e=>e.column===r.accessor&&e.index===t&&e.operator===l&&e.type===n);if(null==e||""===e)return a.filter(e=>e.column!==r.accessor||e.index!==t);const o={index:t,column:r.accessor,value:e,type:n,operator:l};return-1===i?[...a,o]:a.map((e,t)=>t===i?o:e)})}function k(t){const r=e(51),{column:a,filterMode:n,activeFilters:i,filterIndex:s,setActiveFilters:d,closePopover:u,aloneFilter:m,localeStr:p}=t,g=void 0!==m&&m,h=a.filterOptions,v=i?.find(e=>e.column===a.accessor&&e.index===s),y=v?.value,k=h?.regex||"$regex"===v?.operator?"$regex":"",[F,P]=S.useState("single"===n&&y?y?.toString():"");let O;r[0]!==i||r[1]!==g||r[2]!==u||r[3]!==a||r[4]!==s||r[5]!==F||r[6]!==k||r[7]!==d?(O=()=>{const e=s??(i.filter(e=>e.column===a.accessor)?.length||0);C(F,g?0:e,k,a,d),u?.()},r[0]=i,r[1]=g,r[2]=u,r[3]=a,r[4]=s,r[5]=F,r[6]=k,r[7]=d,r[8]=O):O=r[8];const A=O;let W;r[9]!==g||r[10]!==d?(W=()=>{g&&d([]),P("")},r[9]=g,r[10]=d,r[11]=W):W=r[11];const D=W,B=F===y||!F,E=g?void 0:1,M=g?"":a.label,N=g?a.label:"";let w,j;r[12]===Symbol.for("react.memo_cache_sentinel")?(w=e=>P(e.target.value),r[12]=w):w=r[12],r[13]!==g?(j=g&&$(_,{style:{marginRight:".4rem"}}),r[13]=g,r[14]=j):j=r[14];const G=g?i.length?"visible":"hidden":F?"visible":"hidden";let L,T,V,q,R,H,K,Y,J,Q,U,X;return r[15]!==G?(L={visibility:G},r[15]=G,r[16]=L):L=r[16],r[17]===Symbol.for("react.memo_cache_sentinel")?(T=$(b,{size:18}),r[17]=T):T=r[17],r[18]!==D||r[19]!==L?(V=$(c,{size:"small",onClick:D,sx:L,"aria-label":"clear-filter",children:T}),r[18]=D,r[19]=L,r[20]=V):V=r[20],r[21]!==V||r[22]!==j?(q={input:{startAdornment:j,endAdornment:V}},r[21]=V,r[22]=j,r[23]=q):q=r[23],r[24]===Symbol.for("react.memo_cache_sentinel")?(R={margin:0},r[24]=R):R=r[24],r[25]!==F||r[26]!==q||r[27]!==M||r[28]!==N?(H=$(f,{fullWidth:!0,size:"small",label:M,placeholder:N,variant:"outlined",value:F,onChange:w,"aria-label":"filter-text",slotProps:q,sx:R}),r[25]=F,r[26]=q,r[27]=M,r[28]=N,r[29]=H):H=r[29],r[30]!==H||r[31]!==E?(K=$(o,{flexGrow:E,children:H}),r[30]=H,r[31]=E,r[32]=K):K=r[32],r[33]!==g||r[34]!==A||r[35]!==F||r[36]!==p?.apply?(Y=g&&""!==F.trim()&&$(o,{container:!0,justifyContent:"flex-end",alignItems:"center",component:z.div,initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.9},transition:{duration:.1},children:$(l,{variant:"contained",color:"primary",size:"small",onClick:A,startIcon:$(_,{size:16}),"aria-label":"apply-filter",children:p?.apply})}),r[33]=g,r[34]=A,r[35]=F,r[36]=p?.apply,r[37]=Y):Y=r[37],r[38]!==Y?(J=$(x,{children:Y}),r[38]=Y,r[39]=J):J=r[39],r[40]!==K||r[41]!==J?(Q=I(o,{container:!0,size:12,children:[K,J]}),r[40]=K,r[41]=J,r[42]=Q):Q=r[42],r[43]!==g||r[44]!==A||r[45]!==B||r[46]!==p?.apply?(U=!g&&$(o,{size:12,children:$(l,{fullWidth:!0,variant:"contained",color:"primary",size:"small",onClick:A,disabled:B,"aria-label":"apply-filter",children:p?.apply})}),r[43]=g,r[44]=A,r[45]=B,r[46]=p?.apply,r[47]=U):U=r[47],r[48]!==Q||r[49]!==U?(X=I(o,{container:!0,alignItems:"center",spacing:2,children:[Q,U]}),r[48]=Q,r[49]=U,r[50]=X):X=r[50],X}v.locale("it");const F=(e,t,l)=>{const r=e.filter(e=>e?.column===t&&"number"===e?.type&&e?.index===l).map(e=>({value:"number"==typeof e?.value?e?.value:Number(e?.value),operator:e?.operator})).filter(e=>!isNaN(e.value));if(0===r.length)return[{value:null,operator:void 0},{value:null,operator:void 0}];if(1===r.length)return[r[0],{value:null,operator:void 0}];return[r.find(e=>"$gte"===e.operator||"$gt"===e.operator)||r[0],r.find(e=>"$lte"===e.operator||"$lt"===e.operator)||r[1]]};function P(t){const r=e(75),{column:n,filterMode:i,activeFilters:s,filterIndex:d,setActiveFilters:p,closePopover:g,aloneFilter:h,localeStr:v}=t,y=void 0!==h&&h,k=n.filterOptions;let P,W;r[0]!==s?(P=s??[],r[0]=s,r[1]=P):P=r[1],r[2]!==n.accessor||r[3]!==d||r[4]!==P?(W=F(P,n.accessor,d),r[2]=n.accessor,r[3]=d,r[4]=P,r[5]=W):W=r[5];const[D,B]=W,{value:E,operator:M}=D,{value:N}=B;let w;r[6]!==N||r[7]!==E||r[8]!==M?(w=()=>{if(null!==E&&null!==N)return"range";if(null!==E){if("$gt"===M)return"gt";if("$gte"===M)return"gte";if("$lt"===M)return"lt";if("$lte"===M)return"lte";if("$eq"===M)return"exact"}return"exact"},r[6]=N,r[7]=E,r[8]=M,r[9]=w):w=r[9];const[j,G]=S.useState(w),L=null!==E&&"single"===i?E:null,T="range"===j&&null!==N&&"single"===i?N:null;let V;r[10]!==L||r[11]!==T?(V={num_start:L,num_end:T},r[10]=L,r[11]=T,r[12]=V):V=r[12];const[q,R]=S.useState(V);let H;r[13]!==j?(H=e=>{"range"!==j&&R(A),G(e.target.value)},r[13]=j,r[14]=H):H=r[14];const K=H;let Y;r[15]===Symbol.for("react.memo_cache_sentinel")?(Y=(e,t)=>{const l=""===e?null:Number(e);""!==e&&isNaN(Number(e))||R(e=>({num_start:"start"===t?l:e.num_start,num_end:"end"===t?l:e.num_end}))},r[15]=Y):Y=r[15];const J=Y;let Q;r[16]!==s||r[17]!==g||r[18]!==n||r[19]!==d||r[20]!==q.num_end||r[21]!==q.num_start||r[22]!==j||r[23]!==p?(Q=()=>{const e="range"===j?"$gte":"gt"===j?"$gt":"gte"===j?"$gte":"lt"===j?"$lt":"lte"===j?"$lte":"$eq",t=d??(s.filter(t=>t.operator===e).length||0),l=d??(s.filter(O).length||0);s.filter(e=>e.column===n.accessor&&e.index===d).forEach(e=>{p(t=>t.filter(t=>t!==e))}),"range"!==j?C(q.num_start,t,"$eq"===e?"":e,n,p):(C(q.num_start,t,"$gte",n,p),C(q.num_end,l,"$lte",n,p)),g?.()},r[16]=s,r[17]=g,r[18]=n,r[19]=d,r[20]=q.num_end,r[21]=q.num_start,r[22]=j,r[23]=p,r[24]=Q):Q=r[24];const U=Q;let X;r[25]!==y||r[26]!==p?(X=()=>{y&&p([]),R({num_start:null,num_end:null})},r[25]=y,r[26]=p,r[27]=X):X=r[27];const Z=X,ee="range"!==j?null===q.num_start:null===q.num_start||null===q.num_end;let te;r[28]!==k?.comparators||r[29]!==v?.exact||r[30]!==v?.range||r[31]!==j||r[32]!==K?(te=k?.comparators&&$(o,{size:12,children:$(a,{fullWidth:!0,size:"small",children:I(m,{value:j,onChange:K,children:[$(u,{value:"exact",children:v?.exact??"Esatto"}),$(u,{value:"gt",children:"maggiore"}),$(u,{value:"gte",children:"maggiore o uguale"}),$(u,{value:"lt",children:"minore"}),$(u,{value:"lte",children:"minore o uguale"}),$(u,{value:"range",children:v?.range??"Intervallo"})]})})}),r[28]=k?.comparators,r[29]=v?.exact,r[30]=v?.range,r[31]=j,r[32]=K,r[33]=te):te=r[33];const le=y?"":"range"===j?"Min":n.label,re=y?n.label:"",ae=q.num_start??"";let ne,ie,oe,ce,se,de,ue,me,pe,fe,ge;return r[34]===Symbol.for("react.memo_cache_sentinel")?(ne=e=>J(e.target.value,"start"),r[34]=ne):ne=r[34],r[35]!==y?(ie=y&&$(_,{style:{marginRight:".4rem"}}),r[35]=y,r[36]=ie):ie=r[36],r[37]!==s.length||r[38]!==y||r[39]!==k?.comparators||r[40]!==Z||r[41]!==q.num_start||r[42]!==j?(oe=null===q.num_start||"range"===j||k?.comparators?null:$(c,{size:"small",onClick:Z,sx:{visibility:y?s.length?"visible":"hidden":null!==q.num_start?"visible":"hidden"},"aria-label":"clear-filter",children:$(b,{size:18})}),r[37]=s.length,r[38]=y,r[39]=k?.comparators,r[40]=Z,r[41]=q.num_start,r[42]=j,r[43]=oe):oe=r[43],r[44]!==ie||r[45]!==oe?(ce={input:{type:"number",startAdornment:ie,endAdornment:oe}},r[44]=ie,r[45]=oe,r[46]=ce):ce=r[46],r[47]===Symbol.for("react.memo_cache_sentinel")?(se={margin:0},r[47]=se):se=r[47],r[48]!==le||r[49]!==re||r[50]!==ae||r[51]!==ce?(de=$(o,{flexGrow:1,children:$(f,{fullWidth:!0,size:"small",type:"number",label:le,placeholder:re,variant:"outlined",value:ae,onChange:ne,"aria-label":"filter-number",slotProps:ce,sx:se})}),r[48]=le,r[49]=re,r[50]=ae,r[51]=ce,r[52]=de):de=r[52],r[53]!==k?.comparators||r[54]!==q.num_end||r[55]!==j?(ue="range"===j&&k?.comparators&&$(o,{flexGrow:1,children:$(f,{fullWidth:!0,size:"small",type:"number",label:"Max",variant:"outlined",value:q.num_end??"",onChange:e=>J(e.target.value,"end"),"aria-label":"filter-number-end",slotProps:{input:{type:"number"}},sx:{margin:0}})}),r[53]=k?.comparators,r[54]=q.num_end,r[55]=j,r[56]=ue):ue=r[56],r[57]!==y||r[58]!==U||r[59]!==q.num_start||r[60]!==v?.apply?(me=y&&null!==q.num_start&&$(o,{children:$(x,{children:$(o,{container:!0,justifyContent:"flex-end",alignItems:"center",component:z.div,initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.9},transition:{duration:.1},children:$(l,{variant:"contained",color:"primary",size:"small",onClick:U,startIcon:$(_,{size:16}),"aria-label":"apply-filter",children:v?.apply})})})}),r[57]=y,r[58]=U,r[59]=q.num_start,r[60]=v?.apply,r[61]=me):me=r[61],r[62]!==de||r[63]!==ue||r[64]!==me?(pe=I(o,{container:!0,size:12,wrap:"nowrap",spacing:1,children:[de,ue,me]}),r[62]=de,r[63]=ue,r[64]=me,r[65]=pe):pe=r[65],r[66]!==y||r[67]!==U||r[68]!==ee||r[69]!==v?.apply?(fe=!y&&$(o,{size:12,children:$(l,{fullWidth:!0,variant:"contained",color:"primary",size:"small",onClick:U,disabled:ee,"aria-label":"apply-filter",children:v?.apply})}),r[66]=y,r[67]=U,r[68]=ee,r[69]=v?.apply,r[70]=fe):fe=r[70],r[71]!==te||r[72]!==pe||r[73]!==fe?(ge=I(o,{container:!0,alignItems:"center",spacing:2,size:12,children:[te,pe,fe]}),r[71]=te,r[72]=pe,r[73]=fe,r[74]=ge):ge=r[74],ge}function O(e){return"$lte"===e.operator}function A(e){return{num_start:e.num_start,num_end:null}}function W(a){const c=e(44),{column:s,filterMode:d,activeFilters:u,filterIndex:m,setActiveFilters:p,closePopover:h,localeStr:v}=a,_=s.filterOptions;let b,y,x;if(c[0]!==u||c[1]!==s.accessor||c[2]!==m||c[3]!==_?.multiple||c[4]!==_?.options){y=_?.options||[],b=!0===_?.multiple;const e=u?.find(e=>e.column===s.accessor&&e.index===m);e:{if(!_?.options){let e;c[8]!==b?(e=b?[]:void 0,c[8]=b,c[9]=e):e=c[9],x=e;break e}if(b){if(Array.isArray(e?.value)){x=y.filter(t=>e?.value?.includes(t.id))||[];break e}let t;c[10]===Symbol.for("react.memo_cache_sentinel")?(t=[],c[10]=t):t=c[10],x=t}else x=y.find(t=>t.id===e?.value)||void 0}c[0]=u,c[1]=s.accessor,c[2]=m,c[3]=_?.multiple,c[4]=_?.options,c[5]=b,c[6]=y,c[7]=x}else b=c[5],y=c[6],x=c[7];const z=x,[k,F]=S.useState(z);let P;c[11]===Symbol.for("react.memo_cache_sentinel")?(P=(e,t)=>{F(l=>{const r=l||[];return t?[...r,e]:r.filter(t=>t.id!==e.id)})},c[11]=P):P=c[11];const O=P;let A;c[12]!==u||c[13]!==h||c[14]!==s||c[15]!==m||c[16]!==b||c[17]!==k||c[18]!==p?(A=()=>{const e=m??(u.filter(e=>e.column===s.accessor)?.length||0);if(b){const t=k;C(t?.length>0?t.map(j).filter(w).sort():void 0,e,"$in",s,p)}else{C(k?k.id:void 0,e,"",s,p)}h?.()},c[12]=u,c[13]=h,c[14]=s,c[15]=m,c[16]=b,c[17]=k,c[18]=p,c[19]=A):A=c[19];const W=A;let G;if(b){let e;if(c[20]!==z||c[21]!==k){const t=(k||[])?.map(N).sort();let l;c[23]!==z?(l=(z||[])?.map(M).sort(),c[23]=z,c[24]=l):l=c[24];const r=l;e=t.length===r.length&&t.every((e,t)=>e===r[t]),c[20]=z,c[21]=k,c[22]=e}else e=c[22];G=e}else G=k?.id===z?.id;const L=G,T=b?1:0;let V,q,R;c[25]!==T?(V={maxHeight:300,overflowY:"auto",p:T},c[25]=T,c[26]=V):V=c[26],c[27]!==s.label||c[28]!==d||c[29]!==z||c[30]!==b||c[31]!==k||c[32]!==y?(q=b?$(i,{children:y?.map(e=>{const t=k?.some(t=>t.id===e.id);return $(n,{control:$(r,{checked:t??!1,onChange:t=>O(e,t.target.checked),size:"small"}),label:I(g,{variant:"body2",sx:{display:"flex",alignItems:"center",gap:1},children:[e.icon&&$(e.icon,{size:16}),e.label]}),sx:{"& .MuiFormControlLabel-label":{fontSize:"0.875rem"}}},String(e.id))})}):$(t,{size:"small",blurOnSelect:!0,clearOnBlur:!0,defaultValue:"single"===d?z:null,value:k||null,onChange:(e,t,l)=>{"selectOption"===l?F(t||void 0):"clear"===l&&F(void 0)},options:y??[],getOptionLabel:E,getOptionKey:B,renderOption:D,renderInput:e=>$(f,{...e,label:s.label}),"aria-label":"filter-select"}),c[27]=s.label,c[28]=d,c[29]=z,c[30]=b,c[31]=k,c[32]=y,c[33]=q):q=c[33],c[34]!==V||c[35]!==q?(R=$(o,{size:12,sx:V,children:q}),c[34]=V,c[35]=q,c[36]=R):R=c[36];const H=v?.apply;let K,Y;return c[37]!==L||c[38]!==W||c[39]!==H?(K=$(o,{size:12,children:$(l,{fullWidth:!0,variant:"contained",color:"primary",size:"small",onClick:W,disabled:L,"aria-label":"apply-filter",children:H})}),c[37]=L,c[38]=W,c[39]=H,c[40]=K):K=c[40],c[41]!==R||c[42]!==K?(Y=I(o,{container:!0,alignItems:"center",spacing:1,children:[R,K]}),c[41]=R,c[42]=K,c[43]=Y):Y=c[43],Y}function D(e,t){return I(s,{...e,disablePadding:!0,children:[t.icon&&$(d,{sx:{padding:0},children:$(t.icon,{size:16})}),t.label]})}function B(e){return String(e.id)||String(e.label)}function E(e){return e.label}function M(e){return e.id}function N(e){return e.id}function w(e){return void 0!==e}function j(e){return e.id}const G=(e,t,l)=>{const r=e.filter(e=>e?.column===t&&"date"===e?.type&&e?.index===l).map(e=>({value:v(e?.value),operator:e?.operator})).filter(e=>e.value.isValid());if(0===r.length)return[{value:void 0,operator:void 0},{value:void 0,operator:void 0}];if(1===r.length)return[r[0],{value:void 0,operator:void 0}];return[r.reduce((e,t)=>t.value.isBefore(e.value)?t:e),r.reduce((e,t)=>t.value.isAfter(e.value)?t:e)]};function L(t){const r=e(68),{column:a,filterIndex:n,activeFilters:i,setActiveFilters:c,closePopover:s,localeStr:d}=t,f=p(),g=a.filterOptions,[_,b]=G(i??[],a.accessor,n),{value:x,operator:z}=_,{value:k}=b,[F,P]=S.useState(()=>x&&k?"range":x?"$gte"===z||"$gt"===z?"from":"$lte"===z||"$lt"===z?"to":"exact":"exact"),[O,A]=S.useState(!1),W=x?x.toISOString():"",D="range"===F&&k?k.toISOString():"";let B;r[0]!==W||r[1]!==D?(B={date_start:W,date_end:D},r[0]=W,r[1]=D,r[2]=B):B=r[2];const[E,M]=S.useState(B);let N;r[3]!==F||r[4]!==P?(N=e=>{"range"!==F&&M(R),P(e.target.value)},r[3]=F,r[4]=P,r[5]=N):N=r[5];const w=N;let j;r[6]!==A?(j=(e,t)=>{A(!1),M(l=>({date_start:"start"===t?e:l.date_start,date_end:"end"===t?e:l.date_end}))},r[6]=A,r[7]=j):j=r[7];const L=j;let H;r[8]!==i||r[9]!==s||r[10]!==a||r[11]!==n||r[12]!==E.date_end||r[13]!==E.date_start||r[14]!==F||r[15]!==c?(H=()=>{const e="range"===F||"from"===F?"$gte":"to"===F?"$lte":"$eq",t=n??(i.filter(q).length||0),l=n??(i.filter(V).length||0);i.filter(e=>e.column===a.accessor&&e.index===n).forEach(e=>{c(t=>t.filter(t=>t!==e))}),"range"!==F?C(E.date_start,t,e,a,c):(C(E.date_start,t,"$gte",a,c),C(E.date_end,l,"$lte",a,c)),s?.()},r[8]=i,r[9]=s,r[10]=a,r[11]=n,r[12]=E.date_end,r[13]=E.date_start,r[14]=F,r[15]=c,r[16]=H):H=r[16];const K=H,Y=T;let J;r[17]!==O||r[18]!==E.date_end||r[19]!==E.date_start||r[20]!==F?(J="range"!==F?!Y(E.date_start):!Y(E.date_start)||!Y(E.date_end)||O,r[17]=O,r[18]=E.date_end,r[19]=E.date_start,r[20]=F,r[21]=J):J=r[21];const Q=J;let U;r[22]!==g?.singleDate||r[23]!==d?.dateFrom||r[24]!==d?.dateTo||r[25]!==d?.exact||r[26]!==d?.range||r[27]!==F||r[28]!==w?(U=!g?.singleDate&&$(o,{size:12,children:I(m,{fullWidth:!0,value:F,onChange:w,size:"small",children:[I(u,{value:"exact",children:[" ",d?.exact," "]}),I(u,{value:"from",children:[" ",d?.dateFrom," "]}),I(u,{value:"to",children:[" ",d?.dateTo," "]}),I(u,{value:"range",children:[" ",d?.range," "]})]})}),r[22]=g?.singleDate,r[23]=d?.dateFrom,r[24]=d?.dateTo,r[25]=d?.exact,r[26]=d?.range,r[27]=F,r[28]=w,r[29]=U):U=r[29];const X="range"!==F?"Data":"Data Inizio";let Z,ee,te,le,re,ae;r[30]!==E.date_start?(Z=E.date_start?v(E.date_start):null,r[30]=E.date_start,r[31]=Z):Z=r[31],r[32]!==L?(ee=(e,t)=>!t.validationError&&e?L(e?.toISOString(),"start"):null,r[32]=L,r[33]=ee):ee=r[33],r[34]!==E.date_end?(te=E.date_end?v(E.date_end).subtract(1,"day"):void 0,r[34]=E.date_end,r[35]=te):te=r[35],r[36]!==A?(le=e=>A(Boolean(e)),r[36]=A,r[37]=le):le=r[37],r[38]===Symbol.for("react.memo_cache_sentinel")?(re={openPickerIcon:y},r[38]=re):re=r[38],r[39]!==f.palette.action.active?(ae={color:f.palette.action.active,size:20},r[39]=f.palette.action.active,r[40]=ae):ae=r[40];const ne=ae;let ie,oe,ce,se,de;r[41]===Symbol.for("react.memo_cache_sentinel")?(ie={size:"small"},oe={size:"small",fullWidth:!0},r[41]=ie,r[42]=oe):(ie=r[41],oe=r[42]),r[43]!==ne?(ce={openPickerIcon:ne,openPickerButton:ie,textField:oe},r[43]=ne,r[44]=ce):ce=r[44],r[45]!==X||r[46]!==Z||r[47]!==ee||r[48]!==te||r[49]!==le||r[50]!==ce?(se=$(o,{size:12,children:$(h,{label:X,defaultValue:Z,onChange:ee,maxDate:te,onError:le,slots:re,slotProps:ce})}),r[45]=X,r[46]=Z,r[47]=ee,r[48]=te,r[49]=le,r[50]=ce,r[51]=se):se=r[51],r[52]!==E.date_end||r[53]!==E.date_start||r[54]!==F||r[55]!==A||r[56]!==f.palette.action.active||r[57]!==L?(de="range"===F&&$(o,{size:12,children:$(h,{label:"Data Fine",defaultValue:E.date_end?v(E.date_end):null,onChange:(e,t)=>!t.validationError&&e?L(e?.toISOString(),"end"):null,minDate:E.date_start?v(E.date_start).add(1,"day"):void 0,onError:e=>A(Boolean(e)),slots:{openPickerIcon:y},slotProps:{openPickerIcon:{color:f.palette.action.active,size:20},openPickerButton:{size:"small"},textField:{size:"small",fullWidth:!0}}})}),r[52]=E.date_end,r[53]=E.date_start,r[54]=F,r[55]=A,r[56]=f.palette.action.active,r[57]=L,r[58]=de):de=r[58];const ue=d?.apply;let me,pe;return r[59]!==K||r[60]!==Q||r[61]!==ue?(me=$(o,{size:12,children:$(l,{fullWidth:!0,variant:"contained",color:"primary",size:"small",onClick:K,disabled:Q,children:ue})}),r[59]=K,r[60]=Q,r[61]=ue,r[62]=me):me=r[62],r[63]!==se||r[64]!==de||r[65]!==me||r[66]!==U?(pe=I(o,{container:!0,size:12,alignItems:"center",gap:1,children:[U,se,de,me]}),r[63]=se,r[64]=de,r[65]=me,r[66]=U,r[67]=pe):pe=r[67],pe}function T(e){if(""===e)return!1;return v(e).isValid()}function V(e){return"$lte"===e.operator}function q(e){return"$gte"===e.operator}function R(e){return{date_start:e.date_start,date_end:""}}export{L as DateFilterForm,P as NumberFilterForm,W as SelectFilterForm,k as StringFilterForm,G as getDateFilters,F as getNumberFilters,C as updateFilters};
|
|
1
|
+
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Autocomplete";import l from"@mui/material/Button";import a from"@mui/material/Checkbox";import r from"@mui/material/FormControl";import n from"@mui/material/FormControlLabel";import i from"@mui/material/FormGroup";import o from"@mui/material/Grid";import c from"@mui/material/IconButton";import s from"@mui/material/ListItem";import u from"@mui/material/ListItemIcon";import d from"@mui/material/MenuItem";import m from"@mui/material/Select";import{useTheme as p}from"@mui/material/styles";import f from"@mui/material/TextField";import g from"@mui/material/Typography";import{DatePicker as v}from"@mui/x-date-pickers/DatePicker";import h from"dayjs";import"dayjs/locale/it";import{SearchIcon as _,XIcon as b,CalendarFoldIcon as y}from"lucide-react";import{AnimatePresence as x}from"motion/react";import*as z from"motion/react-m";import S from"react";import{applyFilterUpdate as $}from"./TableFunctions.js";import{jsx as I,jsxs as C}from"react/jsx-runtime";function k(t){const a=e(51),{column:r,activeFilters:n,filterIndex:i,onFiltersChange:s,closePopover:u,aloneFilter:d,localeStr:m}=t,p=void 0!==d&&d,g=r.filterOptions,v=n?.find(e=>e.column===r.accessor&&e.index===i),h=v?.value,y=g?.regex||"$regex"===v?.operator?"$regex":"",[k,F]=S.useState(h?h?.toString():"");let P;a[0]!==n||a[1]!==p||a[2]!==u||a[3]!==r||a[4]!==i||a[5]!==k||a[6]!==s||a[7]!==y?(P=async()=>{const e=i??(n.filter(e=>e.column===r.accessor)?.length||0),t=$(n,{value:k,index:p?0:e,operator:y,column:r});s(t),u?.()},a[0]=n,a[1]=p,a[2]=u,a[3]=r,a[4]=i,a[5]=k,a[6]=s,a[7]=y,a[8]=P):P=a[8];const O=P;let W;a[9]!==p||a[10]!==s?(W=()=>{F(""),p&&s([])},a[9]=p,a[10]=s,a[11]=W):W=a[11];const D=W,A=k===h||!k,B=p?void 0:1,N=p?"":r.label,j=p?r.label:"";let w,T;a[12]===Symbol.for("react.memo_cache_sentinel")?(w=e=>F(e.target.value),a[12]=w):w=a[12],a[13]!==p?(T=p&&I(_,{style:{marginRight:".4rem"}}),a[13]=p,a[14]=T):T=a[14];const E=p?n.length?"visible":"hidden":k?"visible":"hidden";let G,L,V,q,M,R,H,K,Y,J,Q,U;return a[15]!==E?(G={visibility:E},a[15]=E,a[16]=G):G=a[16],a[17]===Symbol.for("react.memo_cache_sentinel")?(L=I(b,{size:18}),a[17]=L):L=a[17],a[18]!==D||a[19]!==G?(V=I(c,{size:"small",onClick:D,sx:G,"aria-label":"clear-filter",children:L}),a[18]=D,a[19]=G,a[20]=V):V=a[20],a[21]!==V||a[22]!==T?(q={input:{startAdornment:T,endAdornment:V}},a[21]=V,a[22]=T,a[23]=q):q=a[23],a[24]===Symbol.for("react.memo_cache_sentinel")?(M={margin:0},a[24]=M):M=a[24],a[25]!==k||a[26]!==q||a[27]!==N||a[28]!==j?(R=I(f,{fullWidth:!0,size:"small",label:N,placeholder:j,variant:"outlined",value:k,onChange:w,"aria-label":"filter-text",slotProps:q,sx:M}),a[25]=k,a[26]=q,a[27]=N,a[28]=j,a[29]=R):R=a[29],a[30]!==R||a[31]!==B?(H=I(o,{flexGrow:B,children:R}),a[30]=R,a[31]=B,a[32]=H):H=a[32],a[33]!==p||a[34]!==O||a[35]!==k||a[36]!==m?.apply?(K=p&&""!==k.trim()&&I(o,{container:!0,justifyContent:"flex-end",alignItems:"center",component:z.div,initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.9},transition:{duration:.1},children:I(l,{variant:"contained",color:"primary",size:"small",onClick:O,startIcon:I(_,{size:16}),"aria-label":"apply-filter",children:m?.apply})}),a[33]=p,a[34]=O,a[35]=k,a[36]=m?.apply,a[37]=K):K=a[37],a[38]!==K?(Y=I(x,{children:K}),a[38]=K,a[39]=Y):Y=a[39],a[40]!==H||a[41]!==Y?(J=C(o,{container:!0,size:12,children:[H,Y]}),a[40]=H,a[41]=Y,a[42]=J):J=a[42],a[43]!==p||a[44]!==O||a[45]!==A||a[46]!==m?.apply?(Q=!p&&I(o,{size:12,children:I(l,{fullWidth:!0,variant:"contained",color:"primary",size:"small",onClick:O,disabled:A,"aria-label":"apply-filter",children:m?.apply})}),a[43]=p,a[44]=O,a[45]=A,a[46]=m?.apply,a[47]=Q):Q=a[47],a[48]!==J||a[49]!==Q?(U=C(o,{container:!0,alignItems:"center",spacing:2,children:[J,Q]}),a[48]=J,a[49]=Q,a[50]=U):U=a[50],U}h.locale("it");const F=(e,t,l)=>{const a=e.filter(e=>e?.column===t&&"number"===e?.type&&e?.index===l).map(e=>({value:"number"==typeof e?.value?e?.value:Number(e?.value),operator:e?.operator})).filter(e=>!isNaN(e.value));if(0===a.length)return[{value:null,operator:void 0},{value:null,operator:void 0}];if(1===a.length&&a[0])return[a[0],{value:null,operator:void 0}];return[a.find(e=>"$gte"===e.operator||"$gt"===e.operator)||a[0]||{value:null,operator:void 0},a.find(e=>"$lte"===e.operator||"$lt"===e.operator)||a[1]||{value:null,operator:void 0}]};function P(t){const a=e(75),{column:n,activeFilters:i,filterIndex:s,onFiltersChange:u,closePopover:p,aloneFilter:g,localeStr:v}=t,h=void 0!==g&&g,y=n.filterOptions;let k,P;a[0]!==i?(k=i??[],a[0]=i,a[1]=k):k=a[1],a[2]!==n.accessor||a[3]!==s||a[4]!==k?(P=F(k,n.accessor,s),a[2]=n.accessor,a[3]=s,a[4]=k,a[5]=P):P=a[5];const[D,A]=P,{value:B,operator:N}=D,{value:j}=A;let w;a[6]!==j||a[7]!==B||a[8]!==N?(w=()=>{if(null!==B&&null!==j)return"range";if(null!==B){if("$gt"===N)return"gt";if("$gte"===N)return"gte";if("$lt"===N)return"lt";if("$lte"===N)return"lte";if("$eq"===N)return"exact"}return"exact"},a[6]=j,a[7]=B,a[8]=N,a[9]=w):w=a[9];const[T,E]=S.useState(w),G=null!==B?B:null,L="range"===T&&null!==j?j:null;let V;a[10]!==G||a[11]!==L?(V={num_start:G,num_end:L},a[10]=G,a[11]=L,a[12]=V):V=a[12];const[q,M]=S.useState(V);let R;a[13]!==T?(R=e=>{"range"!==T&&M(W),E(e.target.value)},a[13]=T,a[14]=R):R=a[14];const H=R;let K;a[15]===Symbol.for("react.memo_cache_sentinel")?(K=(e,t)=>{const l=""===e?null:Number(e);""!==e&&isNaN(Number(e))||M(e=>({num_start:"start"===t?l:e.num_start,num_end:"end"===t?l:e.num_end}))},a[15]=K):K=a[15];const Y=K;let J;a[16]!==i||a[17]!==p||a[18]!==n||a[19]!==s||a[20]!==q.num_end||a[21]!==q.num_start||a[22]!==u||a[23]!==T?(J=()=>{const e="range"===T?"$gte":"gt"===T?"$gt":"gte"===T?"$gte":"lt"===T?"$lt":"lte"===T?"$lte":"$eq",t=s??(i.filter(t=>t.operator===e).length||0),l=s??(i.filter(O).length||0);let a=i.filter(e=>!(e.column===n.accessor&&e.index===s));"range"!==T?a=$(a,{value:q.num_start,index:l,operator:"$eq"===e?"":e,column:n}):(a=$(a,{value:q.num_start,index:t,operator:"$gte",column:n}),a=$(a,{value:q.num_end,index:l,operator:"$lte",column:n})),u(a),p?.()},a[16]=i,a[17]=p,a[18]=n,a[19]=s,a[20]=q.num_end,a[21]=q.num_start,a[22]=u,a[23]=T,a[24]=J):J=a[24];const Q=J;let U;a[25]!==h||a[26]!==u?(U=()=>{h&&u([]),M({num_start:null,num_end:null})},a[25]=h,a[26]=u,a[27]=U):U=a[27];const X=U,Z="range"!==T?null===q.num_start:null===q.num_start||null===q.num_end;let ee;a[28]!==y?.comparators||a[29]!==v?.exact||a[30]!==v?.range||a[31]!==T||a[32]!==H?(ee=y?.comparators&&I(o,{size:12,children:I(r,{fullWidth:!0,size:"small",children:C(m,{value:T,onChange:H,children:[I(d,{value:"exact",children:v?.exact??"Esatto"}),I(d,{value:"gt",children:"maggiore"}),I(d,{value:"gte",children:"maggiore o uguale"}),I(d,{value:"lt",children:"minore"}),I(d,{value:"lte",children:"minore o uguale"}),I(d,{value:"range",children:v?.range??"Intervallo"})]})})}),a[28]=y?.comparators,a[29]=v?.exact,a[30]=v?.range,a[31]=T,a[32]=H,a[33]=ee):ee=a[33];const te=h?"":"range"===T?"Min":n.label,le=h?n.label:"",ae=q.num_start??"";let re,ne,ie,oe,ce,se,ue,de,me,pe,fe;return a[34]===Symbol.for("react.memo_cache_sentinel")?(re=e=>Y(e.target.value,"start"),a[34]=re):re=a[34],a[35]!==h?(ne=h&&I(_,{style:{marginRight:".4rem"}}),a[35]=h,a[36]=ne):ne=a[36],a[37]!==i.length||a[38]!==h||a[39]!==y?.comparators||a[40]!==X||a[41]!==q.num_start||a[42]!==T?(ie=null===q.num_start||"range"===T||y?.comparators?null:I(c,{size:"small",onClick:X,sx:{visibility:h?i.length?"visible":"hidden":null!==q.num_start?"visible":"hidden"},"aria-label":"clear-filter",children:I(b,{size:18})}),a[37]=i.length,a[38]=h,a[39]=y?.comparators,a[40]=X,a[41]=q.num_start,a[42]=T,a[43]=ie):ie=a[43],a[44]!==ne||a[45]!==ie?(oe={input:{type:"number",startAdornment:ne,endAdornment:ie}},a[44]=ne,a[45]=ie,a[46]=oe):oe=a[46],a[47]===Symbol.for("react.memo_cache_sentinel")?(ce={margin:0},a[47]=ce):ce=a[47],a[48]!==te||a[49]!==le||a[50]!==ae||a[51]!==oe?(se=I(o,{flexGrow:1,children:I(f,{fullWidth:!0,size:"small",type:"number",label:te,placeholder:le,variant:"outlined",value:ae,onChange:re,"aria-label":"filter-number",slotProps:oe,sx:ce})}),a[48]=te,a[49]=le,a[50]=ae,a[51]=oe,a[52]=se):se=a[52],a[53]!==y?.comparators||a[54]!==q.num_end||a[55]!==T?(ue="range"===T&&y?.comparators&&I(o,{flexGrow:1,children:I(f,{fullWidth:!0,size:"small",type:"number",label:"Max",variant:"outlined",value:q.num_end??"",onChange:e=>Y(e.target.value,"end"),"aria-label":"filter-number-end",slotProps:{input:{type:"number"}},sx:{margin:0}})}),a[53]=y?.comparators,a[54]=q.num_end,a[55]=T,a[56]=ue):ue=a[56],a[57]!==h||a[58]!==Q||a[59]!==q.num_start||a[60]!==v?.apply?(de=h&&null!==q.num_start&&I(o,{children:I(x,{children:I(o,{container:!0,justifyContent:"flex-end",alignItems:"center",component:z.div,initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.9},transition:{duration:.1},children:I(l,{variant:"contained",color:"primary",size:"small",onClick:Q,startIcon:I(_,{size:16}),"aria-label":"apply-filter",children:v?.apply})})})}),a[57]=h,a[58]=Q,a[59]=q.num_start,a[60]=v?.apply,a[61]=de):de=a[61],a[62]!==se||a[63]!==ue||a[64]!==de?(me=C(o,{container:!0,size:12,wrap:"nowrap",spacing:1,children:[se,ue,de]}),a[62]=se,a[63]=ue,a[64]=de,a[65]=me):me=a[65],a[66]!==h||a[67]!==Q||a[68]!==Z||a[69]!==v?.apply?(pe=!h&&I(o,{size:12,children:I(l,{fullWidth:!0,variant:"contained",color:"primary",size:"small",onClick:Q,disabled:Z,"aria-label":"apply-filter",children:v?.apply})}),a[66]=h,a[67]=Q,a[68]=Z,a[69]=v?.apply,a[70]=pe):pe=a[70],a[71]!==ee||a[72]!==me||a[73]!==pe?(fe=C(o,{container:!0,alignItems:"center",spacing:2,size:12,children:[ee,me,pe]}),a[71]=ee,a[72]=me,a[73]=pe,a[74]=fe):fe=a[74],fe}function O(e){return"$lte"===e.operator}function W(e){return{num_start:e.num_start,num_end:null}}function D(r){const c=e(43),{column:s,activeFilters:u,filterIndex:d,onFiltersChange:m,closePopover:p,localeStr:v}=r,h=s.filterOptions;let _,b,y;if(c[0]!==u||c[1]!==s.accessor||c[2]!==d||c[3]!==h?.multiple||c[4]!==h?.options){b=h?.options||[],_=!0===h?.multiple;const e=u?.find(e=>e.column===s.accessor&&e.index===d);e:{if(!h?.options){let e;c[8]!==_?(e=_?[]:void 0,c[8]=_,c[9]=e):e=c[9],y=e;break e}if(_){if(Array.isArray(e?.value)){y=b.filter(t=>e?.value?.includes(t.id))||[];break e}let t;c[10]===Symbol.for("react.memo_cache_sentinel")?(t=[],c[10]=t):t=c[10],y=t}else y=b.find(t=>t.id===e?.value)||void 0}c[0]=u,c[1]=s.accessor,c[2]=d,c[3]=h?.multiple,c[4]=h?.options,c[5]=_,c[6]=b,c[7]=y}else _=c[5],b=c[6],y=c[7];const x=y,[z,k]=S.useState(x);let F;c[11]===Symbol.for("react.memo_cache_sentinel")?(F=(e,t)=>{k(l=>{const a=l||[];return t?[...a,e]:a.filter(t=>t.id!==e.id)})},c[11]=F):F=c[11];const P=F;let O;c[12]!==u||c[13]!==p||c[14]!==s||c[15]!==d||c[16]!==_||c[17]!==z||c[18]!==m?(O=()=>{const e=d??(u.filter(e=>e.column===s.accessor)?.length||0);let t;if(_){const l=z,a=l?.length>0?l.map(E).filter(T).sort():void 0;t=$(u,{value:a,index:e,operator:"$in",column:s})}else{t=$(u,{value:z?z.id:void 0,index:e,operator:"",column:s})}m(t),p?.()},c[12]=u,c[13]=p,c[14]=s,c[15]=d,c[16]=_,c[17]=z,c[18]=m,c[19]=O):O=c[19];const W=O;let D;if(_){let e;if(c[20]!==x||c[21]!==z){const t=(z||[])?.map(w).sort();let l;c[23]!==x?(l=(x||[])?.map(j).sort(),c[23]=x,c[24]=l):l=c[24];const a=l;e=t.length===a.length&&t.every((e,t)=>e===a[t]),c[20]=x,c[21]=z,c[22]=e}else e=c[22];D=e}else D=z?.id===x?.id;const G=D,L=_?1:0;let V,q,M;c[25]!==L?(V={maxHeight:300,overflowY:"auto",p:L},c[25]=L,c[26]=V):V=c[26],c[27]!==s.label||c[28]!==x||c[29]!==_||c[30]!==z||c[31]!==b?(q=_?I(i,{children:b?.map(e=>{const t=z?.some(t=>t.id===e.id);return I(n,{control:I(a,{checked:t??!1,onChange:t=>P(e,t.target.checked),size:"small"}),label:C(g,{variant:"body2",sx:{display:"flex",alignItems:"center",gap:1},children:[e.icon&&I(e.icon,{size:16}),e.label]}),sx:{"& .MuiFormControlLabel-label":{fontSize:"0.875rem"}}},String(e.id))})}):I(t,{size:"small",blurOnSelect:!0,clearOnBlur:!0,defaultValue:x||null,value:z||null,onChange:(e,t,l)=>{"selectOption"===l?k(t||void 0):"clear"===l&&k(void 0)},options:b??[],getOptionLabel:N,getOptionKey:B,renderOption:A,renderInput:e=>I(f,{...e,label:s.label}),"aria-label":"filter-select"}),c[27]=s.label,c[28]=x,c[29]=_,c[30]=z,c[31]=b,c[32]=q):q=c[32],c[33]!==V||c[34]!==q?(M=I(o,{size:12,sx:V,children:q}),c[33]=V,c[34]=q,c[35]=M):M=c[35];const R=v?.apply;let H,K;return c[36]!==G||c[37]!==W||c[38]!==R?(H=I(o,{size:12,children:I(l,{fullWidth:!0,variant:"contained",color:"primary",size:"small",onClick:W,disabled:G,"aria-label":"apply-filter",children:R})}),c[36]=G,c[37]=W,c[38]=R,c[39]=H):H=c[39],c[40]!==M||c[41]!==H?(K=C(o,{container:!0,alignItems:"center",spacing:1,children:[M,H]}),c[40]=M,c[41]=H,c[42]=K):K=c[42],K}function A(e,t){const{key:l,...a}=e;return C(s,{...a,disablePadding:!0,children:[t.icon&&I(u,{sx:{padding:0},children:I(t.icon,{size:16})}),t.label]},l)}function B(e){return String(e.id)||String(e.label)}function N(e){return e.label}function j(e){return e.id}function w(e){return e.id}function T(e){return void 0!==e}function E(e){return e.id}const G=(e,t,l)=>{const a=e.filter(e=>e?.column===t&&"date"===e?.type&&e?.index===l).map(e=>({value:h(e?.value),operator:e?.operator})).filter(e=>e.value.isValid());if(0===a.length)return[{value:void 0,operator:void 0},{value:void 0,operator:void 0}];if(1===a.length&&a[0])return[a[0],{value:void 0,operator:void 0}];return[a.reduce((e,t)=>t.value.isBefore(e.value)?t:e),a.reduce((e,t)=>t.value.isAfter(e.value)?t:e)]};function L(t){const a=e(68),{column:r,filterIndex:n,activeFilters:i,onFiltersChange:c,closePopover:s,localeStr:u}=t,f=p(),g=r.filterOptions,[_,b]=G(i??[],r.accessor,n),{value:x,operator:z}=_,{value:k}=b,[F,P]=S.useState(()=>x&&k?"range":x?"$gte"===z||"$gt"===z?"from":"$lte"===z||"$lt"===z?"to":"exact":"exact"),[O,W]=S.useState(!1),D=x?x.toISOString():"",A="range"===F&&k?k.toISOString():"";let B;a[0]!==D||a[1]!==A?(B={date_start:D,date_end:A},a[0]=D,a[1]=A,a[2]=B):B=a[2];const[N,j]=S.useState(B);let w;a[3]!==F||a[4]!==P?(w=e=>{"range"!==F&&j(R),P(e.target.value)},a[3]=F,a[4]=P,a[5]=w):w=a[5];const T=w;let E;a[6]!==W?(E=(e,t)=>{W(!1),j(l=>({date_start:"start"===t?e:l.date_start,date_end:"end"===t?e:l.date_end}))},a[6]=W,a[7]=E):E=a[7];const L=E;let H;a[8]!==i||a[9]!==s||a[10]!==r||a[11]!==n||a[12]!==N.date_end||a[13]!==N.date_start||a[14]!==c||a[15]!==F?(H=async()=>{const e="range"===F||"from"===F?"$gte":"to"===F?"$lte":"$eq",t=n??(i.filter(M).length||0),l=n??(i.filter(q).length||0);let a=i.filter(e=>!(e.column===r.accessor&&e.index===n));"range"!==F?a=$(a,{value:N.date_start,index:t,operator:e,column:r}):(a=$(a,{value:N.date_start,index:t,operator:"$gte",column:r}),a=$(a,{value:N.date_end,index:l,operator:"$lte",column:r})),c(a),s?.()},a[8]=i,a[9]=s,a[10]=r,a[11]=n,a[12]=N.date_end,a[13]=N.date_start,a[14]=c,a[15]=F,a[16]=H):H=a[16];const K=H,Y=V;let J;a[17]!==O||a[18]!==N.date_end||a[19]!==N.date_start||a[20]!==F?(J="range"!==F?!Y(N.date_start):!Y(N.date_start)||!Y(N.date_end)||O,a[17]=O,a[18]=N.date_end,a[19]=N.date_start,a[20]=F,a[21]=J):J=a[21];const Q=J;let U;a[22]!==g?.singleDate||a[23]!==u?.dateFrom||a[24]!==u?.dateTo||a[25]!==u?.exact||a[26]!==u?.range||a[27]!==F||a[28]!==T?(U=!g?.singleDate&&I(o,{size:12,children:C(m,{fullWidth:!0,value:F,onChange:T,size:"small",children:[C(d,{value:"exact",children:[" ",u?.exact," "]}),C(d,{value:"from",children:[" ",u?.dateFrom," "]}),C(d,{value:"to",children:[" ",u?.dateTo," "]}),C(d,{value:"range",children:[" ",u?.range," "]})]})}),a[22]=g?.singleDate,a[23]=u?.dateFrom,a[24]=u?.dateTo,a[25]=u?.exact,a[26]=u?.range,a[27]=F,a[28]=T,a[29]=U):U=a[29];const X="range"!==F?"Data":"Data Inizio";let Z,ee,te,le,ae,re;a[30]!==N.date_start?(Z=N.date_start?h(N.date_start):null,a[30]=N.date_start,a[31]=Z):Z=a[31],a[32]!==L?(ee=(e,t)=>!t.validationError&&e?L(e?.toISOString(),"start"):null,a[32]=L,a[33]=ee):ee=a[33],a[34]!==N.date_end?(te=N.date_end?h(N.date_end).subtract(1,"day"):void 0,a[34]=N.date_end,a[35]=te):te=a[35],a[36]!==W?(le=e=>W(Boolean(e)),a[36]=W,a[37]=le):le=a[37],a[38]===Symbol.for("react.memo_cache_sentinel")?(ae={openPickerIcon:y},a[38]=ae):ae=a[38],a[39]!==f.palette.action.active?(re={color:f.palette.action.active,size:20},a[39]=f.palette.action.active,a[40]=re):re=a[40];const ne=re;let ie,oe,ce,se,ue;a[41]===Symbol.for("react.memo_cache_sentinel")?(ie={size:"small"},oe={size:"small",fullWidth:!0},a[41]=ie,a[42]=oe):(ie=a[41],oe=a[42]),a[43]!==ne?(ce={openPickerIcon:ne,openPickerButton:ie,textField:oe},a[43]=ne,a[44]=ce):ce=a[44],a[45]!==X||a[46]!==Z||a[47]!==ee||a[48]!==te||a[49]!==le||a[50]!==ce?(se=I(o,{size:12,children:I(v,{label:X,defaultValue:Z,onChange:ee,maxDate:te,onError:le,slots:ae,slotProps:ce})}),a[45]=X,a[46]=Z,a[47]=ee,a[48]=te,a[49]=le,a[50]=ce,a[51]=se):se=a[51],a[52]!==N.date_end||a[53]!==N.date_start||a[54]!==F||a[55]!==W||a[56]!==f.palette.action.active||a[57]!==L?(ue="range"===F&&I(o,{size:12,children:I(v,{label:"Data Fine",defaultValue:N.date_end?h(N.date_end):null,onChange:(e,t)=>!t.validationError&&e?L(e?.toISOString(),"end"):null,minDate:N.date_start?h(N.date_start).add(1,"day"):void 0,onError:e=>W(Boolean(e)),slots:{openPickerIcon:y},slotProps:{openPickerIcon:{color:f.palette.action.active,size:20},openPickerButton:{size:"small"},textField:{size:"small",fullWidth:!0}}})}),a[52]=N.date_end,a[53]=N.date_start,a[54]=F,a[55]=W,a[56]=f.palette.action.active,a[57]=L,a[58]=ue):ue=a[58];const de=u?.apply;let me,pe;return a[59]!==K||a[60]!==Q||a[61]!==de?(me=I(o,{size:12,children:I(l,{fullWidth:!0,variant:"contained",color:"primary",size:"small",onClick:K,disabled:Q,children:de})}),a[59]=K,a[60]=Q,a[61]=de,a[62]=me):me=a[62],a[63]!==se||a[64]!==ue||a[65]!==me||a[66]!==U?(pe=C(o,{container:!0,size:12,alignItems:"center",gap:1,children:[U,se,ue,me]}),a[63]=se,a[64]=ue,a[65]=me,a[66]=U,a[67]=pe):pe=a[67],pe}function V(e){if(""===e)return!1;return h(e).isValid()}function q(e){return"$lte"===e.operator}function M(e){return"$gte"===e.operator}function R(e){return{date_start:e.date_start,date_end:""}}export{L as DateFilterForm,P as NumberFilterForm,D as SelectFilterForm,k as StringFilterForm,G as getDateFilters,F as getNumberFilters};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Box";import i from"@mui/material/Chip";import o from"@mui/material/Divider";import r from"@mui/material/Grid";import l from"@mui/material/IconButton";import n from"@mui/material/List";import a from"@mui/material/ListItemButton";import c from"@mui/material/ListItemIcon";import s from"@mui/material/ListItemText";import m from"@mui/material/Popover";import{useTheme as d}from"@mui/material/styles";import p from"@mui/material/Tooltip";import u from"@mui/material/Typography";import{debounce as f}from"@mui/material/utils";import h from"dayjs";import"dayjs/locale/it";import{FunnelXIcon as v,RotateCwIcon as y,FunnelIcon as g,XCircleIcon as x,PlusCircleIcon as b,ChevronDownIcon as F,ChevronLeftIcon as S}from"lucide-react";import{AnimatePresence as C}from"motion/react";import*as w from"motion/react-m";import k,{useEffectEvent as I,useEffect as z}from"react";import{StringFilterForm as $,NumberFilterForm as A,getDateFilters as L,getNumberFilters as _,DateFilterForm as O,SelectFilterForm as j,updateFilters as M}from"./TableFilterComponents.js";import{serializeFilters as B,getFilterColumnsFromQuery as P,parseQueryFilters as T}from"./TableFunctions.js";import{jsx as W,jsxs as D,Fragment as G}from"react/jsx-runtime";h.locale("it");const R={type:"spring",stiffness:600,damping:32,restDelta:.001};function E(t){const i=e(31),{column:o,filterMode:r,filterIndex:l,activeFilters:n,setActiveFilters:a,handleClose:c,localeStr:s}=t;switch(o.filterOptions?.type){case"string":{let e;return i[0]!==n||i[1]!==o||i[2]!==l||i[3]!==r||i[4]!==c||i[5]!==s||i[6]!==a?(e=W($,{column:o,filterMode:r,filterIndex:l,activeFilters:n,setActiveFilters:a,closePopover:c,localeStr:s},o.accessor),i[0]=n,i[1]=o,i[2]=l,i[3]=r,i[4]=c,i[5]=s,i[6]=a,i[7]=e):e=i[7],e}case"number":{let e;return i[8]!==n||i[9]!==o||i[10]!==l||i[11]!==r||i[12]!==c||i[13]!==s||i[14]!==a?(e=W(A,{column:o,filterMode:r,filterIndex:l,activeFilters:n,setActiveFilters:a,closePopover:c,localeStr:s},o.accessor),i[8]=n,i[9]=o,i[10]=l,i[11]=r,i[12]=c,i[13]=s,i[14]=a,i[15]=e):e=i[15],e}case"select":{let e;return i[16]!==n||i[17]!==o||i[18]!==l||i[19]!==r||i[20]!==c||i[21]!==s||i[22]!==a?(e=W(j,{column:o,filterMode:r,filterIndex:l,activeFilters:n,setActiveFilters:a,closePopover:c,localeStr:s},o.accessor),i[16]=n,i[17]=o,i[18]=l,i[19]=r,i[20]=c,i[21]=s,i[22]=a,i[23]=e):e=i[23],e}case"date":{let e;return i[24]!==n||i[25]!==o||i[26]!==l||i[27]!==c||i[28]!==s||i[29]!==a?(e=W(O,{column:o,filterIndex:l,activeFilters:n,setActiveFilters:a,closePopover:c,localeStr:s},o.accessor),i[24]=n,i[25]=o,i[26]=l,i[27]=c,i[28]=s,i[29]=a,i[30]=e):e=i[30],e}default:return null}}function N(i){const l=e(97),{filterIndex:n,column:a,activeFilters:c,setActiveFilters:s,areFiltersLoaded:f,localeStr:v}=i,y=d(),g=Boolean(a.filterOptions?.locked),[S,I]=k.useState(null),z=Boolean(S);let $;l[0]===Symbol.for("react.memo_cache_sentinel")?($=()=>I(null),l[0]=$):$=l[0];const A=$;let O;l[1]!==S||l[2]!==g?(O=e=>{g||I(S?null:e.currentTarget)},l[1]=S,l[2]=g,l[3]=O):O=l[3];const j=O;let B,P;if(l[4]!==c||l[5]!==a.accessor||l[6]!==a.filterOptions||l[7]!==n){const e=c?.find(e=>e?.column===a.accessor&&e?.index===n);B=e?.value??null;e:{const t=a.filterOptions?.type;switch(t){case"number":if(e?.operator&&"$eq"!==e.operator){let e,t,i,o;if(l[10]!==c||l[11]!==a.accessor||l[12]!==n){[i,t]=_(c??[],a.accessor,n);const r=q;e=null!=i.value?`${r(i.operator)} ${i.value}`:"",o=null!=t.value?`${r(t.operator)} ${t.value}`:"",l[10]=c,l[11]=a.accessor,l[12]=n,l[13]=e,l[14]=t,l[15]=i,l[16]=o}else e=l[13],t=l[14],i=l[15],o=l[16];const r=o;P=e&&r?`Intervallo tra ${i.value} e ${t.value}`:e||r||"";break e}P=B;break e;case"select":{const e=a.filterOptions;if(Array.isArray(B)){let t;l[17]!==e?.options?(t=t=>e?.options.find(e=>e.id===t)?.label,l[17]=e?.options,l[18]=t):t=l[18];const i=B.map(t).filter(Boolean);if(0===i.length){P="";break e}if(i.length<=2){P=i.join(", ");break e}P=`${i.slice(0,2).join(", ")} +${i.length-2}`;break e}const t=e?.options?.find(e=>e.id===B);P=t?.label;break e}case"date":if("$eq"!==e?.operator){let e;if(l[19]!==c||l[20]!==a.accessor||l[21]!==n){const[t,i]=L(c??[],a.accessor,n);e=i.value?`${t.value?.format("L")||"N/A"} - ${i.value?.format("L")||"N/A"}`:`${t.value?.format("L")||"N/A"}`,l[19]=c,l[20]=a.accessor,l[21]=n,l[22]=e}else e=l[22];P=e;break e}P=h(B??"").format("L");break e;default:P=B??""}}l[4]=c,l[5]=a.accessor,l[6]=a.filterOptions,l[7]=n,l[8]=B,l[9]=P}else B=l[8],P=l[9];const T=P;let N;l[23]!==a||l[24]!==n||l[25]!==s?(N=e=>{e.stopPropagation(),M(void 0,n,"",a,s),A()},l[23]=a,l[24]=n,l[25]=s,l[26]=N):N=l[26];const H=N;let Q,J,K,U;l[27]!==f?(Q=f?R:{duration:0},l[27]=f,l[28]=Q):Q=l[28],l[29]!==f?(J=f?R:{duration:0},l[29]=f,l[30]=J):J=l[30],l[31]!==f?(K=f?R:{duration:0},l[31]=f,l[32]=K):K=l[32],l[33]!==Q||l[34]!==J||l[35]!==K?(U={...R,backgroundColor:Q,borderColor:J,color:K},l[33]=Q,l[34]=J,l[35]=K,l[36]=U):U=l[36];const V=g?y.palette.action.disabled:null!=B?y.palette.primary.main:y.palette.background.paper,X=null!=B?"transparent":"silver",Y=null!=B?y.palette.primary.contrastText:y.palette.text.primary;let Z;l[37]!==Y||l[38]!==V||l[39]!==X?(Z={backgroundColor:V,borderColor:X,color:Y},l[37]=Y,l[38]=V,l[39]=X,l[40]=Z):Z=l[40];const ee=g?"none":"auto",te=null!=B?y.palette.primary.dark:y.palette.action.hover;let ie,oe,re,le,ne,ae,ce,se,me,de,pe,ue;l[41]!==te?(ie={backgroundColor:te},l[41]=te,l[42]=ie):ie=l[42],l[43]!==ee||l[44]!==ie?(oe={pointerEvents:ee,display:"inline-flex",alignItems:"center",gap:.5,height:32,pl:.5,pr:1,borderRadius:"16px",border:"1px solid",cursor:"pointer","&:hover":ie},l[43]=ee,l[44]=ie,l[45]=oe):oe=l[45],l[46]!==H||l[47]!==B||l[48]!==v?.addFilter||l[49]!==v?.removeFilter||l[50]!==y.palette.action?(re=W(C,{mode:"wait",initial:!1,children:null!=B?W(t,{component:w.div,initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},exit:{opacity:0,scale:0},transition:{duration:.1},whileHover:{backgroundColor:"rgba(255, 255, 255, 0.2)",transition:{duration:.1,ease:"easeInOut"}},onClick:H,sx:{display:"flex",alignItems:"center",justifyContent:"center",p:.5,borderRadius:"50%"},children:W(p,{title:v?.removeFilter,arrow:!0,children:W(x,{size:18,color:"currentColor"})})},"remove"):W(t,{component:w.div,initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},exit:{opacity:0,scale:0},transition:{duration:.1},sx:{display:"flex",alignItems:"center",p:.5},children:W(p,{title:v?.addFilter,arrow:!0,children:W(b,{size:18,color:y.palette.action.active})})},"add")}),l[46]=H,l[47]=B,l[48]=v?.addFilter,l[49]=v?.removeFilter,l[50]=y.palette.action,l[51]=re):re=l[51],l[52]===Symbol.for("react.memo_cache_sentinel")?(le={display:"flex",alignItems:"center",gap:.5},l[52]=le):le=l[52],l[53]!==a.label?(ne=W(u,{variant:"subtitle2",fontWeight:"light",children:a.label}),l[53]=a.label,l[54]=ne):ne=l[54],l[55]!==f||l[56]!==T||l[57]!==B?(ae=null!=B&&D(t,{component:w.div,initial:f?{opacity:0,x:-5}:void 0,animate:{opacity:1,x:0},exit:{opacity:0,width:0,x:-5},transition:{...R,bounce:0},sx:{position:"relative",display:"flex",alignItems:"center",overflow:"hidden",whiteSpace:"nowrap"},children:[W(o,{orientation:"vertical",flexItem:!0,sx:{mx:.5,borderColor:"inherit",opacity:.5}}),W(C,{mode:"popLayout",initial:!1,children:W(w.div,{initial:{opacity:0,x:20},animate:{opacity:1,x:0},exit:{opacity:0,x:-20},transition:{duration:.25},children:W(u,{variant:"subtitle2",fontWeight:"semibold",color:"inherit",children:T})},`value-${String(T)}`)})]},"filter-value-container"),l[55]=f,l[56]=T,l[57]=B,l[58]=ae):ae=l[58],l[59]!==ae?(ce=W(C,{mode:"wait",initial:!1,children:ae}),l[59]=ae,l[60]=ce):ce=l[60],l[61]!==ne||l[62]!==ce?(se=D(t,{sx:le,children:[ne,ce]}),l[61]=ne,l[62]=ce,l[63]=se):se=l[63],l[64]!==f||l[65]!==B?(me=null!=B&&W(w.div,{initial:f?{opacity:0,scale:0}:void 0,animate:{opacity:1,scale:1},exit:{opacity:0,scale:0},transition:{duration:.15},style:{display:"flex",alignItems:"center"},children:W(F,{size:16,color:"currentColor"})},"dropdown-icon"),l[64]=f,l[65]=B,l[66]=me):me=l[66],l[67]!==j||l[68]!==Z||l[69]!==oe||l[70]!==re||l[71]!==se||l[72]!==me||l[73]!==U?(de=D(t,{component:w.div,transition:U,animate:Z,onClick:j,sx:oe,children:[re,se,me]}),l[67]=j,l[68]=Z,l[69]=oe,l[70]=re,l[71]=se,l[72]=me,l[73]=U,l[74]=de):de=l[74],l[75]===Symbol.for("react.memo_cache_sentinel")?(pe={vertical:"bottom",horizontal:"left"},ue={paper:{variant:"outlined"}},l[75]=pe,l[76]=ue):(pe=l[75],ue=l[76]);const fe=`${v?.filterBy} ${a.label}`;let he,ve,ye,ge,xe,be;return l[77]!==fe?(he=W(r,{size:12,children:W(u,{variant:"subtitle2",color:"textSecondary",fontWeight:"bold",children:fe})}),l[77]=fe,l[78]=he):he=l[78],l[79]!==c?(ve=c??[],l[79]=c,l[80]=ve):ve=l[80],l[81]!==a||l[82]!==n||l[83]!==v||l[84]!==s||l[85]!==ve?(ye=W(r,{size:12,children:W(E,{column:a,filterMode:"single",filterIndex:n,activeFilters:ve,setActiveFilters:s,handleClose:A,localeStr:v})}),l[81]=a,l[82]=n,l[83]=v,l[84]=s,l[85]=ve,l[86]=ye):ye=l[86],l[87]!==he||l[88]!==ye?(ge=D(r,{container:!0,size:12,p:2,gap:1,maxWidth:300,children:[he,ye]}),l[87]=he,l[88]=ye,l[89]=ge):ge=l[89],l[90]!==S||l[91]!==z||l[92]!==ge?(xe=W(m,{open:z,anchorEl:S,onClose:A,anchorOrigin:pe,slotProps:ue,children:ge}),l[90]=S,l[91]=z,l[92]=ge,l[93]=xe):xe=l[93],l[94]!==de||l[95]!==xe?(be=D(G,{children:[de,xe]}),l[94]=de,l[95]=xe,l[96]=be):be=l[96],be}function q(e){switch(e){case"$gt":return"maggiore di";case"$gte":return"maggiore o uguale a";case"$lt":return"minore di";case"$lte":return"minore o uguale a";default:return""}}function H(t){const o=e(37),{columns:f,filterMode:h,activeFilters:v,setActiveFilters:y,localeStr:g}=t,x=d(),[C,I]=k.useState(null);let z;o[0]!==C?(z=e=>{I(C?null:e.currentTarget)},o[0]=C,o[1]=z):z=o[1];const $=z,A=Boolean(C),[L,_]=k.useState(null);let O;o[2]===Symbol.for("react.memo_cache_sentinel")?(O=e=>{_(e)},o[2]=O):O=o[2];const j=O;let M;o[3]===Symbol.for("react.memo_cache_sentinel")?(M=()=>{I(null),_(null)},o[3]=M):M=o[3];const B=M,P=g?.addFilter;let T,G,R;o[4]===Symbol.for("react.memo_cache_sentinel")?(T={marginLeft:4},o[4]=T):T=o[4],o[5]!==x.palette.action.active?(G=W(b,{size:18,color:x.palette.action.active,style:T}),o[5]=x.palette.action.active,o[6]=G):G=o[6],o[7]!==P||o[8]!==G?(R=W(p,{title:P,arrow:!0,children:G}),o[7]=P,o[8]=G,o[9]=R):R=o[9];const N=g?.moreFilters;let q,H,Q,J,K,U,V,X,Y;return o[10]!==N?(q=W(u,{variant:"subtitle2",fontWeight:"light",children:N}),o[10]=N,o[11]=q):q=o[11],o[12]!==x.palette.action.active?(H=W(F,{size:18,color:x.palette.action.active}),o[12]=x.palette.action.active,o[13]=H):H=o[13],o[14]===Symbol.for("react.memo_cache_sentinel")?(Q={minWidth:"80px"},o[14]=Q):Q=o[14],o[15]!==$||o[16]!==R||o[17]!==q||o[18]!==H?(J=W(i,{component:w.div,layout:!0,clickable:!0,skipFocusWhenDisabled:!0,variant:"outlined",size:"medium",onClick:$,icon:R,label:q,deleteIcon:H,sx:Q}),o[15]=$,o[16]=R,o[17]=q,o[18]=H,o[19]=J):J=o[19],o[20]===Symbol.for("react.memo_cache_sentinel")?(K={vertical:"bottom",horizontal:"left"},U={paper:{variant:"outlined"}},o[20]=K,o[21]=U):(K=o[20],U=o[21]),o[22]!==v||o[23]!==f||o[24]!==h||o[25]!==g||o[26]!==L||o[27]!==y||o[28]!==x.palette.action.active?(V=W(r,{container:!0,size:12,gap:1,maxWidth:300,children:L?D(r,{container:!0,size:12,gap:1,p:2,children:[D(r,{container:!0,size:12,justifyContent:"flex-start",alignItems:"center",gap:1,children:[W(r,{children:W(l,{size:"small",onClick:()=>_(null),children:W(S,{size:18,color:x.palette.action.active})})}),W(r,{children:W(u,{variant:"subtitle2",color:"textSecondary",fontWeight:"bold",children:`${g?.filterBy} ${L?.label}`})})]}),W(r,{size:12,children:W(E,{column:L,filterMode:h,activeFilters:v,setActiveFilters:y,handleClose:B,localeStr:g})})]}):W(n,{dense:!0,sx:{width:200},children:f.map(e=>D(a,{alignItems:"center",onClick:()=>j(e),children:[W(c,{sx:{minWidth:"30px"},children:W(b,{size:18,color:x.palette.action.active,style:{marginLeft:0}})}),W(s,{children:e.label})]},e.accessor))})}),o[22]=v,o[23]=f,o[24]=h,o[25]=g,o[26]=L,o[27]=y,o[28]=x.palette.action.active,o[29]=V):V=o[29],o[30]!==C||o[31]!==A||o[32]!==V?(X=W(m,{open:A,anchorEl:C,onClose:B,anchorOrigin:K,slotProps:U,children:V}),o[30]=C,o[31]=A,o[32]=V,o[33]=X):X=o[33],o[34]!==J||o[35]!==X?(Y=D(r,{children:[J,X]}),o[34]=J,o[35]=X,o[36]=Y):Y=o[36],Y}function Q(i){const o=e(59),{columns:n,isFetching:a,filterMode:c,defaultShowFilters:s,filtersQuery:m,activeFilters:d,setActiveFilters:u,handleFetchData:h,setCurrentPage:x,setHighestFetchedPage:b,areFiltersLoaded:F,setAreFiltersLoaded:S,refreshButton:L,showRefreshButton:_,localeStr:O}=i,j=void 0===c?"single":c;let M;o[0]!==d?(M=e=>d.some(t=>t?.column===e.accessor&&t?.type===e.filterOptions?.type),o[0]=d,o[1]=M):M=o[1];const G=M,E=n.filter(V);let q;o[2]!==G?(q=e=>e.columnOptions?.priority||G(e),o[2]=G,o[3]=q):q=o[3];const Q=E.filter(q),X=Q.length>0?Q:E,Y=X.length!==E.length?E.filter(e=>!e.columnOptions?.priority&&!G(e)):[],Z="single"===j?Y:E;let ee;o[4]!==d.length||o[5]!==u?(ee=()=>{d.length>0&&u([])},o[4]=d.length,o[5]=u,o[6]=ee):ee=o[6];const te=ee,[ie,oe]=k.useState(!1);let re;o[7]!==m?(re=m?"string"==typeof m?m:B(m):"",o[7]=m,o[8]=re):re=o[8];const le=re;let ne;o[9]!==d||o[10]!==n||o[11]!==m||o[12]!==a||o[13]!==u||o[14]!==S?(ne=()=>{if(!m)return d.length>0&&u([]),void oe(!0);if("string"==typeof m){if(P(m).filter(e=>!n.some(t=>t.accessor===e)).length>0&&a)return oe(!1),void S?.(!1)}const e="string"==typeof m?T(n,m):m;B(d)!==B(e)&&u(e),oe(!0)},o[9]=d,o[10]=n,o[11]=m,o[12]=a,o[13]=u,o[14]=S,o[15]=ne):ne=o[15];const ae=I(ne),ce=k.useRef(void 0);let se,me,de;o[16]!==ie||o[17]!==le||o[18]!==ae?(se=()=>{const e=le!==ce.current;ce.current=le,!e&&ie||ae()},o[16]=ie,o[17]=le,o[18]=ae,o[19]=se):se=o[19],o[20]!==n||o[21]!==ie||o[22]!==a||o[23]!==le?(me=[n,le,ie,a],o[20]=n,o[21]=ie,o[22]=a,o[23]=le,o[24]=me):me=o[24],z(se,me),o[25]!==h||o[26]!==S||o[27]!==x||o[28]!==b?(de=async()=>{S?.(!1),b?.(-1),x?.(0),await h(),S?.(!0)},o[25]=h,o[26]=S,o[27]=x,o[28]=b,o[29]=de):de=o[29];const pe=I(de);let ue,fe,he;o[30]!==ie||o[31]!==pe?(ue=()=>{ie&&pe()},o[30]=ie,o[31]=pe,o[32]=ue):ue=o[32],o[33]!==d||o[34]!==ie?(fe=[d,ie],o[33]=d,o[34]=ie,o[35]=fe):fe=o[35],z(ue,fe),o[36]!==ie||o[37]!==m||o[38]!==h||o[39]!==a||o[40]!==L||o[41]!==u||o[42]!==x||o[43]!==b?(he=f(async e=>{ie&&!a&&(x?.(0),b?.(-1),m||u([]),await h("reset"),L?.onClick?.(e))},300),o[36]=ie,o[37]=m,o[38]=h,o[39]=a,o[40]=L,o[41]=u,o[42]=x,o[43]=b,o[44]=he):he=o[44];const ve=he,ye=U,[ge,xe]=k.useState(void 0===s||s);let be;o[45]===Symbol.for("react.memo_cache_sentinel")?(be=()=>xe(K),o[45]=be):be=o[45];const Fe=be,Se=1===E.length?E.find(J):void 0,Ce="string"===Se?.filterOptions?.type?W($,{column:Se,filterMode:j,activeFilters:d,setActiveFilters:u,aloneFilter:!0,localeStr:O}):"number"===Se?.filterOptions?.type?W(A,{column:Se,filterMode:j,activeFilters:d,setActiveFilters:u,aloneFilter:!0,localeStr:O}):null,we=r,ke=ge&&W(r,{container:!0,justifyContent:"flex-start",alignItems:"center",flexGrow:1,padding:Se?1:void 0,component:w.div,layout:!0,children:Se?Ce:D(C,{mode:"popLayout",initial:!1,children:[X.map(e=>W(t,{component:w.div,layout:!0,initial:F?{opacity:0,scale:.8}:void 0,animate:{opacity:1,scale:1},exit:F?{opacity:0,scale:.8}:void 0,transition:R,children:W(N,{filterIndex:0,column:e,activeFilters:d,setActiveFilters:u,areFiltersLoaded:F,localeStr:O})},e.accessor)),Z.length>0&&W(t,{component:w.div,layout:!0,initial:F?{opacity:0,scale:.8}:void 0,animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:R,children:W(H,{columns:Z,filterMode:j,activeFilters:d,setActiveFilters:u,localeStr:O})},"more-filters-container"),d.length>0&&W(t,{component:w.div,layout:!0,animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:R,children:W(p,{title:O?.clear,arrow:!0,children:W(l,{size:"medium",color:"primary",onClick:te,children:W(v,{size:20})})})},"clear-filters-container"),_&&W(r,{component:w.div,layout:!0,initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:R,children:W(p,{title:L?.label??O?.refresh,arrow:!0,children:W(l,{size:"medium",color:"primary",onClick:ve,onMouseDown:ye,sx:{"@keyframes spin":{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"&.spinning":{animation:"spin 0.5s ease-in-out"}},children:L?.icon??W(y,{size:20})})})},"refresh-table-container")]})});let Ie,ze,$e;return o[46]!==ge?(Ie=!ge&&W(r,{flexGrow:1,children:W("span",{})}),o[46]=ge,o[47]=Ie):Ie=o[47],o[48]!==s||o[49]!==Fe||o[50]!==O?.hideFilters||o[51]!==O?.showFilters||o[52]!==ge?(ze=void 0!==s&&W(r,{children:W(p,{title:ge?O?.hideFilters:O?.showFilters,arrow:!0,children:W(l,{size:"medium",color:"primary",onClick:Fe,children:W(ge?g:v,{size:20})})})}),o[48]=s,o[49]=Fe,o[50]=O?.hideFilters,o[51]=O?.showFilters,o[52]=ge,o[53]=ze):ze=o[53],o[54]!==we||o[55]!==ke||o[56]!==Ie||o[57]!==ze?($e=D(we,{component:"div",container:true,justifyContent:"flex-start",alignItems:"center",flexGrow:1,spacing:1,p:1,children:[ke,Ie,ze]}),o[54]=we,o[55]=ke,o[56]=Ie,o[57]=ze,o[58]=$e):$e=o[58],$e}function J(e){return"string"===e.filterOptions?.type}function K(e){return!e}function U(e){const t=e.currentTarget;t.classList.remove("spinning"),t.classList.add("spinning"),setTimeout(()=>{t.classList.remove("spinning")},500)}function V(e){return e.filterOptions&&"object"==typeof e.filterOptions}export{N as FilterChip,E as FilterSwitcher,H as MoreFiltersChip,Q as TableFilterHeader};
|
|
1
|
+
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Box";import i from"@mui/material/Chip";import o from"@mui/material/Divider";import l from"@mui/material/Grid";import r from"@mui/material/IconButton";import n from"@mui/material/List";import a from"@mui/material/ListItemButton";import c from"@mui/material/ListItemIcon";import s from"@mui/material/ListItemText";import m from"@mui/material/Popover";import{useTheme as p}from"@mui/material/styles";import d from"@mui/material/Tooltip";import u from"@mui/material/Typography";import{debounce as h}from"@mui/material/utils";import f from"dayjs";import"dayjs/locale/it";import{FunnelXIcon as v,RotateCwIcon as g,FunnelIcon as y,XCircleIcon as x,PlusCircleIcon as b,ChevronDownIcon as F,ChevronLeftIcon as C}from"lucide-react";import{AnimatePresence as S}from"motion/react";import*as w from"motion/react-m";import k from"react";import{StringFilterForm as I,NumberFilterForm as z,getDateFilters as $,getNumberFilters as O,DateFilterForm as _,SelectFilterForm as L}from"./TableFilterComponents.js";import{applyFilterUpdate as j}from"./TableFunctions.js";import{jsx as B,jsxs as T,Fragment as W}from"react/jsx-runtime";f.locale("it");const P={type:"spring",stiffness:600,damping:32,restDelta:.001};function A(t){const i=e(28),{column:o,filterIndex:l,activeFilters:r,onFiltersChange:n,handleClose:a,localeStr:c}=t;switch(o.filterOptions?.type){case"string":{let e;return i[0]!==r||i[1]!==o||i[2]!==l||i[3]!==a||i[4]!==c||i[5]!==n?(e=B(I,{column:o,filterIndex:l,activeFilters:r,onFiltersChange:n,closePopover:a,localeStr:c},o.accessor),i[0]=r,i[1]=o,i[2]=l,i[3]=a,i[4]=c,i[5]=n,i[6]=e):e=i[6],e}case"number":{let e;return i[7]!==r||i[8]!==o||i[9]!==l||i[10]!==a||i[11]!==c||i[12]!==n?(e=B(z,{column:o,filterIndex:l,activeFilters:r,onFiltersChange:n,closePopover:a,localeStr:c},o.accessor),i[7]=r,i[8]=o,i[9]=l,i[10]=a,i[11]=c,i[12]=n,i[13]=e):e=i[13],e}case"select":{let e;return i[14]!==r||i[15]!==o||i[16]!==l||i[17]!==a||i[18]!==c||i[19]!==n?(e=B(L,{column:o,filterIndex:l,activeFilters:r,onFiltersChange:n,closePopover:a,localeStr:c},o.accessor),i[14]=r,i[15]=o,i[16]=l,i[17]=a,i[18]=c,i[19]=n,i[20]=e):e=i[20],e}case"date":{let e;return i[21]!==r||i[22]!==o||i[23]!==l||i[24]!==a||i[25]!==c||i[26]!==n?(e=B(_,{column:o,filterIndex:l,activeFilters:r,onFiltersChange:n,closePopover:a,localeStr:c},o.accessor),i[21]=r,i[22]=o,i[23]=l,i[24]=a,i[25]=c,i[26]=n,i[27]=e):e=i[27],e}default:return null}}function D(i){const r=e(98),{filterIndex:n,column:a,activeFilters:c,onFiltersChange:s,hasMounted:h,localeStr:v}=i,g=p(),[y,C]=k.useState(null),I=Boolean(y);let z;r[0]===Symbol.for("react.memo_cache_sentinel")?(z=()=>C(null),r[0]=z):z=r[0];const _=z,L=Boolean(a.filterOptions?.locked);let D;r[1]!==y||r[2]!==L?(D=e=>{L||C(y?null:e.currentTarget)},r[1]=y,r[2]=L,r[3]=D):D=r[3];const E=D;let M,N;if(r[4]!==c||r[5]!==a.accessor||r[6]!==a.filterOptions||r[7]!==n){const e=c?.find(e=>e?.column===a.accessor&&e?.index===n);M=e?.value??null;e:{const t=a.filterOptions?.type;switch(t){case"number":if(e?.operator&&"$eq"!==e.operator){let e,t,i,o;if(r[10]!==c||r[11]!==a.accessor||r[12]!==n){[i,t]=O(c??[],a.accessor,n);const l=G;e=null!=i.value?`${l(i.operator)} ${i.value}`:"",o=null!=t.value?`${l(t.operator)} ${t.value}`:"",r[10]=c,r[11]=a.accessor,r[12]=n,r[13]=e,r[14]=t,r[15]=i,r[16]=o}else e=r[13],t=r[14],i=r[15],o=r[16];const l=o;N=e&&l?`Intervallo tra ${i.value} e ${t.value}`:e||l||"";break e}N=M;break e;case"select":{const e=a.filterOptions;if(Array.isArray(M)){let t;r[17]!==e?.options?(t=t=>e?.options.find(e=>e.id===t)?.label,r[17]=e?.options,r[18]=t):t=r[18];const i=M.map(t).filter(Boolean);if(0===i.length){N="";break e}if(i.length<=2){N=i.join(", ");break e}N=`${i.slice(0,2).join(", ")} +${i.length-2}`;break e}const t=e?.options?.find(e=>e.id===M);N=t?.label;break e}case"date":if("$eq"!==e?.operator){let e;if(r[19]!==c||r[20]!==a.accessor||r[21]!==n){const[t,i]=$(c??[],a.accessor,n);e=i.value?`${t.value?.format("L")||"N/A"} - ${i.value?.format("L")||"N/A"}`:`${t.value?.format("L")||"N/A"}`,r[19]=c,r[20]=a.accessor,r[21]=n,r[22]=e}else e=r[22];N=e;break e}N=f(M??"").format("L");break e;default:N=M??""}}r[4]=c,r[5]=a.accessor,r[6]=a.filterOptions,r[7]=n,r[8]=M,r[9]=N}else M=r[8],N=r[9];const R=N;let q;r[23]!==c||r[24]!==a||r[25]!==n||r[26]!==s?(q=e=>{e.stopPropagation();const t=j(c??[],{value:void 0,index:n,operator:"",column:a});s(t),_()},r[23]=c,r[24]=a,r[25]=n,r[26]=s,r[27]=q):q=r[27];const H=q;let J,K,Q,U;r[28]!==h?(J=h?P:{duration:0},r[28]=h,r[29]=J):J=r[29],r[30]!==h?(K=h?P:{duration:0},r[30]=h,r[31]=K):K=r[31],r[32]!==h?(Q=h?P:{duration:0},r[32]=h,r[33]=Q):Q=r[33],r[34]!==J||r[35]!==K||r[36]!==Q?(U={...P,backgroundColor:J,borderColor:K,color:Q},r[34]=J,r[35]=K,r[36]=Q,r[37]=U):U=r[37];const V=L?g.palette.action.disabled:null!=M?g.palette.primary.main:g.palette.background.paper,X=null!=M?"transparent":"silver",Y=null!=M?g.palette.primary.contrastText:g.palette.text.primary;let Z;r[38]!==Y||r[39]!==V||r[40]!==X?(Z={backgroundColor:V,borderColor:X,color:Y},r[38]=Y,r[39]=V,r[40]=X,r[41]=Z):Z=r[41];const ee=L?"none":"auto",te=null!=M?g.palette.primary.dark:g.palette.action.hover;let ie,oe,le,re,ne,ae,ce,se,me,pe,de,ue;r[42]!==te?(ie={backgroundColor:te},r[42]=te,r[43]=ie):ie=r[43],r[44]!==ee||r[45]!==ie?(oe={pointerEvents:ee,display:"inline-flex",alignItems:"center",gap:.5,height:32,pl:.5,pr:1,borderRadius:"16px",border:"1px solid",cursor:"pointer","&:hover":ie},r[44]=ee,r[45]=ie,r[46]=oe):oe=r[46],r[47]!==H||r[48]!==M||r[49]!==v?.addFilter||r[50]!==v?.removeFilter||r[51]!==g.palette.action?(le=B(S,{mode:"wait",initial:!1,children:null!=M?B(t,{component:w.div,initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},exit:{opacity:0,scale:0},transition:{duration:.1},whileHover:{backgroundColor:"rgba(255, 255, 255, 0.2)",transition:{duration:.1,ease:"easeInOut"}},onClick:H,sx:{display:"flex",alignItems:"center",justifyContent:"center",p:.5,borderRadius:"50%"},children:B(d,{title:v?.removeFilter,arrow:!0,children:B(x,{size:18,color:"currentColor"})})},"remove"):B(t,{component:w.div,initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},exit:{opacity:0,scale:0},transition:{duration:.1},sx:{display:"flex",alignItems:"center",p:.5},children:B(d,{title:v?.addFilter,arrow:!0,children:B(b,{size:18,color:g.palette.action.active})})},"add")}),r[47]=H,r[48]=M,r[49]=v?.addFilter,r[50]=v?.removeFilter,r[51]=g.palette.action,r[52]=le):le=r[52],r[53]===Symbol.for("react.memo_cache_sentinel")?(re={display:"flex",alignItems:"center",gap:.5},r[53]=re):re=r[53],r[54]!==a.label?(ne=B(u,{variant:"subtitle2",fontWeight:"light",children:a.label}),r[54]=a.label,r[55]=ne):ne=r[55],r[56]!==R||r[57]!==M||r[58]!==h?(ae=null!=M&&T(t,{component:w.div,initial:h?{opacity:0,x:-5}:void 0,animate:{opacity:1,x:0},exit:{opacity:0,width:0,x:-5},transition:{...P,bounce:0},sx:{position:"relative",display:"flex",alignItems:"center",overflow:"hidden",whiteSpace:"nowrap"},children:[B(o,{orientation:"vertical",flexItem:!0,sx:{mx:.5,borderColor:"inherit",opacity:.5}}),B(S,{mode:"popLayout",initial:!1,children:B(w.div,{initial:{opacity:0,x:20},animate:{opacity:1,x:0},exit:{opacity:0,x:-20},transition:{duration:.25},children:B(u,{variant:"subtitle2",fontWeight:"semibold",color:"inherit",children:R})},`value-${String(R)}`)})]},"filter-value-container"),r[56]=R,r[57]=M,r[58]=h,r[59]=ae):ae=r[59],r[60]!==ae?(ce=B(S,{mode:"wait",initial:!1,children:ae}),r[60]=ae,r[61]=ce):ce=r[61],r[62]!==ne||r[63]!==ce?(se=T(t,{sx:re,children:[ne,ce]}),r[62]=ne,r[63]=ce,r[64]=se):se=r[64],r[65]!==M||r[66]!==h?(me=null!=M&&B(w.div,{initial:h?{opacity:0,scale:0}:void 0,animate:{opacity:1,scale:1},exit:{opacity:0,scale:0},transition:{duration:.15},style:{display:"flex",alignItems:"center"},children:B(F,{size:16,color:"currentColor"})},"dropdown-icon"),r[65]=M,r[66]=h,r[67]=me):me=r[67],r[68]!==E||r[69]!==Z||r[70]!==oe||r[71]!==le||r[72]!==se||r[73]!==me||r[74]!==U?(pe=T(t,{component:w.div,transition:U,animate:Z,onClick:E,sx:oe,children:[le,se,me]}),r[68]=E,r[69]=Z,r[70]=oe,r[71]=le,r[72]=se,r[73]=me,r[74]=U,r[75]=pe):pe=r[75],r[76]===Symbol.for("react.memo_cache_sentinel")?(de={vertical:"bottom",horizontal:"left"},ue={paper:{variant:"outlined"}},r[76]=de,r[77]=ue):(de=r[76],ue=r[77]);const he=`${v?.filterBy} ${a.label}`;let fe,ve,ge,ye,xe,be;return r[78]!==he?(fe=B(l,{size:12,children:B(u,{variant:"subtitle2",color:"textSecondary",fontWeight:"bold",children:he})}),r[78]=he,r[79]=fe):fe=r[79],r[80]!==c?(ve=c??[],r[80]=c,r[81]=ve):ve=r[81],r[82]!==a||r[83]!==n||r[84]!==v||r[85]!==s||r[86]!==ve?(ge=B(l,{size:12,children:B(A,{column:a,filterIndex:n,activeFilters:ve,onFiltersChange:s,handleClose:_,localeStr:v})}),r[82]=a,r[83]=n,r[84]=v,r[85]=s,r[86]=ve,r[87]=ge):ge=r[87],r[88]!==fe||r[89]!==ge?(ye=T(l,{container:!0,size:12,p:2,gap:1,maxWidth:300,children:[fe,ge]}),r[88]=fe,r[89]=ge,r[90]=ye):ye=r[90],r[91]!==y||r[92]!==I||r[93]!==ye?(xe=B(m,{open:I,anchorEl:y,onClose:_,anchorOrigin:de,slotProps:ue,children:ye}),r[91]=y,r[92]=I,r[93]=ye,r[94]=xe):xe=r[94],r[95]!==pe||r[96]!==xe?(be=T(W,{children:[pe,xe]}),r[95]=pe,r[96]=xe,r[97]=be):be=r[97],be}function G(e){switch(e){case"$gt":return"maggiore di";case"$gte":return"maggiore o uguale a";case"$lt":return"minore di";case"$lte":return"minore o uguale a";default:return""}}function E(t){const o=e(26),{columns:h,activeFilters:f,onFiltersChange:v,localeStr:g}=t,y=p(),[x,S]=k.useState(null),I=Boolean(x),[z,$]=k.useState(null),O=$;let _;o[0]===Symbol.for("react.memo_cache_sentinel")?(_=()=>S(null),o[0]=_):_=o[0];const L=_,j=g?.addFilter;let W,P,D;o[1]===Symbol.for("react.memo_cache_sentinel")?(W={marginLeft:4},o[1]=W):W=o[1],o[2]!==y.palette.action.active?(P=B(b,{size:18,color:y.palette.action.active,style:W}),o[2]=y.palette.action.active,o[3]=P):P=o[3],o[4]!==j||o[5]!==P?(D=B(d,{title:j,arrow:!0,children:P}),o[4]=j,o[5]=P,o[6]=D):D=o[6];const G=g?.moreFilters;let E,M,N;o[7]!==G?(E=B(u,{variant:"subtitle2",fontWeight:"light",children:G}),o[7]=G,o[8]=E):E=o[8],o[9]!==y.palette.action.active?(M=B(F,{size:18,color:y.palette.action.active}),o[9]=y.palette.action.active,o[10]=M):M=o[10],o[11]===Symbol.for("react.memo_cache_sentinel")?(N={minWidth:"80px"},o[11]=N):N=o[11];const R=m;let q,H;o[12]===Symbol.for("react.memo_cache_sentinel")?(q={vertical:"bottom",horizontal:"left"},H={paper:{variant:"outlined"}},o[12]=q,o[13]=H):(q=o[12],H=o[13]);const J=l,K=z&&T(l,{container:!0,size:12,gap:1,p:2,children:[T(l,{container:!0,size:12,justifyContent:"flex-start",alignItems:"center",gap:1,children:[B(l,{children:B(r,{size:"small",onClick:()=>O(null),children:B(C,{size:18,color:y.palette.action.active})})}),B(l,{children:B(u,{variant:"subtitle2",color:"textSecondary",fontWeight:"bold",children:`${g?.filterBy} ${z?.label}`})})]}),B(l,{size:12,children:B(A,{column:z,activeFilters:f,onFiltersChange:v,handleClose:L,localeStr:g})})]}),Q=!z&&B(n,{dense:!0,sx:{width:200},children:h.map(e=>T(a,{alignItems:"center",onClick:()=>{O(e)},children:[B(c,{sx:{minWidth:"30px"},children:B(b,{size:18,color:y.palette.action.active,style:{marginLeft:0}})}),B(s,{children:e.label})]},e.accessor))});let U,V;return o[14]!==J||o[15]!==K||o[16]!==Q?(U=T(J,{container:true,size:12,gap:1,maxWidth:300,children:[K,Q]}),o[14]=J,o[15]=K,o[16]=Q,o[17]=U):U=o[17],o[18]!==R||o[19]!==x||o[20]!==L||o[21]!==I||o[22]!==q||o[23]!==H||o[24]!==U?(V=B(R,{open:I,anchorEl:x,onClose:L,anchorOrigin:q,slotProps:H,children:U}),o[18]=R,o[19]=x,o[20]=L,o[21]=I,o[22]=q,o[23]=H,o[24]=U,o[25]=V):V=o[25],T(l,{children:[B(i,{component:w.div,layout:!0,clickable:!0,skipFocusWhenDisabled:!0,variant:"outlined",size:"medium",onClick:e=>{O(null),S(x?null:e.currentTarget)},icon:D,label:E,deleteIcon:M,sx:N}),V]})}function M(i){const o=e(25),{columns:n,activeFilters:a,onFiltersChange:c,handleFetchData:s,isFetching:m,defaultShowFilters:p,refreshButton:u,showRefreshButton:f,localeStr:x}=i,[b]=k.useState(!0);let F;o[0]!==a?(F=e=>a.some(t=>t?.column===e.accessor&&t?.type===e.filterOptions?.type),o[0]=a,o[1]=F):F=o[1];const C=F,$=n.filter(H);let O;o[2]!==C?(O=e=>e.columnOptions?.priority||C(e),o[2]=C,o[3]=O):O=o[3];const _=$.filter(O),L=_.length>0?_:$,j=L.length!==$.length?$.filter(e=>!e.columnOptions?.priority&&!C(e)):[];let W;o[4]!==a.length||o[5]!==c?(W=()=>{a.length>0&&c([])},o[4]=a.length,o[5]=c,o[6]=W):W=o[6];const A=W;let G;o[7]!==s||o[8]!==m||o[9]!==u?(G=h(async e=>{m||(await(s?.("reset")),u?.onClick?.(e))},300),o[7]=s,o[8]=m,o[9]=u,o[10]=G):G=o[10];const M=G,J=q,[K,Q]=k.useState(void 0===p||p);let U;o[11]===Symbol.for("react.memo_cache_sentinel")?(U=()=>Q(R),o[11]=U):U=o[11];const V=U,X=1===$.length?$.find(N):void 0,Y="string"===X?.filterOptions?.type?B(I,{column:X,activeFilters:a,onFiltersChange:c,aloneFilter:!0,localeStr:x}):"number"===X?.filterOptions?.type?B(z,{column:X,activeFilters:a,onFiltersChange:c,aloneFilter:!0,localeStr:x}):null,Z=l,ee=K&&B(l,{container:!0,justifyContent:"flex-start",alignItems:"center",flexGrow:1,padding:X?1:void 0,component:w.div,layout:!0,children:X?Y:T(S,{mode:"popLayout",initial:!1,children:[L.map((e,i)=>B(t,{component:w.div,layout:!0,initial:b?{opacity:0,scale:.8}:void 0,animate:{opacity:1,scale:1},exit:b?{opacity:0,scale:.8}:void 0,transition:P,children:B(D,{column:e,activeFilters:a,onFiltersChange:c,filterIndex:0,hasMounted:b,localeStr:x})},`${e.accessor}-${i}`)),j.length>0&&B(t,{component:w.div,layout:!0,initial:b?{opacity:0,scale:.8}:void 0,animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:P,children:B(E,{columns:j,activeFilters:a,onFiltersChange:c,localeStr:x})},"more-filters-container"),a.length>0&&B(t,{component:w.div,layout:!0,animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:P,children:B(d,{title:x?.clear,arrow:!0,children:B(r,{size:"medium",color:"primary",onClick:A,children:B(v,{size:20})})})},"clear-filters-container"),f&&B(l,{component:w.div,layout:!0,initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:P,children:B(d,{title:u?.label??x?.refresh,arrow:!0,children:B(r,{size:"medium",color:"primary",onClick:M,onMouseDown:J,sx:{"@keyframes spin":{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"&.spinning":{animation:"spin 0.5s ease-in-out"}},children:u?.icon??B(g,{size:20})})})},"refresh-table-container")]})});let te,ie,oe;return o[12]!==K?(te=!K&&B(l,{flexGrow:1,children:B("span",{})}),o[12]=K,o[13]=te):te=o[13],o[14]!==p||o[15]!==V||o[16]!==x?.hideFilters||o[17]!==x?.showFilters||o[18]!==K?(ie=void 0!==p&&B(l,{children:B(d,{title:K?x?.hideFilters:x?.showFilters,arrow:!0,children:B(r,{size:"medium",color:"primary",onClick:V,children:B(K?y:v,{size:20})})})}),o[14]=p,o[15]=V,o[16]=x?.hideFilters,o[17]=x?.showFilters,o[18]=K,o[19]=ie):ie=o[19],o[20]!==Z||o[21]!==ee||o[22]!==te||o[23]!==ie?(oe=T(Z,{component:"div",container:true,justifyContent:"flex-start",alignItems:"center",flexGrow:1,spacing:1,p:1,children:[ee,te,ie]}),o[20]=Z,o[21]=ee,o[22]=te,o[23]=ie,o[24]=oe):oe=o[24],oe}function N(e){return"string"===e.filterOptions?.type}function R(e){return!e}function q(e){const t=e.currentTarget;t.classList.remove("spinning"),t.classList.add("spinning"),setTimeout(()=>{t.classList.remove("spinning")},500)}function H(e){return e.filterOptions&&"object"==typeof e.filterOptions}export{D as FilterChip,A as FilterSwitcher,E as MoreFiltersChip,M as TableFilterHeader};
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { ActiveFilter } from './TableTypes.js';
|
|
1
|
+
import { ActiveFilter, DynamicColumns } from './TableTypes.js';
|
|
2
2
|
|
|
3
|
-
declare function
|
|
3
|
+
declare function parseFiltersQuery<T>(tableName: string, queryString: string, columns: DynamicColumns<T>[]): ActiveFilter[];
|
|
4
|
+
declare function buildFiltersQuery(tableName: string, filters: ActiveFilter[]): string;
|
|
5
|
+
declare function buildRequestFilters(filters: ActiveFilter[]): Record<string, unknown>;
|
|
4
6
|
|
|
5
|
-
export {
|
|
7
|
+
export { buildFiltersQuery, buildRequestFilters, parseFiltersQuery };
|
|
@@ -1 +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: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};
|