@famalabs/web-ui 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/components/common/MenuItems.d.ts

@@ -1,19 +1,20 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ListProps } from '@mui/material/List';
+import React from 'react';
 import { SidebarItem } from '../sidebar/SidebarLayout.js';
 
-type ListType = 'body' | 'footer' | string;
 interface MenuItemsProps {
-    displayItems: SidebarItem[];
-    onSelectItem: (itemID: ListType, title: string, link: string) => void;
-    onHoverItem?: (itemID: ListType, title: string, link: string) => Promise<void> | void;
+    items: SidebarItem[];
+    itemComponent?: React.ElementType;
+    itemComponentProps?: React.ComponentProps<React.ElementType>;
+    onItemSelect: (item: SidebarItem) => void;
+    onItemHover?: (item: SidebarItem) => Promise<void> | void;
     selectedLink?: string;
     listProps?: ListProps;
-    listType: ListType;
     iconOnly?: boolean;
     mobile?: boolean;
 }
 declare function MenuItems(props: MenuItemsProps): react_jsx_runtime.JSX.Element;
 
 export { MenuItems };
-export type { ListType, MenuItemsProps };
+export type { MenuItemsProps };

package/dist/components/common/MenuItems.js

@@ -1 +1 @@
-import{c as t}from"react/compiler-runtime";import i from"@mui/material/Collapse";import e from"@mui/material/List";import n from"@mui/material/ListItem";import r from"@mui/material/ListItemButton";import o from"@mui/material/ListItemIcon";import m from"@mui/material/ListItemText";import{useTheme as l}from"@mui/material/styles";import{ChevronUpIcon as a,ChevronDownIcon as s}from"lucide-react";import c from"react";import{jsx as d,jsxs as p}from"react/jsx-runtime";function u(u){const k=t(24),{displayItems:y,listType:x,onSelectItem:I,onHoverItem:v,selectedLink:S,listProps:L,iconOnly:$,mobile:b}=u;let C;k[0]!==L?(C=void 0===L?{}:L,k[0]=L,k[1]=C):C=k[1];const _=C,j=void 0!==$&&$,w=void 0!==b&&b,P=l();let W;k[2]===Symbol.for("react.memo_cache_sentinel")?(W=new Set,k[2]=W):W=k[2];const[E,O]=c.useState(W);let T;k[3]===Symbol.for("react.memo_cache_sentinel")?(T=t=>{O(i=>{const e=new Set(i);return e.has(t)?e.delete(t):e.add(t),e})},k[3]=T):T=k[3];const z=T,B=g;let F;k[4]!==y||k[5]!==S?(F=B(y,S),k[4]=y,k[5]=S,k[6]=F):F=k[6];const H=F;let M,Y,q,A;if(k[7]!==y||k[8]!==E||k[9]!==j||k[10]!==_||k[11]!==x||k[12]!==H||k[13]!==w||k[14]!==v||k[15]!==I||k[16]!==P){const t=(l,u,g)=>{const k=void 0!==g&&g,y="items"in l&&l.items&&l.items.length>0,S=`${l.title}-${u}`,L=j||E.has(S),$=H===l.link;return p(c.Fragment,{children:[d(n,{component:"div",disablePadding:!0,children:p(r,{onClick:()=>{y&&!j?z(S):I(x,l.title,l.link)},onMouseEnter:async()=>await(v?.(x,l.title,l.link)),sx:{...$&&{color:h},justifyContent:"center",paddingInline:j?0:"auto",paddingY:w?2:j?.8:.5,transition:`padding ${P.transitions.easing.sharp} ${P.transitions.duration.leavingScreen}ms`,px:"auto",pl:k&&!j?4:void 0},children:[d(o,{sx:{...$&&{color:f},minWidth:"32px",padding:0,justifyContent:"center"},children:l.icon}),!j&&d(m,{primary:l.title,sx:{paddingInline:1}}),!j&&y&&d(L?a:s,{size:18})]})}),y&&d(i,{in:L,timeout:"auto",unmountOnExit:!j,children:d(e,{..._,disablePadding:!0,sx:{my:j?0:1},children:l.items?.map((i,e)=>t(i,e,!0))})})]},S)};M=e,Y=_,q=y?.map((i,e)=>t(i,e)),k[7]=y,k[8]=E,k[9]=j,k[10]=_,k[11]=x,k[12]=H,k[13]=w,k[14]=v,k[15]=I,k[16]=P,k[17]=M,k[18]=Y,k[19]=q}else M=k[17],Y=k[18],q=k[19];return k[20]!==M||k[21]!==Y||k[22]!==q?(A=d(M,{...Y,children:q}),k[20]=M,k[21]=Y,k[22]=q,k[23]=A):A=k[23],A}function f(t){return t.palette.primary.main}function h(t){return t.palette.primary.main}function g(t,i){if(!t.length||!i)return"";let e="";for(const n of t)if((i===n.link||i.startsWith(`${n.link}/`))&&n.link.length>e.length&&(e=n.link),n.items)for(const t of n.items)(i===t.link||i.startsWith(`${t.link}/`))&&t.link.length>e.length&&(e=t.link);return e}export{u as MenuItems};
+import{c as t}from"react/compiler-runtime";import e from"@mui/material/Collapse";import i from"@mui/material/List";import n from"@mui/material/ListItem";import o from"@mui/material/ListItemButton";import r from"@mui/material/ListItemIcon";import m from"@mui/material/ListItemText";import{useTheme as l}from"@mui/material/styles";import{ChevronUpIcon as a,ChevronDownIcon as s}from"lucide-react";import c from"react";import{jsx as d,jsxs as p}from"react/jsx-runtime";function u(u){const g=t(25),{items:k,itemComponent:v,itemComponentProps:x,onItemSelect:y,onItemHover:I,selectedLink:b,listProps:S,iconOnly:C,mobile:L}=u;let $;g[0]!==S?($=void 0===S?{}:S,g[0]=S,g[1]=$):$=g[1];const P=$,_=void 0!==C&&C,j=void 0!==L&&L,B=l();let O;g[2]===Symbol.for("react.memo_cache_sentinel")?(O=new Set,g[2]=O):O=g[2];const[W,w]=c.useState(O);let z;g[3]===Symbol.for("react.memo_cache_sentinel")?(z=t=>{w(e=>{const i=new Set(e);return i.has(t)?i.delete(t):i.add(t),i})},g[3]=z):z=g[3];const E=z;let F;g[4]!==k||g[5]!==b?(F=((t,e)=>{if(!t.length||!e)return"";let i="";for(const n of t)if((e===n.link||e.startsWith(`${n.link}/`))&&n.link.length>i.length&&(i=n.link),n.items)for(const t of n.items)(e===t.link||e.startsWith(`${t.link}/`))&&t.link.length>i.length&&(i=t.link);return i})(k,b),g[4]=k,g[5]=b,g[6]=F):F=g[6];const H=F;let M,T,Y,q;if(g[7]!==W||g[8]!==_||g[9]!==v||g[10]!==x||g[11]!==k||g[12]!==P||g[13]!==H||g[14]!==j||g[15]!==I||g[16]!==y||g[17]!==B){const t=(l,u,g)=>{const k=void 0!==g&&g,b="items"in l&&l.items&&l.items.length>0,S=`${l.title}-${u}`,C=_||W.has(S),L=H===l.link,$=v??l.component,O=x??l.componentProps,w=Boolean($)&&(!b||_);return p(c.Fragment,{children:[d(n,{component:"div",disablePadding:!0,children:p(o,{component:w?$:"div",onClick:()=>{b&&!_?E(S):y(l)},onMouseOver:()=>I?.(l),disabled:Boolean(l.disabled),sx:{...L&&{color:h},justifyContent:"center",paddingInline:_?0:"auto",paddingY:j?2:_?.8:.5,transition:`padding ${B.transitions.easing.sharp} ${B.transitions.duration.leavingScreen}ms`,px:"auto",pl:k&&!_?4:void 0},...w?O:{},children:[d(r,{sx:{...L&&{color:f},minWidth:"32px",padding:0,justifyContent:"center"},children:l.icon}),!_&&d(m,{primary:l.title,sx:{paddingInline:1}}),!_&&b&&d(C?a:s,{size:18})]})}),b&&d(e,{in:C,timeout:"auto",unmountOnExit:!_,children:d(i,{...P,disablePadding:!0,sx:{my:_?0:1},children:l.items?.map((e,i)=>t(e,i,!0))})})]},S)};M=i,T=P,Y=k?.map((e,i)=>t(e,i)),g[7]=W,g[8]=_,g[9]=v,g[10]=x,g[11]=k,g[12]=P,g[13]=H,g[14]=j,g[15]=I,g[16]=y,g[17]=B,g[18]=M,g[19]=T,g[20]=Y}else M=g[18],T=g[19],Y=g[20];return g[21]!==M||g[22]!==T||g[23]!==Y?(q=d(M,{...T,children:Y}),g[21]=M,g[22]=T,g[23]=Y,g[24]=q):q=g[24],q}function f(t){return t.palette.primary.main}function h(t){return t.palette.primary.main}export{u as MenuItems};

package/dist/components/sidebar/SidebarFooter.d.ts

@@ -1,8 +1,11 @@
 import { ListProps } from '@mui/material/List';
