@famalabs/web-ui 1.0.0-beta.22 → 1.0.0-beta.24
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/auth/AuthSuccess.d.ts +2 -2
- package/dist/components/auth/AuthSuccess.js +1 -1
- package/dist/components/auth/PasswordField.js +1 -1
- package/dist/components/common/MainDiv.d.ts +2 -1
- package/dist/components/common/MainDiv.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 +2 -1
- package/dist/components/forms/RichTextEditor/FormattingToolbar.js +1 -1
- package/dist/components/forms/RichTextEditor/RichTextEditor.d.ts +1 -0
- package/dist/components/forms/RichTextEditor/RichTextEditor.js +1 -1
- package/dist/components/forms/RichTextField.d.ts +1 -0
- package/dist/components/forms/RichTextField.js +1 -1
- package/dist/components/forms/SelectField.js +1 -1
- package/dist/components/forms/TimeField.js +1 -1
- package/dist/components/tables/LegacyTable/LegacyTable.js +1 -1
- package/dist/components/tables/RealtimeTable/RealTimeTableBody.js +1 -1
- package/dist/components/tables/RealtimeTable/RealTimeTableFooter.js +1 -1
- package/dist/components/tables/RealtimeTable/RealtimeTable.js +1 -1
- package/dist/components/tables/RealtimeTable/RealtimeTableTypes.d.ts +2 -2
- 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 -0
- package/dist/components/tables/TableComponents/TableFunctions.js +1 -0
- package/dist/components/tables/TableComponents/TableLocales.js +1 -1
- package/dist/components/tables/TableComponents/TableTypes.d.ts +51 -50
- package/dist/components/tables/TableComponents/TableTypes.js +1 -0
- package/dist/index.d.ts +5 -4
- package/dist/index.js +1 -1
- package/package.json +2 -2
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
|
|
3
3
|
interface AuthSuccessProps {
|
|
4
4
|
error?: string;
|
|
5
5
|
success?: string;
|
|
6
6
|
title?: string;
|
|
7
7
|
}
|
|
8
|
-
declare const AuthSuccess:
|
|
8
|
+
declare const AuthSuccess: ({ error, title, success, }: AuthSuccessProps) => react_jsx_runtime.JSX.Element;
|
|
9
9
|
|
|
10
10
|
export { AuthSuccess };
|
|
11
11
|
export type { AuthSuccessProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as r}from"react/compiler-runtime";import e from"@mui/material/Avatar";import o from"@mui/material/Box";import i from"@mui/material/Typography";import{LockKeyholeIcon as t}from"lucide-react";import
|
|
1
|
+
import{c as r}from"react/compiler-runtime";import e from"@mui/material/Avatar";import o from"@mui/material/Box";import i from"@mui/material/Typography";import{LockKeyholeIcon as t}from"lucide-react";import{jsx as n,jsxs as c}from"react/jsx-runtime";const m=m=>{const p=r(17),{error:s,title:d,success:u}=m,f=void 0===d?"Operation Completed":d,h=void 0===u?"Operation completed successfully":u,g=s?"error":h?"success":"primary";let y,x,v,_,b,C,T,z;return p[0]===Symbol.for("react.memo_cache_sentinel")?(y={paddingTop:"40px",marginTop:a,display:"flex",flexDirection:"column",alignItems:"center"},p[0]=y):y=p[0],p[1]!==g?(x={margin:l,backgroundColor:r=>r.palette[g].main},p[1]=g,p[2]=x):x=p[2],p[3]===Symbol.for("react.memo_cache_sentinel")?(v=n(t,{size:20,color:"white"}),p[3]=v):v=p[3],p[4]!==x?(_=n(e,{sx:x,children:v}),p[4]=x,p[5]=_):_=p[5],p[6]!==f?(b=n(i,{component:"h1",variant:"h5",children:f}),p[6]=f,p[7]=b):b=p[7],p[8]!==s?(C=s&&n("p",{style:{color:"red"},children:"Credenziali non corrette, si prega di riprovare"}),p[8]=s,p[9]=C):C=p[9],p[10]!==h?(T=h&&n("p",{style:{color:"green"},children:h}),p[10]=h,p[11]=T):T=p[11],p[12]!==_||p[13]!==b||p[14]!==C||p[15]!==T?(z=c(o,{sx:y,children:[_,b,C,T]}),p[12]=_,p[13]=b,p[14]=C,p[15]=T,p[16]=z):z=p[16],z};function a(r){return r.spacing(8)}function l(r){return r.spacing(1)}export{m as AuthSuccess};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e}from"react/compiler-runtime";import t from"@mui/material/FormLabel";import r from"@mui/material/Grid";import o from"@mui/material/IconButton";import a from"@mui/material/InputAdornment";import{styled as
|
|
1
|
+
import{c as e}from"react/compiler-runtime";import t from"@mui/material/FormLabel";import r from"@mui/material/Grid";import o from"@mui/material/IconButton";import a from"@mui/material/InputAdornment";import{styled as i,useTheme as n}from"@mui/material/styles";import l from"@mui/material/TextField";import m,{tooltipClasses as s}from"@mui/material/Tooltip";import c from"@mui/material/Typography";import{CheckIcon as p,XIcon as d,EyeClosedIcon as u,EyeIcon as f}from"lucide-react";import h from"react";import{jsx as x,jsxs as g}from"react/jsx-runtime";const b=i(({className:e,...t})=>x(m,{...t,classes:{popper:e}}))(({theme:e})=>({[`& .${s.tooltip}`]:{backgroundColor:e.palette.background.paper,color:"rgba(0, 0, 0, 0.87)",boxShadow:e.shadows[1],fontSize:11}})),y=[{regex:/.{8,}/,label:"Almeno 8 caratteri"},{regex:/[a-z]/,label:"Almeno una lettera minuscola"},{regex:/[A-Z]/,label:"Almeno una lettera maiuscola"},{regex:/\d/,label:"Almeno un numero"}],v=/^(?=.*[a-z])(?=.*\d).{8,}$/,C=i=>{const m=e(56),{title:s,name:C,placeholder:w,variant:z,required:S,requiredText:_,margin:I,size:A,errorText:T,fullWidth:j,showRequirements:k,customIcons:W,sx:q}=i,E=void 0===s?"Password":s,R=void 0===C?"password":C,$=void 0===w?"Inserisci la password":w,O=void 0===z?"outlined":z,B=void 0===S||S,F=void 0===_?"Questo campo è obbligatorio":_,L=void 0===I?"dense":I,P=void 0===A?"medium":A,X=void 0===T?"La password non è conforme":T,D=void 0===j||j,G=void 0===k||k;let M;m[0]!==W?(M=void 0===W?{Eye:f,EyeOff:u,X:d,Check:p}:W,m[0]=W,m[1]=M):M=m[1];const N=M,{Eye:Q,EyeOff:Z,X:H,Check:J}=N,K=n(),[U,V]=h.useState(""),[Y,ee]=h.useState(!1),[te,re]=h.useState("");let oe;m[2]!==Y?(oe=()=>{ee(!Y)},m[2]=Y,m[3]=oe):oe=m[3];const ae=oe;let ie;m[4]!==J||m[5]!==H||m[6]!==K?(ie=e=>x(r,{container:!0,direction:"column",sx:{flexWrap:"nowrap",justifyContent:"center",alignItems:"flex-start",p:2,gap:1},children:y.map((t,o)=>g(r,{container:!0,sx:{flexWrap:"nowrap",justifyContent:"center",alignItems:"center",gap:.5},children:[x(r,{container:!0,sx:{justifyContent:"center",alignItems:"center"},children:t.regex.test(e)?x(J,{size:18,style:{color:K.palette.success.main}}):x(H,{size:18,style:{color:K.palette.error.main}})}),x(r,{container:!0,sx:{justifyContent:"center",alignItems:"center"},children:x(c,{variant:"caption",color:t.regex.test(e)?K.palette.success.main:K.palette.error.main,children:t.label})})]},o))}),m[4]=J,m[5]=H,m[6]=K,m[7]=ie):ie=m[7];const ne=ie,le=h.useRef(null);let me;m[8]!==U?(me=v.test(U),m[8]=U,m[9]=me):me=m[9];const se=me,ce=G&&U.length>0&&!se,pe=`${E}${B?"*":""}`;let de,ue;m[10]!==pe?(de=x(t,{children:pe}),m[10]=pe,m[11]=de):de=m[11],m[12]!==ne||m[13]!==U?(ue=ne(U),m[12]=ne,m[13]=U,m[14]=ue):ue=m[14];const fe=ce??!1;let he;m[15]===Symbol.for("react.memo_cache_sentinel")?(he=()=>le.current?.blur(),m[15]=he):he=m[15];const xe=Y?"text":"password",ge=!!te;let be,ye,ve,Ce,we,ze,Se,_e,Ie,Ae,Te;return m[16]===Symbol.for("react.memo_cache_sentinel")?(be=e=>V(e.target.value),m[16]=be):be=m[16],m[17]!==X||m[18]!==B||m[19]!==F?(ye=e=>{!e.target.value&&B?re(F):v.test(e.target.value)||re(X)},m[17]=X,m[18]=B,m[19]=F,m[20]=ye):ye=m[20],m[21]===Symbol.for("react.memo_cache_sentinel")?(ve=()=>re(""),m[21]=ve):ve=m[21],m[22]===Symbol.for("react.memo_cache_sentinel")?(Ce={borderRadius:"10px","& fieldset":{borderWidth:"2px"}},m[22]=Ce):Ce=m[22],m[23]!==q?(we={...q,"& .MuiOutlinedInput-root":Ce},m[23]=q,m[24]=we):we=m[24],m[25]===Symbol.for("react.memo_cache_sentinel")?(ze={mr:"-5px"},m[25]=ze):ze=m[25],m[26]!==Q||m[27]!==Z||m[28]!==Y||m[29]!==P?(Se=x(Y?Z:Q,{size:"small"===P?18:24}),m[26]=Q,m[27]=Z,m[28]=Y,m[29]=P,m[30]=Se):Se=m[30],m[31]!==ae||m[32]!==Se?(_e={input:{endAdornment:x(a,{position:"end",children:x(o,{onClick:ae,edge:"end",size:"small",focusRipple:!1,sx:ze,children:Se})})}},m[31]=ae,m[32]=Se,m[33]=_e):_e=m[33],m[34]!==D||m[35]!==L||m[36]!==R||m[37]!==U||m[38]!==te||m[39]!==$||m[40]!==B||m[41]!==P||m[42]!==xe||m[43]!==ge||m[44]!==ye||m[45]!==we||m[46]!==_e||m[47]!==O?(Ie=x(l,{ref:le,fullWidth:D,name:R,type:xe,placeholder:$,variant:O,required:B,margin:L,error:ge,helperText:te,value:U,size:P,autoComplete:"off",onChange:be,onBlur:ye,onChangeCapture:ve,sx:we,slotProps:_e}),m[34]=D,m[35]=L,m[36]=R,m[37]=U,m[38]=te,m[39]=$,m[40]=B,m[41]=P,m[42]=xe,m[43]=ge,m[44]=ye,m[45]=we,m[46]=_e,m[47]=O,m[48]=Ie):Ie=m[48],m[49]!==ue||m[50]!==fe||m[51]!==Ie?(Ae=x(b,{title:ue,placement:"bottom-start",open:fe,onClose:he,enterDelay:300,children:Ie}),m[49]=ue,m[50]=fe,m[51]=Ie,m[52]=Ae):Ae=m[52],m[53]!==de||m[54]!==Ae?(Te=g(r,{size:12,children:[de,Ae]}),m[53]=de,m[54]=Ae,m[55]=Te):Te=m[55],Te};export{C as PasswordField};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
|
|
3
4
|
interface IProps {
|
|
4
5
|
appbar?: boolean;
|
|
5
6
|
children: React.ReactNode;
|
|
6
7
|
}
|
|
7
|
-
declare const MainDiv:
|
|
8
|
+
declare const MainDiv: ({ children }: IProps) => react_jsx_runtime.JSX.Element;
|
|
8
9
|
|
|
9
10
|
export { MainDiv };
|
|
10
11
|
export type { IProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as r}from"react/compiler-runtime";import
|
|
1
|
+
import{c as r}from"react/compiler-runtime";import{styled as t}from"@mui/material/styles";import"react";import{jsx as e}from"react/jsx-runtime";const o=t("main")(({theme:r})=>({flex:1,height:"100%",overflow:"auto",backgroundColor:r.palette.background.default})),m=t=>{const m=r(2),{children:i}=t;let a;return m[0]!==i?(a=e(o,{children:i}),m[0]=i,m[1]=a):a=m[1],a};export{m as MainDiv};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as r}from"react/compiler-runtime";import e from"@mui/material/Autocomplete";import o from"@mui/material/FormControl";import l from"@mui/material/FormLabel";import t from"@mui/material/InputAdornment";import i from"@mui/material/TextField";import{SparklesIcon as a}from"lucide-react";import{Controller as n}from"react-hook-form";import{useIsAiEditing as m,useIsAiDirty as s,useTypewriterSpeed as d}from"./AiEditingContext.js";import{aiEffectStyle as u,aiLabelStyle as c}from"./AiUtils.js";import{jsx as p,jsxs as f,Fragment as h}from"react/jsx-runtime";function x(x){const b=r(37),g=x;let A,v,C,F,y,B,j,T,U,k;b[0]!==g?(({name:y,control:v,defaultValue:C,rules:j,shouldUnregister:T,legend:U,label:F,textFieldProps:k,onChange:B,...A}=g),b[0]=g,b[1]=A,b[2]=v,b[3]=C,b[4]=F,b[5]=y,b[6]=B,b[7]=j,b[8]=T,b[9]=U,b[10]=k):(A=b[1],v=b[2],C=b[3],F=b[4],y=b[5],B=b[6],j=b[7],T=b[8],U=b[9],k=b[10]);const q=void 0===U||U,z=m(y),I=s(y),L=d();let V,W,E;b[11]!==L||b[12]!==z||b[13]!==I?(V=u({animate:z,dirty:I,duration:L}),b[11]=L,b[12]=z,b[13]=I,b[14]=V):V=b[14],b[15]!==k?(W=Array.isArray(k?.sx)?k.sx:k?.sx?[k.sx]:[],b[15]=k,b[16]=W):W=b[16],b[17]!==V||b[18]!==W?(E=[V,...W],b[17]=V,b[18]=W,b[19]=E):E=b[19];const M=E;let P,S;return b[20]!==A||b[21]!==z||b[22]!==I||b[23]!==F||b[24]!==q||b[25]!==B||b[26]!==k||b[27]!==M?(P=r=>{const{field:n,fieldState:m}=r,{error:s}=m,d=Boolean(A.multiple),u=A.value??(d?[]:n.value||null);return f(h,{children:[q&&p(l,{component:"legend",required:k?.required,sx:{color:I?c.color:void 0,"& .MuiFormLabel-asterisk":{color:z||I?c.color:"error.main"}},children:F}),p(o,{fullWidth:A.fullWidth,style:{marginTop:0},children:p(e,{...A,value:u,onChange:(r,e,o,l)=>{B?B(r,e,o,l):n.onChange(e)},onBlur:n.onBlur,disabled:n.disabled,renderInput:r=>f(h,{children:[p(i,{...r,label:q?"":F,error:Boolean(s),helperText:s?.message,...k,sx:M}),I&&!z&&p(t,{position:"end",sx:{position:"absolute",right:45,top:"55%",transform:"translateY(-50%)"},children:p(a,{size:"small"===k?.size?18:20,color:"rgba(0,122,255,0.8)"})})]})})})]})},b[20]=A,b[21]=z,b[22]=I,b[23]=F,b[24]=q,b[25]=B,b[26]=k,b[27]=M,b[28]=P):P=b[28],b[29]!==A.disabled||b[30]!==v||b[31]!==C||b[32]!==y||b[33]!==j||b[34]!==T||b[35]!==P?(S=p(n,{name:y,control:v,defaultValue:C,disabled:A.disabled,rules:j,shouldUnregister:T,render:P}),b[29]=A.disabled,b[30]=v,b[31]=C,b[32]=y,b[33]=j,b[34]=T,b[35]=P,b[36]=S):S=b[36],S}export{x as AutocompleteField};
|
|
1
|
+
import{c as r}from"react/compiler-runtime";import e from"@mui/material/Autocomplete";import o from"@mui/material/FormControl";import l from"@mui/material/FormLabel";import t from"@mui/material/InputAdornment";import i from"@mui/material/TextField";import{SparklesIcon as a}from"lucide-react";import{Controller as n}from"react-hook-form";import{useIsAiEditing as m,useIsAiDirty as s,useTypewriterSpeed as d}from"./AiEditingContext.js";import{aiEffectStyle as u,aiLabelStyle as c}from"./AiUtils.js";import{jsx as p,jsxs as f,Fragment as h}from"react/jsx-runtime";function x(x){const b=r(37),g=x;let A,v,C,F,y,B,j,T,U,k;b[0]!==g?(({name:y,control:v,defaultValue:C,rules:j,shouldUnregister:T,legend:U,label:F,textFieldProps:k,onChange:B,...A}=g),b[0]=g,b[1]=A,b[2]=v,b[3]=C,b[4]=F,b[5]=y,b[6]=B,b[7]=j,b[8]=T,b[9]=U,b[10]=k):(A=b[1],v=b[2],C=b[3],F=b[4],y=b[5],B=b[6],j=b[7],T=b[8],U=b[9],k=b[10]);const q=void 0===U||U,z=m(y),I=s(y),L=d();let V,W,E;b[11]!==L||b[12]!==z||b[13]!==I?(V=u({animate:z,dirty:I,duration:L}),b[11]=L,b[12]=z,b[13]=I,b[14]=V):V=b[14],b[15]!==k?(W=Array.isArray(k?.sx)?k.sx:k?.sx?[k.sx]:[],b[15]=k,b[16]=W):W=b[16],b[17]!==V||b[18]!==W?(E=[V,...W],b[17]=V,b[18]=W,b[19]=E):E=b[19];const M=E;let P,S;return b[20]!==A||b[21]!==z||b[22]!==I||b[23]!==F||b[24]!==q||b[25]!==B||b[26]!==k||b[27]!==M?(P=r=>{const{field:n,fieldState:m}=r,{error:s}=m,d=Boolean(A.multiple),u=A.value??(d?[]:n.value||null);return f(h,{children:[q&&F&&p(l,{component:"legend",required:k?.required,sx:{color:I?c.color:void 0,"& .MuiFormLabel-asterisk":{color:z||I?c.color:"error.main"}},children:F}),p(o,{fullWidth:A.fullWidth,style:{marginTop:0},children:p(e,{...A,value:u,onChange:(r,e,o,l)=>{B?B(r,e,o,l):n.onChange(e)},onBlur:n.onBlur,disabled:n.disabled,renderInput:r=>f(h,{children:[p(i,{...r,label:q?"":F,error:Boolean(s),helperText:s?.message,...k,sx:M}),I&&!z&&p(t,{position:"end",sx:{position:"absolute",right:45,top:"55%",transform:"translateY(-50%)"},children:p(a,{size:"small"===k?.size?18:20,color:"rgba(0,122,255,0.8)"})})]})})})]})},b[20]=A,b[21]=z,b[22]=I,b[23]=F,b[24]=q,b[25]=B,b[26]=k,b[27]=M,b[28]=P):P=b[28],b[29]!==A.disabled||b[30]!==v||b[31]!==C||b[32]!==y||b[33]!==j||b[34]!==T||b[35]!==P?(S=p(n,{name:y,control:v,defaultValue:C,disabled:A.disabled,rules:j,shouldUnregister:T,render:P}),b[29]=A.disabled,b[30]=v,b[31]=C,b[32]=y,b[33]=j,b[34]=T,b[35]=P,b[36]=S):S=b[36],S}export{x as AutocompleteField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e}from"react/compiler-runtime";import r from"@mui/material/FormControl";import o from"@mui/material/FormLabel";import t from"@mui/material/InputAdornment";import{useTheme as i}from"@mui/material/styles";import{DateTimePicker as l}from"@mui/x-date-pickers/DateTimePicker";import s from"dayjs";import{CalendarFoldIcon as a,SparklesIcon as n}from"lucide-react";import m from"react";import{useWatch as d,Controller as u}from"react-hook-form";import{useIsAiEditing as c,useIsAiDirty as p,useTypewriterSpeed as f}from"./AiEditingContext.js";import{aiEffectStyle as x,aiLabelStyle as
|
|
1
|
+
import{c as e}from"react/compiler-runtime";import r from"@mui/material/FormControl";import o from"@mui/material/FormLabel";import t from"@mui/material/InputAdornment";import{useTheme as i}from"@mui/material/styles";import{DateTimePicker as l}from"@mui/x-date-pickers/DateTimePicker";import s from"dayjs";import{CalendarFoldIcon as a,SparklesIcon as n}from"lucide-react";import m from"react";import{useWatch as d,Controller as u}from"react-hook-form";import{useIsAiEditing as c,useIsAiDirty as p,useTypewriterSpeed as f}from"./AiEditingContext.js";import{aiEffectStyle as x,aiLabelStyle as b}from"./AiUtils.js";import{jsx as h,jsxs as y,Fragment as g}from"react/jsx-runtime";function v(v){const P=e(16),{name:A,control:D,defaultValue:F,rules:k,shouldUnregister:S,legend:z,fullWidth:B,required:V,stringOnEmpty:j,...C}=v,I=void 0===z||z,M=void 0===B||B,Y=void 0!==V&&V,q=void 0!==j&&j,O=i(),U=q?"":null,E=c(A),H=p(A),L=f(),T=C.minDate??s("1900-01-01"),W=C.maxDate??s("2099-12-31"),w=e=>(!T||e.isAfter(T)||e.isSame(T,"day"))&&(!W||e.isBefore(W)||e.isSame(W,"day"));let G;P[0]!==D||P[1]!==A?(G={control:D,name:A},P[0]=D,P[1]=A,P[2]=G):G=P[2];const J=d(G),[K,N]=m.useState(()=>{if(J){const e=s(J);return e.isValid()&&w(e)?e:null}return null});if(J&&!K){const e=s(J);e.isValid()&&w(e)&&N(e)}let Q;P[3]!==U||P[4]!==N?(Q=(e,r,o)=>{if(!e||!e.isValid())return r(U),o(),void N(null);r(e.toDate().toISOString()),o(),N(e)},P[3]=U,P[4]=N,P[5]=Q):Q=P[5];const R=Q,X=C.slotProps?.textField?.sx,Z=[x({animate:E,dirty:H,duration:L}),...Array.isArray(X)?X:X?[X]:[]],$=E?"none":void 0;let _;P[6]!==$?(_={display:$},P[6]=$,P[7]=_):_=P[7];const ee=[...Array.isArray(X)?X:X?[X]:[],_],re=e=>{const{field:i,fieldState:s}=e,{error:m}=s;return y(r,{fullWidth:M,sx:{margin:"auto",position:"relative"},children:[I&&C.label&&h(o,{required:Y,sx:{color:H||E?b.color:void 0,"& .MuiFormLabel-asterisk":{color:E||H?b.color:"error.main"}},children:C.label}),y(g,{children:[h(l,{views:["year","month","day"],format:"DD/MM/YYYY HH:mm",...C,...i,ref:i.ref,formatDensity:"dense",value:K,onChange:e=>{e&&e.isValid()&&w(e)?N(e):N(null)},minDate:T,maxDate:W,enableAccessibleFieldDOMStructure:!1,onAccept:e=>R(e,i.onChange,i.onBlur),slots:{...C.slots,openPickerIcon:a},slotProps:{openPickerIcon:{color:O.palette.action.active,size:"small"===C.slotProps?.textField?.size?20:24},openPickerButton:{size:C.slotProps?.textField?.size,sx:ee},...C.slotProps,textField:{required:Y,label:I?"":C.label,error:Boolean(m),helperText:m?.message,onBlur:i.onBlur,...C.slotProps?.textField,sx:Z}}}),H&&!E&&h(t,{position:"end",sx:{position:"absolute",right:48,top:I?"59%":"38%"},children:h(n,{size:"small"===C.slotProps?.textField?.size?18:20,color:"rgba(0,122,255,0.8)"})})]})]})};let oe;return P[8]!==D||P[9]!==C.disabled||P[10]!==F||P[11]!==A||P[12]!==k||P[13]!==S||P[14]!==re?(oe=h(u,{name:A,control:D,defaultValue:F,disabled:C.disabled,rules:k,shouldUnregister:S,render:re}),P[8]=D,P[9]=C.disabled,P[10]=F,P[11]=A,P[12]=k,P[13]=S,P[14]=re,P[15]=oe):oe=P[15],oe}export{v as DateField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as r}from"react/compiler-runtime";import e from"@mui/material/FormLabel";import o from"@mui/material/InputAdornment";import
|
|
1
|
+
import{c as r}from"react/compiler-runtime";import e from"@mui/material/FormLabel";import o from"@mui/material/InputAdornment";import l from"@mui/material/TextField";import{SparklesIcon as t}from"lucide-react";import{Controller as i}from"react-hook-form";import{useIsAiEditing as n,useIsAiDirty as a,useTypewriterSpeed as s}from"./AiEditingContext.js";import{aiLabelStyle as m,aiEffectStyle as u}from"./AiUtils.js";import{jsx as d,jsxs as p,Fragment as c}from"react/jsx-runtime";function b(b){const f=r(12),{name:h,control:g,defaultValue:x,rules:v,shouldUnregister:A,legend:P,...y}=b,L=void 0===P||P,C=n(h),k=a(h),B=s(),j=y.slotProps?.inputLabel?.sx,F=[...Array.isArray(j)?j:[j],{color:C||k?m.color:void 0}],I=y.sx;let U;f[0]!==B||f[1]!==C||f[2]!==k?(U=u({animate:C,dirty:k,duration:B}),f[0]=B,f[1]=C,f[2]=k,f[3]=U):U=f[3];const q=[U,...Array.isArray(I)?I:[I]],z=r=>{const{field:i,fieldState:n}=r,{error:a}=n,s="number"===y.type;return p(c,{children:[L&&y.label&&d(e,{required:y.required,sx:{color:C||k?m.color:void 0,"& .MuiFormLabel-asterisk":{color:C||k?m.color:"error.main"}},children:y.label}),d(l,{variant:"outlined",fullWidth:!0,...y,label:L?"":y.label,error:Boolean(a),helperText:a?.message,slotProps:{...y.slotProps,inputLabel:{...y.slotProps?.inputLabel,shrink:C||y.slotProps?.inputLabel?.shrink,sx:F},input:{endAdornment:k&&!C&&d(o,{position:"end",children:d(t,{size:"small"===y?.size?18:20,color:"rgba(0,122,255,0.8)"})}),...y.slotProps?.input},htmlInput:{...y.slotProps?.htmlInput||{},...s&&{inputMode:"numeric",pattern:"[0-9]*"}}},...i,disabled:i.disabled,value:i.value??null,onBlur:r=>{i.onBlur(),y.onBlur?.(r)},onChange:r=>{if(y.onChange?.(r),s){const e=r.target.value;i.onChange(""===e?void 0:Number(e))}else i.onChange(r)},sx:q})]})};let M;return f[4]!==g||f[5]!==x||f[6]!==h||f[7]!==v||f[8]!==A||f[9]!==z||f[10]!==y.disabled?(M=d(i,{name:h,control:g,defaultValue:x,disabled:y.disabled,rules:v,shouldUnregister:A,render:z}),f[4]=g,f[5]=x,f[6]=h,f[7]=v,f[8]=A,f[9]=z,f[10]=y.disabled,f[11]=M):M=f[11],M}export{b as InputField};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
3
|
interface AvailableToolbarButtons {
|
|
4
|
-
heading?: boolean | 'full' | 'essential';
|
|
4
|
+
heading?: boolean | 'full' | 'essential' | [number, number];
|
|
5
5
|
bold?: boolean;
|
|
6
6
|
italic?: boolean;
|
|
7
7
|
underline?: boolean;
|
|
@@ -12,6 +12,7 @@ interface AvailableToolbarButtons {
|
|
|
12
12
|
nestBlock?: boolean;
|
|
13
13
|
unnestBlock?: boolean;
|
|
14
14
|
link?: boolean;
|
|
15
|
+
image?: boolean;
|
|
15
16
|
ai?: boolean;
|
|
16
17
|
}
|
|
17
18
|
interface CustomToolbarButton {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as t}from"react/compiler-runtime";import"@blocknote/core/fonts/inter.css";import"@blocknote/mantine/style.css";import{useExtensionState as e,blockTypeSelectItems as n,BlockTypeSelect as o,BasicTextStyleButton as i,TextAlignButton as r,ColorStyleButton as l,NestBlockButton as c,UnnestBlockButton as a,CreateLinkButton as s,useComponentsContext as u,useBlockNoteEditor as b,useExtension as d,FormattingToolbarController as m,FormattingToolbar as _}from"@blocknote/react";import{AIExtension as
|
|
1
|
+
import{c as t}from"react/compiler-runtime";import"@blocknote/core/fonts/inter.css";import"@blocknote/mantine/style.css";import{useExtensionState as e,blockTypeSelectItems as n,BlockTypeSelect as o,BasicTextStyleButton as i,TextAlignButton as r,ColorStyleButton as l,NestBlockButton as c,UnnestBlockButton as a,CreateLinkButton as s,useComponentsContext as u,useBlockNoteEditor as b,useExtension as d,FormattingToolbarController as m,FormattingToolbar as _}from"@blocknote/react";import{AIExtension as g,useAIDictionary as f,AIMenu as h,getDefaultAIMenuItems as k}from"@blocknote/xl-ai";import{SparklesIcon as p}from"lucide-react";import y,{useLayoutEffect as A}from"react";import{rewriteContent as S,correctGrammar as T,translateContent as x,rewriteInformal as B,rewriteFormal as v,rewriteConcise as M}from"./AiMenuItems.js";import{jsx as I,jsxs as z,Fragment as G}from"react/jsx-runtime";const H=u=>{const b=t(28),{editor:d,staticToolbar:f,selectToolbar:h,availableButtons:k,customButtons:p}=u,y=void 0===f||f,A=void 0!==h&&h;let S;b[0]!==d?(S={editor:d},b[0]=d,b[1]=S):S=b[1];const T=e(g,S),x="closed"!==T?.aiMenuState,B="closed"===T?.aiMenuState,v=k?.heading??"full",M=k?.bold??!0,H=k?.italic??!0,j=k?.underline??!0,E=k?.strike??!0,C=k?.code??!1,N=k?.textAlign??!0,R=k?.color??!0,W=k?.nestBlock??!1,q=k?.unnestBlock??!1,D=k?.link??!0,F=k?.ai??!1;let J;if(b[2]!==p||b[3]!==d.dictionary||b[4]!==N||b[5]!==R||b[6]!==W||b[7]!==q||b[8]!==D||b[9]!==F||b[10]!==v||b[11]!==M||b[12]!==H||b[13]!==j||b[14]!==E||b[15]!==C){const t={heading:v,bold:M,italic:H,underline:j,strike:E,code:C,textAlign:N,color:R,nestBlock:W,link:D,ai:F},e=n(d.dictionary),u=[I(o,{items:"full"===t.heading?e:e.slice(Array.isArray(t.heading)?t.heading[0]:0,Array.isArray(t.heading)?t.heading[1]:!0===t.heading?e.length:0)},"select_button"),I(w,{},"ai_button"),I(i,{basicTextStyle:"bold"},"bold_button"),I(i,{basicTextStyle:"italic"},"italic_button"),I(i,{basicTextStyle:"underline"},"underline_button"),I(i,{basicTextStyle:"strike"},"strike_button"),I(i,{basicTextStyle:"code"},"code_button"),I(r,{textAlignment:"left"},"align_left_button"),I(r,{textAlignment:"center"},"align_center_butto"),I(r,{textAlignment:"right"},"align_right_button"),I(l,{},"color_button"),I(c,{},"nest_button"),I(a,{},"unnest_button"),I(s,{},"link_button")].filter(e=>{switch(e.key){case"select_button":return t.heading;case"bold_button":return t.bold;case"italic_button":return t.italic;case"underline_button":return t.underline;case"strike_button":return t.strike;case"code_button":return t.code;case"align_left_button":case"align_center_butto":case"align_right_button":return t.textAlign;case"color_button":return t.color;case"nest_button":case"unnest_button":return t.nestBlock;case"link_button":return t.link;case"ai_button":return t.ai;default:return!0}});t:{if(!p||0===p.length){J=u;break t}const t=[...u];p.forEach(e=>{const{button:n,position:o}=e;let i=void 0===o?0:o;(!i||i>t.length)&&(i=t.length),i<0&&(i=0),i>=t.length?t.push(n):t.splice(i,0,n)}),J=t}b[2]=p,b[3]=d.dictionary,b[4]=N,b[5]=R,b[6]=W,b[7]=q,b[8]=D,b[9]=F,b[10]=v,b[11]=M,b[12]=H,b[13]=j,b[14]=E,b[15]=C,b[16]=J}else J=b[16];const K=J;let O,P,Q;return b[17]!==B||b[18]!==K||b[19]!==A?(O=A&&B&&I(m,{formattingToolbar:()=>I(_,{children:K})}),b[17]=B,b[18]=K,b[19]=A,b[20]=O):O=b[20],b[21]!==x||b[22]!==K||b[23]!==y?(P=y&&I(_,{children:I(L,{frozen:x,children:K})}),b[21]=x,b[22]=K,b[23]=y,b[24]=P):P=b[24],b[25]!==O||b[26]!==P?(Q=z(G,{children:[O,P]}),b[25]=O,b[26]=P,b[27]=Q):Q=b[27],Q},L=e=>{const n=t(11),{frozen:o,children:i}=e,[r,l]=y.useState(""),c=y.useRef(null);let a,s,u,b;if(n[0]!==o?(a=()=>{!o&&c.current&&c.current.innerHTML&&l(c.current.innerHTML)},n[0]=o,n[1]=a):a=n[1],n[2]!==i||n[3]!==o?(s=[o,i],n[2]=i,n[3]=o,n[4]=s):s=n[4],A(a,s),o&&r){let t,e;return n[5]===Symbol.for("react.memo_cache_sentinel")?(t={display:"contents",pointerEvents:"none",opacity:.5},n[5]=t):t=n[5],n[6]!==r?(e=I("div",{"aria-hidden":!0,style:t,dangerouslySetInnerHTML:{__html:r}}),n[6]=r,n[7]=e):e=n[7],e}return n[8]===Symbol.for("react.memo_cache_sentinel")?(u={display:"contents"},n[8]=u):u=n[8],n[9]!==i?(b=I("div",{ref:c,style:u,children:i}),n[9]=i,n[10]=b):b=n[10],b};function j(){const e=t(1);let n;return e[0]===Symbol.for("react.memo_cache_sentinel")?(n=I(h,{items:E}),e[0]=n):n=e[0],n}function E(t,e){return"user-input"===e?t.getSelection()?[S(t),T(t),x(),B(t),v(t),M(t)]:[S(t,!1),T(t,!1),x(),B(t,!1),v(t,!1),M(t,!1)]:k(t,e)}const w=()=>{const e=t(8),n=f(),o=u(),i=b(),r=d(g);if(!r||!o)return null;let l;e[0]!==r||e[1]!==i?(l=()=>{const t=i.getSelection();if(t?.blocks?.length)return void r.openAIMenuAtBlock(t.blocks[t.blocks.length-1].id);const e=i.document[i.document.length-1];e&&r.openAIMenuAtBlock(e.id)},e[0]=r,e[1]=i,e[2]=l):l=e[2];const c=l;let a,s;return e[3]===Symbol.for("react.memo_cache_sentinel")?(a=I(p,{size:18,strokeWidth:1.75}),e[3]=a):a=e[3],e[4]!==o.Generic.Toolbar.Button||e[5]!==n.formatting_toolbar.ai.tooltip||e[6]!==c?(s=I(o.Generic.Toolbar.Button,{className:"bn-button",label:n.formatting_toolbar.ai.tooltip,mainTooltip:n.formatting_toolbar.ai.tooltip,icon:a,onClick:c}),e[4]=o.Generic.Toolbar.Button,e[5]=n.formatting_toolbar.ai.tooltip,e[6]=c,e[7]=s):s=e[7],s};export{j as CustomAIMenu,H as CustomFormattingToolbar};
|
|
@@ -31,6 +31,7 @@ interface RichTextEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
|
|
|
31
31
|
trailingBlock?: boolean;
|
|
32
32
|
onChange?: (text: string) => void;
|
|
33
33
|
onBlur?: (text: string) => void;
|
|
34
|
+
required?: boolean;
|
|
34
35
|
focus?: boolean;
|
|
35
36
|
aiApi?: string;
|
|
36
37
|
theme?: 'light' | 'dark';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as t}from"react/compiler-runtime";import"@blocknote/core/fonts/inter.css";import{it as e}from"@blocknote/core/locales";import{BlockNoteView as o,lightDefaultTheme as r,darkDefaultTheme as a}from"@blocknote/mantine";import"@blocknote/mantine/style.css";import{useCreateBlockNote as n}from"@blocknote/react";import{AIExtension as i,AIMenuController as l}from"@blocknote/xl-ai";import{it as s}from"@blocknote/xl-ai/locales";import"@blocknote/xl-ai/style.css";import c from"@mui/material/Button";import d from"@mui/material/Collapse";import p from"@mui/material/GlobalStyles";import m from"@mui/material/Grid";import{useTheme as u,alpha as b}from"@mui/material/styles";import f from"@mui/material/Typography";import{DefaultChatTransport as g}from"ai";import y,{useEffectEvent as h,useEffect as x}from"react";import{useIsAiDirty as k,useIsAiEditing as v,useTypewriterSpeed as B}from"../AiEditingContext.js";import{aiLabelStyle as w}from"../AiUtils.js";import{CustomAIMenu as T,CustomFormattingToolbar as C}from"./FormattingToolbar.js";import{jsxs as M,jsx as S}from"react/jsx-runtime";const j={};for(let t=0;t<50;t++)j[`.bn-ai-effect .bn-block-group .bn-block-outer:nth-of-type(${t+1})`]={animationDelay:`calc(${t} * var(--bn-ai-delay-step, 0.1s))`};const z=z=>{const F=t(147);let P,L,A,H,I,V,$,E,G,N,O,W,R,_,D,U,q,J,Y,K;F[0]!==z?(({ref:N,id:A,name:V,label:I,placeholder:G,mode:W,initialValue:H,readonly:R,disabled:_,error:D,errorMessage:L,trailingBlock:U,onChange:E,onBlur:$,focus:q,aiApi:P,theme:K,backgroundPreset:J,toolbarOptions:Y,...O}=z),F[0]=z,F[1]=P,F[2]=L,F[3]=A,F[4]=H,F[5]=I,F[6]=V,F[7]=$,F[8]=E,F[9]=G,F[10]=N,F[11]=O,F[12]=W,F[13]=R,F[14]=_,F[15]=D,F[16]=U,F[17]=q,F[18]=J,F[19]=Y,F[20]=K):(P=F[1],L=F[2],A=F[3],H=F[4],I=F[5],V=F[6],$=F[7],E=F[8],G=F[9],N=F[10],O=F[11],W=F[12],R=F[13],_=F[14],D=F[15],U=F[16],q=F[17],J=F[18],Y=F[19],K=F[20]);const Q=void 0===W?"html":W,X=void 0!==R&&R,Z=void 0!==_&&_,tt=void 0!==D&&D,et=void 0!==U&&U,ot=void 0!==q&&q,rt=void 0===J?"paper":J;let at;F[21]!==Y?(at=void 0===Y?{}:Y,F[21]=Y,F[22]=at):at=F[22];const nt=at,{style:it,stickyToolbar:lt,selectMenu:st,sideMenu:ct,slashMenu:dt,availableButtons:pt,customButtons:mt,submitButton:ut}=nt,bt=void 0===it?"collapse":it,ft=void 0===lt||lt,gt=void 0!==st&&st,yt=void 0!==ct&&ct,ht=void 0!==dt&&dt;let xt;F[23]!==mt?(xt=void 0===mt?[]:mt,F[23]=mt,F[24]=xt):xt=F[24];const kt=xt,vt=k(V),Bt=v(V),wt=B(),Tt=O?.className,Ct=vt?"bn-ai-dirty":"",Mt=Bt?"bn-ai-effect":"";let St;F[25]!==Tt||F[26]!==Ct||F[27]!==Mt?(St=[Tt,Ct,Mt].filter(Boolean),F[25]=Tt,F[26]=Ct,F[27]=Mt,F[28]=St):St=F[28];const jt=St.join(" ");let zt,Ft,Pt,Lt;F[29]!==G?(zt={...e,ai:s,placeholders:{...e.placeholders,default:G}},F[29]=G,F[30]=zt):zt=F[30],F[31]!==P?(Ft=i({transport:new g({api:P})}),F[31]=P,F[32]=Ft):Ft=F[32],F[33]!==Ft?(Pt=[Ft],F[33]=Ft,F[34]=Pt):Pt=F[34],F[35]!==zt||F[36]!==Pt||F[37]!==et?(Lt={trailingBlock:et,dictionary:zt,extensions:Pt},F[35]=zt,F[36]=Pt,F[37]=et,F[38]=Lt):Lt=F[38];const At=n(Lt),[Ht,It]=y.useState(ot||!1),[Vt,$t]=y.useState(A?H:void 0),Et=u(),Gt=K??Et.palette.mode,Nt="default"===rt?Et.palette.background.default:Et.palette.background.paper,Ot=tt?Et.palette.error.main:Ht?"transparent":"silver";let Wt;F[39]!==rt||F[40]!==Gt||F[41]!==Z||F[42]!==Et?(Wt=((t="light",e,o,n=!1)=>{const i="default"===e?o.palette.background.default:o.palette.background.paper,l="default"===e?o.palette.background.paper:o.palette.background.default;return"light"===t?{...r,colors:{...r.colors,editor:{text:n?o.palette.text.disabled:o.palette.text.primary,background:i},menu:{text:o.palette.text.primary,background:l},selected:{text:"#FFFFFF",background:o.palette.primary.main},hovered:{text:o.palette.text.primary,background:o.palette.action.hover},tooltip:{text:o.palette.text.primary,background:o.palette.background.paper}}}:{...a,colors:{...a.colors,editor:{text:o.palette.text.primary,background:i},menu:{text:o.palette.text.primary,background:l},selected:{text:"#000000",background:o.palette.primary.main},hovered:{text:o.palette.text.primary,background:o.palette.action.hover},tooltip:{text:o.palette.text.primary,background:o.palette.background.paper},shadow:"0 4px 6px rgba(255, 255, 255, 0.21), 0 1px 3px rgba(255, 255, 255, 0.26)",border:o.palette.divider,disabled:{text:o.palette.text.disabled,background:o.palette.action.disabledBackground}}}})(Gt,rt,Et,Z),F[39]=rt,F[40]=Gt,F[41]=Z,F[42]=Et,F[43]=Wt):Wt=F[43];const Rt=Wt,_t="static"===bt?120:void 0,Dt=vt?"rgba(0,122,255,0.3)":Ot,Ut=Ht?"0 0 0 2px "+Et.palette.primary.main:void 0,qt=Z?"none":"auto",Jt=Z?"none":"auto";let Yt;F[44]!==Nt||F[45]!==_t||F[46]!==Dt||F[47]!==Ut||F[48]!==qt||F[49]!==Jt?(Yt={backgroundColor:Nt,paddingTop:10,width:"100%",minHeight:_t,borderWidth:1,borderStyle:"solid",borderColor:Dt,borderRadius:16,boxShadow:Ut,pointerEvents:qt,userSelect:Jt},F[44]=Nt,F[45]=_t,F[46]=Dt,F[47]=Ut,F[48]=qt,F[49]=Jt,F[50]=Yt):Yt=F[50];const Kt=Yt;let Qt;F[51]!==wt||F[52]!==Z||F[53]!==Bt||F[54]!==vt||F[55]!==Et.palette.primary.main||F[56]!==Et.palette.text.primary?(Qt=((t,e={})=>{const o={".bn-ai-dirty":{border:"2px solid",borderColor:"rgba(0,122,255,0.3)",transition:"border-color 0.3s ease",boxShadow:"0 0 12px rgba(0, 122, 255, 0.3), inset 0 0 0 1px rgba(0,122,255,0.5)",borderRadius:8},".bn-ai-dirty .bn-editor":{backgroundColor:"transparent",color:w.color}},r=t.duration||0,a=Math.max(.03,Math.min(.15,r/12)),n=Math.max(.18,Math.min(.45,r/3.5)),i={".bn-ai-effect":{borderColor:"rgba(0,122,255,0.5)",boxShadow:"0 0 12px rgba(0, 122, 255, 0.3)",animation:"aiGlowPulse 1.2s ease-in-out infinite","--bn-ai-delay-step":`${a}s`},".bn-ai-effect .bn-editor":{backgroundColor:"transparent",color:w.color},".bn-ai-effect .bn-block-group .bn-block-outer":{overflow:"hidden",opacity:0,transform:"translateY(8px)",willChange:"opacity, transform",animation:`aiChunkIn ${n}s cubic-bezier(0.22, 1, 0.36, 1) forwards`}};return{'.bn-mantine[data-mantine-color-scheme="dark"]':{"--mantine-color-scheme":"light"},".ProseMirror .bn-editor .bn-default-styles":{bakcgroundColor:"transparent"},".bn-editor":{backgroundColor:"transparent"},".bn-mantine .bn-select":{scrollbarColor:"silver transparent"},"bn-menu-dropdown":{scrollbarColor:"silver transparent",scrollbarWidth:"thin"},".bn-default-styles h1":{fontSize:"32px"},".bn-default-styles h2":{fontSize:"24px"},".bn-default-styles h3":{fontSize:"16px"},".bn-container":{display:"flex",flexDirection:"column",height:"100%",gap:"8px"},".bn-formatting-toolbar":{display:"flex !important",flexWrap:"wrap !important",margin:"10px",marginTop:"25px",boxShadow:"none !important",maxWidth:"100% !important",borderRadius:"24px !important",padding:"2px 12px !important"},...t.dirty?o:{},...t.animate?{...i,...j}:{},...e}})({animate:Bt,dirty:vt,duration:wt},{".bn-editor ::selection":{backgroundColor:b(Et.palette.primary.main,.24),color:Et.palette.text.primary},".bn-editor *::selection":{backgroundColor:b(Et.palette.primary.main,.24),color:Et.palette.text.primary},...Z?{".bn-inline-content":{userSelect:Z?"none":"auto",pointerEvents:Z?"none":"auto",color:Z?"gray":"inherit"}}:{}}),F[51]=wt,F[52]=Z,F[53]=Bt,F[54]=vt,F[55]=Et.palette.primary.main,F[56]=Et.palette.text.primary,F[57]=Qt):Qt=F[57];const Xt=Qt,Zt="collapse"===bt&&Ht&&!X&&!Z,te="collapse"!==bt&&!X&&!Z;let ee;F[58]!==At||F[59]!==Q?(ee=()=>{if(At)switch(Q){case"html":return At.blocksToHTMLLossy(At.document);case"full_html":return At.blocksToFullHTML(At.document);case"json":return JSON.stringify(At.document,null,2);case"markdown":return At.blocksToMarkdownLossy(At.document);default:return}},F[58]=At,F[59]=Q,F[60]=ee):ee=F[60];const oe=ee;let re;F[61]!==Z||F[62]!==oe||F[63]!==A||F[64]!==X||F[65]!==Vt?(re=()=>{if(X||Z)return;const t=oe();return A&&"string"==typeof t&&Vt!==t&&$t(t),t},F[61]=Z,F[62]=oe,F[63]=A,F[64]=X,F[65]=Vt,F[66]=re):re=F[66];const ae=re;let ne;F[67]!==ae||F[68]!==E?(ne=()=>{const t=ae();t&&E?.(t)},F[67]=ae,F[68]=E,F[69]=ne):ne=F[69];const ie=ne;let le;F[70]!==ae||F[71]!==Ht||F[72]!==$?(le=t=>{t.stopPropagation();const e=document.querySelector(".bn-container, .bn-formatting-toolbar");if(e&&t.relatedTarget instanceof Node&&e.contains(t.relatedTarget))return;Ht&&It(!1);const o=ae();o&&$?.(o)},F[70]=ae,F[71]=Ht,F[72]=$,F[73]=le):le=F[73];const se=le;let ce;F[74]!==At||F[75]!==H||F[76]!==Q?(ce=()=>{if(At&&H&&"html"===Q)if("string"==typeof H)try{const t=At.tryParseHTMLToBlocks(H);At.replaceBlocks(At.document,t)}catch(t){const e=t;console.error(e)}else console.error('Value must be a string when mode is "html"')},F[74]=At,F[75]=H,F[76]=Q,F[77]=ce):ce=F[77];const de=h(ce);let pe;F[78]!==At||F[79]!==H||F[80]!==Q?(pe=()=>{if(At&&H&&"full_html"===Q)if("string"==typeof H)try{const t=At.tryParseHTMLToBlocks(H);At.replaceBlocks(At.document,t)}catch(t){const e=t;console.error(e)}else console.error('Value must be a string when mode is "html"')},F[78]=At,F[79]=H,F[80]=Q,F[81]=pe):pe=F[81];const me=h(pe);let ue;F[82]!==At||F[83]!==H||F[84]!==Q?(ue=()=>{if(At&&H&&"json"===Q)if(Array.isArray(H)&&H.length>0)try{At.replaceBlocks(At.document,H)}catch(t){const e=t;console.error(e)}else console.error('Value must be an array of PartialBlock objects when mode is "json"')},F[82]=At,F[83]=H,F[84]=Q,F[85]=ue):ue=F[85];const be=h(ue);let fe;F[86]!==At||F[87]!==H||F[88]!==Q?(fe=()=>{if(At&&H&&"markdown"===Q)if("string"==typeof H)try{const t=At.tryParseMarkdownToBlocks(H);At.replaceBlocks(At.document,t)}catch(t){const e=t;console.error(e)}else console.error('Value must be a string when mode is "markdown"')},F[86]=At,F[87]=H,F[88]=Q,F[89]=fe):fe=F[89];const ge=h(fe);let ye,he,xe,ke,ve,Be,we;return F[90]!==Z||F[91]!==At||F[92]!==oe||F[93]!==H||F[94]!==me||F[95]!==de||F[96]!==be||F[97]!==ge||F[98]!==Q||F[99]!==G?(ye=()=>{if(At){if(!H&&Z){const t=At.tryParseHTMLToBlocks(`<p>${G}</p>`);return void At.replaceBlocks(At.document,t)}if("string"==typeof H){if(oe()===H)return}t:switch(Q){case"html":de();break t;case"full_html":me();break t;case"json":be();break t;case"markdown":ge()}}},F[90]=Z,F[91]=At,F[92]=oe,F[93]=H,F[94]=me,F[95]=de,F[96]=be,F[97]=ge,F[98]=Q,F[99]=G,F[100]=ye):ye=F[100],F[101]!==Z||F[102]!==At||F[103]!==oe||F[104]!==H||F[105]!==Q||F[106]!==G?(he=[At,H,Q,Z,G,oe],F[101]=Z,F[102]=At,F[103]=oe,F[104]=H,F[105]=Q,F[106]=G,F[107]=he):he=F[107],x(ye,he),F[108]!==Xt?(xe=S(p,{styles:Xt}),F[108]=Xt,F[109]=xe):xe=F[109],F[110]!==vt||F[111]!==I?(ke=I&&S(m,{size:12,children:S(f,{variant:"body1",color:vt?w.color:"textSecondary",mb:1,children:I})}),F[110]=vt,F[111]=I,F[112]=ke):ke=F[112],F[113]!==P||F[114]!==pt||F[115]!==jt||F[116]!==kt||F[117]!==Z||F[118]!==At||F[119]!==Kt||F[120]!==Rt||F[121]!==se||F[122]!==ie||F[123]!==A||F[124]!==Zt||F[125]!==Ht||F[126]!==te||F[127]!==G||F[128]!==X||F[129]!==N||F[130]!==O||F[131]!==gt||F[132]!==yt||F[133]!==ht||F[134]!==ft||F[135]!==ut||F[136]!==bt||F[137]!==Vt?(ve=At&&M(m,{ref:N,size:12,container:!0,component:"div",children:[M(o,{title:G,editor:At,slashMenu:ht,sideMenu:yt,editable:!X&&!Z,theme:Rt,formattingToolbar:!1,...O,className:jt,onChange:ie,onBlurCapture:se,onFocusCapture:()=>{X||Z||Ht||It(!0)},style:Kt,children:[P&&S(l,{aiMenu:T,floatingUIOptions:{useFloatingOptions:{strategy:"fixed"}}}),M(m,{container:!0,size:12,sx:{position:ft?"sticky":"relative",bottom:ft?0:void 0,zIndex:ft?2:void 0,backgroundColor:ft?"transparent":void 0,pointerEvents:Z?"none":"auto",userSelect:Z?"none":"auto"},children:[M(m,{flexGrow:1,children:["collapse"===bt&&S(d,{in:Zt,children:S(C,{editor:At,staticToolbar:!0,selectToolbar:gt,availableButtons:{...pt,ai:Boolean(P&&!1!==pt?.ai)},customButtons:kt})}),te&&S(C,{editor:At,staticToolbar:"hidden"!==bt,selectToolbar:gt,availableButtons:{...pt,ai:Boolean(P&&!1!==pt?.ai)},customButtons:kt})]}),ut&&S(m,{container:!0,justifyContent:"flex-end",alignItems:"flex-end",m:"10px",mb:"12px",children:S(c,{type:ut.type??"button",size:"small",color:ut.color??"primary",...ut,children:ut.label||"Custom Action"})})]})]}),A&&S("input",{type:"hidden",name:A,value:Vt??"",style:{display:"none"}})]}),F[113]=P,F[114]=pt,F[115]=jt,F[116]=kt,F[117]=Z,F[118]=At,F[119]=Kt,F[120]=Rt,F[121]=se,F[122]=ie,F[123]=A,F[124]=Zt,F[125]=Ht,F[126]=te,F[127]=G,F[128]=X,F[129]=N,F[130]=O,F[131]=gt,F[132]=yt,F[133]=ht,F[134]=ft,F[135]=ut,F[136]=bt,F[137]=Vt,F[138]=ve):ve=F[138],F[139]!==tt||F[140]!==L?(Be=tt&&L&&S(m,{size:12,children:S(f,{variant:"caption",color:"error",style:{marginInline:"14px",marginTop:"3px",marginBottom:-1},children:L})}),F[139]=tt,F[140]=L,F[141]=Be):Be=F[141],F[142]!==xe||F[143]!==ke||F[144]!==ve||F[145]!==Be?(we=M(m,{container:!0,size:12,children:[xe,ke,ve,Be]}),F[142]=xe,F[143]=ke,F[144]=ve,F[145]=Be,F[146]=we):we=F[146],we};export{z as RichTextEditor};
|
|
1
|
+
import{c as t}from"react/compiler-runtime";import"@blocknote/core/fonts/inter.css";import{it as e}from"@blocknote/core/locales";import{BlockNoteView as o,lightDefaultTheme as r,darkDefaultTheme as a}from"@blocknote/mantine";import"@blocknote/mantine/style.css";import{useCreateBlockNote as n}from"@blocknote/react";import{AIExtension as i,AIMenuController as l}from"@blocknote/xl-ai";import{it as s}from"@blocknote/xl-ai/locales";import"@blocknote/xl-ai/style.css";import c from"@mui/material/Button";import d from"@mui/material/Collapse";import p from"@mui/material/FormLabel";import m from"@mui/material/GlobalStyles";import u from"@mui/material/Grid";import{useTheme as b,alpha as f}from"@mui/material/styles";import g from"@mui/material/Typography";import{DefaultChatTransport as y}from"ai";import h,{useEffectEvent as x,useEffect as k}from"react";import{useIsAiDirty as v,useIsAiEditing as B,useTypewriterSpeed as w}from"../AiEditingContext.js";import{aiLabelStyle as T}from"../AiUtils.js";import{CustomAIMenu as C,CustomFormattingToolbar as M}from"./FormattingToolbar.js";import{jsxs as S,jsx as F}from"react/jsx-runtime";const j={};for(let t=0;t<50;t++)j[`.bn-ai-effect .bn-block-group .bn-block-outer:nth-of-type(${t+1})`]={animationDelay:`calc(${t} * var(--bn-ai-delay-step, 0.1s))`};const z=z=>{const L=t(151);let P,A,H,E,I,V,$,q,G,N,O,W,R,_,D,U,J,Y,K,Q,X;L[0]!==z?(({ref:N,id:H,name:V,label:I,placeholder:G,mode:W,initialValue:E,readonly:R,disabled:_,error:D,errorMessage:A,trailingBlock:U,onChange:q,onBlur:$,required:J,focus:Y,aiApi:P,theme:X,backgroundPreset:K,toolbarOptions:Q,...O}=z),L[0]=z,L[1]=P,L[2]=A,L[3]=H,L[4]=E,L[5]=I,L[6]=V,L[7]=$,L[8]=q,L[9]=G,L[10]=N,L[11]=O,L[12]=W,L[13]=R,L[14]=_,L[15]=D,L[16]=U,L[17]=J,L[18]=Y,L[19]=K,L[20]=Q,L[21]=X):(P=L[1],A=L[2],H=L[3],E=L[4],I=L[5],V=L[6],$=L[7],q=L[8],G=L[9],N=L[10],O=L[11],W=L[12],R=L[13],_=L[14],D=L[15],U=L[16],J=L[17],Y=L[18],K=L[19],Q=L[20],X=L[21]);const Z=void 0===W?"html":W,tt=void 0!==R&&R,et=void 0!==_&&_,ot=void 0!==D&&D,rt=void 0!==U&&U,at=void 0!==J&&J,nt=void 0!==Y&&Y,it=void 0===K?"paper":K;let lt;L[22]!==Q?(lt=void 0===Q?{}:Q,L[22]=Q,L[23]=lt):lt=L[23];const st=lt,{style:ct,stickyToolbar:dt,selectMenu:pt,sideMenu:mt,slashMenu:ut,availableButtons:bt,customButtons:ft,submitButton:gt}=st,yt=void 0===ct?"collapse":ct,ht=void 0===dt||dt,xt=void 0!==pt&&pt,kt=void 0!==mt&&mt,vt=void 0!==ut&&ut;let Bt;L[24]!==ft?(Bt=void 0===ft?[]:ft,L[24]=ft,L[25]=Bt):Bt=L[25];const wt=Bt,Tt=v(V),Ct=B(V),Mt=w(),St=O?.className,Ft=Tt?"bn-ai-dirty":"",jt=Ct?"bn-ai-effect":"";let zt;L[26]!==St||L[27]!==Ft||L[28]!==jt?(zt=[St,Ft,jt].filter(Boolean),L[26]=St,L[27]=Ft,L[28]=jt,L[29]=zt):zt=L[29];const Lt=zt.join(" ");let Pt,At,Ht,Et;L[30]!==G?(Pt={...e,ai:s,placeholders:{...e.placeholders,default:G}},L[30]=G,L[31]=Pt):Pt=L[31],L[32]!==P?(At=i({transport:new y({api:P})}),L[32]=P,L[33]=At):At=L[33],L[34]!==At?(Ht=[At],L[34]=At,L[35]=Ht):Ht=L[35],L[36]!==Pt||L[37]!==Ht||L[38]!==rt?(Et={trailingBlock:rt,dictionary:Pt,extensions:Ht},L[36]=Pt,L[37]=Ht,L[38]=rt,L[39]=Et):Et=L[39];const It=n(Et),[Vt,$t]=h.useState(nt||!1),[qt,Gt]=h.useState(H?E:void 0),Nt=b(),Ot=X??Nt.palette.mode,Wt="default"===it?Nt.palette.background.default:Nt.palette.background.paper,Rt=ot?Nt.palette.error.main:Vt?"transparent":"silver";let _t;L[40]!==it||L[41]!==Ot||L[42]!==et||L[43]!==Nt?(_t=((t="light",e,o,n=!1)=>{const i="default"===e?o.palette.background.default:o.palette.background.paper,l="default"===e?o.palette.background.paper:o.palette.background.default;return"light"===t?{...r,colors:{...r.colors,editor:{text:n?o.palette.text.disabled:o.palette.text.primary,background:i},menu:{text:o.palette.text.primary,background:l},selected:{text:"#FFFFFF",background:o.palette.primary.main},hovered:{text:o.palette.text.primary,background:o.palette.action.hover},tooltip:{text:o.palette.text.primary,background:o.palette.background.paper}}}:{...a,colors:{...a.colors,editor:{text:o.palette.text.primary,background:i},menu:{text:o.palette.text.primary,background:l},selected:{text:"#000000",background:o.palette.primary.main},hovered:{text:o.palette.text.primary,background:o.palette.action.hover},tooltip:{text:o.palette.text.primary,background:o.palette.background.paper},shadow:"0 4px 6px rgba(255, 255, 255, 0.21), 0 1px 3px rgba(255, 255, 255, 0.26)",border:o.palette.divider,disabled:{text:o.palette.text.disabled,background:o.palette.action.disabledBackground}}}})(Ot,it,Nt,et),L[40]=it,L[41]=Ot,L[42]=et,L[43]=Nt,L[44]=_t):_t=L[44];const Dt=_t,Ut="static"===yt?120:void 0,Jt=Tt?"rgba(0,122,255,0.3)":Rt,Yt=Vt?"0 0 0 2px "+Nt.palette.primary.main:void 0,Kt=et?"none":"auto",Qt=et?"none":"auto";let Xt;L[45]!==Wt||L[46]!==Ut||L[47]!==Jt||L[48]!==Yt||L[49]!==Kt||L[50]!==Qt?(Xt={backgroundColor:Wt,paddingTop:10,width:"100%",minHeight:Ut,borderWidth:1,borderStyle:"solid",borderColor:Jt,borderRadius:16,boxShadow:Yt,pointerEvents:Kt,userSelect:Qt},L[45]=Wt,L[46]=Ut,L[47]=Jt,L[48]=Yt,L[49]=Kt,L[50]=Qt,L[51]=Xt):Xt=L[51];const Zt=Xt;let te;L[52]!==Mt||L[53]!==et||L[54]!==Ct||L[55]!==Tt||L[56]!==Nt.palette.primary.main||L[57]!==Nt.palette.text.primary?(te=((t,e={})=>{const o={".bn-ai-dirty":{border:"2px solid",borderColor:"rgba(0,122,255,0.3)",transition:"border-color 0.3s ease",boxShadow:"0 0 12px rgba(0, 122, 255, 0.3), inset 0 0 0 1px rgba(0,122,255,0.5)",borderRadius:8},".bn-ai-dirty .bn-editor":{backgroundColor:"transparent",color:T.color}},r=t.duration||0,a=Math.max(.03,Math.min(.15,r/12)),n=Math.max(.18,Math.min(.45,r/3.5)),i={".bn-ai-effect":{borderColor:"rgba(0,122,255,0.5)",boxShadow:"0 0 12px rgba(0, 122, 255, 0.3)",animation:"aiGlowPulse 1.2s ease-in-out infinite","--bn-ai-delay-step":`${a}s`},".bn-ai-effect .bn-editor":{backgroundColor:"transparent",color:T.color},".bn-ai-effect .bn-block-group .bn-block-outer":{overflow:"hidden",opacity:0,transform:"translateY(8px)",willChange:"opacity, transform",animation:`aiChunkIn ${n}s cubic-bezier(0.22, 1, 0.36, 1) forwards`}};return{'.bn-mantine[data-mantine-color-scheme="dark"]':{"--mantine-color-scheme":"light"},".ProseMirror .bn-editor .bn-default-styles":{bakcgroundColor:"transparent"},".bn-editor":{backgroundColor:"transparent"},".bn-mantine .bn-select":{scrollbarColor:"silver transparent"},"bn-menu-dropdown":{scrollbarColor:"silver transparent",scrollbarWidth:"thin"},".bn-default-styles h1":{fontSize:"32px"},".bn-default-styles h2":{fontSize:"24px"},".bn-default-styles h3":{fontSize:"16px"},".bn-container":{display:"flex",flexDirection:"column",height:"100%",gap:"8px"},".bn-formatting-toolbar":{display:"flex !important",flexWrap:"wrap !important",margin:"10px",marginTop:"25px",boxShadow:"none !important",maxWidth:"100% !important",borderRadius:"24px !important",padding:"2px 12px !important"},...t.dirty?o:{},...t.animate?{...i,...j}:{},...e}})({animate:Ct,dirty:Tt,duration:Mt},{".bn-editor ::selection":{backgroundColor:f(Nt.palette.primary.main,.24),color:Nt.palette.text.primary},".bn-editor *::selection":{backgroundColor:f(Nt.palette.primary.main,.24),color:Nt.palette.text.primary},...et?{".bn-inline-content":{userSelect:et?"none":"auto",pointerEvents:et?"none":"auto",color:et?"gray":"inherit"}}:{}}),L[52]=Mt,L[53]=et,L[54]=Ct,L[55]=Tt,L[56]=Nt.palette.primary.main,L[57]=Nt.palette.text.primary,L[58]=te):te=L[58];const ee=te,oe="collapse"===yt&&Vt&&!tt&&!et,re="collapse"!==yt&&!tt&&!et;let ae;L[59]!==It||L[60]!==Z?(ae=()=>{if(It)try{switch(Z){case"html":return It.blocksToHTMLLossy(It.document);case"full_html":return It.blocksToFullHTML(It.document);case"json":return JSON.stringify(It.document,null,2);case"markdown":return It.blocksToMarkdownLossy(It.document);default:return}}catch(t){const e=t;return void console.error("Error generating output:",e)}},L[59]=It,L[60]=Z,L[61]=ae):ae=L[61];const ne=ae;let ie;L[62]!==et||L[63]!==ne||L[64]!==H||L[65]!==tt||L[66]!==qt?(ie=()=>{if(tt||et)return;const t=ne();return H&&"string"==typeof t&&qt!==t&&Gt(t),t},L[62]=et,L[63]=ne,L[64]=H,L[65]=tt,L[66]=qt,L[67]=ie):ie=L[67];const le=ie;let se;L[68]!==le||L[69]!==q?(se=()=>{const t=le();t&&q?.(t)},L[68]=le,L[69]=q,L[70]=se):se=L[70];const ce=se;let de;L[71]!==le||L[72]!==Vt||L[73]!==$?(de=t=>{t.stopPropagation();const e=document.querySelector(".bn-container, .bn-formatting-toolbar");if(e&&t.relatedTarget instanceof Node&&e.contains(t.relatedTarget))return;Vt&&$t(!1);const o=le();o&&$?.(o)},L[71]=le,L[72]=Vt,L[73]=$,L[74]=de):de=L[74];const pe=de;let me;L[75]!==It||L[76]!==E||L[77]!==Z?(me=()=>{if(It&&E&&"html"===Z)if("string"==typeof E)try{const t=It.tryParseHTMLToBlocks(E);It.replaceBlocks(It.document,t)}catch(t){const e=t;console.error(e)}else console.error('Value must be a string when mode is "html"')},L[75]=It,L[76]=E,L[77]=Z,L[78]=me):me=L[78];const ue=x(me);let be;L[79]!==It||L[80]!==E||L[81]!==Z?(be=()=>{if(It&&E&&"full_html"===Z)if("string"==typeof E)try{const t=It.tryParseHTMLToBlocks(E);It.replaceBlocks(It.document,t)}catch(t){const e=t;console.error(e)}else console.error('Value must be a string when mode is "html"')},L[79]=It,L[80]=E,L[81]=Z,L[82]=be):be=L[82];const fe=x(be);let ge;L[83]!==It||L[84]!==E||L[85]!==Z?(ge=()=>{if(It&&E&&"json"===Z)if(Array.isArray(E)&&E.length>0)try{It.replaceBlocks(It.document,E)}catch(t){const e=t;console.error(e)}else console.error('Value must be an array of PartialBlock objects when mode is "json"')},L[83]=It,L[84]=E,L[85]=Z,L[86]=ge):ge=L[86];const ye=x(ge);let he;L[87]!==It||L[88]!==E||L[89]!==Z?(he=()=>{if(It&&E&&"markdown"===Z)if("string"==typeof E)try{const t=It.tryParseMarkdownToBlocks(E);It.replaceBlocks(It.document,t)}catch(t){const e=t;console.error(e)}else console.error('Value must be a string when mode is "markdown"')},L[87]=It,L[88]=E,L[89]=Z,L[90]=he):he=L[90];const xe=x(he);let ke,ve,Be,we,Te,Ce,Me;return L[91]!==et||L[92]!==It||L[93]!==ne||L[94]!==E||L[95]!==fe||L[96]!==ue||L[97]!==ye||L[98]!==xe||L[99]!==Z||L[100]!==G?(ke=()=>{if(It){if(!E&&et){const t=It.tryParseHTMLToBlocks(`<p>${G}</p>`);return void It.replaceBlocks(It.document,t)}if("string"==typeof E){if(ne()===E)return}t:switch(Z){case"html":ue();break t;case"full_html":fe();break t;case"json":ye();break t;case"markdown":xe()}}},L[91]=et,L[92]=It,L[93]=ne,L[94]=E,L[95]=fe,L[96]=ue,L[97]=ye,L[98]=xe,L[99]=Z,L[100]=G,L[101]=ke):ke=L[101],L[102]!==et||L[103]!==It||L[104]!==ne||L[105]!==E||L[106]!==Z||L[107]!==G?(ve=[It,E,Z,et,G,ne],L[102]=et,L[103]=It,L[104]=ne,L[105]=E,L[106]=Z,L[107]=G,L[108]=ve):ve=L[108],k(ke,ve),L[109]!==ee?(Be=F(m,{styles:ee}),L[109]=ee,L[110]=Be):Be=L[110],L[111]!==Ct||L[112]!==Tt||L[113]!==I||L[114]!==at?(we=I&&F(p,{required:at,sx:{mb:1,color:Tt?T.color:"textSecondary","& .MuiFormLabel-asterisk":{color:Ct||Tt?T.color:"error.main"}},children:I}),L[111]=Ct,L[112]=Tt,L[113]=I,L[114]=at,L[115]=we):we=L[115],L[116]!==P||L[117]!==bt||L[118]!==Lt||L[119]!==wt||L[120]!==et||L[121]!==It||L[122]!==Zt||L[123]!==Dt||L[124]!==pe||L[125]!==ce||L[126]!==H||L[127]!==oe||L[128]!==Vt||L[129]!==re||L[130]!==G||L[131]!==tt||L[132]!==N||L[133]!==at||L[134]!==O||L[135]!==xt||L[136]!==kt||L[137]!==vt||L[138]!==ht||L[139]!==gt||L[140]!==yt||L[141]!==qt?(Te=It&&S(u,{ref:N,size:12,container:!0,component:"div",children:[S(o,{title:G,editor:It,slashMenu:vt,sideMenu:kt,editable:!tt&&!et,theme:Dt,formattingToolbar:!1,...O,className:Lt,onChange:ce,onBlurCapture:pe,onFocusCapture:()=>{tt||et||Vt||$t(!0)},style:Zt,children:[P&&F(l,{aiMenu:C,floatingUIOptions:{useFloatingOptions:{strategy:"fixed"}}}),S(u,{container:!0,size:12,sx:{position:ht?"sticky":"relative",bottom:ht?0:void 0,zIndex:ht?2:void 0,backgroundColor:ht?"transparent":void 0,pointerEvents:et?"none":"auto",userSelect:et?"none":"auto"},children:[S(u,{flexGrow:1,children:["collapse"===yt&&F(d,{in:oe,children:F(M,{editor:It,staticToolbar:!0,selectToolbar:xt,availableButtons:{...bt,ai:Boolean(P&&!1!==bt?.ai)},customButtons:wt})}),re&&F(M,{editor:It,staticToolbar:"hidden"!==yt,selectToolbar:xt,availableButtons:{...bt,ai:Boolean(P&&!1!==bt?.ai)},customButtons:wt})]}),gt&&F(u,{container:!0,justifyContent:"flex-end",alignItems:"flex-end",m:"10px",mb:"12px",children:F(c,{type:gt.type??"button",size:"small",color:gt.color??"primary",...gt,children:gt.label||"Custom Action"})})]})]}),H&&F("input",{type:"hidden",name:H,value:qt??"",required:at,style:{display:"none"}})]}),L[116]=P,L[117]=bt,L[118]=Lt,L[119]=wt,L[120]=et,L[121]=It,L[122]=Zt,L[123]=Dt,L[124]=pe,L[125]=ce,L[126]=H,L[127]=oe,L[128]=Vt,L[129]=re,L[130]=G,L[131]=tt,L[132]=N,L[133]=at,L[134]=O,L[135]=xt,L[136]=kt,L[137]=vt,L[138]=ht,L[139]=gt,L[140]=yt,L[141]=qt,L[142]=Te):Te=L[142],L[143]!==ot||L[144]!==A?(Ce=ot&&A&&F(u,{size:12,children:F(g,{variant:"caption",color:"error",style:{marginInline:"14px",marginTop:"3px",marginBottom:-1},children:A})}),L[143]=ot,L[144]=A,L[145]=Ce):Ce=L[145],L[146]!==Be||L[147]!==we||L[148]!==Te||L[149]!==Ce?(Me=S(u,{container:!0,size:12,children:[Be,we,Te,Ce]}),L[146]=Be,L[147]=we,L[148]=Te,L[149]=Ce,L[150]=Me):Me=L[150],Me};export{z as RichTextEditor};
|
|
@@ -7,6 +7,7 @@ interface RichTextFieldProps<T extends FieldValues> extends Omit<RichTextEditorP
|
|
|
7
7
|
control: Control<T>;
|
|
8
8
|
defaultValue?: FieldPathValue<T, Path<T>>;
|
|
9
9
|
rules?: Omit<RegisterOptions<T, Path<T>>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
|
|
10
|
+
required?: boolean;
|
|
10
11
|
shouldUnregister?: boolean;
|
|
11
12
|
}
|
|
12
13
|
declare function RichTextField<T extends FieldValues>(props: RichTextFieldProps<T>): react_jsx_runtime.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e}from"react/compiler-runtime";import{useController as r}from"react-hook-form";import{RichTextEditor as o}from"./RichTextEditor/RichTextEditor.js";import{jsx as t}from"react/jsx-runtime";function l(l){const n=e(
|
|
1
|
+
import{c as e}from"react/compiler-runtime";import{useController as r}from"react-hook-form";import{RichTextEditor as o}from"./RichTextEditor/RichTextEditor.js";import{jsx as t}from"react/jsx-runtime";function l(l){const n=e(30);let i,a,s,u,d,m,c,f;n[0]!==l?(({name:s,control:i,defaultValue:a,rules:m,shouldUnregister:c,required:u,...d}=l),n[0]=l,n[1]=i,n[2]=a,n[3]=s,n[4]=u,n[5]=d,n[6]=m,n[7]=c):(i=n[1],a=n[2],s=n[3],u=n[4],d=n[5],m=n[6],c=n[7]),n[8]!==i||n[9]!==a||n[10]!==s||n[11]!==d.disabled||n[12]!==m||n[13]!==c?(f={name:s,control:i,defaultValue:a,disabled:d.disabled,rules:m,shouldUnregister:c},n[8]=i,n[9]=a,n[10]=s,n[11]=d.disabled,n[12]=m,n[13]=c,n[14]=f):f=n[14];const{field:h,fieldState:g}=r(f);let p;n[15]!==h||n[16]!==d?(p=e=>{h.onChange(e),d.onChange?.(e)},n[15]=h,n[16]=d,n[17]=p):p=n[17];const b=p;let x;n[18]!==h||n[19]!==d?(x=e=>{h.onBlur(),d.onBlur?.(e)},n[18]=h,n[19]=d,n[20]=x):x=n[20];const B=x,C=h.value??a,V=Boolean(g.error),j=g.error?.message;let q;return n[21]!==B||n[22]!==b||n[23]!==s||n[24]!==u||n[25]!==d||n[26]!==C||n[27]!==V||n[28]!==j?(q=t(o,{...d,name:s,initialValue:C,onChange:b,onBlur:B,error:V,errorMessage:j,required:u}),n[21]=B,n[22]=b,n[23]=s,n[24]=u,n[25]=d,n[26]=C,n[27]=V,n[28]=j,n[29]=q):q=n[29],q}export{l as RichTextField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as r}from"react/compiler-runtime";import e from"@mui/material/FormControl";import i from"@mui/material/FormLabel";import
|
|
1
|
+
import{c as r}from"react/compiler-runtime";import e from"@mui/material/FormControl";import i from"@mui/material/FormLabel";import l from"@mui/material/InputAdornment";import o from"@mui/material/InputLabel";import t from"@mui/material/Select";import{SparklesIcon as a}from"lucide-react";import"react";import{Controller as m}from"react-hook-form";import{useIsAiEditing as d,useIsAiDirty as n,useTypewriterSpeed as s}from"./AiEditingContext.js";import{aiSelectSxEffect as u,aiLabelStyle as c}from"./AiUtils.js";import{jsx as b,jsxs as f,Fragment as p}from"react/jsx-runtime";function h(h){const x=r(20),{name:v,control:g,defaultValue:A,rules:q,shouldUnregister:j,legend:y,children:z,...F}=h,I=void 0===y||y,L=d(v),U=n(v),k=s();let C;x[0]!==k||x[1]!==L||x[2]!==U?(C=u({animate:L,dirty:U,duration:k}),x[0]=k,x[1]=L,x[2]=U,x[3]=C):C=x[3];const S=[C,...Array.isArray(F.sx)?F.sx:F.sx?[F.sx]:[]];let V,W;return x[4]!==z||x[5]!==L||x[6]!==U||x[7]!==I||x[8]!==v||x[9]!==F||x[10]!==S?(V=r=>{const{field:m,fieldState:d}=r,{error:n}=d;return f(p,{children:[I&&F.label&&b(i,{required:F.required,sx:{color:U||L?c.color:void 0,"& .MuiFormLabel-asterisk":{color:L||U?c.color:"error.main"}},children:F.label}),f(e,{fullWidth:F.fullWidth??!0,size:F.size,required:F.required,sx:{position:"relative"},children:[!I&&F.label&&b(o,{id:`${v}-label`,sx:{color:U||L?c.color:void 0},children:F.label}),b(t,{labelId:`${v}-label`,variant:"outlined",...F,label:I?"":F.label,error:Boolean(n),...m,disabled:m.disabled,value:m.value??null,sx:S,children:z}),U&&!L&&b(l,{position:"end",sx:{position:"absolute",right:45,top:"50%",transform:"translateY(-50%)"},children:b(a,{size:20,color:"rgba(0,122,255,0.8)"})})]})]})},x[4]=z,x[5]=L,x[6]=U,x[7]=I,x[8]=v,x[9]=F,x[10]=S,x[11]=V):V=x[11],x[12]!==g||x[13]!==A||x[14]!==v||x[15]!==q||x[16]!==F.disabled||x[17]!==j||x[18]!==V?(W=b(m,{name:v,control:g,defaultValue:A,disabled:F.disabled,rules:q,shouldUnregister:j,render:V}),x[12]=g,x[13]=A,x[14]=v,x[15]=q,x[16]=F.disabled,x[17]=j,x[18]=V,x[19]=W):W=x[19],W}export{h as SelectField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as r}from"react/compiler-runtime";import e from"@mui/material/FormControl";import o from"@mui/material/FormLabel";import t from"@mui/material/InputAdornment";import{useTheme as i}from"@mui/material/styles";import{TimePicker as l}from"@mui/x-date-pickers";import s from"dayjs";import{ClockIcon as n,SparklesIcon as a}from"lucide-react";import m from"react";import{useWatch as d,Controller as u}from"react-hook-form";import{useIsAiEditing as c,useIsAiDirty as p,useTypewriterSpeed as f}from"./AiEditingContext.js";import{aiEffectStyle as x,aiLabelStyle as b}from"./AiUtils.js";import{jsx as g,jsxs as h}from"react/jsx-runtime";function y(y){const v=r(19),{name:A,control:F,defaultValue:P,rules:H,shouldUnregister:k,legend:V,required:z,fullWidth:B,stringOnEmpty:j,...C}=y,q=void 0===V||V,I=void 0!==z&&z,S=void 0===B||B,U=void 0!==j&&j,D=i(),E=U?"":null,L="string"==typeof C.format?C.format:"HH:mm",M=c(A),O=p(A),W=f(),T=r=>{if("string"!=typeof r||""===r.trim())return null;const e=s(r,L,!0);if(e.isValid())return e;const o=s(r,["HH","HH:mm","HH:mm:ss"],!0);return o.isValid()?o:null},w=C.slotProps?.textField?.sx,G=[x({animate:M,dirty:O,duration:W}),...Array.isArray(w)?w:w?[w]:[]],J=M?"none":void 0;let K;v[0]!==J?(K={display:J},v[0]=J,v[1]=K):K=v[1];const N=[...Array.isArray(w)?w:w?[w]:[],K];let Q;v[2]!==F||v[3]!==A?(Q={control:F,name:A},v[2]=F,v[3]=A,v[4]=Q):Q=v[4];const R=d(Q);let X;v[5]!==R||v[6]!==T?(X=()=>T(R),v[5]=R,v[6]=T,v[7]=X):X=v[7];const[Y,Z]=m.useState(X);if(!Y){const r=T(R);r&&Z(r)}let $;v[8]!==E||v[9]!==L?($=(r,e,o)=>{if(!r||!r.isValid())return e(E),o(),void Z(null);e(s(r).format(L)),o(),Z(r)},v[8]=E,v[9]=L,v[10]=$):$=v[10];const _=$,rr=r=>{const{field:i,fieldState:s}=r,{error:m}=s;return h(e,{fullWidth:S,sx:{margin:"auto",position:"relative"},children:[q&&g(o,{required:I,sx:{color:O?b.color:void 0,"& .MuiFormLabel-asterisk":{color:M||O?b.color:"error.main"}},children:C.label}),g(l,{format:L,ampm:!1,...C,...i,ref:i.ref,formatDensity:"dense",value:Y,onChange:r=>{r&&r.isValid()?Z(r):Z(null)},enableAccessibleFieldDOMStructure:!1,onAccept:r=>_(r,i.onChange,i.onBlur),slots:{...C.slots,openPickerIcon:n},slotProps:{openPickerIcon:{color:D.palette.action.active,size:"small"===C.slotProps?.textField?.size?20:24},openPickerButton:{size:C.slotProps?.textField?.size,sx:N},...C.slotProps,textField:{required:I,label:q?"":C.label,error:Boolean(m),helperText:m?.message,onBlur:i.onBlur,...C.slotProps?.textField,sx:G}}}),O&&!M&&g(t,{position:"end",sx:{position:"absolute",right:48,top:q?"57%":"38%"},children:g(a,{size:20,color:"rgba(0,122,255,0.8)"})})]})};let er;return v[11]!==F||v[12]!==C.disabled||v[13]!==P||v[14]!==A||v[15]!==H||v[16]!==k||v[17]!==rr?(er=g(u,{name:A,control:F,defaultValue:P,disabled:C.disabled,rules:H,shouldUnregister:k,render:rr}),v[11]=F,v[12]=C.disabled,v[13]=P,v[14]=A,v[15]=H,v[16]=k,v[17]=rr,v[18]=er):er=v[18],er}export{y as TimeField};
|
|
1
|
+
import{c as r}from"react/compiler-runtime";import e from"@mui/material/FormControl";import o from"@mui/material/FormLabel";import t from"@mui/material/InputAdornment";import{useTheme as i}from"@mui/material/styles";import{TimePicker as l}from"@mui/x-date-pickers";import s from"dayjs";import{ClockIcon as n,SparklesIcon as a}from"lucide-react";import m from"react";import{useWatch as d,Controller as u}from"react-hook-form";import{useIsAiEditing as c,useIsAiDirty as p,useTypewriterSpeed as f}from"./AiEditingContext.js";import{aiEffectStyle as x,aiLabelStyle as b}from"./AiUtils.js";import{jsx as g,jsxs as h}from"react/jsx-runtime";function y(y){const v=r(19),{name:A,control:F,defaultValue:P,rules:H,shouldUnregister:k,legend:V,required:z,fullWidth:B,stringOnEmpty:j,...C}=y,q=void 0===V||V,I=void 0!==z&&z,S=void 0===B||B,U=void 0!==j&&j,D=i(),E=U?"":null,L="string"==typeof C.format?C.format:"HH:mm",M=c(A),O=p(A),W=f(),T=r=>{if("string"!=typeof r||""===r.trim())return null;const e=s(r,L,!0);if(e.isValid())return e;const o=s(r,["HH","HH:mm","HH:mm:ss"],!0);return o.isValid()?o:null},w=C.slotProps?.textField?.sx,G=[x({animate:M,dirty:O,duration:W}),...Array.isArray(w)?w:w?[w]:[]],J=M?"none":void 0;let K;v[0]!==J?(K={display:J},v[0]=J,v[1]=K):K=v[1];const N=[...Array.isArray(w)?w:w?[w]:[],K];let Q;v[2]!==F||v[3]!==A?(Q={control:F,name:A},v[2]=F,v[3]=A,v[4]=Q):Q=v[4];const R=d(Q);let X;v[5]!==R||v[6]!==T?(X=()=>T(R),v[5]=R,v[6]=T,v[7]=X):X=v[7];const[Y,Z]=m.useState(X);if(!Y){const r=T(R);r&&Z(r)}let $;v[8]!==E||v[9]!==L?($=(r,e,o)=>{if(!r||!r.isValid())return e(E),o(),void Z(null);e(s(r).format(L)),o(),Z(r)},v[8]=E,v[9]=L,v[10]=$):$=v[10];const _=$,rr=r=>{const{field:i,fieldState:s}=r,{error:m}=s;return h(e,{fullWidth:S,sx:{margin:"auto",position:"relative"},children:[q&&C.label&&g(o,{required:I,sx:{color:O?b.color:void 0,"& .MuiFormLabel-asterisk":{color:M||O?b.color:"error.main"}},children:C.label}),g(l,{format:L,ampm:!1,...C,...i,ref:i.ref,formatDensity:"dense",value:Y,onChange:r=>{r&&r.isValid()?Z(r):Z(null)},enableAccessibleFieldDOMStructure:!1,onAccept:r=>_(r,i.onChange,i.onBlur),slots:{...C.slots,openPickerIcon:n},slotProps:{openPickerIcon:{color:D.palette.action.active,size:"small"===C.slotProps?.textField?.size?20:24},openPickerButton:{size:C.slotProps?.textField?.size,sx:N},...C.slotProps,textField:{required:I,label:q?"":C.label,error:Boolean(m),helperText:m?.message,onBlur:i.onBlur,...C.slotProps?.textField,sx:G}}}),O&&!M&&g(t,{position:"end",sx:{position:"absolute",right:48,top:q?"57%":"38%"},children:g(a,{size:20,color:"rgba(0,122,255,0.8)"})})]})};let er;return v[11]!==F||v[12]!==C.disabled||v[13]!==P||v[14]!==A||v[15]!==H||v[16]!==k||v[17]!==rr?(er=g(u,{name:A,control:F,defaultValue:P,disabled:C.disabled,rules:H,shouldUnregister:k,render:rr}),v[11]=F,v[12]=C.disabled,v[13]=P,v[14]=A,v[15]=H,v[16]=k,v[17]=rr,v[18]=er):er=v[18],er}export{y as TimeField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Grid";import o,{useEffect as s,useEffectEvent as a}from"react";import{TableActionHeader as
|
|
1
|
+
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Grid";import o,{useEffect as s,useEffectEvent as a}from"react";import{TableActionHeader as r}from"../TableComponents/TableActionHeader.js";import{TableCommonBody as i}from"../TableComponents/TableCommonBody.js";import{TableFilterHeader as n}from"../TableComponents/TableFilterHeader.js";import{localizedTableStrings as l}from"../TableComponents/TableLocales.js";import{LegacyTableFooter as c}from"./LegacyTableFooter.js";import{jsx as u,jsxs as m}from"react/jsx-runtime";function d({columns:e,localVisibleCols:t,setCurrentColumns:o}){if(!t)return void o(e);const s=function(e){try{return JSON.parse(e)}catch{return e}}(t);Array.isArray(s)?o(e.map(e=>{const t=s.find(t=>t.accessor===e.accessor);return{...e,visible:t?t?.visible:e?.columnOptions?.visible??!0,locked:Boolean(e.columnOptions?.locked)}}).sort((e,t)=>s.findIndex(t=>t.accessor===e.accessor)-s.findIndex(e=>e.accessor===t.accessor))):o(e)}function h(h){const p=e(99),{tableInfo:f,fetchInfo:b,queryInfo:g,tableActions:S,tableButtons:C,onRowClick:v,tableLocale:y,localeStr:w}=h;let F;p[0]!==g?(F=void 0===g?{}:g,p[0]=g,p[1]=F):F=p[1];const k=F,P=void 0===y?"en":y,{tableName:R,tableData:T,columns:A,expectedRowCount:x,variant:B,filterMode:I,defaultShowFilters:_,staticMode:H,showRefreshButton:V,emptyTablePlaceholder:j,showVisibleColumnsButton:L}=f,O=void 0===B?"standard":B,q=void 0===I?"single":I,z=void 0!==H&&H,Q=void 0===V||V,D=void 0===L||L;let M;p[2]!==S?(M=S||{},p[2]=S,p[3]=M):M=p[3];const{quickActions:N}=M;let E;p[4]!==C?(E=C||{},p[4]=C,p[5]=E):E=p[5];const{refreshButton:G}=E,{fetchData:J,isFetching:$}=b;let K;p[6]!==f.paginationOptions?(K=f.paginationOptions||{},p[6]=f.paginationOptions,p[7]=K):K=p[7];const{stickyHeader:U,stickyFooter:W,customPageRowCount:X,customSelectPages:Y,autoSizeHeight:Z,hideFooter:ee,footerVariant:te}=K,oe=void 0===U||U,se=void 0===W||W,ae=void 0===Z||Z,re=void 0!==ee&&ee,ie=void 0===te?"standard":te,{filtersQuery:ne}=k,le=l[P];let ce;p[8]!==w||p[9]!==le?(ce={...le,...w},p[8]=w,p[9]=le,p[10]=ce):ce=p[10];const ue=ce,[me,de]=o.useState(0);let he;p[11]!==X||p[12]!==x||p[13]!==R?(he=X?parseInt(localStorage.getItem(`${R}-rowsPerPage`)??"5")||X:x,p[11]=X,p[12]=x,p[13]=R,p[14]=he):he=p[14];const[pe,fe]=o.useState(he),[be,ge]=o.useState(-1);let Se;p[15]===Symbol.for("react.memo_cache_sentinel")?(Se=[],p[15]=Se):Se=p[15];const[Ce,ve]=o.useState(Se),[ye,we]=o.useState(!1);let Fe;p[16]!==R?(Fe=localStorage.getItem(R),p[16]=R,p[17]=Fe):Fe=p[17];const ke=Fe;let Pe;p[18]===Symbol.for("react.memo_cache_sentinel")?(Pe=[],p[18]=Pe):Pe=p[18];const[Re,Te]=o.useState(Pe),[Ae,xe]=o.useState(!1);let Be;p[19]===Symbol.for("react.memo_cache_sentinel")?(Be=[],p[19]=Be):Be=p[19];const[Ie,_e]=o.useState(Be),[He,Ve]=o.useState(!1);let je;p[20]!==Ce||p[21]!==me||p[22]!==J||p[23]!==be||p[24]!==pe?(je=async e=>{("reset"===e||be<me)&&(await J(pe,Ce,"reset"===e),Ve(!0),ge("reset"===e?0:me))},p[20]=Ce,p[21]=me,p[22]=J,p[23]=be,p[24]=pe,p[25]=je):je=p[25];const Le=je;let Oe;p[26]===Symbol.for("react.memo_cache_sentinel")?(Oe=(e,t)=>{de(t)},p[26]=Oe):Oe=p[26];const qe=Oe;let ze;p[27]!==Le?(ze=e=>{fe(parseInt(e.target.value,10)),de(0),ge(-1),Le("reset")},p[27]=Le,p[28]=ze):ze=p[28];const Qe=ze;let De,Me;p[29]!==A||p[30]!==ke?(De=()=>{d({columns:A,localVisibleCols:ke,setCurrentColumns:Te})},Me=[A,ke],p[29]=A,p[30]=ke,p[31]=De,p[32]=Me):(De=p[31],Me=p[32]),s(De,Me);const Ne=a(Le);let Ee,Ge;p[33]!==me||p[34]!==Ne||p[35]!==z?(Ee=()=>{0===me||z||Ne()},p[33]=me,p[34]=Ne,p[35]=z,p[36]=Ee):Ee=p[36],p[37]!==me||p[38]!==z?(Ge=[me,z],p[37]=me,p[38]=z,p[39]=Ge):Ge=p[39],s(Ee,Ge);const Je=$&&T.length===me*pe||!ye,$e=!!z||be>=me,Ke=!Je&&(0===x||0===T.length),Ue=oe?"sticky":"static";let We,Xe,Ye,Ze;p[40]!==Ue?(We={position:Ue,top:0,zIndex:2,backgroundColor:"background.paper",borderRadius:"8px 8px 0 0"},p[40]=Ue,p[41]=We):We=p[41],p[42]!==Ce||p[43]!==ye||p[44]!==A||p[45]!==ue.filters||p[46]!==_||p[47]!==Le||p[48]!==q||p[49]!==ne||p[50]!==Je||p[51]!==G||p[52]!==Q?(Xe=u(n,{columns:A,isFetching:Je,filterMode:q,defaultShowFilters:_,filtersQuery:ne,activeFilters:Ce,setActiveFilters:ve,areFiltersLoaded:ye,setAreFiltersLoaded:we,handleFetchData:Le,setCurrentPage:de,setHighestFetchedPage:ge,refreshButton:G,showRefreshButton:Q,localeStr:ue.filters}),p[42]=Ce,p[43]=ye,p[44]=A,p[45]=ue.filters,p[46]=_,p[47]=Le,p[48]=q,p[49]=ne,p[50]=Je,p[51]=G,p[52]=Q,p[53]=Xe):Xe=p[53],p[54]!==Ce||p[55]!==Re||p[56]!==ue.header||p[57]!==x||p[58]!==Je||p[59]!==N||p[60]!==Ie||p[61]!==D||p[62]!==Ae||p[63]!==C?(Ye=u(r,{expectedRowCount:x,currentColumns:Re,setCurrentColumns:Te,isFetching:Je,quickActions:N,tableActionsActive:Ae,setQuickActions:xe,quickSelectedRows:Ie,setQuickSelectedRows:_e,activeFilters:Ce,tableButtons:C,showVisibleColumnsButton:D,localeStr:ue.header}),p[54]=Ce,p[55]=Re,p[56]=ue.header,p[57]=x,p[58]=Je,p[59]=N,p[60]=Ie,p[61]=D,p[62]=Ae,p[63]=C,p[64]=Ye):Ye=p[64],p[65]!==We||p[66]!==Xe||p[67]!==Ye?(Ze=m(t,{className:"LegacyTable-Header",component:"div",container:!0,size:12,"data-sticky":!0,sx:We,children:[Xe,Ye]}),p[65]=We,p[66]=Xe,p[67]=Ye,p[68]=Ze):Ze=p[68];const et=Je||!He;let tt;p[69]!==ae||p[70]!==Re||p[71]!==me||p[72]!==j||p[73]!==re||p[74]!==Ke||p[75]!==v||p[76]!==Ie||p[77]!==pe||p[78]!==et||p[79]!==Ae||p[80]!==T||p[81]!==O?(tt=u(i,{tableData:T,visibleColumns:Re,setVisibleColumns:Te,page:me,rowsPerPage:pe,tableActionsActive:Ae,quickSelectedRows:Ie,setQuickSelectedRows:_e,isFetching:et,onRowClick:v,autoSizeHeight:ae,emptyTablePlaceholder:j,isTableEmpty:Ke,hideFooter:re,variant:O}),p[69]=ae,p[70]=Re,p[71]=me,p[72]=j,p[73]=re,p[74]=Ke,p[75]=v,p[76]=Ie,p[77]=pe,p[78]=et,p[79]=Ae,p[80]=T,p[81]=O,p[82]=tt):tt=p[82];const ot=Je||!$e;let st,at;return p[83]!==ue.footer||p[84]!==me||p[85]!==Y||p[86]!==x||p[87]!==ie||p[88]!==Qe||p[89]!==re||p[90]!==Ke||p[91]!==pe||p[92]!==se||p[93]!==ot?(st=u(c,{expectedRowCount:x,rowsPerPage:pe,page:me,handleChangePage:qe,handleChangeRowsPerPage:Qe,customSelectPages:Y,localeStr:ue.footer,isTableEmpty:Ke,hideFooter:re,stickyFooter:se,isFetching:ot,footerVariant:ie}),p[83]=ue.footer,p[84]=me,p[85]=Y,p[86]=x,p[87]=ie,p[88]=Qe,p[89]=re,p[90]=Ke,p[91]=pe,p[92]=se,p[93]=ot,p[94]=st):st=p[94],p[95]!==Ze||p[96]!==tt||p[97]!==st?(at=m(t,{container:!0,size:12,spacing:0,children:[Ze,tt,st]}),p[95]=Ze,p[96]=tt,p[97]=st,p[98]=at):at=p[98],at}export{h as LegacyDynamicTable};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Checkbox";import i from"@mui/material/Divider";import o from"@mui/material/Grid";import n from"@mui/material/IconButton";import
|
|
1
|
+
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Checkbox";import i from"@mui/material/Divider";import o from"@mui/material/Grid";import n from"@mui/material/IconButton";import l from"@mui/material/ListItemIcon";import r from"@mui/material/ListItemText";import c from"@mui/material/Menu";import a from"@mui/material/MenuItem";import m from"@mui/material/MenuList";import s from"@mui/material/Skeleton";import{useTheme as d}from"@mui/material/styles";import h from"@mui/material/Table";import u from"@mui/material/TableBody";import p from"@mui/material/TableContainer";import f from"@mui/material/TableRow";import b from"@mui/material/Typography";import{SquareCheckIcon as v,SquareIcon as g}from"lucide-react";import x from"react";import{StyledTableCell as y,variantHeightMap as k,getMaxWidth as w,getStickyStyle as S,DynamicCellCreator as C,TableCommonHeaderProps as T}from"../TableComponents/TableCommonBody.js";import{jsxs as R,jsx as I}from"react/jsx-runtime";function A(A){const W=e(123),{tableData:$,activeFilters:L,setActiveFilters:P,visibleColumns:B,tableActions:q,tableActionsActive:D,quickSelectedRows:X,setQuickSelectedRows:Y,rowsPerPage:j,isFetching:z,onRowClick:H,autoSizeHeight:O,emptyTablePlaceholder:N,isTableEmpty:Q,hideFooter:E,variant:G,localeStr:J}=A;let K;W[0]!==q?(K=q||{},W[0]=q,W[1]=K):K=W[1];const{quickActions:U,contextMenuActions:V}=K;let Z;W[2]!==U?(Z=U||{},W[2]=U,W[3]=Z):Z=W[3];const{actionList:ee,onAction:te}=Z;let ie;W[4]!==ee?(ie=void 0===ee?[]:ee,W[4]=ee,W[5]=ie):ie=W[5];const oe=ie;let ne;W[6]!==V?(ne=V||{},W[6]=V,W[7]=ne):ne=W[7];const{actionList:le,onAction:re}=ne;let ce;W[8]!==le?(ce=void 0===le?[]:le,W[8]=le,W[9]=ce):ce=W[9];const ae=ce,me=d(),[se,de]=x.useState(void 0),[he,ue]=x.useState(null);let pe;W[10]!==oe||W[11]!==he||W[12]!==ae.length||W[13]!==D||W[14]!==$?(pe=e=>{if(D)return;if(0===oe.length&&0===ae.length)return;e.preventDefault();const t=e.currentTarget.getAttribute("id");if(t){const e=$.find(e=>String(e.id)===t);de(e)}else de(void 0);ue(null===he?{mouseX:e.clientX+2,mouseY:e.clientY-6}:null);const i=document.getSelection();if(i&&i.rangeCount>0){const e=i.getRangeAt(0);setTimeout(()=>{i.addRange(e)})}},W[10]=oe,W[11]=he,W[12]=ae.length,W[13]=D,W[14]=$,W[15]=pe):pe=W[15];const fe=pe;let be;W[16]===Symbol.for("react.memo_cache_sentinel")?(be=()=>{ue(null),de(void 0)},W[16]=be):be=W[16];const ve=be;let ge,xe,ye,ke,we,Se;if(W[17]!==O||W[18]!==N||W[19]!==fe||W[20]!==E||W[21]!==Q||W[22]!==H||W[23]!==X||W[24]!==j||W[25]!==se?.id||W[26]!==Y||W[27]!==D||W[28]!==$||W[29]!==me||W[30]!==G||W[31]!==B){let e;we=j>0?$.slice(0,j):$,ke=O?5-we.length||0:j-we.length,W[38]!==X?(e=e=>X.some(t=>t.id===e.id),W[38]=X,W[39]=e):e=W[39];const i=e;let n;W[40]!==se?.id?(n=e=>se?.id===e.id,W[40]=se?.id,W[41]=n):n=W[41];const l=n;let r;W[42]!==Y?(r=e=>{Y(t=>t.some(t=>t.id===e.id)?t.filter(t=>t.id!==e.id):[...t,e])},W[42]=Y,W[43]=r):r=W[43];const c=r;xe=Q?"div":x.Fragment;const a=56*j+(E?52:0);let m,d,h,u;if(W[44]===Symbol.for("react.memo_cache_sentinel")?(m={animation:"fadeIn 0.2s ease-in-out forwards",opacity:0},W[44]=m):m=W[44],W[45]!==N||W[46]!==a?(d=I(o,{component:"div",container:!0,justifyContent:"center",alignItems:"center",minHeight:a,sx:m,children:N}),W[45]=N,W[46]=a,W[47]=d):d=W[47],ge=d,W[48]!==j||W[49]!==D||W[50]!==G||W[51]!==B){let e;W[53]!==D||W[54]!==G||W[55]!==B?(e=(e,t)=>R(f,{component:"div",sx:{animation:"fadeIn 0.2s ease-in-out forwards",opacity:0},children:[D&&I(y,{component:"div",padding:"checkbox",sx:{height:k[G],width:56},children:I(s,{animation:"wave",variant:"rounded",height:"dense"===G?void 0:20})},`skeleton-checkbox-${t}`),B.length>0?B.map(e=>{const t=w(e);return!1===e.columnOptions?.visible?null:I(y,{component:"div",sx:{height:k[G],maxWidth:t},children:I(s,{animation:"wave",variant:"rounded",height:"dense"===G?void 0:20})},`skeleton-cell-${e.accessor}`)}):I(y,{component:"div",colSpan:D?1:0,sx:{height:k[G]}})]},`skeleton-${t}`),W[53]=D,W[54]=G,W[55]=B,W[56]=e):e=W[56],h=Array.from({length:j},e),W[48]=j,W[49]=D,W[50]=G,W[51]=B,W[52]=h}else h=W[52];ye=h,W[57]!==c||W[58]!==fe||W[59]!==l||W[60]!==i||W[61]!==H||W[62]!==D||W[63]!==me||W[64]!==G||W[65]!==B?(u=e=>R(f,{id:String(e.id),component:"div",hover:!0,selected:i(e)||l(e),onClick:D?()=>c(e):()=>H?.(e),onContextMenu:fe,"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:[D&&I(y,{component:"div",padding:"checkbox",onClick:M,sx:{height:k[G],...S({theme:me,sticky:"left"})},children:I(t,{color:"primary",onChange:()=>c(e),checked:i(e),icon:I(g,{size:22}),checkedIcon:I(v,{size:22})})},`checkbox-${e.id}`),B.map((t,i)=>{if(!1===t.columnOptions?.visible)return null;const o=!D&&i===B.length-1&&Boolean(H);return I(C,{row:e,column:t,variant:G,showNavigateIcon:o},`custom-cell-${t.accessor}`)})]},`table-row-${e.id}`),W[57]=c,W[58]=fe,W[59]=l,W[60]=i,W[61]=H,W[62]=D,W[63]=me,W[64]=G,W[65]=B,W[66]=u):u=W[66],Se=we.filter(F).filter(_).map(u),W[17]=O,W[18]=N,W[19]=fe,W[20]=E,W[21]=Q,W[22]=H,W[23]=X,W[24]=j,W[25]=se?.id,W[26]=Y,W[27]=D,W[28]=$,W[29]=me,W[30]=G,W[31]=B,W[32]=ge,W[33]=xe,W[34]=ye,W[35]=ke,W[36]=we,W[37]=Se}else ge=W[32],xe=W[33],ye=W[34],ke=W[35],we=W[36],Se=W[37];const Ce=Se,Te=null!==he&&!D;let Re,Ie,Ae,Me,_e,Fe,We,$e;W[67]===Symbol.for("react.memo_cache_sentinel")?(Re=e=>{e.preventDefault(),ve()},W[67]=Re):Re=W[67],W[68]!==he?(Ie=null!==he?{top:he.mouseY,left:he.mouseX}:void 0,W[68]=he,W[69]=Ie):Ie=W[69],W[70]===Symbol.for("react.memo_cache_sentinel")?(Ae={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%"}},W[70]=Ae):Ae=W[70],W[71]!==L||W[72]!==ae||W[73]!==re||W[74]!==se?(Me=ae?.map((e,t)=>R(a,{onClick:()=>{re&&se&&re(e.type,[se],L),ve()},children:[e.icon&&I(l,{children:I(n,{color:e.color||"inherit",disableRipple:!0,disableFocusRipple:!0,disableTouchRipple:!0,sx:{p:0},children:e.icon})}),I(r,{children:I(b,{variant:"body2",color:e.color||"inherit",noWrap:!0,title:e.label,children:e.label})})]},`context-header-item-${t}`)),W[71]=L,W[72]=ae,W[73]=re,W[74]=se,W[75]=Me):Me=W[75],W[76]!==oe||W[77]!==ae.length?(_e=ae.length>0&&oe.length>0&&I(i,{}),W[76]=oe,W[77]=ae.length,W[78]=_e):_e=W[78],W[79]!==oe||W[80]!==L||W[81]!==te||W[82]!==se?(Fe=oe?.map((e,t)=>R(a,{onClick:()=>{te&&se&&te(e.type,[se],L),ve()},children:[e.icon&&I(l,{children:I(n,{color:e.color||"inherit",disableRipple:!0,disableFocusRipple:!0,disableTouchRipple:!0,sx:{p:0},children:e.icon})}),I(r,{children:I(b,{variant:"body2",color:e.color||"inherit",noWrap:!0,title:e.label,children:e.label})})]},`context-menu-item-${t}`)),W[79]=oe,W[80]=L,W[81]=te,W[82]=se,W[83]=Fe):Fe=W[83],W[84]!==Me||W[85]!==_e||W[86]!==Fe?(We=R(m,{sx:Ae,children:[Me,_e,Fe]}),W[84]=Me,W[85]=_e,W[86]=Fe,W[87]=We):We=W[87],W[88]!==Te||W[89]!==Ie||W[90]!==We?($e=I(c,{open:Te,onClose:ve,onContextMenu:Re,anchorReference:"anchorPosition",anchorPosition:Ie,children:We}),W[88]=Te,W[89]=Ie,W[90]=We,W[91]=$e):$e=W[91];const Le=$e,Pe=z?ye:Ce;let Be,qe;W[92]!==ke||W[93]!==z?(Be=!z&&ke>0&&I(f,{component:"div",sx:{height:56*ke,borderBottom:"1px solid",borderColor:"divider"}}),W[92]=ke,W[93]=z,W[94]=Be):Be=W[94],W[95]!==Le||W[96]!==Pe||W[97]!==Be?(qe=R(u,{component:"div",children:[Pe,Le,Be]}),W[95]=Le,W[96]=Pe,W[97]=Be,W[98]=qe):qe=W[98];const De=qe,Xe=Q?"visible":"auto";let Ye,je,ze,He,Oe;W[99]!==Xe?(Ye={bgcolor:"background.paper",tableLayout:"fixed",width:"100%",overflowY:Xe,scrollbarWidth:"thin",scrollbarColor:"silver transparent"},W[99]=Xe,W[100]=Ye):Ye=W[100],W[101]===Symbol.for("react.memo_cache_sentinel")?(je={overflowX:"auto",minWidth:150,"@keyframes fadeIn":{"0%":{opacity:0},"100%":{opacity:1}}},W[101]=je):je=W[101],W[102]!==Q?(ze=Q?{role:"table",style:{display:"table",width:"100%"}}:{},W[102]=Q,W[103]=ze):ze=W[103],W[104]!==L||W[105]!==we||W[106]!==J||W[107]!==X||W[108]!==P||W[109]!==Y||W[110]!==D||W[111]!==B?(He=I(T,{currentPageRows:we,visibleColumns:B,quickActions:D,quickSelectedRows:X,setQuickSelectedRows:Y,activeFilters:L,setActiveFilters:P,localeStr:J}),W[104]=L,W[105]=we,W[106]=J,W[107]=X,W[108]=P,W[109]=Y,W[110]=D,W[111]=B,W[112]=He):He=W[112],W[113]!==xe||W[114]!==ze||W[115]!==He?(Oe=I(xe,{...ze,children:He}),W[113]=xe,W[114]=ze,W[115]=He,W[116]=Oe):Oe=W[116];const Ne=Q?ge:De;let Qe,Ee;return W[117]!==Oe||W[118]!==Ne?(Qe=R(h,{component:"div",sx:je,children:[Oe,Ne]}),W[117]=Oe,W[118]=Ne,W[119]=Qe):Qe=W[119],W[120]!==Ye||W[121]!==Qe?(Ee=I(p,{className:"RealTimeTable-Body",sx:Ye,children:Qe}),W[120]=Ye,W[121]=Qe,W[122]=Ee):Ee=W[122],Ee}function M(e){e.stopPropagation()}function _(e,t,i){return i.findIndex(t=>t.id===e.id)===t}function F(e){return null!=e}export{A as RealTimeTableBody};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Box";import
|
|
1
|
+
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Box";import o from"@mui/material/Grid";import n from"@mui/material/IconButton";import{useTheme as r}from"@mui/material/styles";import a from"@mui/material/TablePagination";import{ChevronRightIcon as i,ChevronLeftIcon as c}from"lucide-react";import"react";import{jsx as l,jsxs as s,Fragment as m}from"react/jsx-runtime";function d(o){const a=e(18),{nextFetch:d,handleDataFetch:p,isFetching:u,count:h,page:g,rowsPerPage:f}=o,b=r(),P=h<=f,x=0===g||!1===d.prev;let F;a[0]!==h||a[1]!==f?(F=Number.isFinite(h)&&Number.isFinite(f)&&f>0?Math.ceil(h/f):0,a[0]=h,a[1]=f,a[2]=F):F=a[2];const w=g>=F-1||!1===d.next;let y;a[3]!==p||a[4]!==x?(y=async()=>{x||await p("left")},a[3]=p,a[4]=x,a[5]=y):y=a[5];const T=y;let C;a[6]!==p||a[7]!==w?(C=async()=>{w||await p("right")},a[6]=p,a[7]=w,a[8]=C):C=a[8];const k=C;let $,R;return a[9]===Symbol.for("react.memo_cache_sentinel")?($={flexShrink:0,ml:2,mr:1},a[9]=$):$=a[9],a[10]!==T||a[11]!==k||a[12]!==u||a[13]!==x||a[14]!==w||a[15]!==P||a[16]!==b?(R=l(t,{component:"div",sx:$,children:P?l("span",{}):s(m,{children:[l(n,{onClick:T,disabled:x||u,"aria-label":"previous-page",children:"rtl"===b.direction?l(i,{size:20}):l(c,{size:20})}),l(n,{onClick:k,disabled:w||u,"aria-label":"next-page",children:"rtl"===b.direction?l(c,{size:20}):l(i,{size:20})})]})}),a[10]=T,a[11]=k,a[12]=u,a[13]=x,a[14]=w,a[15]=P,a[16]=b,a[17]=R):R=a[17],R}const p=t=>{const n=e(29),{currentPage:r,nextFetch:i,expectedRowCount:c,rowsPerPage:s,handleChangeRowsPerPage:m,customSelectPages:p,localeStr:h,isTableEmpty:g,hideFooter:f,stickyFooter:b,footerVariant:P,handleFetchData:x,isFetching:F}=t;if(g&&f)return null;const w=Math.max(0,Math.ceil(Number.isFinite(c)&&Number.isFinite(s)&&s>0?c/s:0));let y;n[0]!==x||n[1]!==F||n[2]!==i?(y=e=>l(d,{...e,handleDataFetch:x,nextFetch:i,isFetching:F}),n[0]=x,n[1]=F,n[2]=i,n[3]=y):y=n[3];const T=y;let C;n[4]!==p||n[5]!==w||n[6]!==P?(C="standard"===P&&w>0?p??[5,10]:[],n[4]=p,n[5]=w,n[6]=P,n[7]=C):C=n[7];const k=C,$="standard"===P?h?.rowsPerPage:"";let R;n[8]!==c||n[9]!==P||n[10]!==h?.elements||n[11]!==h?.moreThanTo||n[12]!==h?.of?(R=e=>{const{from:t,to:o,count:n,page:r}=e;if(0!==c)return"standard"===P?`${t}-${o} ${h?.of} ${-1!==n?n:`${h?.moreThanTo} ${o}`}`:`${h?.elements} ${r+1}`},n[8]=c,n[9]=P,n[10]=h?.elements,n[11]=h?.moreThanTo,n[12]=h?.of,n[13]=R):R=n[13];const z=R,v=b?"sticky":"static";let N;n[14]!==v?(N={display:"flex",justifyContent:"flex-end",alignItems:"center",borderRadius:"0 0 8px 8px",position:v,bottom:0,backgroundColor:"background.paper",zIndex:1},n[14]=v,n[15]=N):N=n[15];const S=r||0;let D,_,I;return n[16]===Symbol.for("react.memo_cache_sentinel")?(D={border:"none"},n[16]=D):D=n[16],n[17]!==T||n[18]!==c||n[19]!==m||n[20]!==z||n[21]!==$||n[22]!==s||n[23]!==k||n[24]!==S?(_=l(a,{component:"div",count:c,rowsPerPage:s,rowsPerPageOptions:k,page:S,onPageChange:u,onRowsPerPageChange:m,labelRowsPerPage:$,labelDisplayedRows:z,ActionsComponent:T,sx:D}),n[17]=T,n[18]=c,n[19]=m,n[20]=z,n[21]=$,n[22]=s,n[23]=k,n[24]=S,n[25]=_):_=n[25],n[26]!==N||n[27]!==_?(I=l(o,{className:"RealTimeTable-Footer",component:"div",size:12,container:!0,"data-sticky":!0,sx:N,children:_}),n[26]=N,n[27]=_,n[28]=I):I=n[28],I};function u(){return null}export{p as RealTimeTableFooter,d as TablePaginationActions};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Grid";import o,{useEffectEvent as s,useEffect as r}from"react";import{TableActionHeader as a}from"../TableComponents/TableActionHeader.js";import{TableFilterHeader as i}from"../TableComponents/TableFilterHeader.js";import{localizedTableStrings as
|
|
1
|
+
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Grid";import o,{useEffectEvent as s,useEffect as r}from"react";import{TableActionHeader as a}from"../TableComponents/TableActionHeader.js";import{TableFilterHeader as i}from"../TableComponents/TableFilterHeader.js";import{localizedTableStrings as l}from"../TableComponents/TableLocales.js";import{RealTimeTableBody as n}from"./RealTimeTableBody.js";import{RealTimeTableFooter as c}from"./RealTimeTableFooter.js";import{jsx as m,jsxs as u}from"react/jsx-runtime";const d=(e,t)=>{if(!t||0===t.length)return e;const o=t.filter(t=>e.some(e=>e.accessor===t));return e.map(e=>{const t=o.find(t=>t===e.accessor);return{...e,visible:Boolean(t),locked:Boolean(e.columnOptions?.locked)}})};function h(h){const f=e(99),{tableInfo:b,fetchInfo:p,queryInfo:v,tableActions:S,tableButtons:g,onRowClick:F,onRowsPerPageChange:C,onColumnsPopoverClose:w,tableLocale:k,localeStr:y}=h,R=void 0===k?"en":k,{tableData:P,columns:T,savedVisibleColumns:A,expectedRowCount:x,currentPage:B,variant:_,defaultShowFilters:D,showRefreshButton:j,emptyTablePlaceholder:H,showVisibleColumnsButton:q,paginationOptions:z}=b;let Q;f[0]!==P?(Q=void 0===P?[]:P,f[0]=P,f[1]=Q):Q=f[1];const V=Q,I=void 0===B?0:B,L=void 0===_?"standard":_,N=void 0===j||j,E=void 0===q||q;let O;f[2]!==z?(O=void 0===z?{}:z,f[2]=z,f[3]=O):O=f[3];const G=O,{stickyHeader:J,stickyFooter:K,customPageRowCount:M,customSelectPages:U,autoSizeHeight:W,hideFooter:X,footerVariant:Y}=G,Z=void 0===J||J,$=void 0===K||K,ee=void 0===W||W,te=void 0!==X&&X,oe=void 0===Y?"standard":Y,{fetchData:se,fetchAllData:re,isFetching:ae}=p;let ie;f[4]!==v?(ie=v||{},f[4]=v,f[5]=ie):ie=f[5];const{filtersQuery:le}=ie;let ne;f[6]!==S?(ne=S||{},f[6]=S,f[7]=ne):ne=f[7];const{quickActions:ce}=ne;let me;f[8]!==g?(me=g||{},f[8]=g,f[9]=me):me=f[9];const{refreshButton:ue}=me,de=l[R];let he;f[10]!==y||f[11]!==de?(he={...de,...y},f[10]=y,f[11]=de,f[12]=he):he=f[12];const fe=he;let be;f[13]===Symbol.for("react.memo_cache_sentinel")?(be=[],f[13]=be):be=f[13];const[pe,ve]=o.useState(be),[Se,ge]=o.useState(!1);let Fe;f[14]!==T||f[15]!==A?(Fe=d(T,A),f[14]=T,f[15]=A,f[16]=Fe):Fe=f[16];const[Ce,we]=o.useState(Fe);let ke;f[17]===Symbol.for("react.memo_cache_sentinel")?(ke=(e,t)=>{we(d(e,t))},f[17]=ke):ke=f[17];const ye=s(ke);let Re,Pe;f[18]!==T||f[19]!==A||f[20]!==ye?(Re=()=>{ye(T,A)},f[18]=T,f[19]=A,f[20]=ye,f[21]=Re):Re=f[21],f[22]!==T||f[23]!==A?(Pe=[T,A],f[22]=T,f[23]=A,f[24]=Pe):Pe=f[24],r(Re,Pe);const[Te,Ae]=o.useState(Number(M)||Number(x));let xe;f[25]===Symbol.for("react.memo_cache_sentinel")?(xe={prev:!1,next:!1},f[25]=xe):xe=f[25];const[Be,_e]=o.useState(xe);let De;f[26]!==pe||f[27]!==se||f[28]!==Te?(De=async(e,t)=>{const o=t??Te,{next:s,prev:r}=await se(o,pe,e);_e({next:s,prev:r})},f[26]=pe,f[27]=se,f[28]=Te,f[29]=De):De=f[29];const je=De;let He;f[30]!==Se||f[31]!==je||f[32]!==C?(He=e=>{const t=Number(e.target.value);Ae(t),C?.(t),Se&&je("reset",t)},f[30]=Se,f[31]=je,f[32]=C,f[33]=He):He=f[33];const qe=He,[ze,Qe]=o.useState(!1);let Ve;f[34]===Symbol.for("react.memo_cache_sentinel")?(Ve=[],f[34]=Ve):Ve=f[34];const[Ie,Le]=o.useState(Ve),Ne=ae||!Se,Ee=!Ne&&(0===x||0===V.length),Oe=Z?"sticky":"static";let Ge,Je,Ke,Me,Ue,We,Xe;return f[35]!==Oe?(Ge={position:Oe,top:0,zIndex:2,backgroundColor:"background.paper",borderRadius:"8px 8px 0 0"},f[35]=Oe,f[36]=Ge):Ge=f[36],f[37]!==pe||f[38]!==Se||f[39]!==T||f[40]!==fe.filters||f[41]!==D||f[42]!==le||f[43]!==je||f[44]!==Ne||f[45]!==ue||f[46]!==N?(Je=m(i,{columns:T,handleFetchData:je,isFetching:Ne,filtersQuery:le,defaultShowFilters:D,activeFilters:pe,setActiveFilters:ve,areFiltersLoaded:Se,setAreFiltersLoaded:ge,refreshButton:ue,showRefreshButton:N,localeStr:fe.filters}),f[37]=pe,f[38]=Se,f[39]=T,f[40]=fe.filters,f[41]=D,f[42]=le,f[43]=je,f[44]=Ne,f[45]=ue,f[46]=N,f[47]=Je):Je=f[47],f[48]!==pe||f[49]!==Ce||f[50]!==fe.header||f[51]!==x||f[52]!==re||f[53]!==ae||f[54]!==w||f[55]!==ce||f[56]!==Ie||f[57]!==E||f[58]!==ze||f[59]!==g?(Ke=m(a,{expectedRowCount:x,currentColumns:Ce,setCurrentColumns:we,fetchAllData:re,isFetching:ae,quickActions:ce,tableActionsActive:ze,setQuickActions:Qe,quickSelectedRows:Ie,setQuickSelectedRows:Le,activeFilters:pe,tableButtons:g,onColumnsPopoverClose:w,showVisibleColumnsButton:E,localeStr:fe.header}),f[48]=pe,f[49]=Ce,f[50]=fe.header,f[51]=x,f[52]=re,f[53]=ae,f[54]=w,f[55]=ce,f[56]=Ie,f[57]=E,f[58]=ze,f[59]=g,f[60]=Ke):Ke=f[60],f[61]!==Ge||f[62]!==Je||f[63]!==Ke?(Me=u(t,{className:"RealTimeTable-Header",component:"div",container:!0,size:12,"data-sticky":!0,sx:Ge,children:[Je,Ke]}),f[61]=Ge,f[62]=Je,f[63]=Ke,f[64]=Me):Me=f[64],f[65]!==pe||f[66]!==ee||f[67]!==Ce||f[68]!==fe.filters||f[69]!==H||f[70]!==te||f[71]!==Ee||f[72]!==Ne||f[73]!==F||f[74]!==Ie||f[75]!==Te||f[76]!==S||f[77]!==ze||f[78]!==V||f[79]!==L?(Ue=m(n,{tableData:V,activeFilters:pe,setActiveFilters:ve,visibleColumns:Ce,rowsPerPage:Te,tableActionsActive:ze,quickSelectedRows:Ie,setQuickSelectedRows:Le,tableActions:S,isFetching:Ne,onRowClick:F,autoSizeHeight:ee,emptyTablePlaceholder:H,isTableEmpty:Ee,hideFooter:te,variant:L,localeStr:fe.filters}),f[65]=pe,f[66]=ee,f[67]=Ce,f[68]=fe.filters,f[69]=H,f[70]=te,f[71]=Ee,f[72]=Ne,f[73]=F,f[74]=Ie,f[75]=Te,f[76]=S,f[77]=ze,f[78]=V,f[79]=L,f[80]=Ue):Ue=f[80],f[81]!==fe.footer||f[82]!==I||f[83]!==U||f[84]!==x||f[85]!==oe||f[86]!==qe||f[87]!==je||f[88]!==te||f[89]!==Ee||f[90]!==Ne||f[91]!==Be||f[92]!==Te||f[93]!==$?(We=m(c,{currentPage:I,handleFetchData:je,nextFetch:Be,isFetching:Ne,hideFooter:te,stickyFooter:$,isTableEmpty:Ee,expectedRowCount:x,rowsPerPage:Te,handleChangeRowsPerPage:qe,customSelectPages:U,localeStr:fe.footer,footerVariant:oe}),f[81]=fe.footer,f[82]=I,f[83]=U,f[84]=x,f[85]=oe,f[86]=qe,f[87]=je,f[88]=te,f[89]=Ee,f[90]=Ne,f[91]=Be,f[92]=Te,f[93]=$,f[94]=We):We=f[94],f[95]!==Me||f[96]!==Ue||f[97]!==We?(Xe=u(t,{container:!0,size:12,spacing:0,children:[Me,Ue,We]}),f[95]=Me,f[96]=Ue,f[97]=We,f[98]=Xe):Xe=f[98],Xe}export{h as RealtimeTable};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { DynamicTableProps, TableInfoProps, ActiveFilter } from '../TableComponents/TableTypes.js';
|
|
2
2
|
|
|
3
3
|
interface FetchDataResponse {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
next: boolean;
|
|
5
|
+
prev: boolean;
|
|
6
6
|
}
|
|
7
7
|
interface RealtimeTableProps<T> extends Omit<DynamicTableProps<T>, 'fetchInfo'> {
|
|
8
8
|
tableInfo: Omit<TableInfoProps<T>, 'staticMode'> & {
|
|
@@ -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{useTheme as o}from"@mui/material/styles";import l from"@mui/material/Button";import r from"@mui/material/Checkbox";import c from"@mui/material/Chip";import s from"@mui/material/Collapse";import a from"@mui/material/Divider";import d from"@mui/material/Grid";import m from"@mui/material/IconButton";import u from"@mui/material/List";import p from"@mui/material/ListItem";import h from"@mui/material/ListItemButton";import f from"@mui/material/ListItemIcon";import b from"@mui/material/ListItemText";import g from"@mui/material/Paper";import C from"@mui/material/Popover";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 _}from"lucide-react";import A from"react";import{jsx as P,jsxs as R,Fragment as D}from"react/jsx-runtime";function L(l){const c=e(57),{columnsButton:s,currentColumns:x,setCurrentColumns:k,onColumnsPopoverClose:S,localeStr:I}=l,L=o(),[q,H]=A.useState(null),F=Boolean(q);let G;c[0]===Symbol.for("react.memo_cache_sentinel")?(G=e=>{H(e.currentTarget)},c[0]=G):G=c[0];const O=G,Q=x.filter(W);let M;c[1]!==x?(M=x.filter(T),c[1]=x,c[2]=M):M=c[2];const N=M,V=x.filter(E);let J;c[3]!==k?(J=(e,t)=>{e.stopPropagation(),k(e=>e.map(e=>{if(e.accessor!==t)return e;const i=!1!==e.visible;return{...e,visible:!i}}))},c[3]=k,c[4]=J):J=c[4];const K=J;let U;c[5]!==x||c[6]!==S?(U=async()=>{H(null);const e=x.filter($).map(j);await(S?.(e))},c[5]=x,c[6]=S,c[7]=U):U=c[7];const X=U,[Y,Z]=A.useState(!1);let ee;c[8]!==x||c[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.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)},c[8]=x,c[9]=k,c[10]=ee):ee=c[10];const te=ee;let ie;c[11]!==te||c[12]!==K||c[13]!==Y||c[14]!==I?.hiddenColumns||c[15]!==I?.lockedColumns||c[16]!==I?.visibleColumns||c[17]!==L?(ie=(e,o)=>R(D,{children:[P(d,{size:12,p:2,children:P(v,{variant:"body1",fontWeight:"bold",fontSize:13,children:"locked"===o?I?.lockedColumns:"visible"===o?I?.visibleColumns:I?.hiddenColumns})}),P(d,{size:12,pb:2,children:P(t,{onDragStart:()=>Z(!0),onDragEnd:te,children:P(i,{droppableId:"droppableMain",type:`droppable-${o}`,isDropDisabled:"visible"!==o,children:t=>R(u,{ref:t.innerRef,dense:!0,style:{width:"100%",padding:0},...t?.droppableProps,children:[e.map((e,t)=>P(n,{draggableId:`draggable-${o}-${e.accessor}-${t}`,index:t+1,isDragDisabled:"visible"!==o,children:t=>P(p,{ref:t.innerRef,...t?.draggableProps,disablePadding:!0,disableGutters:!0,dense:!0,sx:"visible"===o?{display:!1===e.visible||e.locked?"none":"block"}:void 0,children:R(h,{disableRipple:"locked"===o,sx:{py:0,pointerEvents:Y||"locked"===o?"none":"auto",cursor:"locked"===o?"default":"pointer",userSelect:"none"},children:["locked"!==o&&P(f,{children:P(r,{edge:"start",checked:!1!==e.visible,disableRipple:!0,onClick:t=>{K(t,e.accessor)},icon:P(B,{size:20}),checkedIcon:P(w,{size:20})})}),P(b,{id:e.label,primary:e.label}),"visible"===o&&P(d,{container:!0,justifyContent:"center",alignItems:"center",style:{visibility:"visible"!==o?"hidden":"visible"},...t?.dragHandleProps,children:P(_,{size:18,color:L.palette.action.active})})]})})},`draggable-${o}-${e.accessor}-${t}`)),t.placeholder]})})})})]}),c[11]=te,c[12]=K,c[13]=Y,c[14]=I?.hiddenColumns,c[15]=I?.lockedColumns,c[16]=I?.visibleColumns,c[17]=L,c[18]=ie):ie=c[18];const ne=ie,oe=s?.label??I?.visibleColumns;let le;c[19]!==s?(le=e=>{O(e),s?.onClick?.(e)},c[19]=s,c[20]=le):le=c[20];const re=F?"rotate(30deg)":"rotate(0deg)";let ce,se,ae,de;c[21]!==re?(ce={transform:re,transition:"transform 0.2s ease-in-out"},c[21]=re,c[22]=ce):ce=c[22],c[23]!==s?.icon?(se=s?.icon??P(z,{size:22}),c[23]=s?.icon,c[24]=se):se=c[24],c[25]!==se||c[26]!==le||c[27]!==ce?(ae=P(m,{color:"primary",onClick:le,sx:ce,children:se}),c[25]=se,c[26]=le,c[27]=ce,c[28]=ae):ae=c[28],c[29]!==ae||c[30]!==oe?(de=P(y,{title:oe,arrow:!0,children:ae}),c[29]=ae,c[30]=oe,c[31]=de):de=c[31];const me=C;let ue,pe;c[32]===Symbol.for("react.memo_cache_sentinel")?(ue={vertical:"bottom",horizontal:"center"},pe={vertical:"top",horizontal:"center"},c[32]=ue,c[33]=pe):(ue=c[32],pe=c[33]);const he=d,fe=g;let be;c[34]===Symbol.for("react.memo_cache_sentinel")?(be={overflow:"auto",scrollbarWidth:"thin",scrollbarColor:"silver transparent"},c[34]=be):be=c[34];const ge=Q.length>0&&R(D,{children:[ne(Q,"locked")," ",P(a,{flexItem:!0,style:{width:"100%"}})]});let Ce;c[35]!==ne||c[36]!==x||c[37]!==N.length?(Ce=N.length>0&&R(D,{children:[ne(x,"visible"),P(a,{flexItem:!0,style:{width:"100%"}})]}),c[35]=ne,c[36]=x,c[37]=N.length,c[38]=Ce):Ce=c[38];const ye=V.length>0&&ne(V,"hidden");let ve,xe,ke;return c[39]!==he||c[40]!==fe||c[41]!==be||c[42]!==ge||c[43]!==Ce||c[44]!==ye?(ve=R(he,{component:fe,container:true,maxHeight:300,width:200,sx:be,children:[ge,Ce,ye]}),c[39]=he,c[40]=fe,c[41]=be,c[42]=ge,c[43]=Ce,c[44]=ye,c[45]=ve):ve=c[45],c[46]!==me||c[47]!==q||c[48]!==X||c[49]!==F||c[50]!==ue||c[51]!==pe||c[52]!==ve?(xe=P(me,{open:F,anchorEl:q,onClose:X,disablePortal:true,anchorOrigin:ue,transformOrigin:pe,children:ve}),c[46]=me,c[47]=q,c[48]=X,c[49]=F,c[50]=ue,c[51]=pe,c[52]=ve,c[53]=xe):xe=c[53],c[54]!==de||c[55]!==xe?(ke=R(D,{children:[de,xe]}),c[54]=de,c[55]=xe,c[56]=ke):ke=c[56],ke}function j(e){return e.accessor}function $(e){return!1!==e.visible}function E(e){return!e.locked&&!1===e.visible}function T(e){return!e.locked&&!1!==e.visible}function W(e){return Boolean(e.locked)}function q(t){const i=e(84),{fetchAllData:n,expectedRowCount:o,currentColumns:r,setCurrentColumns:a,isFetching:u,quickActions:p,tableActionsActive:h,setQuickActions:f,quickSelectedRows:b,setQuickSelectedRows:g,activeFilters:C,tableButtons:z,onColumnsPopoverClose:w,showVisibleColumnsButton:B,localeStr:_}=t;let j;i[0]!==z?(j=z||{},i[0]=z,i[1]=j):j=i[1];const{newItemButton:$,columnsButton:E,actionButton:T,exportButton:W,selectAllButton:q}=j;let H;i[2]!==p?(H=p||{},i[2]=p,i[3]=H):H=i[3];const{actionList:F,onAction:G}=H;let O;i[4]!==F?(O=void 0===F?[]:F,i[4]=F,i[5]=O):O=i[5];const Q=O;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]!==T?.icon?(V=T?.icon?T?.icon:P(x,{size:20}),i[10]=T?.icon,i[11]=V):V=i[11];const J=V;let K;i[12]!==T?.activeIcon?(K=T?.activeIcon?T?.activeIcon:P(k,{size:20}),i[12]=T?.activeIcon,i[13]=K):K=i[13];const U=K,X=0===Q?.length&&!$&&!B,[Y,Z]=A.useState(!1),[ee,te]=A.useState(!1),ie=!n||(o||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]!==q||i[21]!==g?(le=async e=>{if(Y)Z(!1),g([]);else{const e=await oe(C);Z(Boolean(e?.length)),g(e??[])}q?.onClick?.(e)},i[17]=C,i[18]=oe,i[19]=Y,i[20]=q,i[21]=g,i[22]=le):le=i[22];const re=le;let ce;i[23]!==Y||i[24]!==G?(ce=async(e,t,i)=>{G?.(e.type,t,i,Y)},i[23]=Y,i[24]=G,i[25]=ce):ce=i[25];const se=ce;let ae,de,me,ue,pe;u&&Y&&(g([]),Z(!1)),i[26]!==J||i[27]!==U||i[28]!==T||i[29]!==Q||i[30]!==E||i[31]!==r||i[32]!==W||i[33]!==_||i[34]!==$||i[35]!==w||i[36]!==a||i[37]!==X||i[38]!==B||i[39]!==h||i[40]!==N?(ae=!X&&R(d,{component:"div",container:!0,justifyContent:"flex-end",alignItems:"center",p:1,children:[W&&P(d,{p:.5,children:P(y,{title:W?.label??"Export",arrow:!0,children:P(m,{color:"primary",...W,children:W.icon??P(S,{size:20,style:{marginRight:4}})})})}),Q.length>0&&P(d,{p:.5,children:P(y,{title:T?.label??_?.quickActions,arrow:!0,children:P(m,{color:"primary",onClick:e=>{N(),T?.onClick?.(e)},children:h?U:J})})}),B&&P(d,{p:.5,children:P(L,{columnsButton:E,currentColumns:r,setCurrentColumns:a,onColumnsPopoverClose:w,localeStr:_})}),$&&P(d,{p:.5,children:P(l,{variant:"contained",size:"small",color:"primary",onClick:$.onClick,startIcon:$.startIcon??P(I,{size:20,style:{marginRight:4}}),...$,children:R(v,{fontSize:14,children:[" ",$.label??"NEW"," "]})})})]}),i[26]=J,i[27]=U,i[28]=T,i[29]=Q,i[30]=E,i[31]=r,i[32]=W,i[33]=_,i[34]=$,i[35]=w,i[36]=a,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")?(de={width:"100%"},i[42]=de):de=i[42],i[43]===Symbol.for("react.memo_cache_sentinel")?(me={sm:12,md:12},i[43]=me):me=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]!==_?.allItemsSelected||i[47]!==_?.itemsSelected||i[48]!==b?(pe=Y?P(d,{children:P(v,{fontSize:14,color:"text.secondary",children:_?.allItemsSelected})}):R(d,{container:!0,justifyContent:"flex-start",alignItems:"center",spacing:1,px:"9.5px",children:[P(d,{children:P(c,{label:P(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}})}),P(d,{children:P(v,{fontSize:14,ml:1,color:"text.secondary",children:_?.itemsSelected.toLocaleLowerCase()})})]}),i[45]=Y,i[46]=_?.allItemsSelected,i[47]=_?.itemsSelected,i[48]=b,i[49]=pe):pe=i[49];const he=q?.variant??"text";let fe,be;i[50]!==q?.sx?(fe=q?.sx||{},i[50]=q?.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?_?.deselectAll:_?.selectedAll;let Ce,ye,ve,xe,ke,Se,Ie,ze,we;return i[54]!==ge?(Ce=P(v,{fontSize:11,children:ge}),i[54]=ge,i[55]=Ce):Ce=i[55],i[56]!==re||i[57]!==ee||i[58]!==q||i[59]!==he||i[60]!==be||i[61]!==Ce||i[62]!==ie?(ye=P(d,{children:P(l,{variant:he,...q,onClick:re,loading:ee,disabled:ie,size:"small",sx:be,children:Ce})}),i[56]=re,i[57]=ee,i[58]=q,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=R(d,{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)=>P(d,{children:e.isIconButton?P(y,{title:e.label??e.type,arrow:!0,children:P(m,{color:e.color??"primary",onClick:async()=>await se(e,b,C),disabled:0===b.length,children:e.icon??void 0})}):R(l,{variant:"contained",size:"small",color:e.color||"primary",onClick:async()=>await se(e,b,C),disabled:0===b.length,children:[e.icon??void 0,R(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=P(d,{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=R(d,{container:!0,size:me,p:2,children:[ve,Se]}),i[75]=ve,i[76]=Se,i[77]=Ie):Ie=i[77],i[78]!==Ie||i[79]!==h?(ze=P(s,{in:h,timeout:"auto",collapsedSize:0,sx:de,children:Ie}),i[78]=Ie,i[79]=h,i[80]=ze):ze=i[80],i[81]!==ae||i[82]!==ze?(we=R(D,{children:[ae,ze]}),i[81]=ae,i[82]=ze,i[83]=we):we=i[83],we}export{q 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{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 +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 r from"@mui/material/IconButton";import l from"@mui/material/Popover";import n 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 k,FunnelPlusIcon as w,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 B(e){switch(typeof e.maxWidth){case"number":return`${e.maxWidth}px`;case"string":return"stretch"===e.maxWidth?"100%":(e.maxWidth.endsWith("px"),e.maxWidth);default:return"180px"}}function F({theme:e,sticky:t,header:i=!1}){if("left"===t||"right"===t){const o=s(e.palette.primary.main,e.palette.action.selectedOpacity),r=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(${r}, ${r})`}}}}return{}}function P(t){const i=e(27),{row:o,column:l,variant:n,showNavigateIcon:c}=t,s=void 0===n?"standard":n,d=void 0!==c&&c,p=m();let h;i[0]!==l?(h=B(l),i[0]=l,i[1]=h):h=i[1];const u=h;let f;i[2]!==l.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,l.accessor),i[2]=l.accessor,i[3]=o,i[4]=f):f=i[4];const b=f,v="Cell"in l&&null!=l.Cell?l.Cell:void 0,g=_[s];let y,x,k,w,S,T,R,z;return 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]),i[7]!==l.sticky||i[8]!==p?(k=F({theme:p,sticky:l.sticky}),i[7]=l.sticky,i[8]=p,i[9]=k):k=i[9],i[10]!==u||i[11]!==g||i[12]!==k?(w={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]=w):w=i[13],i[14]!==v||i[15]!==b||i[16]!==l||i[17]!==o?(S=v?W(v,{cellValue:b,currentColumn:l,currentRow:o}):W("span",{children:b}),i[14]=v,i[15]=b,i[16]=l,i[17]=o,i[18]=S):S=i[18],i[19]!==d?(T=d&&W(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:W(C,{size:18})}),i[19]=d,i[20]=T):T=i[20],i[21]!==T||i[22]!==S?(R=I(a,{direction:"row",flexWrap:"nowrap",justifyContent:"flex-start",alignItems:"center",color:"primary",children:[S,T]}),i[21]=T,i[22]=S,i[23]=R):R=i[23],i[24]!==R||i[25]!==w?(z=W($,{component:"div",sx:w,children:R}),i[24]=R,i[25]=w,i[26]=z):z=i[26],z}function A(n){const a=e(43),{currentPageRows:c,visibleColumns:s,quickActions:d,quickSelectedRows:p,setQuickSelectedRows:h}=n,{activeFilters:u,setActiveFilters:C,localeStr:S}=n;let z;a[0]!==u?(z=void 0===u?[]:u,a[0]=u,a[1]=z):z=a[1];const _=z,P=m(),A="light"===P.palette.mode?"rgba(235, 238, 245)":P.palette.action.selected;let M;a[2]!==c||a[3]!==h?(M=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]=M):M=a[4];const O=M;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]!==A?(V={backgroundColor:A,position:"sticky",top:0,zIndex:1},a[12]=A,a[13]=V):V=a[13],a[14]!==q||a[15]!==O||a[16]!==d||a[17]!==P?(J=d&&W($,{component:"div",padding:"checkbox",sx:{...F({theme:P,sticky:"left",header:!0})},children:W(i,{color:"primary",onChange:O,checkedIcon:q?W(x,{size:22}):void 0,icon:W(y,{size:22}),checked:q})}),a[14]=q,a[15]=O,a[16]=d,a[17]=P,a[18]=J):J=a[18],a[19]!==A||a[20]!==S?.filterBy||a[21]!==C||a[22]!==P||a[23]!==s?(K=s.length>0?s.map((e,i)=>{const o=B(e);return!1===e.visible?null:I($,{component:"div",sx:{width:160,position:"relative",maxWidth:o,...F({theme:P,sticky:e.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:A},children:["Tooltip"in e&&W(v,{title:e.Tooltip?.label||"",children:W(r,{disableRipple:!0,color:e.Tooltip?.color||"default",size:"small",children:e.Tooltip?.icon||W(k,{size:16})})}),C&&e.filterOptions&&W(v,{title:`${S?.filterBy} ${e.label||""}`,children:W(r,{disableRipple:!0,color:"primary",size:"small",onClick:t=>Y(t,e),children:W(w,{size:16})})})]})]},i)}):W($,{component:"div",sx:{width:160,position:"relative"}}),a[19]=A,a[20]=S?.filterBy,a[21]=C,a[22]=P,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(l,{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 M(t){const r=e(65),{tableData:l,visibleColumns:a,page:c,rowsPerPage:s,tableActionsActive:m,quickSelectedRows:f,setQuickSelectedRows:v,isFetching:g,onRowClick:x,autoSizeHeight:k,emptyTablePlaceholder:w,isTableEmpty:C,hideFooter:R,variant:z}=t;let F,M,N,Q;if(r[0]!==k||r[1]!==C||r[2]!==x||r[3]!==c||r[4]!==f||r[5]!==s||r[6]!==v||r[7]!==m||r[8]!==l||r[9]!==z||r[10]!==a){let e;N=s>0?l.slice(c*s,c*s+s):l,M=k?5-N.length||0:s-N.length,r[15]!==f?(e=e=>f.some(t=>t.id===e.id),r[15]=f,r[16]=e):e=r[16];const t=e;let o;r[17]!==v?(o=e=>{v(t=>t.some(t=>t.id===e.id)?t.filter(t=>t.id!==e.id):[...t,e])},r[17]=v,r[18]=o):o=r[18];const n=o;let d;F=C?"div":T.Fragment,r[19]!==n||r[20]!==t||r[21]!==x||r[22]!==m||r[23]!==z||r[24]!==a?(d=e=>I(b,{component:"div",hover:!0,selected:t(e),onClick:m?()=>n(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:()=>n(e),icon:W(y,{size:22}),checkedIcon:W(S,{size:22}),checked:t(e)})},`checkbox-${e.id}`),a.filter(O).map((t,i)=>W(P,{row:e,column:t,variant:z,showNavigateIcon:i===a.length-1},`custom-cell-${t.accessor}-${i}`))]},`table-row-${e.id}`),r[19]=n,r[20]=t,r[21]=x,r[22]=m,r[23]=z,r[24]=a,r[25]=d):d=r[25],Q=(N??[]).filter(H).filter(q).map(d),r[0]=k,r[1]=C,r[2]=x,r[3]=c,r[4]=f,r[5]=s,r[6]=v,r[7]=m,r[8]=l,r[9]=z,r[10]=a,r[11]=F,r[12]=M,r[13]=N,r[14]=Q}else F=r[11],M=r[12],N=r[13],Q=r[14];const E=Q;let X;if(r[26]!==s||r[27]!==z||r[28]!==a){let e;r[30]!==z||r[31]!==a?(e=(e,t)=>W(b,{component:"div",children:a.length>0?a.map((e,t)=>{const i=B(e);return!1===e.visible?null:W($,{component:"div",sx:{height:_[z],maxWidth:i},children:W(n,{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}`),r[30]=z,r[31]=a,r[32]=e):e=r[32],X=Array.from({length:s},e),r[26]=s,r[27]=z,r[28]=a,r[29]=X}else X=r[29];const Y=g?X:E;let D,G;r[33]!==M||r[34]!==g?(D=!g&&M>0&&W(b,{component:"div",sx:{height:56*M,borderBottom:"1px solid",borderColor:"divider"}}),r[33]=M,r[34]=g,r[35]=D):D=r[35],r[36]!==Y||r[37]!==D?(G=I(p,{component:"div",children:[Y,D]}),r[36]=Y,r[37]=D,r[38]=G):G=r[38];const L=G,V=56*s+(R?52:0);let J,K;r[39]===Symbol.for("react.memo_cache_sentinel")?(J={animation:"fadeIn 0.2s ease-in-out forwards",opacity:0},r[39]=J):J=r[39],r[40]!==w||r[41]!==V?(K=W(o,{component:"div",container:!0,justifyContent:"center",alignItems:"center",minHeight:V,sx:J,children:w}),r[40]=w,r[41]=V,r[42]=K):K=r[42];const U=K,Z=C?"visible":"auto";let ee,te,ie,oe,re,le;r[43]!==Z?(ee={bgcolor:"background.paper",tableLayout:"fixed",width:"100%",overflowY:Z,scrollbarWidth:"thin",scrollbarColor:"silver transparent"},r[43]=Z,r[44]=ee):ee=r[44],r[45]===Symbol.for("react.memo_cache_sentinel")?(te={overflowX:"auto",scrollbarWidth:"thin",minWidth:150},r[45]=te):te=r[45],r[46]===Symbol.for("react.memo_cache_sentinel")?(ie={overflowX:"auto",minWidth:150,"@keyframes fadeIn":{"0%":{opacity:0},"100%":{opacity:1}}},r[46]=ie):ie=r[46],r[47]!==C?(oe=C?{role:"table",style:{display:"table",width:"100%"}}:{},r[47]=C,r[48]=oe):oe=r[48],r[49]!==N||r[50]!==f||r[51]!==v||r[52]!==m||r[53]!==a?(re=W(A,{currentPageRows:N,visibleColumns:a,quickActions:m,quickSelectedRows:f,setQuickSelectedRows:v}),r[49]=N,r[50]=f,r[51]=v,r[52]=m,r[53]=a,r[54]=re):re=r[54],r[55]!==F||r[56]!==oe||r[57]!==re?(le=W(F,{...oe,children:re}),r[55]=F,r[56]=oe,r[57]=re,r[58]=le):le=r[58];const ne=C?U:L;let ae,ce;return r[59]!==le||r[60]!==ne?(ae=W(o,{component:"div",container:!0,sx:te,children:I(d,{component:"div",sx:ie,children:[le,ne]})}),r[59]=le,r[60]=ne,r[61]=ae):ae=r[61],r[62]!==ae||r[63]!==ee?(ce=W(u,{className:"RealTimeTable-Body",sx:ee,children:ae}),r[62]=ae,r[63]=ee,r[64]=ce):ce=r[64],ce}function O(e){return null!=e&&!1!==e.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{P as DynamicCellCreator,z as ROW_HEIGHT,$ as StyledTableCell,M as TableCommonBody,A as TableCommonHeaderProps,B as getMaxWidth,F 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/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 +1 @@
|
|
|
1
|
-
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Autocomplete";import l from"@mui/material/Button";import i from"@mui/material/Grid";import a from"@mui/material/IconButton";import r from"@mui/material/ListItem";import n from"@mui/material/MenuItem";import o from"@mui/material/Select";import{useTheme as c}from"@mui/material/styles";import s from"@mui/material/TextField";import{DatePicker as d}from"@mui/x-date-pickers/DatePicker";import m from"dayjs";import"dayjs/locale/it";import{SearchIcon as f,XIcon as p,CalendarFoldIcon as u}from"lucide-react";import{AnimatePresence as h}from"motion/react";import*as y from"motion/react-m";import g from"react";import{jsx as v,jsxs as b}from"react/jsx-runtime";function _(e,t=0,l,i,a){const r=l??"",n=i.filterOptions?.type??"";a(l=>{const a=l.findIndex(e=>e.filterColumn===i.accessor&&e.filterIndex===t&&(e.filterComparator??"")===r&&(e.filterType??"")===n);if(null==e||""===e)return l.filter(e=>e.filterColumn!==i.accessor||e.filterIndex!==t);const o={filterIndex:t,filterColumn:i.accessor,filterValue:e,filterType:n,filterComparator:r};return-1===a?[...l,o]:l.map((e,t)=>t===a?o:e)})}function x(t){const r=e(50),{column:n,filterMode:o,activeFilters:c,filterIndex:d,setActiveFilters:m,closePopover:u,aloneFilter:x,localeStr:z}=t,C=void 0!==x&&x,I=c?.find(e=>e.filterColumn===n.accessor&&e.filterIndex===d)?.filterValue??null,[S,F]=g.useState("single"===o&&I?I?.toString():"");let O;r[0]!==c||r[1]!==C||r[2]!==u||r[3]!==n||r[4]!==d||r[5]!==S||r[6]!==m?(O=()=>{const e=d??(c.filter(e=>e.filterColumn===n.accessor)?.length||0);_(S,C?0:e,"",n,m),u?.()},r[0]=c,r[1]=C,r[2]=u,r[3]=n,r[4]=d,r[5]=S,r[6]=m,r[7]=O):O=r[7];const k=O;let P;r[8]!==C||r[9]!==m?(P=()=>{C&&m([]),F("")},r[8]=C,r[9]=m,r[10]=P):P=r[10];const M=P,A=S===I||!S,D=C?void 0:1,T=C?"":n.label,V=C?n.label:"";let W,B;r[11]===Symbol.for("react.memo_cache_sentinel")?(W=e=>F(e.target.value),r[11]=W):W=r[11],r[12]!==C?(B=C&&v(f,{style:{marginRight:".4rem"}}),r[12]=C,r[13]=B):B=r[13];const N=C?c.length?"visible":"hidden":S?"visible":"hidden";let j,E,G,w,L,R,K,q,H,J,Q,U;return r[14]!==N?(j={visibility:N},r[14]=N,r[15]=j):j=r[15],r[16]===Symbol.for("react.memo_cache_sentinel")?(E=v(p,{size:18}),r[16]=E):E=r[16],r[17]!==M||r[18]!==j?(G=v(a,{size:"small",onClick:M,sx:j,"aria-label":"clear-filter",children:E}),r[17]=M,r[18]=j,r[19]=G):G=r[19],r[20]!==G||r[21]!==B?(w={input:{startAdornment:B,endAdornment:G}},r[20]=G,r[21]=B,r[22]=w):w=r[22],r[23]===Symbol.for("react.memo_cache_sentinel")?(L={margin:0},r[23]=L):L=r[23],r[24]!==S||r[25]!==w||r[26]!==T||r[27]!==V?(R=v(s,{fullWidth:!0,size:"small",label:T,placeholder:V,variant:"outlined",value:S,onChange:W,"aria-label":"filter-text",slotProps:w,sx:L}),r[24]=S,r[25]=w,r[26]=T,r[27]=V,r[28]=R):R=r[28],r[29]!==R||r[30]!==D?(K=v(i,{flexGrow:D,children:R}),r[29]=R,r[30]=D,r[31]=K):K=r[31],r[32]!==C||r[33]!==k||r[34]!==S||r[35]!==z?.apply?(q=C&&""!==S.trim()&&v(i,{container:!0,justifyContent:"flex-end",alignItems:"center",component:y.div,initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.9},transition:{duration:.1},children:v(l,{variant:"contained",color:"primary",size:"small",onClick:k,startIcon:v(f,{size:16}),"aria-label":"apply-filter",children:z?.apply})}),r[32]=C,r[33]=k,r[34]=S,r[35]=z?.apply,r[36]=q):q=r[36],r[37]!==q?(H=v(h,{children:q}),r[37]=q,r[38]=H):H=r[38],r[39]!==K||r[40]!==H?(J=b(i,{container:!0,size:12,children:[K,H]}),r[39]=K,r[40]=H,r[41]=J):J=r[41],r[42]!==C||r[43]!==k||r[44]!==A||r[45]!==z?.apply?(Q=!C&&v(i,{size:12,children:v(l,{fullWidth:!0,variant:"contained",color:"primary",size:"small",onClick:k,disabled:A,"aria-label":"apply-filter",children:z?.apply})}),r[42]=C,r[43]=k,r[44]=A,r[45]=z?.apply,r[46]=Q):Q=r[46],r[47]!==J||r[48]!==Q?(U=b(i,{container:!0,alignItems:"center",spacing:2,children:[J,Q]}),r[47]=J,r[48]=Q,r[49]=U):U=r[49],U}function z(t){const r=e(54),{column:n,filterMode:o,activeFilters:c,filterIndex:d,setActiveFilters:m,closePopover:u,aloneFilter:x,localeStr:z}=t,C=void 0!==x&&x;let I;r[0]!==c||r[1]!==n||r[2]!==d?(I=c?.find(e=>e.filterColumn===n.accessor&&e.filterIndex===d)?.filterValue??null,r[0]=c,r[1]=n,r[2]=d,r[3]=I):I=r[3];const S=I,F=Number(S)&&"single"===o?Number(S):null,[O,k]=g.useState(F);let P;r[4]===Symbol.for("react.memo_cache_sentinel")?(P=e=>{isNaN(Number(e.target.value))?k(null):k(Number(e.target.value)||null)},r[4]=P):P=r[4];const M=P;let A;r[5]!==c||r[6]!==C||r[7]!==u||r[8]!==n||r[9]!==d||r[10]!==O||r[11]!==m?(A=()=>{const e=d??c.filter(e=>e.filterColumn===n.accessor)?.length??void 0;_(O,C?0:e,"",n,m),u?.()},r[5]=c,r[6]=C,r[7]=u,r[8]=n,r[9]=d,r[10]=O,r[11]=m,r[12]=A):A=r[12];const D=A;let T;r[13]!==C||r[14]!==m?(T=()=>{C&&m([]),k(null)},r[13]=C,r[14]=m,r[15]=T):T=r[15];const V=T,W=O===S||null==O,B=C?void 0:1,N=C?"":n.label,j=C?n.label:"";let E,G,w,L,R,K,q,H,J,Q,U;return r[16]!==C?(E=C&&v(f,{style:{marginRight:".4rem"}}),r[16]=C,r[17]=E):E=r[17],r[18]!==c||r[19]!==C||r[20]!==S||r[21]!==V||r[22]!==O?(G=S?v(a,{size:"small",onClick:V,sx:{visibility:C?c.length?"visible":"hidden":O?"visible":"hidden"},"aria-label":"clear-filter",children:v(p,{size:18})}):null,r[18]=c,r[19]=C,r[20]=S,r[21]=V,r[22]=O,r[23]=G):G=r[23],r[24]!==E||r[25]!==G?(w={input:{type:"number",startAdornment:E,endAdornment:G}},r[24]=E,r[25]=G,r[26]=w):w=r[26],r[27]===Symbol.for("react.memo_cache_sentinel")?(L={margin:0},r[27]=L):L=r[27],r[28]!==O||r[29]!==w||r[30]!==N||r[31]!==j?(R=v(s,{fullWidth:!0,size:"small",type:"number",label:N,placeholder:j,variant:"outlined",value:O,onChange:M,"aria-label":"filter-number",slotProps:w,sx:L}),r[28]=O,r[29]=w,r[30]=N,r[31]=j,r[32]=R):R=r[32],r[33]!==R||r[34]!==B?(K=v(i,{flexGrow:B,children:R}),r[33]=R,r[34]=B,r[35]=K):K=r[35],r[36]!==C||r[37]!==D||r[38]!==O||r[39]!==z?.apply?(q=C&&null!=O&&v(i,{container:!0,justifyContent:"flex-end",alignItems:"center",component:y.div,initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.9},transition:{duration:.1},children:v(l,{variant:"contained",color:"primary",size:"small",onClick:D,startIcon:v(f,{size:16}),"aria-label":"apply-filter",children:z?.apply})}),r[36]=C,r[37]=D,r[38]=O,r[39]=z?.apply,r[40]=q):q=r[40],r[41]!==q?(H=v(h,{children:q}),r[41]=q,r[42]=H):H=r[42],r[43]!==K||r[44]!==H?(J=b(i,{container:!0,size:12,children:[K,H]}),r[43]=K,r[44]=H,r[45]=J):J=r[45],r[46]!==C||r[47]!==D||r[48]!==W||r[49]!==z?.apply?(Q=!C&&v(i,{size:12,children:v(l,{fullWidth:!0,variant:"contained",color:"primary",size:"small",onClick:D,disabled:W,"aria-label":"apply-filter",children:z?.apply})}),r[46]=C,r[47]=D,r[48]=W,r[49]=z?.apply,r[50]=Q):Q=r[50],r[51]!==J||r[52]!==Q?(U=b(i,{container:!0,alignItems:"center",spacing:2,children:[J,Q]}),r[51]=J,r[52]=Q,r[53]=U):U=r[53],U}function C(a){const r=e(30),{column:n,filterMode:o,activeFilters:c,filterIndex:d,setActiveFilters:m,closePopover:f,localeStr:p}=a;let u;r[0]!==c||r[1]!==n.accessor||r[2]!==d?(u=c?.find(e=>e.filterColumn===n.accessor&&e.filterIndex===d)?.filterValue??null,r[0]=c,r[1]=n.accessor,r[2]=d,r[3]=u):u=r[3];const h=u;let y;r[4]!==n.filterOptions?.options||r[5]!==h?(y=n.filterOptions?.options?.find(e=>e.id===h),r[4]=n.filterOptions?.options,r[5]=h,r[6]=y):y=r[6];const x=y,[z,C]=g.useState(x??null);let O;r[7]!==c||r[8]!==f||r[9]!==n||r[10]!==d||r[11]!==z||r[12]!==m?(O=()=>{const e=d??(c.filter(e=>e.filterColumn===n.accessor)?.length||0);_(z?z.id:void 0,e,"",n,m),f?.()},r[7]=c,r[8]=f,r[9]=n,r[10]=d,r[11]=z,r[12]=m,r[13]=O):O=r[13];const k=O,P="single"===o?x:null;let M,A,D,T;r[14]===Symbol.for("react.memo_cache_sentinel")?(M=(e,t,l)=>{"selectOption"===l?C(t):"clear"===l&&C(null)},r[14]=M):M=r[14],r[15]!==n.filterOptions?.options?(A=n.filterOptions?.options??[],r[15]=n.filterOptions?.options,r[16]=A):A=r[16],r[17]!==n.label?(D=e=>v(s,{...e,label:n.label}),r[17]=n.label,r[18]=D):D=r[18],r[19]!==P||r[20]!==A||r[21]!==D?(T=v(i,{size:12,children:v(t,{size:"small",blurOnSelect:!0,clearOnBlur:!0,defaultValue:P,onChange:M,options:A,getOptionLabel:F,getOptionKey:S,renderOption:I,renderInput:D,"aria-label":"filter-select"})}),r[19]=P,r[20]=A,r[21]=D,r[22]=T):T=r[22];const V=z?.id===x?.id,W=p?.apply;let B,N;return r[23]!==k||r[24]!==V||r[25]!==W?(B=v(i,{size:12,children:v(l,{fullWidth:!0,variant:"contained",color:"primary",size:"small",onClick:k,disabled:V,"aria-label":"apply-filter",children:W})}),r[23]=k,r[24]=V,r[25]=W,r[26]=B):B=r[26],r[27]!==B||r[28]!==T?(N=b(i,{container:!0,alignItems:"center",spacing:1,children:[T,B]}),r[27]=B,r[28]=T,r[29]=N):N=r[29],N}function I(e,t){return v(r,{...e,children:t.label})}function S(e){return e.id}function F(e){return e.label}m.locale("it");const O=["dateMin","dateFrom","dateTo","exact"];function k(t){const a=e(68),{column:r,filterIndex:s,activeFilters:f,setActiveFilters:p,closePopover:h,localeStr:y}=t,x=c();let z,C,I;if(a[0]!==f||a[1]!==r.accessor||a[2]!==s){let e;a[6]!==r.accessor||a[7]!==s?(e=e=>e.filterColumn===r.accessor&&e.filterIndex===s,a[6]=r.accessor,a[7]=s,a[8]=e):e=a[8];const t=f.filter(e);C=t?.find(T)?.filterValue,z=t?.find(D)?.filterValue,I=C?O.find(e=>t.find(t=>t.filterComparator===e)):"dateFrom",a[0]=f,a[1]=r.accessor,a[2]=s,a[3]=z,a[4]=C,a[5]=I}else z=a[3],C=a[4],I=a[5];const S=I;let F;a[9]!==S||a[10]!==z||a[11]!==C?(F=()=>C&&z?"range":C?"dateFrom"===S?"from":"dateTo"===S?"to":"exact":"exact",a[9]=S,a[10]=z,a[11]=C,a[12]=F):F=a[12];const[k,V]=g.useState(F),[W,B]=g.useState(!1),N=C??"",j="range"===k?z:"";let E;a[13]!==N||a[14]!==j?(E={date_start:N,date_end:j},a[13]=N,a[14]=j,a[15]=E):E=a[15];const[G,w]=g.useState(E);let L;a[16]!==k?(L=e=>{"range"!==k&&w(A),V(e.target.value)},a[16]=k,a[17]=L):L=a[17];const R=L;let K;a[18]===Symbol.for("react.memo_cache_sentinel")?(K=(e,t)=>{B(!1),w(l=>({date_start:"start"===t?e:l.date_start,date_end:"end"===t?e:l.date_end}))},a[18]=K):K=a[18];const q=K;let H;a[19]!==f||a[20]!==h||a[21]!==r||a[22]!==s||a[23]!==G.date_end||a[24]!==G.date_start||a[25]!==k||a[26]!==p?(H=()=>{const e="range"===k?"dateMin":"from"===k?"dateFrom":"to"===k?"dateTo":"exact",t=s??(f.filter(M).length||0),l=s??(f.filter(P).length||0);f.filter(e=>e.filterColumn===r.accessor&&e.filterIndex===s).forEach(e=>{p(t=>t.filter(t=>t!==e))}),"range"!==k?_(G.date_start,t,e,r,p):(_(G.date_start,t,"dateMin",r,p),_(G.date_end,l,"dateMax",r,p)),h?.()},a[19]=f,a[20]=h,a[21]=r,a[22]=s,a[23]=G.date_end,a[24]=G.date_start,a[25]=k,a[26]=p,a[27]=H):H=a[27];const J=H,Q="range"!==k?W:!G.date_start||!G.date_end||W;let U;a[28]!==r.filterOptions?.singleDate||a[29]!==y?.dateFrom||a[30]!==y?.dateTo||a[31]!==y?.exact||a[32]!==y?.range||a[33]!==k||a[34]!==R?(U=!r.filterOptions?.singleDate&&v(i,{size:12,children:b(o,{fullWidth:!0,value:k,onChange:R,size:"small",children:[b(n,{value:"exact",children:[" ",y?.exact," "]}),b(n,{value:"from",children:[" ",y?.dateFrom," "]}),b(n,{value:"to",children:[" ",y?.dateTo," "]}),b(n,{value:"range",children:[" ",y?.range," "]})]})}),a[28]=r.filterOptions?.singleDate,a[29]=y?.dateFrom,a[30]=y?.dateTo,a[31]=y?.exact,a[32]=y?.range,a[33]=k,a[34]=R,a[35]=U):U=a[35];const X="range"!==k?"Data":"Data Inizio";let Y,Z,$,ee,te,le;a[36]!==G.date_start?(Y=G.date_start?m(G.date_start):null,a[36]=G.date_start,a[37]=Y):Y=a[37],a[38]===Symbol.for("react.memo_cache_sentinel")?(Z=(e,t)=>!t.validationError&&e?q(e?.toISOString(),"start"):null,a[38]=Z):Z=a[38],a[39]!==G.date_end?($=G.date_end?m(G.date_end).subtract(1,"day"):void 0,a[39]=G.date_end,a[40]=$):$=a[40],a[41]===Symbol.for("react.memo_cache_sentinel")?(ee=e=>B(Boolean(e)),te={openPickerIcon:u},a[41]=ee,a[42]=te):(ee=a[41],te=a[42]),a[43]!==x.palette.action.active?(le={color:x.palette.action.active,size:20},a[43]=x.palette.action.active,a[44]=le):le=a[44];const ie=le;let ae,re,ne,oe,ce;a[45]===Symbol.for("react.memo_cache_sentinel")?(ae={size:"small"},re={size:"small",fullWidth:!0},a[45]=ae,a[46]=re):(ae=a[45],re=a[46]),a[47]!==ie?(ne={openPickerIcon:ie,openPickerButton:ae,textField:re},a[47]=ie,a[48]=ne):ne=a[48],a[49]!==Y||a[50]!==$||a[51]!==ne||a[52]!==X?(oe=v(i,{size:12,children:v(d,{label:X,defaultValue:Y,onChange:Z,maxDate:$,onError:ee,slots:te,slotProps:ne})}),a[49]=Y,a[50]=$,a[51]=ne,a[52]=X,a[53]=oe):oe=a[53],a[54]!==G.date_end||a[55]!==G.date_start||a[56]!==k||a[57]!==x.palette.action.active?(ce="range"===k&&v(i,{size:12,children:v(d,{label:"Data Fine",defaultValue:G.date_end?m(G.date_end):null,onChange:(e,t)=>!t.validationError&&e?q(e?.toISOString(),"end"):null,minDate:G.date_start?m(G.date_start).add(1,"day"):void 0,onError:e=>B(Boolean(e)),slots:{openPickerIcon:u},slotProps:{openPickerIcon:{color:x.palette.action.active,size:20},openPickerButton:{size:"small"},textField:{size:"small",fullWidth:!0}}})}),a[54]=G.date_end,a[55]=G.date_start,a[56]=k,a[57]=x.palette.action.active,a[58]=ce):ce=a[58];const se=y?.apply;let de,me;return a[59]!==J||a[60]!==Q||a[61]!==se?(de=v(i,{size:12,children:v(l,{fullWidth:!0,variant:"contained",color:"primary",size:"small",onClick:J,disabled:Q,children:se})}),a[59]=J,a[60]=Q,a[61]=se,a[62]=de):de=a[62],a[63]!==oe||a[64]!==ce||a[65]!==de||a[66]!==U?(me=b(i,{container:!0,size:12,alignItems:"center",gap:1,children:[U,oe,ce,de]}),a[63]=oe,a[64]=ce,a[65]=de,a[66]=U,a[67]=me):me=a[67],me}function P(e){return"dateMax"===e.filterComparator}function M(e){return"dateMin"===e.filterComparator}function A(e){return{date_start:e.date_start,date_end:""}}function D(e){return"dateMax"===e.filterComparator}function T(e){return O.includes(e.filterComparator??"")}export{k as DateFilterForm,z as NumberFilterForm,C as SelectFilterForm,x as StringFilterForm,_ as updateFilters};
|
|
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 +1 @@
|
|
|
1
|
-
import{c as e}from"react/compiler-runtime";import t from"@mui/material/Box";import i from"@mui/material/Chip";import r from"@mui/material/Divider";import o 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 p}from"@mui/material/styles";import d from"@mui/material/Tooltip";import f from"@mui/material/Typography";import{debounce as u}from"@mui/material/utils";import h from"dayjs";import"dayjs/locale/it";import{FunnelXIcon as y,RotateCwIcon as v,FunnelIcon as g,XCircleIcon as x,PlusCircleIcon as b,ChevronDownIcon as F,ChevronLeftIcon as C}from"lucide-react";import{AnimatePresence as S}from"motion/react";import*as I from"motion/react-m";import w from"qs";import O,{useEffectEvent as k,useEffect as z}from"react";import{StringFilterForm as A,NumberFilterForm as M,DateFilterForm as T,SelectFilterForm as $,updateFilters as _}from"./TableFilterComponents.js";import{jsx as L,jsxs as j,Fragment as V}from"react/jsx-runtime";h.locale("it");const P={type:"spring",stiffness:500,damping:32,restDelta:.001},B={$gte:["dateMin","dateFrom"],$lte:["dateMax","dateTo"],$gt:"dateFrom",$lt:"dateTo",$eq:"exact",gte:["dateMin","dateFrom"],lte:["dateMax","dateTo"],gt:"dateFrom",lt:"dateTo",eq:"exact"};const W=e=>e&&Array.isArray(e)&&0!==e.length?e.map(e=>({index:e.filterIndex??0,column:e.filterColumn??"",comparator:e.filterComparator??"",type:e.filterType??"",value:void 0===e.filterValue||null===e.filterValue?"":"object"==typeof e.filterValue?JSON.stringify(e.filterValue):String(e.filterValue)})).sort((e,t)=>e.column!==t.column?e.column.localeCompare(t.column):e.index!==t.index?e.index-t.index:e.comparator!==t.comparator?e.comparator.localeCompare(t.comparator):e.type!==t.type?e.type.localeCompare(t.type):e.value.localeCompare(t.value)).map(e=>`${e.type}|${e.column}|${e.index}|${e.comparator}|${e.value}`).join("-"):"",D=(e,t)=>{switch(typeof e){case"string":return t.toString();case"number":return Number(t);case"boolean":return Boolean(t);default:return t}};function E(t){const i=e(31),{column:r,filterMode:o,filterIndex:l,activeFilters:n,setActiveFilters:a,handleClose:c,localeStr:s}=t;switch(r.filterOptions?.type){case"string":{let e;return i[0]!==n||i[1]!==r||i[2]!==l||i[3]!==o||i[4]!==c||i[5]!==s||i[6]!==a?(e=L(A,{column:r,filterMode:o,filterIndex:l,activeFilters:n,setActiveFilters:a,closePopover:c,localeStr:s},r.accessor),i[0]=n,i[1]=r,i[2]=l,i[3]=o,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]!==r||i[10]!==l||i[11]!==o||i[12]!==c||i[13]!==s||i[14]!==a?(e=L(M,{column:r,filterMode:o,filterIndex:l,activeFilters:n,setActiveFilters:a,closePopover:c,localeStr:s},r.accessor),i[8]=n,i[9]=r,i[10]=l,i[11]=o,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]!==r||i[18]!==l||i[19]!==o||i[20]!==c||i[21]!==s||i[22]!==a?(e=L($,{column:r,filterMode:o,filterIndex:l,activeFilters:n,setActiveFilters:a,closePopover:c,localeStr:s},r.accessor),i[16]=n,i[17]=r,i[18]=l,i[19]=o,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]!==r||i[26]!==l||i[27]!==c||i[28]!==s||i[29]!==a?(e=L(T,{column:r,filterIndex:l,activeFilters:n,setActiveFilters:a,closePopover:c,localeStr:s},r.accessor),i[24]=n,i[25]=r,i[26]=l,i[27]=c,i[28]=s,i[29]=a,i[30]=e):e=i[30],e}default:return null}}function G(i){const l=e(77),{filterIndex:n,column:a,activeFilters:c,setActiveFilters:s,localeStr:u}=i,y=p(),[v,g]=O.useState(null),C=Boolean(v);let w;l[0]===Symbol.for("react.memo_cache_sentinel")?(w=()=>g(null),l[0]=w):w=l[0];const k=w;let z;l[1]!==v?(z=e=>{g(v?null:e.currentTarget)},l[1]=v,l[2]=z):z=l[2];const A=z;let M,T;if(l[3]!==c||l[4]!==a.accessor||l[5]!==a.filterOptions?.options||l[6]!==a.filterOptions?.type||l[7]!==n){const e=c?.find(e=>e?.filterColumn===a.accessor&&e?.filterIndex===n);M=e?.filterValue??null;const t=a.filterOptions?.options?.find(e=>e.id===M);e:switch(a.filterOptions?.type){case"select":T=t?.label;break e;case"date":if("dateMin"===e?.filterComparator||"dateMax"===e?.filterComparator){let e,t;if(l[10]!==c||l[11]!==a.accessor){const i=c?.find(e=>e?.filterColumn===a.accessor&&"dateMin"===e?.filterComparator),r=c?.find(e=>e?.filterColumn===a.accessor&&"dateMax"===e?.filterComparator);e=i?h(i?.filterValue).format("L"):"",t=r?h(r?.filterValue).format("L"):"",l[10]=c,l[11]=a.accessor,l[12]=e,l[13]=t}else e=l[12],t=l[13];T=`${e} - ${t}`;break e}T=h(M??"").format("L");break e;default:T=M??""}l[3]=c,l[4]=a.accessor,l[5]=a.filterOptions?.options,l[6]=a.filterOptions?.type,l[7]=n,l[8]=M,l[9]=T}else M=l[8],T=l[9];const $=T;let B;l[14]!==a||l[15]!==n||l[16]!==s?(B=e=>{e.stopPropagation(),_(void 0,n,"",a,s),k()},l[14]=a,l[15]=n,l[16]=s,l[17]=B):B=l[17];const W=B,D=null!=M?"transparent":"silver",G=null!=M?y.palette.primary.main:"transparent",R=null!=M?y.palette.primary.contrastText:y.palette.text.primary;let q;l[18]!==y.transitions?(q=y.transitions.create(["background-color","border-color","color","box-shadow"],{duration:y.transitions.duration.short}),l[18]=y.transitions,l[19]=q):q=l[19];const N=null!=M?y.palette.primary.dark:y.palette.action.hover;let Q,H,J,K,U,X,Y,Z,ee,te,ie,re,oe;l[20]!==N?(Q={backgroundColor:N},l[20]=N,l[21]=Q):Q=l[21],l[22]!==D||l[23]!==G||l[24]!==R||l[25]!==q||l[26]!==Q?(H={display:"inline-flex",alignItems:"center",gap:.5,height:32,pl:.5,pr:1,borderRadius:"16px",border:"1px solid",borderColor:D,backgroundColor:G,color:R,cursor:"pointer",overflow:"hidden",transition:q,"&:hover":Q},l[22]=D,l[23]=G,l[24]=R,l[25]=q,l[26]=Q,l[27]=H):H=l[27],l[28]!==W||l[29]!==M||l[30]!==u?.addFilter||l[31]!==u?.removeFilter||l[32]!==y.palette.action?(J=L(S,{mode:"wait",initial:!1,children:L(d,null!=M?{title:u?.removeFilter,arrow:!0,children:L(t,{component:I.div,initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},exit:{opacity:0,scale:0},transition:{duration:.1},onClick:W,sx:{display:"flex",alignItems:"center",justifyContent:"center",p:.5,borderRadius:"50%","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.2)"}},children:L(x,{size:18,color:"currentColor"})},"remove")}:{title:u?.addFilter,arrow:!0,children:L(t,{component:I.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:L(b,{size:18,color:y.palette.action.active})},"add")})}),l[28]=W,l[29]=M,l[30]=u?.addFilter,l[31]=u?.removeFilter,l[32]=y.palette.action,l[33]=J):J=l[33],l[34]===Symbol.for("react.memo_cache_sentinel")?(K={display:"flex",alignItems:"center",gap:.5},l[34]=K):K=l[34],l[35]!==a.label?(U=L(f,{variant:"subtitle2",fontWeight:"light",children:a.label}),l[35]=a.label,l[36]=U):U=l[36],l[37]!==$||l[38]!==M?(X=null!=M&&j(t,{component:I.div,initial:{opacity:0,x:-5},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:[L(S,{mode:"popLayout",initial:!1,children:L(r,{orientation:"vertical",flexItem:!0,sx:{mx:.5,borderColor:"inherit",opacity:.5}})}),L(S,{mode:"popLayout",initial:!1,children:L(I.div,{initial:{opacity:0,x:20},animate:{opacity:1,x:0},exit:{opacity:0,x:-20},transition:{duration:.25},children:L(f,{variant:"subtitle2",fontWeight:"bold",color:"inherit",children:$})},`value-${String($)}`)})]},"filter-value-container"),l[37]=$,l[38]=M,l[39]=X):X=l[39],l[40]!==X?(Y=L(S,{mode:"wait",children:X}),l[40]=X,l[41]=Y):Y=l[41],l[42]!==U||l[43]!==Y?(Z=j(t,{sx:K,children:[U,Y]}),l[42]=U,l[43]=Y,l[44]=Z):Z=l[44],l[45]!==M?(ee=null!=M&&L(I.div,{initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},exit:{opacity:0,scale:0},transition:{duration:.15},style:{display:"flex",alignItems:"center"},children:L(F,{size:16,color:"currentColor"})},"dropdown-icon"),l[45]=M,l[46]=ee):ee=l[46],l[47]!==ee?(te=L(S,{children:ee}),l[47]=ee,l[48]=te):te=l[48],l[49]!==A||l[50]!==H||l[51]!==J||l[52]!==Z||l[53]!==te?(ie=j(t,{component:I.div,layout:!0,transition:P,onClick:A,sx:H,children:[J,Z,te]}),l[49]=A,l[50]=H,l[51]=J,l[52]=Z,l[53]=te,l[54]=ie):ie=l[54],l[55]===Symbol.for("react.memo_cache_sentinel")?(re={vertical:"bottom",horizontal:"left"},oe={paper:{variant:"outlined"}},l[55]=re,l[56]=oe):(re=l[55],oe=l[56]);const le=`${u?.filterBy} ${a.label}`;let ne,ae,ce,se,me,pe;return l[57]!==le?(ne=L(o,{size:12,children:L(f,{variant:"subtitle2",color:"textSecondary",fontWeight:"bold",children:le})}),l[57]=le,l[58]=ne):ne=l[58],l[59]!==c?(ae=c??[],l[59]=c,l[60]=ae):ae=l[60],l[61]!==a||l[62]!==n||l[63]!==u||l[64]!==s||l[65]!==ae?(ce=L(o,{size:12,children:L(E,{column:a,filterMode:"single",filterIndex:n,activeFilters:ae,setActiveFilters:s,handleClose:k,localeStr:u})}),l[61]=a,l[62]=n,l[63]=u,l[64]=s,l[65]=ae,l[66]=ce):ce=l[66],l[67]!==ne||l[68]!==ce?(se=j(o,{container:!0,size:12,p:2,gap:1,maxWidth:300,children:[ne,ce]}),l[67]=ne,l[68]=ce,l[69]=se):se=l[69],l[70]!==v||l[71]!==C||l[72]!==se?(me=L(m,{open:C,anchorEl:v,onClose:k,anchorOrigin:re,slotProps:oe,children:se}),l[70]=v,l[71]=C,l[72]=se,l[73]=me):me=l[73],l[74]!==ie||l[75]!==me?(pe=j(V,{children:[ie,me]}),l[74]=ie,l[75]=me,l[76]=pe):pe=l[76],pe}function R(t){const r=e(37),{columns:u,filterMode:h,activeFilters:y,setActiveFilters:v,localeStr:g}=t,x=p(),[S,w]=O.useState(null);let k;r[0]!==S?(k=e=>{w(S?null:e.currentTarget)},r[0]=S,r[1]=k):k=r[1];const z=k,A=Boolean(S),[M,T]=O.useState(null);let $;r[2]===Symbol.for("react.memo_cache_sentinel")?($=e=>{T(e)},r[2]=$):$=r[2];const _=$;let V;r[3]===Symbol.for("react.memo_cache_sentinel")?(V=()=>{console.log("closing popover"),w(null),T(null)},r[3]=V):V=r[3];const P=V,B=g?.addFilter;let W,D,G;r[4]===Symbol.for("react.memo_cache_sentinel")?(W={marginLeft:4},r[4]=W):W=r[4],r[5]!==x.palette.action.active?(D=L(b,{size:18,color:x.palette.action.active,style:W}),r[5]=x.palette.action.active,r[6]=D):D=r[6],r[7]!==B||r[8]!==D?(G=L(d,{title:B,arrow:!0,children:D}),r[7]=B,r[8]=D,r[9]=G):G=r[9];const R=g?.moreFilters;let q,N,Q,H,J,K,U,X,Y;return r[10]!==R?(q=L(f,{variant:"subtitle2",fontWeight:"light",children:R}),r[10]=R,r[11]=q):q=r[11],r[12]!==x.palette.action.active?(N=L(F,{size:18,color:x.palette.action.active}),r[12]=x.palette.action.active,r[13]=N):N=r[13],r[14]===Symbol.for("react.memo_cache_sentinel")?(Q={minWidth:"80px"},r[14]=Q):Q=r[14],r[15]!==z||r[16]!==G||r[17]!==q||r[18]!==N?(H=L(i,{component:I.div,layout:!0,clickable:!0,skipFocusWhenDisabled:!0,variant:"outlined",size:"medium",onClick:z,icon:G,label:q,deleteIcon:N,sx:Q}),r[15]=z,r[16]=G,r[17]=q,r[18]=N,r[19]=H):H=r[19],r[20]===Symbol.for("react.memo_cache_sentinel")?(J={vertical:"bottom",horizontal:"left"},K={paper:{variant:"outlined"}},r[20]=J,r[21]=K):(J=r[20],K=r[21]),r[22]!==y||r[23]!==u||r[24]!==h||r[25]!==g||r[26]!==M||r[27]!==v||r[28]!==x.palette.action.active?(U=L(o,{container:!0,size:12,gap:1,maxWidth:300,children:M?j(o,{container:!0,size:12,gap:1,p:2,children:[j(o,{container:!0,size:12,justifyContent:"flex-start",alignItems:"center",gap:1,children:[L(o,{children:L(l,{size:"small",onClick:()=>T(null),children:L(C,{size:18,color:x.palette.action.active})})}),L(o,{children:L(f,{variant:"subtitle2",color:"textSecondary",fontWeight:"bold",children:`${g?.filterBy} ${M?.label}`})})]}),L(o,{size:12,children:L(E,{column:M,filterMode:h,activeFilters:y,setActiveFilters:v,handleClose:P,localeStr:g})})]}):L(n,{dense:!0,sx:{width:200},children:u.map(e=>j(a,{alignItems:"center",onClick:()=>_(e),children:[L(c,{sx:{minWidth:"30px"},children:L(b,{size:18,color:x.palette.action.active,style:{marginLeft:0}})}),L(s,{children:e.label})]},e.accessor))})}),r[22]=y,r[23]=u,r[24]=h,r[25]=g,r[26]=M,r[27]=v,r[28]=x.palette.action.active,r[29]=U):U=r[29],r[30]!==S||r[31]!==A||r[32]!==U?(X=L(m,{open:A,anchorEl:S,onClose:P,anchorOrigin:J,slotProps:K,children:U}),r[30]=S,r[31]=A,r[32]=U,r[33]=X):X=r[33],r[34]!==H||r[35]!==X?(Y=j(o,{children:[H,X]}),r[34]=H,r[35]=X,r[36]=Y):Y=r[36],Y}function q(i){const r=e(59),{columns:n,isFetching:a,filterMode:c,defaultShowFilters:s,filtersQuery:m,activeFilters:p,setActiveFilters:f,handleFetchData:h,setCurrentPage:x,setHighestFetchedPage:b,setAreFiltersLoaded:F,refreshButton:C,showRefreshButton:T,localeStr:$}=i,_=void 0===c?"single":c;let V;r[0]!==p?(V=e=>p.some(t=>t?.filterColumn===e.accessor&&t?.filterType===e.filterOptions?.type),r[0]=p,r[1]=V):V=r[1];const E=V,q=n.filter(J);let K;r[2]!==E?(K=e=>e.filterOptions?.priority||E(e),r[2]=E,r[3]=K):K=r[3];const U=q.filter(K),X=U.length>0?U:q,Y=X.length!==q.length?q.filter(e=>!e.filterOptions?.priority&&!E(e)):[],Z="single"===_?Y:q;let ee;r[4]!==p.length||r[5]!==f?(ee=()=>{p.length>0&&f([])},r[4]=p.length,r[5]=f,r[6]=ee):ee=r[6];const te=ee,[ie,re]=O.useState(!1);let oe;r[7]!==m?(oe=m?"string"==typeof m?m:W(m):"",r[7]=m,r[8]=oe):oe=r[8];const le=oe;let ne;r[9]!==p||r[10]!==n||r[11]!==m||r[12]!==a||r[13]!==f||r[14]!==F?(ne=()=>{if(!m)return void re(!0);if("string"==typeof m){if((e=>{if(!e||0===e.length)return[];const t=w.parse(e,{ignoreQueryPrefix:!0}).filter??{};return Object.keys(t)})(m).filter(e=>!n.some(t=>t.accessor===e)).length>0&&a)return re(!1),void F?.(!1)}const e="string"==typeof m?function(e,t){if(!t||0===t.length)return[];const i=w.parse(t,{ignoreQueryPrefix:!0}).filter??{},r={},o=new Map,l=e=>(void 0===r[e]&&(r[e]=0),r[e]),n=(e,t=1)=>{r[e]=l(e)+t},a=e=>{const t=e.filterComparator??"exact",i=`${e.filterColumn}|${e.filterIndex}|${t}`;o.set(i,e)};return Object.entries(i).forEach(([t,i])=>{const r=e.find(e=>e.filterOptions&&e.accessor===t),o=r?.filterOptions?.type;if(o)switch(o){case"string":{const e=l(t);a({filterColumn:t,filterValue:i,filterIndex:e,filterType:"string"}),n(t);break}case"number":{const e=l(t);a({filterColumn:t,filterValue:Number(i),filterIndex:e,filterType:"number"}),n(t);break}case"select":{const e=Array.isArray(i)?i:[i],o=l(t);e.forEach((e,i)=>{const l=r.filterOptions;if(!l||!l.options||0===l.options.length)return;const n=D(l.options[0].id,e),c=r.filterOptions?.options?.some(e=>e.id===n);c&&a({filterColumn:t,filterValue:n,filterIndex:o+i,filterType:"select"})}),n(t,e.length);break}case"date":{const e=l(t);if("object"==typeof i&&null!==i){const o=Object.entries(i);o.forEach(([i,l])=>{const n=B[i],c=Array.isArray(n)?n[o.length>1?0:1]??"exact":n??"exact",s=D(r.filterOptions?.options?.[0]?.id,l);a({filterColumn:t,filterValue:s,filterIndex:e,filterType:"date",filterComparator:c})})}else{const o=D(r.filterOptions?.options?.[0]?.id,i);a({filterColumn:t,filterValue:o,filterIndex:e,filterType:"date",filterComparator:"exact"})}n(t);break}default:{const e=l(t);a({filterColumn:t,filterValue:i,filterIndex:e}),n(t)}}}),Array.from(o.values())}(n,m):m;W(p)!==W(e)&&f(e),re(!0)},r[9]=p,r[10]=n,r[11]=m,r[12]=a,r[13]=f,r[14]=F,r[15]=ne):ne=r[15];const ae=k(ne),ce=O.useRef(void 0);let se,me,pe;r[16]!==ie||r[17]!==le||r[18]!==ae?(se=()=>{const e=le!==ce.current;ce.current=le,!e&&ie||ae()},r[16]=ie,r[17]=le,r[18]=ae,r[19]=se):se=r[19],r[20]!==n||r[21]!==ie||r[22]!==a||r[23]!==le?(me=[n,le,ie,a],r[20]=n,r[21]=ie,r[22]=a,r[23]=le,r[24]=me):me=r[24],z(se,me),r[25]!==h||r[26]!==F||r[27]!==x||r[28]!==b?(pe=async()=>{F?.(!1),b?.(-1),x?.(0),await h(),F?.(!0)},r[25]=h,r[26]=F,r[27]=x,r[28]=b,r[29]=pe):pe=r[29];const de=k(pe);let fe,ue,he;r[30]!==ie||r[31]!==de?(fe=()=>{ie&&de()},r[30]=ie,r[31]=de,r[32]=fe):fe=r[32],r[33]!==p||r[34]!==ie?(ue=[p,ie],r[33]=p,r[34]=ie,r[35]=ue):ue=r[35],z(fe,ue),r[36]!==ie||r[37]!==m||r[38]!==h||r[39]!==a||r[40]!==C||r[41]!==f||r[42]!==x||r[43]!==b?(he=u(async e=>{ie&&!a&&(x?.(0),b?.(-1),m?await h():f([]),C?.onClick?.(e))},300),r[36]=ie,r[37]=m,r[38]=h,r[39]=a,r[40]=C,r[41]=f,r[42]=x,r[43]=b,r[44]=he):he=r[44];const ye=he,ve=H,[ge,xe]=O.useState(void 0===s||s);let be;r[45]===Symbol.for("react.memo_cache_sentinel")?(be=()=>xe(Q),r[45]=be):be=r[45];const Fe=be,Ce=1===q.length?q.find(N):void 0,Se="string"===Ce?.filterOptions?.type?L(A,{column:Ce,filterMode:_,activeFilters:p,setActiveFilters:f,aloneFilter:!0,localeStr:$}):"number"===Ce?.filterOptions?.type?L(M,{column:Ce,filterMode:_,activeFilters:p,setActiveFilters:f,aloneFilter:!0,localeStr:$}):null,Ie=o,we=ge&&L(o,{container:!0,justifyContent:"flex-start",alignItems:"center",flexGrow:1,padding:Ce?1:void 0,component:I.div,layout:!0,children:Ce?Se:j(S,{mode:"popLayout",initial:!1,children:[X.map(e=>L(t,{component:I.div,layout:!0,initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:P,children:L(G,{filterIndex:0,column:e,activeFilters:p,setActiveFilters:f,localeStr:$})},e.accessor)),Z.length>0&&L(t,{component:I.div,layout:!0,initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:P,children:L(R,{columns:Z,filterMode:_,activeFilters:p,setActiveFilters:f,localeStr:$})},"more-filters-container"),p.length>0&&L(t,{component:I.div,layout:!0,initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:P,children:L(d,{title:$?.clear,arrow:!0,children:L(l,{size:"medium",color:"primary",onClick:te,children:L(y,{size:20})})})},"clear-filters-container"),T&&L(o,{component:I.div,layout:!0,initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:P,children:L(d,{title:C?.label??$?.refresh,arrow:!0,children:L(l,{size:"medium",color:"primary",onClick:ye,onMouseDown:ve,sx:{"@keyframes spin":{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"&.spinning":{animation:"spin 0.5s ease-in-out"}},children:C?.icon??L(v,{size:20})})})},"refresh-table-container")]})});let Oe,ke,ze;return r[46]!==ge?(Oe=!ge&&L(o,{flexGrow:1,children:L("span",{})}),r[46]=ge,r[47]=Oe):Oe=r[47],r[48]!==s||r[49]!==Fe||r[50]!==$?.hideFilters||r[51]!==$?.showFilters||r[52]!==ge?(ke=void 0!==s&&L(o,{children:L(d,{title:ge?$?.hideFilters:$?.showFilters,arrow:!0,children:L(l,{size:"medium",color:"primary",onClick:Fe,children:L(ge?g:y,{size:20})})})}),r[48]=s,r[49]=Fe,r[50]=$?.hideFilters,r[51]=$?.showFilters,r[52]=ge,r[53]=ke):ke=r[53],r[54]!==Ie||r[55]!==we||r[56]!==Oe||r[57]!==ke?(ze=j(Ie,{component:"div",container:true,justifyContent:"flex-start",alignItems:"center",flexGrow:1,spacing:1,p:1,children:[we,Oe,ke]}),r[54]=Ie,r[55]=we,r[56]=Oe,r[57]=ke,r[58]=ze):ze=r[58],ze}function N(e){return"string"===e.filterOptions?.type}function Q(e){return!e}function H(e){const t=e.currentTarget;t.classList.remove("spinning"),t.classList.add("spinning"),setTimeout(()=>{t.classList.remove("spinning")},500)}function J(e){return e.filterOptions&&"object"==typeof e.filterOptions}export{G as FilterChip,E as FilterSwitcher,R 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 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 M,updateFilters as j}from"./TableFilterComponents.js";import{serializeFilters as B,getFilterColumnsFromQuery as P,parseQueryFilters as T}from"./TableFunctions.js";import{jsx as W,jsxs as q,Fragment as D}from"react/jsx-runtime";h.locale("it");const G={type:"spring",stiffness:600,damping:32,restDelta:.001};function R(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(M,{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 E(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 M=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=N;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 E;l[23]!==a||l[24]!==n||l[25]!==s?(E=e=>{e.stopPropagation(),j(void 0,n,"",a,s),A()},l[23]=a,l[24]=n,l[25]=s,l[26]=E):E=l[26];const H=E;let Q,J,K,U;l[27]!==f?(Q=f?G:{duration:0},l[27]=f,l[28]=Q):Q=l[28],l[29]!==f?(J=f?G:{duration:0},l[29]=f,l[30]=J):J=l[30],l[31]!==f?(K=f?G:{duration:0},l[31]=f,l[32]=K):K=l[32],l[33]!==Q||l[34]!==J||l[35]!==K?(U={...G,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&&q(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:{...G,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=q(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]!==M||l[68]!==Z||l[69]!==oe||l[70]!==re||l[71]!==se||l[72]!==me||l[73]!==U?(de=q(t,{component:w.div,transition:U,animate:Z,onClick:M,sx:oe,children:[re,se,me]}),l[67]=M,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(R,{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=q(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=q(D,{children:[de,xe]}),l[94]=de,l[95]=xe,l[96]=be):be=l[96],be}function N(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 M=O;let j;o[3]===Symbol.for("react.memo_cache_sentinel")?(j=()=>{I(null),_(null)},o[3]=j):j=o[3];const B=j,P=g?.addFilter;let T,D,G;o[4]===Symbol.for("react.memo_cache_sentinel")?(T={marginLeft:4},o[4]=T):T=o[4],o[5]!==x.palette.action.active?(D=W(b,{size:18,color:x.palette.action.active,style:T}),o[5]=x.palette.action.active,o[6]=D):D=o[6],o[7]!==P||o[8]!==D?(G=W(p,{title:P,arrow:!0,children:D}),o[7]=P,o[8]=D,o[9]=G):G=o[9];const E=g?.moreFilters;let N,H,Q,J,K,U,V,X,Y;return o[10]!==E?(N=W(u,{variant:"subtitle2",fontWeight:"light",children:E}),o[10]=E,o[11]=N):N=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]!==G||o[17]!==N||o[18]!==H?(J=W(i,{component:w.div,layout:!0,clickable:!0,skipFocusWhenDisabled:!0,variant:"outlined",size:"medium",onClick:$,icon:G,label:N,deleteIcon:H,sx:Q}),o[15]=$,o[16]=G,o[17]=N,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?q(r,{container:!0,size:12,gap:1,p:2,children:[q(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(R,{column:L,filterMode:h,activeFilters:v,setActiveFilters:y,handleClose:B,localeStr:g})})]}):W(n,{dense:!0,sx:{width:200},children:f.map(e=>q(a,{alignItems:"center",onClick:()=>M(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=q(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,M=void 0===c?"single":c;let j;o[0]!==d?(j=e=>d.some(t=>t?.column===e.accessor&&t?.type===e.filterOptions?.type),o[0]=d,o[1]=j):j=o[1];const D=j,R=n.filter(V);let N;o[2]!==D?(N=e=>e.columnOptions?.priority||D(e),o[2]=D,o[3]=N):N=o[3];const Q=R.filter(N),X=Q.length>0?Q:R,Y=X.length!==R.length?R.filter(e=>!e.columnOptions?.priority&&!D(e)):[],Z="single"===M?Y:R;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){const e=P(m);console.log("Query columns extracted from filters query:",e);const t=e.filter(e=>!n.some(t=>t.accessor===e));if(console.log("Missing columns from query:",t),t.length>0&&a)return oe(!1),void S?.(!1)}const e="string"==typeof m?T(n,m):m,t=B(d),i=B(e);console.log("Syncing filters from query. Serialized active:",t),console.log("Syncing filters from query. Serialized parsed:",i),t!==i&&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===R.length?R.find(J):void 0,Ce="string"===Se?.filterOptions?.type?W($,{column:Se,filterMode:M,activeFilters:d,setActiveFilters:u,aloneFilter:!0,localeStr:O}):"number"===Se?.filterOptions?.type?W(A,{column:Se,filterMode:M,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:q(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:G,children:W(E,{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:G,children:W(H,{columns:Z,filterMode:M,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:G,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:G,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=q(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{E as FilterChip,R as FilterSwitcher,H as MoreFiltersChip,Q as TableFilterHeader};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"qs";import{mongoOperators as t}from"./TableTypes.js";const r=e=>"object"==typeof e&&null!=e&&!Array.isArray(e),n=e=>{if(r(e)){const r=Object.keys(e).find(e=>e.startsWith("$"));if(r&&t.string.includes(r))return{value:String(e[r]),operator:r};const o=Object.keys(e).find(e=>!e.startsWith("$"));if(o)return n(e[o])}return{value:String(e)}},o=e=>{try{return JSON.stringify(e)}catch{return""}},i=e=>e&&Array.isArray(e)&&0!==e.length?e.map(e=>({index:e.index??0,column:e.column??"",operator:e.operator??"",type:e.type??"",value:null==e.value?"":"object"==typeof e.value?o(e.value):String(e.value)})).sort((e,t)=>e.column!==t.column?e.column.localeCompare(t.column):e.index!==t.index?e.index-t.index:e.operator!==t.operator?e.operator.localeCompare(t.operator):e.type!==t.type?e.type.localeCompare(t.type):e.value.localeCompare(t.value)).map(e=>`${e.type}|${e.column}|${e.index}|${e.operator}|${e.value}`).join("-"):"",a=(e,t)=>{switch(null!=e?typeof e:"undefined"){case"string":return t.toString();case"number":return Number(t);case"boolean":return Boolean(t);default:return t}},l=(e,t)=>{if(r(t)){const r=Object.keys(t).filter(e=>!e.startsWith("$"));if(1===r.length)return l(`${e}.${r[0]}`,t[r[0]])}return e},s=t=>{if(!t||0===t.length)return[];const r=e.parse(t,{ignoreQueryPrefix:!0}).filter??{};return Object.entries(r).map(([e,t])=>l(e,t))};function u(t,o){if(0===o.length)return[];const i=e.parse(o,{ignoreQueryPrefix:!0,allowEmptyArrays:!0}).filter??{},s={},u=new Map,c=e=>(void 0===s[e]&&(s[e]=0),s[e]),p=(e,t=1)=>{s[e]=c(e)+t},f=e=>{const t=e.operator??"",r=`${e.column}|${e.index}|${t}|${e.value}`;u.set(r,e)};return Object.entries(i).forEach(([e,o])=>{const i=l(e,o),s=t.find(e=>e.filterOptions&&e.accessor===i),u=s?.accessor,m=s?.filterOptions?.type;if(!u||!m)return;const $=u!==e?u.slice(e.length+1).split(".").filter(Boolean):[];let y=o;for(const e of $)r(y)&&e in y&&(y=y[e]);switch(m){case"string":{const{value:e,operator:t}=n(y),r=c(u);f({column:u,value:e,index:r,type:"string",operator:t}),p(u);break}case"number":{const e=c(u);if(r(y)){Object.entries(y).forEach(([t,r])=>{f({column:u,value:Number(r),index:e,type:"number",operator:t})})}else f({column:u,value:Number(y),index:e,type:"number"});p(u);break}case"select":{const e=s?.filterOptions;if(!e||!e.options||0===e.options.length)break;const t=c(u);let n=y,o=!0===e.multiple;if(r(y)&&"$in"in y&&(n=y.$in,o=!0),"string"==typeof n&&n.startsWith("[")&&n.endsWith("]")){const e=n.slice(1,-1).trim();n=e?e.split(",").map(e=>e.trim().replace(/(^"|"$)/g,"")):[]}const i=(Array.isArray(n)?n:null!=n&&""!==n?[n]:[]).map(t=>a(e.options[0].id,t)).filter(t=>e.options.some(e=>String(e.id)===String(t)));o?(f({column:u,value:i,index:t,type:"select",operator:"$in"}),p(u)):(i.forEach((e,r)=>{f({column:u,value:e,index:t+r,type:"select"})}),p(u,i.length));break}case"date":{const e=c(u);if(r(y)){Object.entries(y).forEach(([t,r])=>{f({column:u,value:r,index:e,type:"date",operator:t})})}else f({column:u,value:y,index:e,type:"date",operator:"$eq"});p(u);break}}}),Array.from(u.values())}function c(r){if(0===r.length)return"";const n=r.reduce((e,r)=>{const[n,...o]=r.column.split("."),i=o.map(e=>`[${e}]`).join("");switch(r.type){case"string":{const o=r.operator;return o&&t.string.includes(o)?e[`filter[${n}]${i}[${o}]`]=r.value:e[`filter[${n}]${i}`]=r.value,e}case"number":{const o=r.operator;return o&&t.number.includes(o)?e[`filter[${n}]${i}[${o}]`]=r.value:e[`filter[${n}]${i}`]=r.value,e}case"select":{const o=r.operator;if(o&&t.select.includes(o)){const t=Array.isArray(r.value)?`[${r.value.map(e=>"string"==typeof e?`"${e}"`:e).join(", ")}]`:r.value;e[`filter[${n}]${i}[${o}]`]=t}else e[`filter[${n}]${i}`]=r.value;return e}case"date":{const o=r.operator;return o&&t.date.includes(o)?e[`filter[${n}]${i}[${o}]`]=r.value:e[`filter[${n}]${i}`]=r.value,e}default:return e[`filter[${n}]${i}`]=r.value,e}},{});return e.stringify(n,{encode:!1,arrayFormat:"brackets"})}export{s as getFilterColumnsFromQuery,u as parseQueryFilters,i as serializeFilters,c as stringifyFilters,a as typeCaster};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e={it:{header:{quickActions:"Azioni Veloci",lockedColumns:"Colonne Fisse",visibleColumns:"Colonne Visibili",hiddenColumns:"Colonne Nascoste",itemsSelected:"Righe Selezionate",selectedAll:"Seleziona Tutto",deselectAll:"Deseleziona Tutto",allItemsSelected:"Tutti gli elementi selezionati"},filters:{addFilter:"Aggiungi Filtro",removeFilter:"Rimuovi Filtro",filterBy:"Filtra per",moreFilters:"Altri Filtri",date:"Data",exact:"Esatta",dateFrom:"A partire dal",dateTo:"Fino al",range:"Intervallo",dateLanguage:"it",apply:"Applica",clear:"Rimuovi filtri",refresh:"Aggiorna Tabella",showFilters:"Mostra filtri",hideFilters:"Nascondi filtri"},footer:{rowsPerPage:"Righe per pagina: ",of:"di",elements:"elementi"}},en:{header:{quickActions:"Quick Actions",lockedColumns:"Fixed Columns",visibleColumns:"Visible Columns",hiddenColumns:"Hidden Columns",itemsSelected:"Items Selected",selectedAll:"Select All",deselectAll:"Deselect All",allItemsSelected:"All Items Selected"},filters:{addFilter:"Add Filter",removeFilter:"Remove Filter",filterBy:"Filter by",moreFilters:"More Filters",date:"Date",exact:"Exact",dateFrom:"From",dateTo:"To",range:"Range",dateLanguage:"en",apply:"Apply",clear:"Clear all filters",refresh:"Refresh Table",showFilters:"Show Filters",hideFilters:"Hide Filters"},footer:{rowsPerPage:"Rows per page: ",of:"of",elements:"elements"}}};export{e as localizedTableStrings};
|
|
1
|
+
const e={it:{header:{quickActions:"Azioni Veloci",lockedColumns:"Colonne Fisse",visibleColumns:"Colonne Visibili",hiddenColumns:"Colonne Nascoste",itemsSelected:"Righe Selezionate",selectedAll:"Seleziona Tutto",deselectAll:"Deseleziona Tutto",allItemsSelected:"Tutti gli elementi selezionati"},filters:{addFilter:"Aggiungi Filtro",removeFilter:"Rimuovi Filtro",filterBy:"Filtra per",moreFilters:"Altri Filtri",date:"Data",exact:"Esatta",dateFrom:"A partire dal",dateTo:"Fino al",range:"Intervallo",dateLanguage:"it",apply:"Applica",clear:"Rimuovi filtri",refresh:"Aggiorna Tabella",showFilters:"Mostra filtri",hideFilters:"Nascondi filtri"},footer:{rowsPerPage:"Righe per pagina: ",of:"di",elements:"elementi",page:"Pagina",moreThanTo:"più di"}},en:{header:{quickActions:"Quick Actions",lockedColumns:"Fixed Columns",visibleColumns:"Visible Columns",hiddenColumns:"Hidden Columns",itemsSelected:"Items Selected",selectedAll:"Select All",deselectAll:"Deselect All",allItemsSelected:"All Items Selected"},filters:{addFilter:"Add Filter",removeFilter:"Remove Filter",filterBy:"Filter by",moreFilters:"More Filters",date:"Date",exact:"Exact",dateFrom:"From",dateTo:"To",range:"Range",dateLanguage:"en",apply:"Apply",clear:"Clear all filters",refresh:"Refresh Table",showFilters:"Show Filters",hideFilters:"Hide Filters"},footer:{rowsPerPage:"Rows per page: ",of:"of",elements:"elements",page:"Page",moreThanTo:"more than"}}};export{e as localizedTableStrings};
|
|
@@ -1,22 +1,57 @@
|
|
|
1
1
|
import { ButtonProps, IconButtonProps } from '@mui/material';
|
|
2
2
|
import { Dispatch, SetStateAction } from 'react';
|
|
3
3
|
|
|
4
|
+
declare const mongoOperators: {
|
|
5
|
+
readonly string: readonly ["$regex"];
|
|
6
|
+
readonly number: readonly ["$eq", "$gt", "$gte", "$lt", "$lte"];
|
|
7
|
+
readonly select: readonly ["$in"];
|
|
8
|
+
readonly date: readonly ["$gt", "$gte", "$lt", "$lte", "$eq"];
|
|
9
|
+
};
|
|
10
|
+
type FilterType = 'string' | 'number' | 'select' | 'date';
|
|
11
|
+
type FilterValue = unknown;
|
|
12
|
+
type FilterOperator<T = FilterType> = T extends 'string' ? (typeof mongoOperators.string)[number] : T extends 'number' ? (typeof mongoOperators.number)[number] : T extends 'select' ? (typeof mongoOperators.select)[number] : T extends 'date' ? (typeof mongoOperators.date)[number] : never;
|
|
13
|
+
interface ActiveFilter<T = FilterType> {
|
|
14
|
+
index: number;
|
|
15
|
+
column: string;
|
|
16
|
+
type?: T;
|
|
17
|
+
value?: FilterValue;
|
|
18
|
+
operator?: FilterOperator<T>;
|
|
19
|
+
}
|
|
4
20
|
interface DynamicFilterOptions {
|
|
5
|
-
id: string | number | boolean;
|
|
21
|
+
id: string | number | boolean | null;
|
|
6
22
|
label: string;
|
|
23
|
+
icon?: React.ElementType;
|
|
7
24
|
}
|
|
8
|
-
type
|
|
25
|
+
type ColumnFilterTypeOptions<T = FilterType> = T extends 'string' ? {
|
|
26
|
+
type: 'string';
|
|
27
|
+
regex?: boolean;
|
|
28
|
+
} : T extends 'number' ? {
|
|
29
|
+
type: 'number';
|
|
30
|
+
comparators?: boolean;
|
|
31
|
+
} : T extends 'select' ? {
|
|
32
|
+
type: 'select';
|
|
33
|
+
options: DynamicFilterOptions[];
|
|
34
|
+
multiple?: boolean;
|
|
35
|
+
} : T extends 'date' ? {
|
|
36
|
+
type: 'date';
|
|
37
|
+
singleDate?: boolean;
|
|
38
|
+
} : never;
|
|
39
|
+
type ColumnFilterOptions<T = FilterType> = ColumnFilterTypeOptions<T> & {
|
|
40
|
+
locked?: boolean;
|
|
41
|
+
};
|
|
42
|
+
type ColumnOptions = {
|
|
43
|
+
visible?: boolean;
|
|
44
|
+
locked?: boolean;
|
|
45
|
+
sticky?: 'left' | 'right';
|
|
46
|
+
priority?: boolean;
|
|
47
|
+
maxWidth?: number | string | 'stretch';
|
|
48
|
+
export?: boolean;
|
|
49
|
+
};
|
|
9
50
|
interface DynamicColumns<T> {
|
|
10
51
|
accessor: string;
|
|
11
52
|
label: string;
|
|
12
|
-
filterOptions?:
|
|
13
|
-
|
|
14
|
-
options?: DynamicFilterOptions[];
|
|
15
|
-
singleDate?: boolean;
|
|
16
|
-
regex?: boolean;
|
|
17
|
-
priority?: boolean;
|
|
18
|
-
export?: boolean;
|
|
19
|
-
};
|
|
53
|
+
filterOptions?: ColumnFilterOptions;
|
|
54
|
+
columnOptions?: ColumnOptions;
|
|
20
55
|
ColumnCell?: () => React.ReactNode;
|
|
21
56
|
Cell?: (props: {
|
|
22
57
|
cellValue: string;
|
|
@@ -28,33 +63,8 @@ interface DynamicColumns<T> {
|
|
|
28
63
|
color?: IconButtonProps['color'];
|
|
29
64
|
label: string;
|
|
30
65
|
};
|
|
31
|
-
maxWidth?: number | string | 'stretch';
|
|
32
|
-
visible?: boolean;
|
|
33
|
-
locked?: boolean;
|
|
34
|
-
sticky?: 'left' | 'right';
|
|
35
|
-
}
|
|
36
|
-
type FilterType = 'string' | 'number' | 'select' | 'date';
|
|
37
|
-
type FilterValue = unknown;
|
|
38
|
-
interface ActiveFilter {
|
|
39
|
-
filterIndex: number;
|
|
40
|
-
filterColumn: string;
|
|
41
|
-
filterValue?: FilterValue;
|
|
42
|
-
filterType?: FilterType;
|
|
43
|
-
filterComparator?: string;
|
|
44
66
|
}
|
|
45
|
-
/**
|
|
46
|
-
* Type for the action event.
|
|
47
|
-
*/
|
|
48
67
|
type ActionEvent<T> = (actionType: string, selectedRows: T[], activeFilters: ActiveFilter[], allSelected?: boolean) => void;
|
|
49
|
-
/**
|
|
50
|
-
* Interface for an action event button.
|
|
51
|
-
* Only one of label or icon is required. Both can be provided.
|
|
52
|
-
* @param {ActionType} type - The type of the action.
|
|
53
|
-
* @param {string} label - Optional label of the button.
|
|
54
|
-
* @param {ButtonOwnProps['color']} color - Optional color of the button.
|
|
55
|
-
* @param {React.ReactNode} icon - Optional icon of the button.
|
|
56
|
-
* @param {boolean} isIconButton - Indicates whether the button is an icon button.
|
|
57
|
-
*/
|
|
58
68
|
interface ActionEventItem {
|
|
59
69
|
type: string;
|
|
60
70
|
label?: string;
|
|
@@ -63,25 +73,13 @@ interface ActionEventItem {
|
|
|
63
73
|
isIconButton?: boolean;
|
|
64
74
|
refetch?: boolean;
|
|
65
75
|
}
|
|
66
|
-
/**
|
|
67
|
-
* Interface for the props accepted by the TableInfo prop.
|
|
68
|
-
* @param {string} tableName - The name of the table.
|
|
69
|
-
* @param {Array<T>} tableData - The data of the table.
|
|
70
|
-
* @param {Dispatch<SetStateAction<T[]>>} setTableData - The function to set the table data.
|
|
71
|
-
* @param {DynamicColumns[]} columns - The columns of the table.
|
|
72
|
-
* @param {number} expectedRowCount - The expected row count.
|
|
73
|
-
* @param {boolean} static - Indicates whether the table is static.
|
|
74
|
-
* @param {boolean} showVisibleColumnsButton - Indicates whether the visible columns button is shown.
|
|
75
|
-
* @param {string} emptyTablePlaceholderSrc - The source of the empty table placeholder.
|
|
76
|
-
* @param {string} emptyTablePlaceholderText - The text of the empty table placeholder.
|
|
77
|
-
* @param {Object} paginationOptions - The options for the pagination.
|
|
78
|
-
*/
|
|
79
76
|
interface TableInfoProps<T> {
|
|
80
77
|
tableName: string;
|
|
81
78
|
tableData: Array<T>;
|
|
82
79
|
setTableData?: Dispatch<SetStateAction<T[]>>;
|
|
83
80
|
columns: DynamicColumns<T>[];
|
|
84
81
|
expectedRowCount: number;
|
|
82
|
+
currentPage: number;
|
|
85
83
|
variant?: 'standard' | 'dense' | 'compact';
|
|
86
84
|
filterMode?: 'single' | 'multiple';
|
|
87
85
|
defaultShowFilters?: boolean;
|
|
@@ -146,6 +144,8 @@ interface i18nStrings {
|
|
|
146
144
|
rowsPerPage: string;
|
|
147
145
|
of: string;
|
|
148
146
|
elements: string;
|
|
147
|
+
page: string;
|
|
148
|
+
moreThanTo: string;
|
|
149
149
|
};
|
|
150
150
|
}
|
|
151
151
|
interface TableButton extends ButtonProps {
|
|
@@ -165,7 +165,7 @@ interface CustomTableButtons {
|
|
|
165
165
|
refreshButton?: TableIconButton;
|
|
166
166
|
}
|
|
167
167
|
interface DynamicTableProps<T> {
|
|
168
|
-
tableInfo: TableInfoProps<T>;
|
|
168
|
+
tableInfo: Omit<TableInfoProps<T>, 'currentPage'>;
|
|
169
169
|
fetchInfo: FetchInfoProps;
|
|
170
170
|
queryInfo?: QueryInfoProps;
|
|
171
171
|
tableActions?: TableActions<T>;
|
|
@@ -175,4 +175,5 @@ interface DynamicTableProps<T> {
|
|
|
175
175
|
localeStr?: i18nStrings;
|
|
176
176
|
}
|
|
177
177
|
|
|
178
|
-
export
|
|
178
|
+
export { mongoOperators };
|
|
179
|
+
export type { ActionEvent, ActionEventItem, ActiveFilter, ColumnFilterOptions, ColumnFilterTypeOptions, ColumnOptions, CustomTableButtons, DefineActionsProps, DynamicColumns, DynamicFilterOptions, DynamicTableProps, FetchInfoProps, FilterOperator, FilterType, FilterValue, QueryInfoProps, TableActions, TableButton, TableIconButton, TableInfoProps, i18nStrings };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e={string:["$regex"],number:["$eq","$gt","$gte","$lt","$lte"],select:["$in"],date:["$gt","$gte","$lt","$lte","$eq"]};export{e as mongoOperators};
|
package/dist/index.d.ts
CHANGED
|
@@ -16,15 +16,16 @@ export { AiEditingProvider, useAiEditing } from './components/forms/AiEditingCon
|
|
|
16
16
|
export { SidebarItem, SidebarLayout, SidebarLayoutProps, SidebarLogo, SidebarProps } from './components/sidebar/SidebarLayout.js';
|
|
17
17
|
export { FooterData, SidebarFooterProps } from './components/sidebar/SidebarFooter.js';
|
|
18
18
|
export { ISnackbar, Notifier, NotifierProps } from './components/snackbar/Notifier/Notifier.js';
|
|
19
|
+
export { DynamicCardsTable } from './components/tables/CardsGrid/DynamicCardsTable.js';
|
|
20
|
+
export { CardFilters, DynamicCardsProps, InfiniteViewType } from './components/tables/CardsGrid/DynamicCardsTypes.js';
|
|
21
|
+
export { LegacyDynamicTable } from './components/tables/LegacyTable/LegacyTable.js';
|
|
19
22
|
export { RealtimeTable } from './components/tables/RealtimeTable/RealtimeTable.js';
|
|
20
23
|
export { RealtimeTableProps } from './components/tables/RealtimeTable/RealtimeTableTypes.js';
|
|
21
|
-
export { LegacyDynamicTable } from './components/tables/LegacyTable/LegacyTable.js';
|
|
22
24
|
export { ActionCell } from './components/tables/TableCells/ActionCell.js';
|
|
23
25
|
export { AvatarCell } from './components/tables/TableCells/AvatarCell.js';
|
|
24
26
|
export { BooleanCell } from './components/tables/TableCells/BooleanCell.js';
|
|
25
27
|
export { DateCell } from './components/tables/TableCells/DateCell.js';
|
|
26
28
|
export { SelectCell, SelectCellOption } from './components/tables/TableCells/SelectCell.js';
|
|
27
|
-
export {
|
|
28
|
-
export {
|
|
29
|
-
export { CardFilters, DynamicCardsProps, InfiniteViewType } from './components/tables/CardsGrid/DynamicCardsTypes.js';
|
|
29
|
+
export { stringifyFilters } from './components/tables/TableComponents/TableFunctions.js';
|
|
30
|
+
export { ActionEvent, ActionEventItem, ActiveFilter, TableButton as CustomButton, DefineActionsProps, DynamicColumns, DynamicFilterOptions, DynamicTableProps, FetchInfoProps, FilterType, FilterValue, QueryInfoProps, TableInfoProps, i18nStrings } from './components/tables/TableComponents/TableTypes.js';
|
|
30
31
|
export { ThemeLoader } from './components/theme/ThemeLoader/Loader.js';
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{PasswordField}from"./components/auth/PasswordField.js";export{AuthSuccess}from"./components/auth/AuthSuccess.js";export{MainDiv}from"./components/common/MainDiv.js";export{MenuItems}from"./components/common/MenuItems.js";export{default as useFormState}from"./components/forms/useFormState.js";export{InputString}from"./components/forms/InputString.js";export{InputNumber}from"./components/forms/InputNumber.js";export{AutocompleteField}from"./components/forms/AutocompleteField.js";export{InputField}from"./components/forms/InputField.js";export{RichTextField}from"./components/forms/RichTextField.js";export{SelectField}from"./components/forms/SelectField.js";export{DateField}from"./components/forms/DateField.js";export{TimeField}from"./components/forms/TimeField.js";export{RichTextEditor}from"./components/forms/RichTextEditor/RichTextEditor.js";export{AiEditingProvider,useAiEditing}from"./components/forms/AiEditingContext.js";export{SidebarLayout}from"./components/sidebar/SidebarLayout.js";export{Notifier}from"./components/snackbar/Notifier/Notifier.js";export{
|
|
1
|
+
export{PasswordField}from"./components/auth/PasswordField.js";export{AuthSuccess}from"./components/auth/AuthSuccess.js";export{MainDiv}from"./components/common/MainDiv.js";export{MenuItems}from"./components/common/MenuItems.js";export{default as useFormState}from"./components/forms/useFormState.js";export{InputString}from"./components/forms/InputString.js";export{InputNumber}from"./components/forms/InputNumber.js";export{AutocompleteField}from"./components/forms/AutocompleteField.js";export{InputField}from"./components/forms/InputField.js";export{RichTextField}from"./components/forms/RichTextField.js";export{SelectField}from"./components/forms/SelectField.js";export{DateField}from"./components/forms/DateField.js";export{TimeField}from"./components/forms/TimeField.js";export{RichTextEditor}from"./components/forms/RichTextEditor/RichTextEditor.js";export{AiEditingProvider,useAiEditing}from"./components/forms/AiEditingContext.js";export{SidebarLayout}from"./components/sidebar/SidebarLayout.js";export{Notifier}from"./components/snackbar/Notifier/Notifier.js";export{DynamicCardsTable}from"./components/tables/CardsGrid/DynamicCardsTable.js";export{LegacyDynamicTable}from"./components/tables/LegacyTable/LegacyTable.js";export{RealtimeTable}from"./components/tables/RealtimeTable/RealtimeTable.js";export{ActionCell}from"./components/tables/TableCells/ActionCell.js";export{AvatarCell}from"./components/tables/TableCells/AvatarCell.js";export{BooleanCell}from"./components/tables/TableCells/BooleanCell.js";export{DateCell}from"./components/tables/TableCells/DateCell.js";export{SelectCell}from"./components/tables/TableCells/SelectCell.js";export{stringifyFilters}from"./components/tables/TableComponents/TableFunctions.js";export{ThemeLoader}from"./components/theme/ThemeLoader/Loader.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@famalabs/web-ui",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.24",
|
|
4
4
|
"author": " Fama Labs <info@famalabs.com>",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"@mui/x-date-pickers": "^8.27.0",
|
|
25
25
|
"ai": "^6.0.84",
|
|
26
26
|
"dayjs": "^1.11.19",
|
|
27
|
-
"lucide-react": ">=0.563.0",
|
|
27
|
+
"lucide-react": ">=0.563.0 || ^1.0.0",
|
|
28
28
|
"motion": "^12.34.0",
|
|
29
29
|
"notistack": "^3.0.2",
|
|
30
30
|
"qs": "^6.15.0",
|