+import React from 'react';
 import { SidebarItem } from './SidebarLayout.js';
 
 interface FooterData {
-    itemsList: SidebarItem[];
+    items: SidebarItem[];
+    itemComponent?: React.ElementType;
+    itemComponentProps?: React.ComponentProps<React.ElementType>;
     avatar: {
         username: string;
         imageSrc: string;
@@ -13,8 +16,8 @@ interface SidebarFooterProps {
     footerData: FooterData;
     sidebarOpen: boolean;
     setSidebarOpen: (open: boolean) => void;
-    onSelectItem: (itemID: string, title: string, link: string) => void;
-    onHoverItem?: (itemID: string, title: string, link: string) => Promise<void> | void;
+    onItemSelect: (item: SidebarItem) => void;
+    onItemHover?: (item: SidebarItem) => Promise<void> | void;
     mobile?: boolean;
 }
 

package/dist/components/sidebar/SidebarFooter.js

@@ -1 +1 @@
-import{c as e}from"react/compiler-runtime";import{useTheme as r}from"@mui/material/styles";import o from"@mui/material/Avatar";import t from"@mui/material/Box";import i from"@mui/material/Grid";import m from"@mui/material/IconButton";import a from"@mui/material/List";import n from"@mui/material/ListItem";import l from"@mui/material/ListItemAvatar";import c from"@mui/material/ListItemButton";import s from"@mui/material/ListItemText";import p from"@mui/material/Popover";import d from"@mui/material/Typography";import{ChevronLeftIcon as u,ChevronRightIcon as f}from"lucide-react";import h from"react";import{MenuItems as b}from"../common/MenuItems.js";import{jsx as g,jsxs as v,Fragment as x}from"react/jsx-runtime";function y(y){const I=e(35),{footerData:S,sidebarOpen:_,setSidebarOpen:w,onSelectItem:L,onHoverItem:z,mobile:O}=y,{itemsList:k,avatar:B,listProps:C}=S;let P;I[0]!==C?(P=void 0===C?{}:C,I[0]=C,I[1]=P):P=I[1];const R=P,T=void 0!==O&&O,A=r(),[j,H]=h.useState(null);let D;I[2]===Symbol.for("react.memo_cache_sentinel")?(D=e=>{H(e.currentTarget)},I[2]=D):D=I[2];const E=D;let G;I[3]===Symbol.for("react.memo_cache_sentinel")?(G=()=>{H(null)},I[3]=G):G=I[3];const M=G,U=Boolean(j),q=U?"popover":void 0,F=k.length>0?c:"div";let J,K,N;I[4]===Symbol.for("react.memo_cache_sentinel")?(J=e=>E(e),I[4]=J):J=I[4],I[5]!==T||I[6]!==w||I[7]!==_||I[8]!==A?(K=T?void 0:g(m,{edge:"end",color:"inherit",disableRipple:!0,onClick:e=>{e.stopPropagation(),w(!_)},sx:{position:"absolute",backgroundColor:A.palette.background.paper,border:"1px solid rgba(0, 0, 0, 0.12)",borderRadius:"8px",padding:0,right:_?"5px":"-15px",bottom:"-10px"},children:g(_?u:f,{size:"1rem"})}),I[5]=T,I[6]=w,I[7]=_,I[8]=A,I[9]=K):K=I[9],I[10]===Symbol.for("react.memo_cache_sentinel")?(N={paddingInline:"12px",paddingRight:"32px"},I[10]=N):N=I[10];const Q=B.username||"",V=B.imageSrc||"";let W,X;I[11]!==Q||I[12]!==V?(W=g(l,{children:g(o,{alt:Q,src:V})}),I[11]=Q,I[12]=V,I[13]=W):W=I[13],I[14]===Symbol.for("react.memo_cache_sentinel")?(X={textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},I[14]=X):X=I[14];const Y=B.username||"User";let Z,$,ee,re;return I[15]!==Y?(Z=g(s,{primary:g(d,{sx:X,children:Y})}),I[15]=Y,I[16]=Z):Z=I[16],I[17]!==q||I[18]!==W||I[19]!==Z||I[20]!==F||I[21]!==K?($=g(a,{children:v(n,{component:F,"aria-describedby":q,onClick:J,disableRipple:!0,secondaryAction:K,sx:N,children:[W,Z]})}),I[17]=q,I[18]=W,I[19]=Z,I[20]=F,I[21]=K,I[22]=$):$=I[22],I[23]!==j||I[24]!==q||I[25]!==U||I[26]!==k||I[27]!==R||I[28]!==T||I[29]!==z||I[30]!==L?(ee=k.length>0&&g(p,{id:q,open:U,anchorEl:j,onClose:M,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"left"},elevation:6,children:g(t,{sx:{width:T?"100dvw":260},children:g(i,{container:!0,size:12,children:g(i,{size:12,children:g(b,{displayItems:k,listType:"footer",onSelectItem:(...e)=>{L(...e),M()},onHoverItem:z,listProps:{...R,sx:{margin:"auto 0",...R.sx||{}}},mobile:T})})})})}),I[23]=j,I[24]=q,I[25]=U,I[26]=k,I[27]=R,I[28]=T,I[29]=z,I[30]=L,I[31]=ee):ee=I[31],I[32]!==$||I[33]!==ee?(re=v(x,{children:[$,ee]}),I[32]=$,I[33]=ee,I[34]=re):re=I[34],re}export{y as SidebarFooter};
+import{c as e}from"react/compiler-runtime";import o from"@mui/material/Avatar";import t from"@mui/material/Box";import r from"@mui/material/Grid";import i from"@mui/material/IconButton";import m from"@mui/material/List";import n from"@mui/material/ListItem";import a from"@mui/material/ListItemAvatar";import l from"@mui/material/ListItemButton";import c from"@mui/material/ListItemText";import p from"@mui/material/Popover";import{useTheme as s}from"@mui/material/styles";import d from"@mui/material/Typography";import{ChevronLeftIcon as u,ChevronRightIcon as h}from"lucide-react";import f from"react";import{MenuItems as b}from"../common/MenuItems.js";import{jsx as g,jsxs as v,Fragment as x}from"react/jsx-runtime";function y(y){const I=e(39),{footerData:S,sidebarOpen:_,setSidebarOpen:C,onItemSelect:w,onItemHover:P,mobile:z}=y,L=void 0!==z&&z,{items:O,itemComponent:k,itemComponentProps:B,avatar:R,listProps:A}=S;let T;I[0]!==O?(T=void 0===O?[]:O,I[0]=O,I[1]=T):T=I[1];const j=T;let H;I[2]!==A?(H=void 0===A?{}:A,I[2]=A,I[3]=H):H=I[3];const D=H,E=s(),[G,M]=f.useState(null);let U;I[4]===Symbol.for("react.memo_cache_sentinel")?(U=e=>{M(e.currentTarget)},I[4]=U):U=I[4];const q=U;let F;I[5]===Symbol.for("react.memo_cache_sentinel")?(F=()=>{M(null)},I[5]=F):F=I[5];const J=F,K=Boolean(G),N=K?"popover":void 0,Q=j.length>0?l:"div";let V,W,X;I[6]===Symbol.for("react.memo_cache_sentinel")?(V=e=>q(e),I[6]=V):V=I[6],I[7]!==L||I[8]!==C||I[9]!==_||I[10]!==E?(W=L?void 0:g(i,{edge:"end",color:"inherit",disableRipple:!0,onClick:e=>{e.stopPropagation(),C(!_)},sx:{position:"absolute",backgroundColor:E.palette.background.paper,border:"1px solid rgba(0, 0, 0, 0.12)",borderRadius:"8px",padding:0,right:_?"5px":"-15px",bottom:"-10px"},children:g(_?u:h,{size:"1rem"})}),I[7]=L,I[8]=C,I[9]=_,I[10]=E,I[11]=W):W=I[11],I[12]===Symbol.for("react.memo_cache_sentinel")?(X={paddingInline:"12px",paddingRight:"32px"},I[12]=X):X=I[12];const Y=R.username||"",Z=R.imageSrc||"";let $,ee;I[13]!==Y||I[14]!==Z?($=g(a,{children:g(o,{alt:Y,src:Z})}),I[13]=Y,I[14]=Z,I[15]=$):$=I[15],I[16]===Symbol.for("react.memo_cache_sentinel")?(ee={textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},I[16]=ee):ee=I[16];const oe=R.username||"User";let te,re,ie,me;return I[17]!==oe?(te=g(c,{primary:g(d,{sx:ee,children:oe})}),I[17]=oe,I[18]=te):te=I[18],I[19]!==N||I[20]!==$||I[21]!==te||I[22]!==Q||I[23]!==W?(re=g(m,{children:v(n,{component:Q,"aria-describedby":N,onClick:V,disableRipple:!0,secondaryAction:W,sx:X,children:[$,te]})}),I[19]=N,I[20]=$,I[21]=te,I[22]=Q,I[23]=W,I[24]=re):re=I[24],I[25]!==G||I[26]!==N||I[27]!==K||I[28]!==k||I[29]!==B||I[30]!==j||I[31]!==D||I[32]!==L||I[33]!==P||I[34]!==w?(ie=j.length>0&&g(p,{id:N,open:K,anchorEl:G,onClose:J,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"left"},elevation:6,children:g(t,{sx:{width:L?"100dvw":260},children:g(r,{container:!0,size:12,children:g(r,{size:12,children:g(b,{items:j,itemComponent:k,itemComponentProps:B,onItemSelect:e=>{w(e),J()},onItemHover:P,listProps:{...D,sx:{margin:"auto 0",...D.sx||{}}},mobile:L})})})})}),I[25]=G,I[26]=N,I[27]=K,I[28]=k,I[29]=B,I[30]=j,I[31]=D,I[32]=L,I[33]=P,I[34]=w,I[35]=ie):ie=I[35],I[36]!==re||I[37]!==ie?(me=v(x,{children:[re,ie]}),I[36]=re,I[37]=ie,I[38]=me):me=I[38],me}export{y as SidebarFooter};

package/dist/components/sidebar/SidebarLayout.d.ts

@@ -13,9 +13,11 @@ interface SidebarProps {
 interface SidebarItem {
     title: string;
     link: string;
-    items?: Omit<SidebarItem, 'items'>[];
     disabled?: boolean;
+    items?: Omit<SidebarItem, 'items'>[];
     icon?: React.ReactNode;
+    component?: React.ElementType;
+    componentProps?: React.ComponentProps<React.ElementType>;
 }
 interface SidebarLogo {
     fullLogo: string;
@@ -26,19 +28,21 @@ interface SidebarLogo {
 interface SidebarLayoutProps {
     open?: boolean;
     onClose?: () => void;
-    itemsList: SidebarItem[];
+    items: SidebarItem[];
+    itemComponent?: React.ElementType;
+    itemComponentProps?: React.ComponentProps<React.ElementType>;
     customHeader?: React.ReactNode;
     customHeaderCompact?: React.ReactNode;
     mainLogo?: SidebarLogo;
     brandLogo?: SidebarLogo;
-    onSelectMenuItem: (itemID: string, title: string, link: string) => void;
-    onHoverMenuItem?: (itemID: string, title: string, link: string) => Promise<void> | void;
+    onItemSelect: (item: SidebarItem) => void;
+    onItemHover?: (item: SidebarItem) => Promise<void> | void;
     selectedLink?: string;
     isLoading?: boolean;
-    footerData?: FooterData;
+    footer?: FooterData;
     listProps?: ListProps;
     drawerProps?: DrawerProps;
-    children: React.ReactNode;
+    children?: React.ReactNode;
 }
 declare function SidebarLayout(props: SidebarLayoutProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/sidebar/SidebarLayout.js

@@ -1 +1 @@
-import{c as e}from"react/compiler-runtime";import i from"@mui/material/Avatar";import t from"@mui/material/Box";import o from"@mui/material/Divider";import r from"@mui/material/Drawer";import n from"@mui/material/Fab";import a from"@mui/material/IconButton";import m from"@mui/material/List";import l from"@mui/material/ListItem";import s from"@mui/material/ListItemIcon";import d from"@mui/material/ListItemText";import p from"@mui/material/Skeleton";import{styled as c,alpha as u,useTheme as h}from"@mui/material/styles";import f from"@mui/material/useMediaQuery";import{ArrowRightIcon as g,ChevronLeftIcon as b}from"lucide-react";import x,{useEffect as v}from"react";import{MenuItems as w}from"../common/MenuItems.js";import{SidebarFooter as y}from"./SidebarFooter.js";import{jsx as S,jsxs as I,Fragment as k}from"react/jsx-runtime";const L=e=>({width:240,transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.enteringScreen}),overflowX:"hidden"}),C=e=>({transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),overflowX:"hidden",width:`calc(${e.spacing(8)})`}),M=c(r,{shouldForwardProp:e=>"open"!==e})(({theme:e,open:i})=>({width:240,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box",overflow:"hidden",zIndex:1e3,"& .MuiDrawer-paper":{overflow:"visible"},...i&&{...L(e),"& .MuiDrawer-paper":{...L(e),overflow:"visible"}},...!i&&{...C(e),"& .MuiDrawer-paper":{...C(e),overflow:"visible"}}})),z=c(e=>S(r,{...e}))(()=>({flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box",overflow:"hidden",zIndex:999,"& .MuiDrawer-paper":{width:"100%"}})),D=c(n)(({theme:e})=>({position:"fixed",bottom:e.spacing(2),left:e.spacing(2),zIndex:e.zIndex.drawer+100,backgroundColor:u(e.palette.grey[800],.3),boxShadow:"none","&:hover":{backgroundColor:u(e.palette.grey[900],.5)}})),O=i=>{const o=e(31);let r,n,a,m,l;o[0]!==i?(({children:r,sidebarOpen:l,setSidebarOpen:m,mainContent:n,...a}=i),o[0]=i,o[1]=r,o[2]=n,o[3]=a,o[4]=m,o[5]=l):(r=o[1],n=o[2],a=o[3],m=o[4],l=o[5]);const s=h();let d;o[6]!==s.breakpoints?(d=s.breakpoints.down("sm"),o[6]=s.breakpoints,o[7]=d):d=o[7];const p=f(d);let c,u,b,v,w;if(o[8]!==p||o[9]!==m?(c=()=>{p&&m(!1)},u=[p,m],o[8]=p,o[9]=m,o[10]=c,o[11]=u):(c=o[10],u=o[11]),x.useEffect(c,u),p){let e,i,t;return o[12]!==m||o[13]!==l?(e=!l&&S(D,{color:"inherit","aria-label":"swipe-sidebar-button",onClick:()=>m(!0),size:"medium",children:S(g,{size:20})}),o[12]=m,o[13]=l,o[14]=e):e=o[14],o[15]!==r||o[16]!==m||o[17]!==l?(i=l&&S(z,{anchor:"left",open:l,onClose:()=>m(!l),onOpen:()=>m(!l),children:r}),o[15]=r,o[16]=m,o[17]=l,o[18]=i):i=o[18],o[19]!==n||o[20]!==e||o[21]!==i?(t=I(k,{children:[e,i,n]}),o[19]=n,o[20]=e,o[21]=i,o[22]=t):t=o[22],t}return o[23]===Symbol.for("react.memo_cache_sentinel")?(b={overflow:"visible"},o[23]=b):b=o[23],o[24]!==r||o[25]!==a||o[26]!==l?(v=S(M,{open:l,elevation:10,variant:"permanent",sx:b,...a,children:r}),o[24]=r,o[25]=a,o[26]=l,o[27]=v):v=o[27],o[28]!==n||o[29]!==v?(w=I(t,{display:"flex",children:[v,n]}),o[28]=n,o[29]=v,o[30]=w):w=o[30],w};function j(r){const n=e(56),{open:c,onClose:u,itemsList:g,customHeader:k,customHeaderCompact:L,mainLogo:C,brandLogo:M,onSelectMenuItem:z,onHoverMenuItem:D,selectedLink:j,isLoading:_,footerData:F,listProps:H,drawerProps:B,children:P}=r,T=void 0!==_&&_;let q;n[0]!==H?(q=void 0===H?{}:H,n[0]=H,n[1]=q):q=n[1];const A=q;let X;n[2]!==B?(X=void 0===B?{}:B,n[2]=B,n[3]=X):X=n[3];const $=X,E=h();let G;n[4]!==E.breakpoints?(G=E.breakpoints.down("sm"),n[4]=E.breakpoints,n[5]=G):G=n[5];const Q=f(G),[W,Y]=x.useState(!0),J=!W&&!Q;let K,N,R,U,V,Z,ee,ie,te;n[6]!==c?(K=()=>{"boolean"==typeof c&&Y(c)},N=[c],n[6]=c,n[7]=K,n[8]=N):(K=n[7],N=n[8]),v(K,N),n[9]!==u||n[10]!==W?(R=()=>{u&&!W&&u()},U=[W,u],n[9]=u,n[10]=W,n[11]=R,n[12]=U):(R=n[11],U=n[12]),v(R,U),n[13]===Symbol.for("react.memo_cache_sentinel")?(V={padding:"1rem 0 0.5rem 0",position:"relative"},n[13]=V):V=n[13],n[14]!==Q||n[15]!==W?(Z=Q&&S(t,{component:"div",sx:{position:"absolute",top:10,right:0,pr:2},children:S(a,{size:"small",onClick:()=>Y(!W),children:S(b,{})})}),n[14]=Q,n[15]=W,n[16]=Z):Z=n[16],n[17]!==C||n[18]!==W?(ee=C&&S(s,{sx:{display:"flex",justifyContent:"center"},children:S(t,{component:"div",children:W?S("img",{src:C.fullLogo||"",alt:"FullLogo",style:{width:"10rem",height:"auto"}}):S(i,{variant:C.variant||"square",alt:"Minilogo",src:C.miniLogo,sx:{padding:"4px"}})})}),n[17]=C,n[18]=W,n[19]=ee):ee=n[19],n[20]!==Z||n[21]!==ee?(ie=I(m,{sx:V,children:[Z,ee]}),n[20]=Z,n[21]=ee,n[22]=ie):ie=n[22],n[23]!==C?(te=C&&S(o,{}),n[23]=C,n[24]=te):te=n[24];const oe=W&&k,re=!W&&L;let ne,ae,me,le,se;return n[25]!==J||n[26]!==T||n[27]!==Q||n[28]!==g||n[29]!==A||n[30]!==D||n[31]!==z||n[32]!==j||n[33]!==W?(ne=T?S(m,{...A,dense:!Q,sx:{margin:"0",marginTop:Q?"auto":1,marginBottom:"auto",...A.sx||{}},children:Array.from({length:Math.min(g?.length||6,8)}).map((e,i)=>I(l,{disableGutters:!0,sx:{px:W?2:1},children:[S(s,{sx:{minWidth:40,display:"flex",justifyContent:"center",paddingY:Q?2:J?.8:.5},children:S(p,{variant:W?"circular":"rounded",width:22,height:22,animation:"wave"})}),W&&S(d,{primary:S(p,{variant:"text",width:150,animation:"wave"}),sx:{my:0}})]},`skeleton-item-${i}`))}):S(w,{displayItems:g??[],listType:"body",iconOnly:J,onSelectItem:(...e)=>{z(...e),Q&&Y(!1)},onHoverItem:D,selectedLink:j,listProps:{dense:!Q,sx:{margin:"0",marginTop:Q?"auto":1,marginBottom:"auto",...A.sx||{}},...A},mobile:Q}),n[25]=J,n[26]=T,n[27]=Q,n[28]=g,n[29]=A,n[30]=D,n[31]=z,n[32]=j,n[33]=W,n[34]=ne):ne=n[34],n[35]!==M||n[36]!==W?(ae=M&&S(m,{children:S(s,{sx:{display:"flex",justifyContent:"center",padding:"10px 0"},children:S(t,{component:"div",children:W?S("img",{src:M.fullLogo||"",alt:"FullLogo",style:{width:"10rem",height:"auto"}}):S(i,{variant:M.variant||"square",alt:"Minilogo",src:M.miniLogo})})})}),n[35]=M,n[36]=W,n[37]=ae):ae=n[37],n[38]===Symbol.for("react.memo_cache_sentinel")?(me=S(o,{}),n[38]=me):me=n[38],n[39]!==F||n[40]!==Q||n[41]!==D||n[42]!==z||n[43]!==W?(le=F&&S(y,{footerData:F,sidebarOpen:W,setSidebarOpen:Y,onHoverItem:D,onSelectItem:(...e)=>{z(...e),Q&&Y(!1)},mobile:Q}),n[39]=F,n[40]=Q,n[41]=D,n[42]=z,n[43]=W,n[44]=le):le=n[44],n[45]!==P||n[46]!==$||n[47]!==W||n[48]!==ie||n[49]!==te||n[50]!==oe||n[51]!==re||n[52]!==ne||n[53]!==ae||n[54]!==le?(se=I(O,{sidebarOpen:W,setSidebarOpen:Y,mainContent:P,...$,children:[ie,te,oe,re,ne,ae,me,le]}),n[45]=P,n[46]=$,n[47]=W,n[48]=ie,n[49]=te,n[50]=oe,n[51]=re,n[52]=ne,n[53]=ae,n[54]=le,n[55]=se):se=n[55],se}export{j as SidebarLayout};
+import{c as e}from"react/compiler-runtime";import i from"@mui/material/Avatar";import o from"@mui/material/Box";import t from"@mui/material/Divider";import r from"@mui/material/Drawer";import n from"@mui/material/Fab";import a from"@mui/material/IconButton";import m from"@mui/material/List";import l from"@mui/material/ListItem";import s from"@mui/material/ListItemIcon";import d from"@mui/material/ListItemText";import p from"@mui/material/Skeleton";import{styled as c,alpha as h,useTheme as u}from"@mui/material/styles";import f from"@mui/material/useMediaQuery";import{ArrowRightIcon as g,ChevronLeftIcon as b}from"lucide-react";import x,{useEffect as v}from"react";import{MenuItems as w}from"../common/MenuItems.js";import{SidebarFooter as y}from"./SidebarFooter.js";import{jsx as S,jsxs as k,Fragment as C}from"react/jsx-runtime";const I=e=>({width:240,transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.enteringScreen}),overflowX:"hidden"}),L=e=>({transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),overflowX:"hidden",width:`calc(${e.spacing(8)})`}),z=c(r,{shouldForwardProp:e=>"open"!==e})(({theme:e,open:i})=>({width:240,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box",overflow:"hidden",zIndex:1e3,"& .MuiDrawer-paper":{overflow:"visible"},...i&&{...I(e),"& .MuiDrawer-paper":{...I(e),overflow:"visible"}},...!i&&{...L(e),"& .MuiDrawer-paper":{...L(e),overflow:"visible"}}})),M=c(e=>S(r,{...e}))(()=>({flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box",overflow:"hidden",zIndex:999,"& .MuiDrawer-paper":{width:"100%"}})),O=c(n)(({theme:e})=>({position:"fixed",bottom:e.spacing(2),left:e.spacing(2),zIndex:e.zIndex.drawer+100,backgroundColor:h(e.palette.grey[800],.3),boxShadow:"none","&:hover":{backgroundColor:h(e.palette.grey[900],.5)}})),D=i=>{const t=e(31);let r,n,a,m,l;t[0]!==i?(({children:r,sidebarOpen:l,setSidebarOpen:m,mainContent:n,...a}=i),t[0]=i,t[1]=r,t[2]=n,t[3]=a,t[4]=m,t[5]=l):(r=t[1],n=t[2],a=t[3],m=t[4],l=t[5]);const s=u();let d;t[6]!==s.breakpoints?(d=s.breakpoints.down("sm"),t[6]=s.breakpoints,t[7]=d):d=t[7];const p=f(d);let c,h,b,v,w;if(t[8]!==p||t[9]!==m?(c=()=>{p&&m(!1)},h=[p,m],t[8]=p,t[9]=m,t[10]=c,t[11]=h):(c=t[10],h=t[11]),x.useEffect(c,h),p){let e,i,o;return t[12]!==m||t[13]!==l?(e=!l&&S(O,{color:"inherit","aria-label":"swipe-sidebar-button",onClick:()=>m(!0),size:"medium",children:S(g,{size:20})}),t[12]=m,t[13]=l,t[14]=e):e=t[14],t[15]!==r||t[16]!==m||t[17]!==l?(i=l&&S(M,{anchor:"left",open:l,onClose:()=>m(!l),onOpen:()=>m(!l),children:r}),t[15]=r,t[16]=m,t[17]=l,t[18]=i):i=t[18],t[19]!==n||t[20]!==e||t[21]!==i?(o=k(C,{children:[e,i,n]}),t[19]=n,t[20]=e,t[21]=i,t[22]=o):o=t[22],o}return t[23]===Symbol.for("react.memo_cache_sentinel")?(b={overflow:"visible"},t[23]=b):b=t[23],t[24]!==r||t[25]!==a||t[26]!==l?(v=S(z,{open:l,elevation:10,variant:"permanent",sx:b,...a,children:r}),t[24]=r,t[25]=a,t[26]=l,t[27]=v):v=t[27],t[28]!==n||t[29]!==v?(w=k(o,{display:"flex",children:[v,n]}),t[28]=n,t[29]=v,t[30]=w):w=t[30],w};function j(r){const n=e(58),{open:c,onClose:h,items:g,itemComponent:C,itemComponentProps:I,customHeader:L,customHeaderCompact:z,mainLogo:M,brandLogo:O,onItemSelect:j,onItemHover:P,selectedLink:_,isLoading:F,footer:H,listProps:B,drawerProps:T,children:q}=r,A=void 0!==F&&F;let X;n[0]!==B?(X=void 0===B?{}:B,n[0]=B,n[1]=X):X=n[1];const $=X;let E;n[2]!==T?(E=void 0===T?{}:T,n[2]=T,n[3]=E):E=n[3];const G=E,Q=u();let W;n[4]!==Q.breakpoints?(W=Q.breakpoints.down("sm"),n[4]=Q.breakpoints,n[5]=W):W=n[5];const Y=f(W),[J,K]=x.useState(!0),N=!J&&!Y;let R,U,V,Z,ee,ie,oe,te,re;n[6]!==c?(R=()=>{"boolean"==typeof c&&K(c)},U=[c],n[6]=c,n[7]=R,n[8]=U):(R=n[7],U=n[8]),v(R,U),n[9]!==h||n[10]!==J?(V=()=>{h&&!J&&h()},Z=[J,h],n[9]=h,n[10]=J,n[11]=V,n[12]=Z):(V=n[11],Z=n[12]),v(V,Z),n[13]===Symbol.for("react.memo_cache_sentinel")?(ee={padding:"1rem 0 0.5rem 0",position:"relative"},n[13]=ee):ee=n[13],n[14]!==Y||n[15]!==J?(ie=Y&&S(o,{component:"div",sx:{position:"absolute",top:10,right:0,pr:2},children:S(a,{size:"small",onClick:()=>K(!J),children:S(b,{})})}),n[14]=Y,n[15]=J,n[16]=ie):ie=n[16],n[17]!==M||n[18]!==J?(oe=M&&S(s,{sx:{display:"flex",justifyContent:"center"},children:S(o,{component:"div",children:J?S("img",{src:M.fullLogo||"",alt:"FullLogo",style:{width:"10rem",height:"auto"}}):S(i,{variant:M.variant||"square",alt:"Minilogo",src:M.miniLogo,sx:{padding:"4px"}})})}),n[17]=M,n[18]=J,n[19]=oe):oe=n[19],n[20]!==ie||n[21]!==oe?(te=k(m,{sx:ee,children:[ie,oe]}),n[20]=ie,n[21]=oe,n[22]=te):te=n[22],n[23]!==M?(re=M&&S(t,{}),n[23]=M,n[24]=re):re=n[24];const ne=J&&L,ae=!J&&z;let me,le,se,de,pe;return n[25]!==N||n[26]!==A||n[27]!==Y||n[28]!==C||n[29]!==I||n[30]!==g||n[31]!==$||n[32]!==P||n[33]!==j||n[34]!==_||n[35]!==J?(me=A?S(m,{...$,dense:!Y,sx:{margin:"0",marginTop:Y?"auto":1,marginBottom:"auto",...$.sx||{}},children:Array.from({length:Math.min(g?.length||6,8)}).map((e,i)=>k(l,{disableGutters:!0,sx:{px:J?2:1},children:[S(s,{sx:{minWidth:40,display:"flex",justifyContent:"center",paddingY:Y?2:N?.8:.5},children:S(p,{variant:J?"circular":"rounded",width:22,height:22,animation:"wave"})}),J&&S(d,{primary:S(p,{variant:"text",width:150,animation:"wave"}),sx:{my:0}})]},`skeleton-item-${i}`))}):S(w,{items:g??[],itemComponent:C,itemComponentProps:I,iconOnly:N,onItemSelect:e=>{j(e),Y&&K(!1)},onItemHover:P,selectedLink:_,listProps:{dense:!Y,sx:{margin:"0",marginTop:Y?"auto":1,marginBottom:"auto",...$.sx||{}},...$},mobile:Y}),n[25]=N,n[26]=A,n[27]=Y,n[28]=C,n[29]=I,n[30]=g,n[31]=$,n[32]=P,n[33]=j,n[34]=_,n[35]=J,n[36]=me):me=n[36],n[37]!==O||n[38]!==J?(le=O&&S(m,{children:S(s,{sx:{display:"flex",justifyContent:"center",padding:"10px 0"},children:S(o,{component:"div",children:J?S("img",{src:O.fullLogo||"",alt:"FullLogo",style:{width:"10rem",height:"auto"}}):S(i,{variant:O.variant||"square",alt:"Minilogo",src:O.miniLogo})})})}),n[37]=O,n[38]=J,n[39]=le):le=n[39],n[40]===Symbol.for("react.memo_cache_sentinel")?(se=S(t,{}),n[40]=se):se=n[40],n[41]!==H||n[42]!==Y||n[43]!==P||n[44]!==j||n[45]!==J?(de=H&&S(y,{footerData:H,sidebarOpen:J,setSidebarOpen:K,onItemHover:P,onItemSelect:e=>{j(e),Y&&K(!1)},mobile:Y}),n[41]=H,n[42]=Y,n[43]=P,n[44]=j,n[45]=J,n[46]=de):de=n[46],n[47]!==q||n[48]!==G||n[49]!==J||n[50]!==te||n[51]!==re||n[52]!==ne||n[53]!==ae||n[54]!==me||n[55]!==le||n[56]!==de?(pe=k(D,{sidebarOpen:J,setSidebarOpen:K,mainContent:q,...G,children:[te,re,ne,ae,me,le,se,de]}),n[47]=q,n[48]=G,n[49]=J,n[50]=te,n[51]=re,n[52]=ne,n[53]=ae,n[54]=me,n[55]=le,n[56]=de,n[57]=pe):pe=n[57],pe}export{j as SidebarLayout};

package/dist/components/tables/CardsGrid/DynamcCardsFooter.js

@@ -1 +1 @@
-import{c as e}from"react/compiler-runtime";import t from"@mui/material/Button";import n from"@mui/material/Grid";import r from"@mui/material/TableFooter";import a from"@mui/material/TablePagination";import o from"@mui/material/TableRow";import{useRef as c}from"react";import{TablePaginationActions as i}from"../LegacyTable/LegacyTableFooter.js";import{jsx as l}from"react/jsx-runtime";const m=t=>{const n=e(13),{expectedItemCount:c,rowsPerPage:m,customSelectPages:s,currentPage:g,isFetching:h,handleChangePage:u,handleChangeRowsPerPage:d}=t;let P;n[0]!==h?(P=e=>l(i,{...e,isFetching:h}),n[0]=h,n[1]=P):P=n[1];const f=P;let p;n[2]!==s?(p=s??[6,12],n[2]=s,n[3]=p):p=n[3];const C=f;let b,y;return n[4]===Symbol.for("react.memo_cache_sentinel")?(b={paddingY:"1rem !important",borderBottom:"none"},n[4]=b):b=n[4],n[5]!==g||n[6]!==c||n[7]!==u||n[8]!==d||n[9]!==m||n[10]!==p||n[11]!==C?(y=l(r,{children:l(o,{children:l(a,{count:c,rowsPerPage:m,rowsPerPageOptions:p,page:g,onPageChange:u,onRowsPerPageChange:d,ActionsComponent:C,sx:b})})}),n[5]=g,n[6]=c,n[7]=u,n[8]=d,n[9]=m,n[10]=p,n[11]=C,n[12]=y):y=n[12],y},s=r=>{const{tableData:a,expectedItemCount:i,isFetching:m,hasDataFetched:s,fetchEvent:g,loadingType:d}=r;return"loadMore"===d?(()=>{const r=e(1);if(a?.length>=i&&s||m||!s)return null;let o;return r[0]===Symbol.for("react.memo_cache_sentinel")?(o=l(n,{container:!0,sx:{justifyContent:"center",alignItems:"center",my:4},children:l(t,{variant:"contained",color:"primary",onClick:h,children:"Carica altri"})}),r[0]=o):o=r[0],o})():(()=>{const t=e(2),n=c(null);let r;t[0]===Symbol.for("react.memo_cache_sentinel")?(r=e=>{n.current&&n.current.disconnect(),n.current=new IntersectionObserver(u),e&&n.current.observe(e)},t[0]=r):r=t[0];const a=r;let i;return t[1]===Symbol.for("react.memo_cache_sentinel")?(i=l(o,{ref:a,children:l("td",{colSpan:6})}),t[1]=i):i=t[1],i})()};function g(t){const n=e(15),{tableData:r,tableVariant:a,fetchEvent:o,loadingType:c,expectedItemCount:i,rowsPerPage:g,customSelectPages:h,currentPage:u,isFetching:d,hasDataFetched:P,handleChangePage:f,handleChangeRowsPerPage:p}=t;if("infinite"===a){let e;return n[0]!==i||n[1]!==o||n[2]!==P||n[3]!==d||n[4]!==c||n[5]!==r?(e=l(s,{tableData:r,expectedItemCount:i,isFetching:d,hasDataFetched:P,fetchEvent:o,loadingType:c}),n[0]=i,n[1]=o,n[2]=P,n[3]=d,n[4]=c,n[5]=r,n[6]=e):e=n[6],e}{let e;return n[7]!==u||n[8]!==h||n[9]!==i||n[10]!==f||n[11]!==p||n[12]!==d||n[13]!==g?(e=l(m,{expectedItemCount:i,rowsPerPage:g,customSelectPages:h,currentPage:u,isFetching:d,handleChangePage:f,handleChangeRowsPerPage:p}),n[7]=u,n[8]=h,n[9]=i,n[10]=f,n[11]=p,n[12]=d,n[13]=g,n[14]=e):e=n[14],e}}async function h(){await fetchEvent("next")}async function u(e){if(e[0].isIntersecting){if(tableData.length===expectedItemCount)return;await fetchEvent("next")}}export{g as DynamicCardsFooter};
+import e from"@mui/material/Button";import t from"@mui/material/Grid";import n from"@mui/material/TableFooter";import a from"@mui/material/TablePagination";import r from"@mui/material/TableRow";import{useRef as o}from"react";import{TablePaginationActions as i}from"../LegacyTable/LegacyTableFooter.js";import{jsx as c}from"react/jsx-runtime";const g=e=>{const{expectedItemCount:t,rowsPerPage:o,customSelectPages:g,currentPage:l,isFetching:s,handleChangePage:m,handleChangeRowsPerPage:h}=e;return c(n,{children:c(r,{children:c(a,{count:t,rowsPerPage:o,rowsPerPageOptions:g??[6,12],page:l,onPageChange:m,onRowsPerPageChange:h,ActionsComponent:e=>c(i,{...e,isFetching:s}),sx:{paddingY:"1rem !important",borderBottom:"none"}})})})},l=n=>{const{tableData:a=[],expectedItemCount:i,isFetching:g,hasDataFetched:l,fetchEvent:s,loadingType:m="loadMore"}=n;return"loadMore"===m?a.length>=i&&l||g||!l?null:c(t,{container:!0,sx:{justifyContent:"center",alignItems:"center",my:4},children:c(e,{variant:"contained",color:"primary",onClick:()=>s("next"),children:"Carica altri"})}):(()=>{const e=o(null);return c(r,{ref:t=>{e.current&&e.current.disconnect(),e.current=new IntersectionObserver(async e=>{if(e[0].isIntersecting){if(a.length===i)return;await s("next")}}),t&&e.current.observe(t)},children:c("td",{colSpan:6})})})()};function s(e){const{tableData:t,tableVariant:n,fetchEvent:a,loadingType:r,expectedItemCount:o,rowsPerPage:i,customSelectPages:s,currentPage:m,isFetching:h,hasDataFetched:u,handleChangePage:d,handleChangeRowsPerPage:P}=e;return"infinite"===n?c(l,{tableData:t,expectedItemCount:o,isFetching:h,hasDataFetched:u,fetchEvent:a,loadingType:r}):c(g,{expectedItemCount:o,rowsPerPage:i,customSelectPages:s,currentPage:m,isFetching:h,handleChangePage:d,handleChangeRowsPerPage:P})}export{s as DynamicCardsFooter};

package/dist/components/tables/TableComponents/TableFilterHeader.js

@@ -1 +1 @@
-import{c as e}from"react/compiler-runtime";import t from"@mui/material/Chip";import i from"@mui/material/Divider";import r from"@mui/material/Grid";import l from"@mui/material/IconButton";import o from"@mui/material/List";import n from"@mui/material/ListItemButton";import a from"@mui/material/ListItemIcon";import c from"@mui/material/ListItemText";import s from"@mui/material/Popover";import{useTheme as m}from"@mui/material/styles";import f from"@mui/material/Tooltip";import d from"@mui/material/Typography";import{RotateCwIcon as u,FunnelIcon as p,FunnelXIcon as h,XCircleIcon as v,PlusCircleIcon as y,ChevronDownIcon as g,ChevronLeftIcon as x}from"lucide-react";import b from"qs";import F,{useEffectEvent as C}from"react";import{StringFilterForm as S,DateFilterForm as I,SelectFilterForm as w,NumberFilterForm as z,updateFilters as O}from"./TableFilterComponents.js";import{jsx as k,jsxs as T,Fragment as A}from"react/jsx-runtime";const M={$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 _=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("-"):"",$=(e,t)=>{if(null==e)return t;switch(typeof e){case"string":return t.toString();case"number":return Number(t);case"boolean":return Boolean(t);default:return t}};function L(t){const i=e(31),{column:r,filterMode:l,filterIndex:o,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]!==o||i[3]!==l||i[4]!==c||i[5]!==s||i[6]!==a?(e=k(S,{column:r,filterMode:l,filterIndex:o,activeFilters:n,setActiveFilters:a,closePopover:c,localeStr:s},r.accessor),i[0]=n,i[1]=r,i[2]=o,i[3]=l,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]!==o||i[11]!==l||i[12]!==c||i[13]!==s||i[14]!==a?(e=k(z,{column:r,filterMode:l,filterIndex:o,activeFilters:n,setActiveFilters:a,closePopover:c,localeStr:s},r.accessor),i[8]=n,i[9]=r,i[10]=o,i[11]=l,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]!==o||i[19]!==l||i[20]!==c||i[21]!==s||i[22]!==a?(e=k(w,{column:r,filterMode:l,filterIndex:o,activeFilters:n,setActiveFilters:a,closePopover:c,localeStr:s},r.accessor),i[16]=n,i[17]=r,i[18]=o,i[19]=l,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]!==o||i[27]!==c||i[28]!==s||i[29]!==a?(e=k(I,{column:r,filterIndex:o,activeFilters:n,setActiveFilters:a,closePopover:c,localeStr:s},r.accessor),i[24]=n,i[25]=r,i[26]=o,i[27]=c,i[28]=s,i[29]=a,i[30]=e):e=i[30],e}default:return null}}function V(l){const o=e(64),{filterIndex:n,column:a,activeFilters:c,setActiveFilters:u,localeStr:p}=l,h=m(),[x,b]=F.useState(null),C=Boolean(x);let S;o[0]===Symbol.for("react.memo_cache_sentinel")?(S=()=>b(null),o[0]=S):S=o[0];const I=S;let w;o[1]===Symbol.for("react.memo_cache_sentinel")?(w=e=>{b(e.currentTarget)},o[1]=w):w=o[1];const z=w;let M,_;if(o[2]!==c||o[3]!==a.accessor||o[4]!==a.filterOptions?.options||o[5]!==a.filterOptions?.type||o[6]!==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?.label;break e;case"date":if("dateMin"===e?.filterComparator||"dateMax"===e?.filterComparator){let e,t;if(o[9]!==c||o[10]!==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?new Date(i?.filterValue).toLocaleDateString():"",t=r?new Date(r?.filterValue).toLocaleDateString():"",o[9]=c,o[10]=a.accessor,o[11]=e,o[12]=t}else e=o[11],t=o[12];_=`${e} - ${t}`;break e}_=new Date(M??"").toLocaleDateString();break e;default:_=M??""}o[2]=c,o[3]=a.accessor,o[4]=a.filterOptions?.options,o[5]=a.filterOptions?.type,o[6]=n,o[7]=M,o[8]=_}else M=o[7],_=o[8];const $=_;let V;o[13]!==a||o[14]!==n||o[15]!==u?(V=e=>{e.stopPropagation(),O(void 0,n,"",a,u),I()},o[13]=a,o[14]=n,o[15]=u,o[16]=V):V=o[16];const j=V;let W;o[17]!==j||o[18]!==M||o[19]!==p?.addFilter||o[20]!==p?.removeFilter||o[21]!==h.palette.action.active?(W=k(f,null!=M?{title:p?.removeFilter,arrow:!0,children:k(v,{size:18,color:h.palette.action.active,onClick:j,style:{marginLeft:4}})}:{title:p?.addFilter,arrow:!0,children:k(y,{size:18,color:h.palette.action.active,style:{marginLeft:4}})}),o[17]=j,o[18]=M,o[19]=p?.addFilter,o[20]=p?.removeFilter,o[21]=h.palette.action.active,o[22]=W):W=o[22];const D=null!=M?z:void 0;let P,B,E,G;o[23]!==h.palette.action.active?(P=k(g,{size:18,color:h.palette.action.active}),o[23]=h.palette.action.active,o[24]=P):P=o[24],o[25]!==a.label?(B=k(r,{children:k(d,{variant:"subtitle2",fontWeight:"light",children:a.label})}),o[25]=a.label,o[26]=B):B=o[26],o[27]!==$||o[28]!==M?(E=null!=M&&T(A,{children:[k(i,{orientation:"vertical",flexItem:!0}),k(r,{children:k(d,{variant:"subtitle2",color:"primary",children:$})})]}),o[27]=$,o[28]=M,o[29]=E):E=o[29],o[30]!==B||o[31]!==E?(G=T(r,{container:!0,justifyContent:"space-between",alignItems:"center",flexWrap:"nowrap",spacing:1,children:[B,E]}),o[30]=B,o[31]=E,o[32]=G):G=o[32];const q=null!=M?"solid":"dashed",N=null!=M?"primary.main":"text.info";let Q,R,H,J;o[33]!==q||o[34]!==N?(Q={borderStyle:q,borderColor:N,minWidth:"80px"},o[33]=q,o[34]=N,o[35]=Q):Q=o[35],o[36]!==Q||o[37]!==W||o[38]!==D||o[39]!==P||o[40]!==G?(R=k(t,{clickable:!0,skipFocusWhenDisabled:!0,variant:"outlined",size:"medium",onClick:z,icon:W,onDelete:D,deleteIcon:P,label:G,sx:Q}),o[36]=Q,o[37]=W,o[38]=D,o[39]=P,o[40]=G,o[41]=R):R=o[41],o[42]===Symbol.for("react.memo_cache_sentinel")?(H={vertical:"bottom",horizontal:"left"},J={paper:{variant:"outlined"}},o[42]=H,o[43]=J):(H=o[42],J=o[43]);const K=`${p?.filterBy} ${a.label}`;let U,X,Y,Z,ee,te;return o[44]!==K?(U=k(r,{size:12,children:k(d,{variant:"subtitle2",color:"textSecondary",fontWeight:"bold",children:K})}),o[44]=K,o[45]=U):U=o[45],o[46]!==c?(X=c??[],o[46]=c,o[47]=X):X=o[47],o[48]!==a||o[49]!==n||o[50]!==p||o[51]!==u||o[52]!==X?(Y=k(r,{size:12,children:k(L,{column:a,filterMode:"single",filterIndex:n,activeFilters:X,setActiveFilters:u,handleClose:I,localeStr:p})}),o[48]=a,o[49]=n,o[50]=p,o[51]=u,o[52]=X,o[53]=Y):Y=o[53],o[54]!==U||o[55]!==Y?(Z=T(r,{container:!0,size:12,p:2,gap:1,maxWidth:300,children:[U,Y]}),o[54]=U,o[55]=Y,o[56]=Z):Z=o[56],o[57]!==x||o[58]!==C||o[59]!==Z?(ee=k(s,{open:C,anchorEl:x,onClose:I,anchorOrigin:H,slotProps:J,children:Z}),o[57]=x,o[58]=C,o[59]=Z,o[60]=ee):ee=o[60],o[61]!==R||o[62]!==ee?(te=T(r,{children:[R,ee]}),o[61]=R,o[62]=ee,o[63]=te):te=o[63],te}function j(i){const u=e(35),{columns:p,filterMode:h,activeFilters:v,setActiveFilters:b,localeStr:C}=i,S=m(),[I,w]=F.useState(null);let z;u[0]===Symbol.for("react.memo_cache_sentinel")?(z=e=>{w(e.currentTarget)},u[0]=z):z=u[0];const O=z,A=Boolean(I),[M,_]=F.useState(null);let $;u[1]===Symbol.for("react.memo_cache_sentinel")?($=e=>{_(e)},u[1]=$):$=u[1];const V=$;let j;u[2]===Symbol.for("react.memo_cache_sentinel")?(j=()=>{w(null),_(null)},u[2]=j):j=u[2];const W=j,D=C?.addFilter;let P,B,E;u[3]===Symbol.for("react.memo_cache_sentinel")?(P={marginLeft:4},u[3]=P):P=u[3],u[4]!==S.palette.action.active?(B=k(y,{size:18,color:S.palette.action.active,style:P}),u[4]=S.palette.action.active,u[5]=B):B=u[5],u[6]!==D||u[7]!==B?(E=k(f,{title:D,arrow:!0,children:B}),u[6]=D,u[7]=B,u[8]=E):E=u[8];const G=C?.moreFilters;let q,N,Q,R,H,J,K,U,X;return u[9]!==G?(q=k(d,{variant:"subtitle2",fontWeight:"light",children:G}),u[9]=G,u[10]=q):q=u[10],u[11]!==S.palette.action.active?(N=k(g,{size:18,color:S.palette.action.active}),u[11]=S.palette.action.active,u[12]=N):N=u[12],u[13]===Symbol.for("react.memo_cache_sentinel")?(Q={minWidth:"80px"},u[13]=Q):Q=u[13],u[14]!==E||u[15]!==q||u[16]!==N?(R=k(t,{clickable:!0,skipFocusWhenDisabled:!0,variant:"outlined",size:"medium",onClick:O,icon:E,label:q,deleteIcon:N,sx:Q}),u[14]=E,u[15]=q,u[16]=N,u[17]=R):R=u[17],u[18]===Symbol.for("react.memo_cache_sentinel")?(H={vertical:"bottom",horizontal:"left"},J={paper:{variant:"outlined"}},u[18]=H,u[19]=J):(H=u[18],J=u[19]),u[20]!==v||u[21]!==p||u[22]!==h||u[23]!==C||u[24]!==M||u[25]!==b||u[26]!==S.palette.action.active?(K=k(r,{container:!0,size:12,gap:1,maxWidth:300,children:M?T(r,{container:!0,size:12,gap:1,p:2,children:[T(r,{container:!0,size:12,justifyContent:"flex-start",alignItems:"center",gap:1,children:[k(r,{children:k(l,{size:"small",onClick:()=>_(null),children:k(x,{size:18,color:S.palette.action.active})})}),k(r,{children:k(d,{variant:"subtitle2",color:"textSecondary",fontWeight:"bold",children:`${C?.filterBy} ${M?.label}`})})]}),k(r,{size:12,children:k(L,{column:M,filterMode:h,activeFilters:v,setActiveFilters:b,handleClose:W,localeStr:C})})]}):k(o,{dense:!0,sx:{width:200},children:p.map(e=>T(n,{alignItems:"center",onClick:()=>V(e),children:[k(a,{sx:{minWidth:"30px"},children:k(y,{size:18,color:S.palette.action.active,style:{marginLeft:0}})}),k(c,{children:e.label})]},e.accessor))})}),u[20]=v,u[21]=p,u[22]=h,u[23]=C,u[24]=M,u[25]=b,u[26]=S.palette.action.active,u[27]=K):K=u[27],u[28]!==I||u[29]!==A||u[30]!==K?(U=k(s,{open:A,anchorEl:I,onClose:W,anchorOrigin:H,slotProps:J,children:K}),u[28]=I,u[29]=A,u[30]=K,u[31]=U):U=u[31],u[32]!==R||u[33]!==U?(X=T(r,{children:[R,U]}),u[32]=R,u[33]=U,u[34]=X):X=u[34],X}function W(i){const o=e(46),{columns:n,filterMode:a,defaultShowFilters:c,filtersQuery:s,activeFilters:m,setActiveFilters:v,fetchEvent:y,setCurrentPage:g,setHighestFetchedPage:x,setAreFiltersLoaded:I,refreshButton:w,showRefreshButton:z,localeStr:O}=i,A=void 0===a?"single":a;let L;o[0]!==m?(L=e=>m.some(t=>t?.filterColumn===e.accessor&&t?.filterType===e.filterOptions?.type),o[0]=m,o[1]=L):L=o[1];const W=L,G=n.filter(E);let q;o[2]!==W?(q=e=>e.filterOptions?.priority||W(e),o[2]=W,o[3]=q):q=o[3];const N=G.filter(q),Q=N.length>0?N:G,R=Q.length!==G.length?G.filter(e=>!e.filterOptions?.priority&&!W(e)):[],H="single"===A?R:G,J=1===G.length?G.find(B):void 0;let K;o[4]!==m.length||o[5]!==v?(K=()=>{m.length>0&&v([])},o[4]=m.length,o[5]=v,o[6]=K):K=o[6];const U=K;let X;o[7]!==m||o[8]!==n||o[9]!==s||o[10]!==v?(X=()=>{if(s){const e="string"==typeof s?function(e,t){if(!t||0===t.length)return[];const i=b.parse(t,{ignoreQueryPrefix:!0}).filter??{},r={},l=new Map,o=e=>(void 0===r[e]&&(r[e]=0),r[e]),n=(e,t=1)=>{r[e]=o(e)+t},a=e=>{const t=e.filterComparator??"exact",i=`${e.filterColumn}|${e.filterIndex}|${t}`;l.set(i,e)};return Object.entries(i).forEach(([t,i])=>{const r=e.find(e=>e.filterOptions&&e.accessor===t),l=r?.filterOptions?.type;if(l)switch(l){case"string":{const e=o(t);a({filterColumn:t,filterValue:i,filterIndex:e,filterType:"string"}),n(t);break}case"number":{const e=o(t);a({filterColumn:t,filterValue:Number(i),filterIndex:e,filterType:"number"}),n(t);break}case"select":{const e=Array.isArray(i)?i:[i],l=o(t);e.forEach((e,i)=>{a({filterColumn:t,filterValue:$(typeof r.filterOptions?.options?.[0]?.id,e),filterIndex:l+i,filterType:"select"})}),n(t,e.length);break}case"date":{const e=o(t);if("object"==typeof i&&null!==i){const l=Object.entries(i);l.forEach(([i,o])=>{const n=M[i],c=Array.isArray(n)?n[l.length>1?0:1]??"exact":n??"exact";a({filterColumn:t,filterValue:$(typeof r.filterOptions?.options?.[0]?.id,o),filterIndex:e,filterType:"date",filterComparator:c})})}else a({filterColumn:t,filterValue:$(typeof r.filterOptions?.options?.[0]?.id,i),filterIndex:e,filterType:"date",filterComparator:"exact"});n(t);break}default:{const e=o(t);a({filterColumn:t,filterValue:i,filterIndex:e}),n(t)}}}),Array.from(l.values())}(n,s):s;_(m)!==_(e)&&v(e)}else v([])},o[7]=m,o[8]=n,o[9]=s,o[10]=v,o[11]=X):X=o[11];const Y=C(X);let Z,ee;o[12]!==Y?(Z=()=>{Y()},o[12]=Y,o[13]=Z):Z=o[13],o[14]!==s?(ee=[s],o[14]=s,o[15]=ee):ee=o[15],F.useEffect(Z,ee);const te=F.useRef(null);let ie;o[16]!==y||o[17]!==I||o[18]!==g||o[19]!==x?(ie=()=>{x?.(-1),I?.(!0),g?.(0),y("first")},o[16]=y,o[17]=I,o[18]=g,o[19]=x,o[20]=ie):ie=o[20];const re=C(ie);let le,oe,ne;o[21]!==re?(le=()=>(te.current&&clearTimeout(te.current),te.current=setTimeout(re,250),()=>{te.current&&clearTimeout(te.current)}),o[21]=re,o[22]=le):le=o[22],o[23]!==m?(oe=[m],o[23]=m,o[24]=oe):oe=o[24],F.useEffect(le,oe),o[25]!==y||o[26]!==s||o[27]!==w||o[28]!==v||o[29]!==g||o[30]!==x?(ne=async e=>{g?.(0),x?.(-1),s?await y("first"):v([]),w?.onClick?.(e)},o[25]=y,o[26]=s,o[27]=w,o[28]=v,o[29]=g,o[30]=x,o[31]=ne):ne=o[31];const ae=ne,ce=P,[se,me]=F.useState(void 0===c||c);let fe;o[32]===Symbol.for("react.memo_cache_sentinel")?(fe=()=>me(D),o[32]=fe):fe=o[32];const de=fe,ue=r,pe=se&&(J?k(r,{container:!0,justifyContent:"flex-start",alignItems:"center",flexGrow:1,padding:1,children:k(S,{column:J,filterMode:A,activeFilters:m,setActiveFilters:v,aloneFilter:!0,localeStr:O})}):T(r,{container:!0,justifyContent:"flex-start",alignItems:"center",flexGrow:1,children:[Q.map(e=>k(V,{filterIndex:0,column:e,activeFilters:m,setActiveFilters:v,localeStr:O},e.accessor)),H.length>0&&k(j,{columns:H,filterMode:A,activeFilters:m,setActiveFilters:v,localeStr:O}),m.length>0&&k(r,{children:k(t,{clickable:!0,label:k(d,{variant:"body2",fontWeight:"light",children:O?.clear}),variant:"outlined",size:"small",color:"primary",onClick:U,sx:{borderStyle:"none"}})}),z&&k(r,{children:k(f,{title:w?.label??O?.refresh,arrow:!0,children:k(l,{size:"medium",color:"primary",onClick:ae,onMouseDown:ce,sx:{"@keyframes spin":{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"&.spinning":{animation:"spin 0.5s ease-in-out"}},children:w?.icon??k(u,{size:20})})})})]}));let he,ve,ye;return o[33]!==se?(he=!se&&k(r,{flexGrow:1,children:k("span",{})}),o[33]=se,o[34]=he):he=o[34],o[35]!==c||o[36]!==de||o[37]!==O?.hideFilters||o[38]!==O?.showFilters||o[39]!==se?(ve=void 0!==c&&k(r,{children:k(f,{title:se?O?.hideFilters:O?.showFilters,arrow:!0,children:k(l,{size:"medium",color:"primary",onClick:de,children:k(se?p:h,{size:20})})})}),o[35]=c,o[36]=de,o[37]=O?.hideFilters,o[38]=O?.showFilters,o[39]=se,o[40]=ve):ve=o[40],o[41]!==ue||o[42]!==pe||o[43]!==he||o[44]!==ve?(ye=T(ue,{component:"div",container:true,justifyContent:"flex-start",alignItems:"center",flexGrow:1,spacing:1,p:1,children:[pe,he,ve]}),o[41]=ue,o[42]=pe,o[43]=he,o[44]=ve,o[45]=ye):ye=o[45],ye}function D(e){return!e}function P(e){const t=e.currentTarget;t.classList.remove("spinning"),t.classList.add("spinning"),setTimeout(()=>{t.classList.remove("spinning")},500)}function B(e){return"string"===e.filterOptions?.type}function E(e){return e.filterOptions&&"object"==typeof e.filterOptions}export{V as FilterChip,j as MoreFiltersChip,W as TableFilterHeader};
+import{c as e}from"react/compiler-runtime";import t from"@mui/material/Chip";import i from"@mui/material/Divider";import r from"@mui/material/Grid";import l from"@mui/material/IconButton";import o from"@mui/material/List";import n from"@mui/material/ListItemButton";import a from"@mui/material/ListItemIcon";import c from"@mui/material/ListItemText";import s from"@mui/material/Popover";import{useTheme as m}from"@mui/material/styles";import f from"@mui/material/Tooltip";import d from"@mui/material/Typography";import{RotateCwIcon as u,FunnelIcon as p,FunnelXIcon as h,XCircleIcon as v,PlusCircleIcon as g,ChevronDownIcon as y,ChevronLeftIcon as x}from"lucide-react";import b from"qs";import F,{useEffectEvent as C}from"react";import{StringFilterForm as S,DateFilterForm as I,SelectFilterForm as w,NumberFilterForm as z,updateFilters as O}from"./TableFilterComponents.js";import{jsx as k,jsxs as T,Fragment as A}from"react/jsx-runtime";const M={$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 _=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("-"):"",$=(e,t)=>{switch(typeof e){case"string":return t.toString();case"number":return Number(t);case"boolean":return Boolean(t);default:return t}};function L(t){const i=e(31),{column:r,filterMode:l,filterIndex:o,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]!==o||i[3]!==l||i[4]!==c||i[5]!==s||i[6]!==a?(e=k(S,{column:r,filterMode:l,filterIndex:o,activeFilters:n,setActiveFilters:a,closePopover:c,localeStr:s},r.accessor),i[0]=n,i[1]=r,i[2]=o,i[3]=l,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]!==o||i[11]!==l||i[12]!==c||i[13]!==s||i[14]!==a?(e=k(z,{column:r,filterMode:l,filterIndex:o,activeFilters:n,setActiveFilters:a,closePopover:c,localeStr:s},r.accessor),i[8]=n,i[9]=r,i[10]=o,i[11]=l,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]!==o||i[19]!==l||i[20]!==c||i[21]!==s||i[22]!==a?(e=k(w,{column:r,filterMode:l,filterIndex:o,activeFilters:n,setActiveFilters:a,closePopover:c,localeStr:s},r.accessor),i[16]=n,i[17]=r,i[18]=o,i[19]=l,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]!==o||i[27]!==c||i[28]!==s||i[29]!==a?(e=k(I,{column:r,filterIndex:o,activeFilters:n,setActiveFilters:a,closePopover:c,localeStr:s},r.accessor),i[24]=n,i[25]=r,i[26]=o,i[27]=c,i[28]=s,i[29]=a,i[30]=e):e=i[30],e}default:return null}}function V(l){const o=e(64),{filterIndex:n,column:a,activeFilters:c,setActiveFilters:u,localeStr:p}=l,h=m(),[x,b]=F.useState(null),C=Boolean(x);let S;o[0]===Symbol.for("react.memo_cache_sentinel")?(S=()=>b(null),o[0]=S):S=o[0];const I=S;let w;o[1]===Symbol.for("react.memo_cache_sentinel")?(w=e=>{b(e.currentTarget)},o[1]=w):w=o[1];const z=w;let M,_;if(o[2]!==c||o[3]!==a.accessor||o[4]!==a.filterOptions?.options||o[5]!==a.filterOptions?.type||o[6]!==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?.label;break e;case"date":if("dateMin"===e?.filterComparator||"dateMax"===e?.filterComparator){let e,t;if(o[9]!==c||o[10]!==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?new Date(i?.filterValue).toLocaleDateString():"",t=r?new Date(r?.filterValue).toLocaleDateString():"",o[9]=c,o[10]=a.accessor,o[11]=e,o[12]=t}else e=o[11],t=o[12];_=`${e} - ${t}`;break e}_=new Date(M??"").toLocaleDateString();break e;default:_=M??""}o[2]=c,o[3]=a.accessor,o[4]=a.filterOptions?.options,o[5]=a.filterOptions?.type,o[6]=n,o[7]=M,o[8]=_}else M=o[7],_=o[8];const $=_;let V;o[13]!==a||o[14]!==n||o[15]!==u?(V=e=>{e.stopPropagation(),O(void 0,n,"",a,u),I()},o[13]=a,o[14]=n,o[15]=u,o[16]=V):V=o[16];const j=V;let W;o[17]!==j||o[18]!==M||o[19]!==p?.addFilter||o[20]!==p?.removeFilter||o[21]!==h.palette.action.active?(W=k(f,null!=M?{title:p?.removeFilter,arrow:!0,children:k(v,{size:18,color:h.palette.action.active,onClick:j,style:{marginLeft:4}})}:{title:p?.addFilter,arrow:!0,children:k(g,{size:18,color:h.palette.action.active,style:{marginLeft:4}})}),o[17]=j,o[18]=M,o[19]=p?.addFilter,o[20]=p?.removeFilter,o[21]=h.palette.action.active,o[22]=W):W=o[22];const D=null!=M?z:void 0;let P,B,E,G;o[23]!==h.palette.action.active?(P=k(y,{size:18,color:h.palette.action.active}),o[23]=h.palette.action.active,o[24]=P):P=o[24],o[25]!==a.label?(B=k(r,{children:k(d,{variant:"subtitle2",fontWeight:"light",children:a.label})}),o[25]=a.label,o[26]=B):B=o[26],o[27]!==$||o[28]!==M?(E=null!=M&&T(A,{children:[k(i,{orientation:"vertical",flexItem:!0}),k(r,{children:k(d,{variant:"subtitle2",color:"primary",children:$})})]}),o[27]=$,o[28]=M,o[29]=E):E=o[29],o[30]!==B||o[31]!==E?(G=T(r,{container:!0,justifyContent:"space-between",alignItems:"center",flexWrap:"nowrap",spacing:1,children:[B,E]}),o[30]=B,o[31]=E,o[32]=G):G=o[32];const q=null!=M?"solid":"dashed",N=null!=M?"primary.main":"text.info";let Q,R,H,J;o[33]!==q||o[34]!==N?(Q={borderStyle:q,borderColor:N,minWidth:"80px"},o[33]=q,o[34]=N,o[35]=Q):Q=o[35],o[36]!==Q||o[37]!==W||o[38]!==D||o[39]!==P||o[40]!==G?(R=k(t,{clickable:!0,skipFocusWhenDisabled:!0,variant:"outlined",size:"medium",onClick:z,icon:W,onDelete:D,deleteIcon:P,label:G,sx:Q}),o[36]=Q,o[37]=W,o[38]=D,o[39]=P,o[40]=G,o[41]=R):R=o[41],o[42]===Symbol.for("react.memo_cache_sentinel")?(H={vertical:"bottom",horizontal:"left"},J={paper:{variant:"outlined"}},o[42]=H,o[43]=J):(H=o[42],J=o[43]);const K=`${p?.filterBy} ${a.label}`;let U,X,Y,Z,ee,te;return o[44]!==K?(U=k(r,{size:12,children:k(d,{variant:"subtitle2",color:"textSecondary",fontWeight:"bold",children:K})}),o[44]=K,o[45]=U):U=o[45],o[46]!==c?(X=c??[],o[46]=c,o[47]=X):X=o[47],o[48]!==a||o[49]!==n||o[50]!==p||o[51]!==u||o[52]!==X?(Y=k(r,{size:12,children:k(L,{column:a,filterMode:"single",filterIndex:n,activeFilters:X,setActiveFilters:u,handleClose:I,localeStr:p})}),o[48]=a,o[49]=n,o[50]=p,o[51]=u,o[52]=X,o[53]=Y):Y=o[53],o[54]!==U||o[55]!==Y?(Z=T(r,{container:!0,size:12,p:2,gap:1,maxWidth:300,children:[U,Y]}),o[54]=U,o[55]=Y,o[56]=Z):Z=o[56],o[57]!==x||o[58]!==C||o[59]!==Z?(ee=k(s,{open:C,anchorEl:x,onClose:I,anchorOrigin:H,slotProps:J,children:Z}),o[57]=x,o[58]=C,o[59]=Z,o[60]=ee):ee=o[60],o[61]!==R||o[62]!==ee?(te=T(r,{children:[R,ee]}),o[61]=R,o[62]=ee,o[63]=te):te=o[63],te}function j(i){const u=e(35),{columns:p,filterMode:h,activeFilters:v,setActiveFilters:b,localeStr:C}=i,S=m(),[I,w]=F.useState(null);let z;u[0]===Symbol.for("react.memo_cache_sentinel")?(z=e=>{w(e.currentTarget)},u[0]=z):z=u[0];const O=z,A=Boolean(I),[M,_]=F.useState(null);let $;u[1]===Symbol.for("react.memo_cache_sentinel")?($=e=>{_(e)},u[1]=$):$=u[1];const V=$;let j;u[2]===Symbol.for("react.memo_cache_sentinel")?(j=()=>{w(null),_(null)},u[2]=j):j=u[2];const W=j,D=C?.addFilter;let P,B,E;u[3]===Symbol.for("react.memo_cache_sentinel")?(P={marginLeft:4},u[3]=P):P=u[3],u[4]!==S.palette.action.active?(B=k(g,{size:18,color:S.palette.action.active,style:P}),u[4]=S.palette.action.active,u[5]=B):B=u[5],u[6]!==D||u[7]!==B?(E=k(f,{title:D,arrow:!0,children:B}),u[6]=D,u[7]=B,u[8]=E):E=u[8];const G=C?.moreFilters;let q,N,Q,R,H,J,K,U,X;return u[9]!==G?(q=k(d,{variant:"subtitle2",fontWeight:"light",children:G}),u[9]=G,u[10]=q):q=u[10],u[11]!==S.palette.action.active?(N=k(y,{size:18,color:S.palette.action.active}),u[11]=S.palette.action.active,u[12]=N):N=u[12],u[13]===Symbol.for("react.memo_cache_sentinel")?(Q={minWidth:"80px"},u[13]=Q):Q=u[13],u[14]!==E||u[15]!==q||u[16]!==N?(R=k(t,{clickable:!0,skipFocusWhenDisabled:!0,variant:"outlined",size:"medium",onClick:O,icon:E,label:q,deleteIcon:N,sx:Q}),u[14]=E,u[15]=q,u[16]=N,u[17]=R):R=u[17],u[18]===Symbol.for("react.memo_cache_sentinel")?(H={vertical:"bottom",horizontal:"left"},J={paper:{variant:"outlined"}},u[18]=H,u[19]=J):(H=u[18],J=u[19]),u[20]!==v||u[21]!==p||u[22]!==h||u[23]!==C||u[24]!==M||u[25]!==b||u[26]!==S.palette.action.active?(K=k(r,{container:!0,size:12,gap:1,maxWidth:300,children:M?T(r,{container:!0,size:12,gap:1,p:2,children:[T(r,{container:!0,size:12,justifyContent:"flex-start",alignItems:"center",gap:1,children:[k(r,{children:k(l,{size:"small",onClick:()=>_(null),children:k(x,{size:18,color:S.palette.action.active})})}),k(r,{children:k(d,{variant:"subtitle2",color:"textSecondary",fontWeight:"bold",children:`${C?.filterBy} ${M?.label}`})})]}),k(r,{size:12,children:k(L,{column:M,filterMode:h,activeFilters:v,setActiveFilters:b,handleClose:W,localeStr:C})})]}):k(o,{dense:!0,sx:{width:200},children:p.map(e=>T(n,{alignItems:"center",onClick:()=>V(e),children:[k(a,{sx:{minWidth:"30px"},children:k(g,{size:18,color:S.palette.action.active,style:{marginLeft:0}})}),k(c,{children:e.label})]},e.accessor))})}),u[20]=v,u[21]=p,u[22]=h,u[23]=C,u[24]=M,u[25]=b,u[26]=S.palette.action.active,u[27]=K):K=u[27],u[28]!==I||u[29]!==A||u[30]!==K?(U=k(s,{open:A,anchorEl:I,onClose:W,anchorOrigin:H,slotProps:J,children:K}),u[28]=I,u[29]=A,u[30]=K,u[31]=U):U=u[31],u[32]!==R||u[33]!==U?(X=T(r,{children:[R,U]}),u[32]=R,u[33]=U,u[34]=X):X=u[34],X}function W(i){const o=e(47),{columns:n,filterMode:a,defaultShowFilters:c,filtersQuery:s,activeFilters:m,setActiveFilters:v,fetchEvent:g,setCurrentPage:y,setHighestFetchedPage:x,setAreFiltersLoaded:I,refreshButton:w,showRefreshButton:z,localeStr:O}=i,A=void 0===a?"single":a;let L;o[0]!==m?(L=e=>m.some(t=>t?.filterColumn===e.accessor&&t?.filterType===e.filterOptions?.type),o[0]=m,o[1]=L):L=o[1];const W=L,G=n.filter(E);let q;o[2]!==W?(q=e=>e.filterOptions?.priority||W(e),o[2]=W,o[3]=q):q=o[3];const N=G.filter(q),Q=N.length>0?N:G,R=Q.length!==G.length?G.filter(e=>!e.filterOptions?.priority&&!W(e)):[],H="single"===A?R:G,J=1===G.length?G.find(B):void 0;let K;o[4]!==m.length||o[5]!==v?(K=()=>{m.length>0&&v([])},o[4]=m.length,o[5]=v,o[6]=K):K=o[6];const U=K;let X;o[7]!==m||o[8]!==n||o[9]!==s||o[10]!==v?(X=()=>{if(s){const e="string"==typeof s?function(e,t){if(!t||0===t.length)return[];const i=b.parse(t,{ignoreQueryPrefix:!0}).filter??{},r={},l=new Map,o=e=>(void 0===r[e]&&(r[e]=0),r[e]),n=(e,t=1)=>{r[e]=o(e)+t},a=e=>{const t=e.filterComparator??"exact",i=`${e.filterColumn}|${e.filterIndex}|${t}`;l.set(i,e)};return Object.entries(i).forEach(([t,i])=>{const r=e.find(e=>e.filterOptions&&e.accessor===t),l=r?.filterOptions?.type;if(l)switch(l){case"string":{const e=o(t);a({filterColumn:t,filterValue:i,filterIndex:e,filterType:"string"}),n(t);break}case"number":{const e=o(t);a({filterColumn:t,filterValue:Number(i),filterIndex:e,filterType:"number"}),n(t);break}case"select":{const e=Array.isArray(i)?i:[i],l=o(t);e.forEach((e,i)=>{const o=r.filterOptions;if(!o||!o.options||0===o.options.length)return;const n=$(o.options[0].id,e),c=r.filterOptions?.options?.some(e=>e.id===n);c&&a({filterColumn:t,filterValue:n,filterIndex:l+i,filterType:"select"})}),n(t,e.length);break}case"date":{const e=o(t);if("object"==typeof i&&null!==i){const l=Object.entries(i);l.forEach(([i,o])=>{const n=M[i],c=Array.isArray(n)?n[l.length>1?0:1]??"exact":n??"exact",s=$(r.filterOptions?.options?.[0]?.id,o);a({filterColumn:t,filterValue:s,filterIndex:e,filterType:"date",filterComparator:c})})}else{const l=$(r.filterOptions?.options?.[0]?.id,i);a({filterColumn:t,filterValue:l,filterIndex:e,filterType:"date",filterComparator:"exact"})}n(t);break}default:{const e=o(t);a({filterColumn:t,filterValue:i,filterIndex:e}),n(t)}}}),Array.from(l.values())}(n,s):s;_(m)!==_(e)&&v(e)}else v([])},o[7]=m,o[8]=n,o[9]=s,o[10]=v,o[11]=X):X=o[11];const Y=C(X);let Z,ee;o[12]!==s||o[13]!==Y?(Z=()=>{s&&Y()},o[12]=s,o[13]=Y,o[14]=Z):Z=o[14],o[15]!==s?(ee=[s],o[15]=s,o[16]=ee):ee=o[16],F.useEffect(Z,ee);const te=F.useRef(null);let ie;o[17]!==g||o[18]!==I||o[19]!==y||o[20]!==x?(ie=()=>{x?.(-1),I?.(!0),y?.(0),g("first")},o[17]=g,o[18]=I,o[19]=y,o[20]=x,o[21]=ie):ie=o[21];const re=C(ie);let le,oe,ne;o[22]!==re?(le=()=>(te.current&&clearTimeout(te.current),te.current=setTimeout(re,250),()=>{te.current&&clearTimeout(te.current)}),o[22]=re,o[23]=le):le=o[23],o[24]!==m?(oe=[m],o[24]=m,o[25]=oe):oe=o[25],F.useEffect(le,oe),o[26]!==g||o[27]!==s||o[28]!==w||o[29]!==v||o[30]!==y||o[31]!==x?(ne=async e=>{y?.(0),x?.(-1),s?await g("first"):v([]),w?.onClick?.(e)},o[26]=g,o[27]=s,o[28]=w,o[29]=v,o[30]=y,o[31]=x,o[32]=ne):ne=o[32];const ae=ne,ce=P,[se,me]=F.useState(void 0===c||c);let fe;o[33]===Symbol.for("react.memo_cache_sentinel")?(fe=()=>me(D),o[33]=fe):fe=o[33];const de=fe,ue=r,pe=se&&(J?k(r,{container:!0,justifyContent:"flex-start",alignItems:"center",flexGrow:1,padding:1,children:k(S,{column:J,filterMode:A,activeFilters:m,setActiveFilters:v,aloneFilter:!0,localeStr:O})}):T(r,{container:!0,justifyContent:"flex-start",alignItems:"center",flexGrow:1,children:[Q.map(e=>k(V,{filterIndex:0,column:e,activeFilters:m,setActiveFilters:v,localeStr:O},e.accessor)),H.length>0&&k(j,{columns:H,filterMode:A,activeFilters:m,setActiveFilters:v,localeStr:O}),m.length>0&&k(r,{children:k(t,{clickable:!0,label:k(d,{variant:"body2",fontWeight:"light",children:O?.clear}),variant:"outlined",size:"small",color:"primary",onClick:U,sx:{borderStyle:"none"}})}),z&&k(r,{children:k(f,{title:w?.label??O?.refresh,arrow:!0,children:k(l,{size:"medium",color:"primary",onClick:ae,onMouseDown:ce,sx:{"@keyframes spin":{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"&.spinning":{animation:"spin 0.5s ease-in-out"}},children:w?.icon??k(u,{size:20})})})})]}));let he,ve,ge;return o[34]!==se?(he=!se&&k(r,{flexGrow:1,children:k("span",{})}),o[34]=se,o[35]=he):he=o[35],o[36]!==c||o[37]!==de||o[38]!==O?.hideFilters||o[39]!==O?.showFilters||o[40]!==se?(ve=void 0!==c&&k(r,{children:k(f,{title:se?O?.hideFilters:O?.showFilters,arrow:!0,children:k(l,{size:"medium",color:"primary",onClick:de,children:k(se?p:h,{size:20})})})}),o[36]=c,o[37]=de,o[38]=O?.hideFilters,o[39]=O?.showFilters,o[40]=se,o[41]=ve):ve=o[41],o[42]!==ue||o[43]!==pe||o[44]!==he||o[45]!==ve?(ge=T(ue,{component:"div",container:true,justifyContent:"flex-start",alignItems:"center",flexGrow:1,spacing:1,p:1,children:[pe,he,ve]}),o[42]=ue,o[43]=pe,o[44]=he,o[45]=ve,o[46]=ge):ge=o[46],ge}function D(e){return!e}function P(e){const t=e.currentTarget;t.classList.remove("spinning"),t.classList.add("spinning"),setTimeout(()=>{t.classList.remove("spinning")},500)}function B(e){return"string"===e.filterOptions?.type}function E(e){return e.filterOptions&&"object"==typeof e.filterOptions}export{V as FilterChip,j as MoreFiltersChip,W as TableFilterHeader};

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export { PasswordField, PasswordFieldProps } from './components/auth/PasswordField.js';
 export { AuthSuccess, AuthSuccessProps } from './components/auth/AuthSuccess.js';
 export { IProps, MainDiv } from './components/common/MainDiv.js';
-export { ListType as MenuID, MenuItems, MenuItemsProps } from './components/common/MenuItems.js';
+export { MenuItems, MenuItemsProps } from './components/common/MenuItems.js';
 export { Form, FormNodeType, FormNodeValidator, default as useFormState } from './components/forms/useFormState.js';
 export { InputString, InputStringProps, StringValidator } from './components/forms/InputString.js';
 export { InputNumber, InputNumberProps, NumberValidator } from './components/forms/InputNumber.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@famalabs/web-ui",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.4",
   "author": " Fama Labs <info@famalabs.com>",
   "type": "module",
   "main": "./dist/index.js",