@sito/dashboard 0.0.38 → 0.0.39

package/dist/dashboard.cjs

@@ -1 +1 @@
-var ke=require("./main.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react");function W(t){const{className:n=""}=t;return e.jsx("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",fill:"currentColor",children:e.jsx("path",{d:"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"})})}function q(t){const{className:n=""}=t;return e.jsx("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",fill:"currentColor",children:e.jsx("path",{d:"M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"})})}function V(t){const{className:n=""}=t;return e.jsx("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",fill:"currentColor",children:e.jsx("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})})}function J(t){const{className:n=""}=t;return e.jsx("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",fill:"currentColor",children:e.jsx("path",{d:"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"})})}const G=t=>{const{className:n=""}=t;return e.jsx("svg",{className:n,viewBox:"0 0 16 16",children:e.jsx("path",{d:"M9 15H7a1 1 0 010-2h2a1 1 0 010 2zM11 11H5a1 1 0 010-2h6a1 1 0 010 2zM13 7H3a1 1 0 010-2h10a1 1 0 010 2zM15 3H1a1 1 0 010-2h14a1 1 0 010 2z"})})};function _(t){const{className:n=""}=t;return e.jsx("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"currentColor",children:e.jsx("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"})})}var L=(t=>(t.error="error",t.good="good",t.default="default",t))(L||{});const D=t=>{switch(t){case"error":return"input-error";case"good":return"input-good";default:return"input-normal"}},B=t=>{switch(t){case"error":return"input-label-error";case"good":return"input-label-good";default:return"input-label-normal"}},I=t=>{switch(t){case"error":return"input-helper-text-error";case"good":return"input-helper-text-good";default:return"input-helper-text-normal"}};const R=o.forwardRef(function(t,n){const{value:r,onChange:s,options:a,containerClassName:l="",inputClassName:c="",labelClassName:i="",helperText:u="",helperTextClassName:v="",placeholder:p="",label:m="",name:x="",id:d="",state:h=L.default,children:b,...j}=t;return e.jsxs("div",{className:`select-input-container ${l}`,children:[e.jsx("select",{...j,id:d,ref:n,name:x,value:r,onChange:s,className:`select-input ${D(h)} peer ${c}`,children:a==null?void 0:a.map(C=>e.jsx("option",{value:C.id,children:C.value??C.name??C.id},C.id))}),e.jsx("label",{htmlFor:x,className:`select-input-label ${B(h)} ${i}`,children:m}),b,e.jsx("p",{className:`select-input-helper-text ${I(h)} ${v}`,children:h!=="error"&&h!=="good"?p:u})]})});const z=o.forwardRef(function(t,n){const{children:r,value:s,onChange:a,state:l=L.default,name:c="",id:i="",type:u="text",label:v="",required:p=!1,placeholder:m="",containerClassName:x="",inputClassName:d="",labelClassName:h="",helperText:b="",helperTextClassName:j="",...C}=t;return e.jsxs("div",{className:`text-input-container ${x}`,children:[e.jsx("input",{ref:n,type:u,name:c,id:i,className:`text-input ${D(l)} peer ${d}`,placeholder:"",required:p,value:s,onChange:a,...C}),e.jsxs("label",{htmlFor:c,className:`text-input-label ${B(l)} ${h}`,children:[v,p?" *":""]}),r,e.jsx("p",{className:`text-input-helper-text ${I(l)} ${j}`,children:l!=="error"&&l!=="good"?m:b})]})});const K=o.forwardRef(function(t,n){const{checked:r,onChange:s,state:a=L.default,name:l="",id:c="",type:i="text",label:u="",containerClassName:v="",inputClassName:p="",labelClassName:m="",helperText:x="",helperTextClassName:d="",...h}=t;return e.jsxs("label",{className:`input-check-container ${v}`,children:[e.jsx("input",{id:c,ref:n,name:l,type:"checkbox",checked:r,onChange:s,className:`input-check ${p}`,...h}),e.jsx("span",{className:`input-check-label ${m}`,children:u})]})});const Q=o.forwardRef(function(t,n){const{state:r,value:s,onChange:a,options:l=[],name:c="",id:i="",label:u="",containerClassName:v="",inputContainerClassName:p="",helperText:m="",placeholder:x="",multiple:d=!1,...h}=t,[b,j]=o.useState(""),[C,f]=o.useState(!1),w=l.filter(g=>{const N=String(g.value).toLowerCase().includes(b==null?void 0:b.toLowerCase());return s&&s.length?s!=null&&s.some?!(s!=null&&s.some(A=>A.id===g.id)):(s==null?void 0:s.id)!==g.id:N}),E=o.useRef(null);o.useEffect(()=>{const g=F=>{E.current&&!E.current.contains(F.target)&&f(!1)},N=F=>{F.key==="Escape"&&f(!1)};return document.addEventListener("mousedown",g),document.addEventListener("keydown",N),()=>{document.removeEventListener("mousedown",g),document.removeEventListener("keydown",N)}},[]);const M=g=>{j(g.target.value)},U=o.useCallback(g=>{j(""),g?d?Array.isArray(s)&&s.length?a([...s,g]):a([g]):a(g):a(null),f(!1)},[d,a,s]),xe=o.useCallback(g=>{const N=s.filter((F,A)=>A!==g);N.length?a(N):a(null)},[a,s]);return e.jsxs("div",{className:`autocomplete-input-container ${v}`,ref:E,children:[e.jsx(z,{state:r,name:c,id:i,value:!d&&s?s:b,onChange:M,placeholder:x,helperText:m,onFocus:()=>f(!0),label:u,containerClassName:`autocomplete-text-input ${p}`,ref:n,...h,children:!d&&s&&e.jsx("button",{type:"button",className:"autocomplete-delete-button",onClick:g=>{U(),g.stopPropagation()},children:e.jsx(_,{})})}),C&&e.jsx("ul",{className:"autocomplete-suggestions-container",children:w.map(g=>e.jsx("li",{className:"autocomplete-suggestion-item hover:bg-primary/20",onClick:N=>{U(g),N.stopPropagation()},children:g.value},g.id))}),d&&Array.isArray(s)&&s.length?e.jsx("ul",{className:"autocomplete-value-container",children:s.map((g,N)=>e.jsx("li",{children:e.jsx(me,{label:String(g.value),onDelete:F=>{xe(N),F.stopPropagation()}})},g.value))}):null]})});function X(t){const{color:n="stroke-blue-800",className:r="",loaderClass:s="",strokeWidth:a="4",...l}=t;return e.jsx("div",{...l,className:`loading ${r}`,children:e.jsx("div",{className:"loader-container",children:e.jsx("div",{className:`loader ${s}`,children:e.jsx("svg",{className:"circular",viewBox:"25 25 50 50",children:e.jsx("circle",{className:`path ${n}`,cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:a,strokeMiterlimit:"10"})})})})})}const Y=o.createContext({});function be(t){const{children:n,t:r}=t;return e.jsx(Y.Provider,{value:{t:r},children:n})}const $=()=>{const t=o.useContext(Y);if(t===void 0)throw new Error("translationContext must be used within a Provider");return t};var k=(t=>(t[t.text=0]="text",t[t.number=1]="number",t[t.select=2]="select",t[t.autocomplete=3]="autocomplete",t[t.date=4]="date",t[t.check=5]="check",t))(k||{}),O=(t=>(t.ASC="ASC",t.DESC="DESC",t))(O||{});const ge=[20,50,100],Z=o.createContext({}),ve=t=>{const{children:n}=t,[r,s]=o.useState(0),[a,l]=o.useState(20),[c,i]=o.useState(0),[u,v]=o.useState("id"),[p,m]=o.useState(O.DESC),[x,d]=o.useState({}),h=o.useCallback((C,f)=>{let w=p;if(u===C)switch(p){case O.ASC:w=O.DESC;break;default:w=O.ASC;break}v(C),m(w),f&&f(C,w)},[u,p]),b=o.useCallback(C=>{const f=Object.entries(C).reduce((w,[E,M])=>(M&&typeof M.value<"u"&&(w[E]=M.value),w),{});d(f)},[]),j={onSort:h,total:r,setTotal:s,sortingBy:u,setSortingBy:v,sortingOrder:p,setSortingOrder:m,pageSize:a,pageSizes:ge,setPageSize:l,currentPage:c,setCurrentPage:i,filters:x,onFilterApply:b};return e.jsx(Z.Provider,{value:j,children:n})},P=()=>{const t=o.useContext(Z);if(t===void 0)throw new Error("tableOptionsContext must be used within a Provider");return t};var y=(t=>(t[t.update=0]="update",t[t.reset=1]="reset",t))(y||{});const ee=t=>{if(t){const n={},r=Object.keys(t);return r==null||r.forEach(s=>{n[s]={value:t[s]}}),n}return{}};function te(t,n){const{type:r}=n;switch(r){case y.reset:{const{filters:s}=n,a={};return s==null||s.forEach(({propertyName:l,defaultValue:c})=>{a[l]={value:c}}),{...t,...a}}case y.update:{const{toUpdate:s}=n;return{...t,...s}}default:return t}}const se=o.createContext({}),ne=t=>{const{children:n}=t,{filters:r}=P(),[s,a]=o.useReducer(te,ee(r)),l={currentFilters:s,setCurrentFilters:a};return e.jsx(se.Provider,{value:l,children:n})},T=()=>{const t=o.useContext(se);if(t===void 0)throw new Error("tableOptionsContext must be used within a Provider");return t};function ae(t){const{t:n}=$(),{entity:r="",columns:s=[],hasAction:a=!0,onSortCallback:l}=t,{onSort:c,sortingOrder:i,sortingBy:u}=P(),v=o.useMemo(()=>{var p;return(p=s.sort((m,x)=>(x.pos??0)-(m.pos??0)).filter(m=>m.display!=="none"))==null?void 0:p.map(m=>({id:m.key,label:m.label,className:m.className??"",sortable:m.sortable??!0,sortOptions:m.sortOptions}))},[s,r,n]);return e.jsx("thead",{className:"table-headers-row",children:e.jsxs("tr",{children:[v.map(p=>{var m,x,d,h,b,j,C,f;return e.jsx("th",{scope:"col",className:`table-headers-column ${p.className}`,children:e.jsxs("button",{disabled:!p.sortable,onClick:()=>c(p.id,l),className:"table-headers-cell",children:[e.jsx("span",{className:"table-headers-label",children:p.label}),p.sortable&&e.jsx("span",{className:`${u===p.id?"table-headers-sort-on":"table-headers-sort"}`,children:i===O.ASC?((x=(m=p.sortOptions)==null?void 0:m.icons)==null?void 0:x.asc)??e.jsx(q,{className:((h=(d=p.sortOptions)==null?void 0:d.icons)==null?void 0:h.className)??"table-headers-sort-indicator"}):((j=(b=p.sortOptions)==null?void 0:b.icons)==null?void 0:j.desc)??e.jsx(W,{className:((f=(C=p.sortOptions)==null?void 0:C.icons)==null?void 0:f.className)??"table-headers-sort-indicator"})})]})},p.id)}),a&&e.jsx("th",{scope:"col",className:"table-headers-action",children:n("_accessibility:labels.actions")})]})})}function re(){const{t}=$();return e.jsx("div",{className:"table-empty",children:e.jsx("p",{children:t("_accessibility:components.table.empty")})})}const le=()=>{const{t}=$(),{total:n,pageSize:r,currentPage:s,setCurrentPage:a}=P();return e.jsxs("div",{className:"table-navigation-pages",children:[e.jsx("button",{className:"table-navigation-buttons",disabled:s===0,"aria-label":t("_accessibility:buttons.previous"),name:t("_accessibility:buttons.previous"),onClick:()=>a(s-1),children:e.jsx(J,{className:"w-2.5"})}),e.jsx("button",{disabled:Math.floor(n/((s+1)*r))===0,className:"table-navigation-buttons",name:t("_accessibility:buttons.next"),"aria-label":t("_accessibility:buttons.next"),onClick:()=>a(s+1),children:e.jsx(V,{className:"w-2.5"})})]})},oe=()=>{const{t}=$(),{total:n,pageSize:r,pageSizes:s,currentPage:a}=P(),l=(a+1)*r>n?n:(a+1)*r;return e.jsxs("div",{className:"table-navigation-sizes",children:[s[0]<n&&e.jsx(e.Fragment,{children:e.jsxs("p",{children:[a*r+1," - ",l," ",t("_accessibility:components.table.of")]})}),e.jsx("p",{children:n})]})};function ce(){const{t}=$(),{pageSizes:n,pageSize:r,setPageSize:s}=P(),a=o.useMemo(()=>n==null?void 0:n.map(l=>({id:l,value:l})),[n]);return e.jsxs("div",{className:"page-size",children:[e.jsx("p",{children:t("_accessibility:components.table.pageSizes")}),e.jsx(R,{value:r,options:a,inputClassName:"page-size-input",containerClassName:"page-size-input-container",helperTextClassName:"hidden",onChange:l=>s(Number(l.target.value))})]})}function Ce(){const{t}=$(),{total:n,pageSize:r,currentPage:s,setCurrentPage:a}=P(),l=o.useMemo(()=>{const c=Math.ceil(n/r);return Array.from({length:c},(i,u)=>({id:u,value:u+1}))},[n,r]);return e.jsxs("div",{className:"jump-to-page",children:[e.jsx("p",{children:t("_accessibility:components.table.jumpToPage")}),e.jsx(R,{value:s,options:l,inputClassName:"jump-to-page-input",containerClassName:"jump-to-page-input-container",helperTextClassName:"hidden",onChange:c=>a(Number(c.target.value))})]})}function ie(){return e.jsxs("div",{className:"table-footer",children:[e.jsx(Ce,{}),e.jsx(ce,{}),e.jsx(oe,{}),e.jsx(le,{})]})}function je(t){const{propertyName:n,options:r,label:s}=t,{currentFilters:a,setCurrentFilters:l}=T(),c=o.useMemo(()=>{var u;return((u=a[n])==null?void 0:u.value)??r[0]},[a]),i=o.useCallback(u=>{l({type:y.update,toUpdate:{[n]:{value:u.target.value}}})},[]);return e.jsx(R,{value:c,label:s,options:r,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:i})}const fe=t=>{const{propertyName:n,label:r}=t,{currentFilters:s,setCurrentFilters:a}=T(),l=o.useMemo(()=>{var i;return((i=s[n])==null?void 0:i.value)??""},[s]),c=o.useCallback(i=>{a({type:y.update,toUpdate:{[n]:{value:i.target.value}}})},[]);return e.jsx(z,{value:l??"",label:r,onChange:c,containerClassName:"input-widget-container",helperTextClassName:""})},Ne=t=>{const{propertyName:n,label:r}=t,{currentFilters:s,setCurrentFilters:a}=T(),l=o.useMemo(()=>{var i;return((i=s[n])==null?void 0:i.value)??""},[s]),c=o.useCallback(i=>{a({type:y.update,toUpdate:{[n]:{value:i.target.checked}}})},[]);return e.jsx(K,{label:r,checked:l??!1,onChange:c})};function ye(t){const{propertyName:n,label:r,options:s,multiple:a=!0}=t,{currentFilters:l,setCurrentFilters:c}=T(),i=o.useMemo(()=>l[n]??s[0],[l]),u=o.useCallback(v=>{c({type:y.update,toUpdate:{[n]:{value:v}}})},[a]);return e.jsx(Q,{value:i==null?void 0:i.value,label:r,options:s,multiple:a,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:u})}const H=t=>{const{propertyName:n,label:r,inputType:s}=t,{currentFilters:a,setCurrentFilters:l}=T(),c=o.useRef(null),i=o.useRef(null),u=o.useMemo(()=>{var d,h,b;const x=(h=(d=a[n])==null?void 0:d.value)==null?void 0:h.start;return x?s==="date"?new Date(String(x)).toISOString().slice(0,10):(b=a[n])==null?void 0:b.value:""},[a]),v=o.useMemo(()=>{var d,h,b;const x=(h=(d=a[n])==null?void 0:d.value)==null?void 0:h.end;return x?s==="date"?new Date(String(x)).toISOString().slice(0,10):(b=a[n])==null?void 0:b.value:""},[a]),p=o.useCallback(x=>{var d;l({type:y.update,toUpdate:{[n]:{value:{end:((d=i==null?void 0:i.current)==null?void 0:d.value)??null,start:x.target.value}}}})},[]),m=o.useCallback(x=>{var d;l({type:y.update,toUpdate:{[n]:{value:{start:((d=c==null?void 0:c.current)==null?void 0:d.value)??null,end:x.target.value}}}})},[]);return e.jsxs("div",{className:"flex gap-2 items-center",children:[e.jsx(z,{value:u??"",label:r,type:s,ref:c,onChange:p,containerClassName:"input-widget-container",helperTextClassName:""}),e.jsx(z,{value:v??"",label:r,type:s,ref:i,onChange:m,containerClassName:"input-widget-container",helperTextClassName:""})]})},ue=t=>{switch(t.type){case k.text:return e.jsx(fe,{...t});case k.number:return e.jsx(H,{...t});case k.date:return e.jsx(H,{...t});case k.select:return e.jsx(je,{...t});case k.autocomplete:return e.jsx(ye,{...t});case k.check:return e.jsx(Ne,{...t})}return e.jsx(e.Fragment,{})};const de=t=>{const{align:n="right",filters:r=[],icon:s}=t,[a,l]=o.useState(!1),{onFilterApply:c,filters:i}=P(),{currentFilters:u,setCurrentFilters:v}=T(),{t:p}=$(),m=o.useRef(null),x=o.useRef(null);return o.useEffect(()=>{const d=({target:h})=>{var b,j;x.current&&(!a||(b=x.current)!=null&&b.contains(h)||(j=m==null?void 0:m.current)!=null&&j.contains(h)||l(!1))};return document.addEventListener("click",d),()=>document.removeEventListener("click",d)}),o.useEffect(()=>{const d=h=>{!a||h.code!=="Escape"||l(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)}),e.jsxs("div",{className:"filter-dropdown-main",children:[e.jsxs("button",{ref:m,className:"filter-dropdown-button normal filter-dropdown-trigger","aria-haspopup":"true",onClick:()=>l(!a),"aria-expanded":a,children:[e.jsx("span",{className:"sr-only",children:p("_accessibility:buttons.filters")}),e.jsx("wbr",{}),s??e.jsx(G,{className:"filter-dropdown-trigger-icon"})]}),e.jsx("div",{className:`filter-dropdown-transition ${a?"opened":"closed"} ${n==="right"?"right":"left"}`,children:e.jsxs("div",{ref:x,children:[e.jsx("div",{className:"filter-title",children:p("_accessibility:buttons.filters")}),e.jsx("ul",{className:"filter-container",children:r.map(d=>e.jsx("li",{className:"filter-container-item",children:ue(d)},d.propertyName))}),e.jsx("div",{className:"filter-footer",children:e.jsxs("ul",{className:"filter-buttons-row",children:[e.jsx("li",{children:e.jsx("button",{onClick:()=>v({type:y.reset,filters:r}),className:"filter-dropdown-button small filter-dropdown-cancel",children:p("_accessibility:buttons.clear")})}),e.jsx("li",{children:e.jsx("button",{className:"filter-dropdown-button small filter-dropdown-submit bg-primary hover:bg-light-primary",onClick:()=>{l(!1),c(u)},onBlur:()=>l(!1),children:p("_accessibility:buttons.applyFilters")})})]})})]})})]})},we=t=>t,pe=t=>{const{columns:n,softDeleteProperty:r="deleted",data:s,actions:a}=t,l=o.useMemo(()=>n.sort((c,i)=>(i.pos??0)-(c.pos??0)).filter(c=>c.display!=="none"),[n]);return s==null?void 0:s.map(c=>{var i;return e.jsxs("tr",{className:`table-row ${c[r]?"deleted-class":""}`,children:[l==null?void 0:l.map((u,v)=>e.jsx("td",{className:`table-row-cell ${v===0?"basic":""} ${u.className??""}`,children:u.renderBody?u.renderBody(c[u.key],c):we(c[u.key])},u.key)),a?e.jsx("td",{children:e.jsx("div",{className:"table-row-cell-action",children:(i=a(c).filter(u=>!u.hidden))==null?void 0:i.map(u=>e.jsx(he,{content:u.tooltip,children:e.jsx("button",{onClick:()=>u.onClick(c),children:u.icon})},u.id))})}):null]},c.id)})};function Se(t){const{title:n="",data:r,onSort:s,entity:a="",isLoading:l=!1,actions:c,columns:i=[],contentClassName:u="",className:v="",toolbar:p=e.jsx(e.Fragment,{}),softDeleteProperty:m="deleted"}=t,x=o.useMemo(()=>i?i.sort((h,b)=>(b.pos??0)-(h.pos??0)).filter(h=>!!h.filterOptions).map(h=>{var b;return{...h.filterOptions,label:((b=h.filterOptions)==null?void 0:b.label)??h.label,propertyName:h.key}}):[],[i]),d=o.useMemo(()=>!(r!=null&&r.length),[r]);return e.jsx(ne,{children:e.jsxs("div",{className:`${v} table-main`,children:[e.jsxs("div",{className:"table-header",children:[e.jsx("h1",{className:"table-header-title",children:n}),l?null:e.jsxs("div",{className:"table-header-right",children:[p,!!x&&!!x.length&&e.jsx(de,{filters:x})]})]}),l?e.jsx(X,{className:"table-loading"}):e.jsx(e.Fragment,{children:d?e.jsx(re,{}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:`${u} table-body`,children:e.jsxs("table",{className:"table-content",children:[e.jsx(ae,{entity:a,columns:i,onSortCallback:s,hasAction:!!c}),e.jsx("tbody",{children:e.jsx(pe,{data:r,actions:c,columns:i,softDeleteProperty:m})})]})}),e.jsx(ie,{})]})})]})})}function he(t){const{content:n,children:r}=t;return e.jsxs("div",{className:"tooltip-container",children:[r,e.jsx("div",{className:"tooltip-text",children:n})]})}var S=(t=>(t.empty="empty",t.outlined="outlined",t.default="default",t))(S||{});function me(t){const{label:n,onDelete:r,className:s="",spanClassName:a="",variant:l=S.default}=t,c=o.useMemo(()=>{switch(l){case S.empty:return"text-primary bg-transparent";case S.outlined:return"border border-primary";case S.default:default:return"text-white bg-primary"}},[l]),i=o.useMemo(()=>{switch(l){case S.empty:case S.outlined:return"chip-delete-button-svg";case S.default:default:return"filled-chip-delete-button-svg"}},[l]);return e.jsxs("div",{className:`chip-main ${c} ${s}`,children:[e.jsx("span",{className:a,children:n}),r?e.jsx("button",{type:"button",className:"chip-delete-button",onClick:r,children:e.jsx(_,{className:i})}):null]})}exports.AutocompleteInput=Q;exports.CheckInput=K;exports.ChevronDown=W;exports.ChevronLeft=J;exports.ChevronRight=V;exports.ChevronUp=q;exports.Chip=me;exports.ChipVariant=S;exports.Close=_;exports.Columns=ae;exports.CountOfTotal=oe;exports.Empty=re;exports.FilterPopup=de;exports.FilterTypes=k;exports.Filters=G;exports.FiltersActions=y;exports.FiltersProvider=ne;exports.Footer=ie;exports.Loading=X;exports.Navigation=le;exports.PageSize=ce;exports.Rows=pe;exports.SelectInput=R;exports.SortOrder=O;exports.State=L;exports.Table=Se;exports.TableOptionsProvider=ve;exports.TextInput=z;exports.Tooltip=he;exports.TranslationProvider=be;exports.filtersReducer=te;exports.helperTextStateClassName=I;exports.initializer=ee;exports.inputStateClassName=D;exports.labelStateClassName=B;exports.renderFilterComponent=ue;exports.useFilters=T;exports.useTableOptions=P;exports.useTranslation=$;
+var ke=require("./main.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react");function W(t){const{className:n=""}=t;return e.jsx("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",fill:"currentColor",children:e.jsx("path",{d:"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"})})}function q(t){const{className:n=""}=t;return e.jsx("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",fill:"currentColor",children:e.jsx("path",{d:"M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"})})}function V(t){const{className:n=""}=t;return e.jsx("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",fill:"currentColor",children:e.jsx("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})})}function J(t){const{className:n=""}=t;return e.jsx("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",fill:"currentColor",children:e.jsx("path",{d:"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"})})}const G=t=>{const{className:n=""}=t;return e.jsx("svg",{className:n,viewBox:"0 0 16 16",children:e.jsx("path",{d:"M9 15H7a1 1 0 010-2h2a1 1 0 010 2zM11 11H5a1 1 0 010-2h6a1 1 0 010 2zM13 7H3a1 1 0 010-2h10a1 1 0 010 2zM15 3H1a1 1 0 010-2h14a1 1 0 010 2z"})})};function _(t){const{className:n=""}=t;return e.jsx("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"currentColor",children:e.jsx("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"})})}var L=(t=>(t.error="error",t.good="good",t.default="default",t))(L||{});const D=t=>{switch(t){case"error":return"input-error";case"good":return"input-good";default:return"input-normal"}},B=t=>{switch(t){case"error":return"input-label-error";case"good":return"input-label-good";default:return"input-label-normal"}},I=t=>{switch(t){case"error":return"input-helper-text-error";case"good":return"input-helper-text-good";default:return"input-helper-text-normal"}};const R=o.forwardRef(function(t,n){const{value:r,onChange:s,options:a,containerClassName:l="",inputClassName:c="",labelClassName:i="",helperText:u="",helperTextClassName:v="",placeholder:p="",label:m="",name:x="",id:d="",state:h=L.default,children:g,...j}=t;return e.jsxs("div",{className:`select-input-container ${l}`,children:[e.jsx("select",{...j,id:d,ref:n,name:x,value:r,onChange:s,className:`select-input ${D(h)} peer ${c}`,children:a==null?void 0:a.map(C=>e.jsx("option",{value:C.id,children:C.value??C.name??C.id},C.id))}),e.jsx("label",{htmlFor:x,className:`select-input-label ${B(h)} ${i}`,children:m}),g,e.jsx("p",{className:`select-input-helper-text ${I(h)} ${v}`,children:h!=="error"&&h!=="good"?p:u})]})});const z=o.forwardRef(function(t,n){const{children:r,value:s,onChange:a,state:l=L.default,name:c="",id:i="",type:u="text",label:v="",required:p=!1,placeholder:m="",containerClassName:x="",inputClassName:d="",labelClassName:h="",helperText:g="",helperTextClassName:j="",...C}=t;return e.jsxs("div",{className:`text-input-container ${x}`,children:[e.jsx("input",{ref:n,type:u,name:c,id:i,className:`text-input ${D(l)} peer ${d}`,placeholder:"",required:p,value:s,onChange:a,...C}),e.jsxs("label",{htmlFor:c,className:`text-input-label ${B(l)} ${h}`,children:[v,p?" *":""]}),r,e.jsx("p",{className:`text-input-helper-text ${I(l)} ${j}`,children:l!=="error"&&l!=="good"?m:g})]})});const K=o.forwardRef(function(t,n){const{checked:r,onChange:s,state:a=L.default,name:l="",id:c="",type:i="text",label:u="",containerClassName:v="",inputClassName:p="",labelClassName:m="",helperText:x="",helperTextClassName:d="",...h}=t;return e.jsxs("label",{className:`input-check-container ${v}`,children:[e.jsx("input",{id:c,ref:n,name:l,type:"checkbox",checked:r,onChange:s,className:`input-check ${p}`,...h}),e.jsx("span",{className:`input-check-label ${m}`,children:u})]})});const Q=o.forwardRef(function(t,n){const{state:r,value:s,onChange:a,options:l=[],name:c="",id:i="",label:u="",containerClassName:v="",inputContainerClassName:p="",helperText:m="",placeholder:x="",multiple:d=!1,...h}=t,[g,j]=o.useState(""),[C,f]=o.useState(!1),w=l.filter(b=>{const N=String(b.value).toLowerCase().includes(g==null?void 0:g.toLowerCase());return s&&s.length?s!=null&&s.some?!(s!=null&&s.some(A=>A.id===b.id)):(s==null?void 0:s.id)!==b.id:N}),E=o.useRef(null);o.useEffect(()=>{const b=F=>{E.current&&!E.current.contains(F.target)&&f(!1)},N=F=>{F.key==="Escape"&&f(!1)};return document.addEventListener("mousedown",b),document.addEventListener("keydown",N),()=>{document.removeEventListener("mousedown",b),document.removeEventListener("keydown",N)}},[]);const M=b=>{j(b.target.value)},U=o.useCallback(b=>{j(""),b?d?Array.isArray(s)&&s.length?a([...s,b]):a([b]):a(b):a(null),f(!1)},[d,a,s]),xe=o.useCallback(b=>{const N=s.filter((F,A)=>A!==b);N.length?a(N):a(null)},[a,s]);return e.jsxs("div",{className:`autocomplete-input-container ${v}`,ref:E,children:[e.jsx(z,{state:r,name:c,id:i,value:!d&&s?s:g,onChange:M,placeholder:x,helperText:m,onFocus:()=>f(!0),label:u,containerClassName:`autocomplete-text-input ${p}`,ref:n,...h,children:!d&&s&&e.jsx("button",{type:"button",className:"autocomplete-delete-button",onClick:b=>{U(),b.stopPropagation()},children:e.jsx(_,{})})}),C&&e.jsx("ul",{className:"autocomplete-suggestions-container",children:w.map(b=>e.jsx("li",{className:"autocomplete-suggestion-item hover:bg-primary/20",onClick:N=>{U(b),N.stopPropagation()},children:b.value??b.name},b.id??b.value??b.name))}),d&&Array.isArray(s)&&s.length?e.jsx("ul",{className:"autocomplete-value-container",children:s.map((b,N)=>e.jsx("li",{children:e.jsx(me,{label:String(b.value??b.name),onDelete:F=>{xe(N),F.stopPropagation()}})},b.id??b.value??b.name))}):null]})});function X(t){const{color:n="stroke-blue-800",className:r="",loaderClass:s="",strokeWidth:a="4",...l}=t;return e.jsx("div",{...l,className:`loading ${r}`,children:e.jsx("div",{className:"loader-container",children:e.jsx("div",{className:`loader ${s}`,children:e.jsx("svg",{className:"circular",viewBox:"25 25 50 50",children:e.jsx("circle",{className:`path ${n}`,cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:a,strokeMiterlimit:"10"})})})})})}const Y=o.createContext({});function be(t){const{children:n,t:r}=t;return e.jsx(Y.Provider,{value:{t:r},children:n})}const $=()=>{const t=o.useContext(Y);if(t===void 0)throw new Error("translationContext must be used within a Provider");return t};var k=(t=>(t[t.text=0]="text",t[t.number=1]="number",t[t.select=2]="select",t[t.autocomplete=3]="autocomplete",t[t.date=4]="date",t[t.check=5]="check",t))(k||{}),O=(t=>(t.ASC="ASC",t.DESC="DESC",t))(O||{});const ge=[20,50,100],Z=o.createContext({}),ve=t=>{const{children:n}=t,[r,s]=o.useState(0),[a,l]=o.useState(20),[c,i]=o.useState(0),[u,v]=o.useState("id"),[p,m]=o.useState(O.DESC),[x,d]=o.useState({}),h=o.useCallback((C,f)=>{let w=p;if(u===C)switch(p){case O.ASC:w=O.DESC;break;default:w=O.ASC;break}v(C),m(w),f&&f(C,w)},[u,p]),g=o.useCallback(C=>{const f=Object.entries(C).reduce((w,[E,M])=>(M&&typeof M.value<"u"&&(w[E]=M.value),w),{});d(f)},[]),j={onSort:h,total:r,setTotal:s,sortingBy:u,setSortingBy:v,sortingOrder:p,setSortingOrder:m,pageSize:a,pageSizes:ge,setPageSize:l,currentPage:c,setCurrentPage:i,filters:x,onFilterApply:g};return e.jsx(Z.Provider,{value:j,children:n})},P=()=>{const t=o.useContext(Z);if(t===void 0)throw new Error("tableOptionsContext must be used within a Provider");return t};var y=(t=>(t[t.update=0]="update",t[t.reset=1]="reset",t))(y||{});const ee=t=>{if(t){const n={},r=Object.keys(t);return r==null||r.forEach(s=>{n[s]={value:t[s]}}),n}return{}};function te(t,n){const{type:r}=n;switch(r){case y.reset:{const{filters:s}=n,a={};return s==null||s.forEach(({propertyName:l,defaultValue:c})=>{a[l]={value:c}}),{...t,...a}}case y.update:{const{toUpdate:s}=n;return{...t,...s}}default:return t}}const se=o.createContext({}),ne=t=>{const{children:n}=t,{filters:r}=P(),[s,a]=o.useReducer(te,ee(r)),l={currentFilters:s,setCurrentFilters:a};return e.jsx(se.Provider,{value:l,children:n})},T=()=>{const t=o.useContext(se);if(t===void 0)throw new Error("tableOptionsContext must be used within a Provider");return t};function ae(t){const{t:n}=$(),{entity:r="",columns:s=[],hasAction:a=!0,onSortCallback:l}=t,{onSort:c,sortingOrder:i,sortingBy:u}=P(),v=o.useMemo(()=>{var p;return(p=s.sort((m,x)=>(x.pos??0)-(m.pos??0)).filter(m=>m.display!=="none"))==null?void 0:p.map(m=>({id:m.key,label:m.label,className:m.className??"",sortable:m.sortable??!0,sortOptions:m.sortOptions}))},[s,r,n]);return e.jsx("thead",{className:"table-headers-row",children:e.jsxs("tr",{children:[v.map(p=>{var m,x,d,h,g,j,C,f;return e.jsx("th",{scope:"col",className:`table-headers-column ${p.className}`,children:e.jsxs("button",{disabled:!p.sortable,onClick:()=>c(p.id,l),className:"table-headers-cell",children:[e.jsx("span",{className:"table-headers-label",children:p.label}),p.sortable&&e.jsx("span",{className:`${u===p.id?"table-headers-sort-on":"table-headers-sort"}`,children:i===O.ASC?((x=(m=p.sortOptions)==null?void 0:m.icons)==null?void 0:x.asc)??e.jsx(q,{className:((h=(d=p.sortOptions)==null?void 0:d.icons)==null?void 0:h.className)??"table-headers-sort-indicator"}):((j=(g=p.sortOptions)==null?void 0:g.icons)==null?void 0:j.desc)??e.jsx(W,{className:((f=(C=p.sortOptions)==null?void 0:C.icons)==null?void 0:f.className)??"table-headers-sort-indicator"})})]})},p.id)}),a&&e.jsx("th",{scope:"col",className:"table-headers-action",children:n("_accessibility:labels.actions")})]})})}function re(){const{t}=$();return e.jsx("div",{className:"table-empty",children:e.jsx("p",{children:t("_accessibility:components.table.empty")})})}const le=()=>{const{t}=$(),{total:n,pageSize:r,currentPage:s,setCurrentPage:a}=P();return e.jsxs("div",{className:"table-navigation-pages",children:[e.jsx("button",{className:"table-navigation-buttons",disabled:s===0,"aria-label":t("_accessibility:buttons.previous"),name:t("_accessibility:buttons.previous"),onClick:()=>a(s-1),children:e.jsx(J,{className:"w-2.5"})}),e.jsx("button",{disabled:Math.floor(n/((s+1)*r))===0,className:"table-navigation-buttons",name:t("_accessibility:buttons.next"),"aria-label":t("_accessibility:buttons.next"),onClick:()=>a(s+1),children:e.jsx(V,{className:"w-2.5"})})]})},oe=()=>{const{t}=$(),{total:n,pageSize:r,pageSizes:s,currentPage:a}=P(),l=(a+1)*r>n?n:(a+1)*r;return e.jsxs("div",{className:"table-navigation-sizes",children:[s[0]<n&&e.jsx(e.Fragment,{children:e.jsxs("p",{children:[a*r+1," - ",l," ",t("_accessibility:components.table.of")]})}),e.jsx("p",{children:n})]})};function ce(){const{t}=$(),{pageSizes:n,pageSize:r,setPageSize:s}=P(),a=o.useMemo(()=>n==null?void 0:n.map(l=>({id:l,value:l})),[n]);return e.jsxs("div",{className:"page-size",children:[e.jsx("p",{children:t("_accessibility:components.table.pageSizes")}),e.jsx(R,{value:r,options:a,inputClassName:"page-size-input",containerClassName:"page-size-input-container",helperTextClassName:"hidden",onChange:l=>s(Number(l.target.value))})]})}function Ce(){const{t}=$(),{total:n,pageSize:r,currentPage:s,setCurrentPage:a}=P(),l=o.useMemo(()=>{const c=Math.ceil(n/r);return Array.from({length:c},(i,u)=>({id:u,value:u+1}))},[n,r]);return e.jsxs("div",{className:"jump-to-page",children:[e.jsx("p",{children:t("_accessibility:components.table.jumpToPage")}),e.jsx(R,{value:s,options:l,inputClassName:"jump-to-page-input",containerClassName:"jump-to-page-input-container",helperTextClassName:"hidden",onChange:c=>a(Number(c.target.value))})]})}function ie(){return e.jsxs("div",{className:"table-footer",children:[e.jsx(Ce,{}),e.jsx(ce,{}),e.jsx(oe,{}),e.jsx(le,{})]})}function je(t){const{propertyName:n,options:r,label:s}=t,{currentFilters:a,setCurrentFilters:l}=T(),c=o.useMemo(()=>{var u;return((u=a[n])==null?void 0:u.value)??r[0]},[a]),i=o.useCallback(u=>{l({type:y.update,toUpdate:{[n]:{value:u.target.value}}})},[]);return e.jsx(R,{value:c,label:s,options:r,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:i})}const fe=t=>{const{propertyName:n,label:r}=t,{currentFilters:s,setCurrentFilters:a}=T(),l=o.useMemo(()=>{var i;return((i=s[n])==null?void 0:i.value)??""},[s]),c=o.useCallback(i=>{a({type:y.update,toUpdate:{[n]:{value:i.target.value}}})},[]);return e.jsx(z,{value:l??"",label:r,onChange:c,containerClassName:"input-widget-container",helperTextClassName:""})},Ne=t=>{const{propertyName:n,label:r}=t,{currentFilters:s,setCurrentFilters:a}=T(),l=o.useMemo(()=>{var i;return((i=s[n])==null?void 0:i.value)??""},[s]),c=o.useCallback(i=>{a({type:y.update,toUpdate:{[n]:{value:i.target.checked}}})},[]);return e.jsx(K,{label:r,checked:l??!1,onChange:c})};function ye(t){const{propertyName:n,label:r,options:s,multiple:a=!0}=t,{currentFilters:l,setCurrentFilters:c}=T(),i=o.useMemo(()=>l[n]??s[0],[l]),u=o.useCallback(v=>{c({type:y.update,toUpdate:{[n]:{value:v}}})},[a]);return e.jsx(Q,{value:i==null?void 0:i.value,label:r,options:s,multiple:a,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:u})}const H=t=>{const{propertyName:n,label:r,inputType:s}=t,{currentFilters:a,setCurrentFilters:l}=T(),c=o.useRef(null),i=o.useRef(null),u=o.useMemo(()=>{var d,h,g;const x=(h=(d=a[n])==null?void 0:d.value)==null?void 0:h.start;return x?s==="date"?new Date(String(x)).toISOString().slice(0,10):(g=a[n])==null?void 0:g.value:""},[a]),v=o.useMemo(()=>{var d,h,g;const x=(h=(d=a[n])==null?void 0:d.value)==null?void 0:h.end;return x?s==="date"?new Date(String(x)).toISOString().slice(0,10):(g=a[n])==null?void 0:g.value:""},[a]),p=o.useCallback(x=>{var d;l({type:y.update,toUpdate:{[n]:{value:{end:((d=i==null?void 0:i.current)==null?void 0:d.value)??null,start:x.target.value}}}})},[]),m=o.useCallback(x=>{var d;l({type:y.update,toUpdate:{[n]:{value:{start:((d=c==null?void 0:c.current)==null?void 0:d.value)??null,end:x.target.value}}}})},[]);return e.jsxs("div",{className:"flex gap-2 items-center",children:[e.jsx(z,{value:u??"",label:r,type:s,ref:c,onChange:p,containerClassName:"input-widget-container",helperTextClassName:""}),e.jsx(z,{value:v??"",label:r,type:s,ref:i,onChange:m,containerClassName:"input-widget-container",helperTextClassName:""})]})},ue=t=>{switch(t.type){case k.text:return e.jsx(fe,{...t});case k.number:return e.jsx(H,{...t});case k.date:return e.jsx(H,{...t});case k.select:return e.jsx(je,{...t});case k.autocomplete:return e.jsx(ye,{...t});case k.check:return e.jsx(Ne,{...t})}return e.jsx(e.Fragment,{})};const de=t=>{const{align:n="right",filters:r=[],icon:s}=t,[a,l]=o.useState(!1),{onFilterApply:c,filters:i}=P(),{currentFilters:u,setCurrentFilters:v}=T(),{t:p}=$(),m=o.useRef(null),x=o.useRef(null);return o.useEffect(()=>{const d=({target:h})=>{var g,j;x.current&&(!a||(g=x.current)!=null&&g.contains(h)||(j=m==null?void 0:m.current)!=null&&j.contains(h)||l(!1))};return document.addEventListener("click",d),()=>document.removeEventListener("click",d)}),o.useEffect(()=>{const d=h=>{!a||h.code!=="Escape"||l(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)}),e.jsxs("div",{className:"filter-dropdown-main",children:[e.jsxs("button",{ref:m,className:"filter-dropdown-button normal filter-dropdown-trigger","aria-haspopup":"true",onClick:()=>l(!a),"aria-expanded":a,children:[e.jsx("span",{className:"sr-only",children:p("_accessibility:buttons.filters")}),e.jsx("wbr",{}),s??e.jsx(G,{className:"filter-dropdown-trigger-icon"})]}),e.jsx("div",{className:`filter-dropdown-transition ${a?"opened":"closed"} ${n==="right"?"right":"left"}`,children:e.jsxs("div",{ref:x,children:[e.jsx("div",{className:"filter-title",children:p("_accessibility:buttons.filters")}),e.jsx("ul",{className:"filter-container",children:r.map(d=>e.jsx("li",{className:"filter-container-item",children:ue(d)},d.propertyName))}),e.jsx("div",{className:"filter-footer",children:e.jsxs("ul",{className:"filter-buttons-row",children:[e.jsx("li",{children:e.jsx("button",{onClick:()=>v({type:y.reset,filters:r}),className:"filter-dropdown-button small filter-dropdown-cancel",children:p("_accessibility:buttons.clear")})}),e.jsx("li",{children:e.jsx("button",{className:"filter-dropdown-button small filter-dropdown-submit bg-primary hover:bg-light-primary",onClick:()=>{l(!1),c(u)},onBlur:()=>l(!1),children:p("_accessibility:buttons.applyFilters")})})]})})]})})]})},we=t=>t,pe=t=>{const{columns:n,softDeleteProperty:r="deleted",data:s,actions:a}=t,l=o.useMemo(()=>n.sort((c,i)=>(i.pos??0)-(c.pos??0)).filter(c=>c.display!=="none"),[n]);return s==null?void 0:s.map(c=>{var i;return e.jsxs("tr",{className:`table-row ${c[r]?"deleted-class":""}`,children:[l==null?void 0:l.map((u,v)=>e.jsx("td",{className:`table-row-cell ${v===0?"basic":""} ${u.className??""}`,children:u.renderBody?u.renderBody(c[u.key],c):we(c[u.key])},u.key)),a?e.jsx("td",{children:e.jsx("div",{className:"table-row-cell-action",children:(i=a(c).filter(u=>!u.hidden))==null?void 0:i.map(u=>e.jsx(he,{content:u.tooltip,children:e.jsx("button",{onClick:()=>u.onClick(c),children:u.icon})},u.id))})}):null]},c.id)})};function Se(t){const{title:n="",data:r,onSort:s,entity:a="",isLoading:l=!1,actions:c,columns:i=[],contentClassName:u="",className:v="",toolbar:p=e.jsx(e.Fragment,{}),softDeleteProperty:m="deleted"}=t,x=o.useMemo(()=>i?i.sort((h,g)=>(g.pos??0)-(h.pos??0)).filter(h=>!!h.filterOptions).map(h=>{var g;return{...h.filterOptions,label:((g=h.filterOptions)==null?void 0:g.label)??h.label,propertyName:h.key}}):[],[i]),d=o.useMemo(()=>!(r!=null&&r.length),[r]);return e.jsx(ne,{children:e.jsxs("div",{className:`${v} table-main`,children:[e.jsxs("div",{className:"table-header",children:[e.jsx("h1",{className:"table-header-title",children:n}),l?null:e.jsxs("div",{className:"table-header-right",children:[p,!!x&&!!x.length&&e.jsx(de,{filters:x})]})]}),l?e.jsx(X,{className:"table-loading"}):e.jsx(e.Fragment,{children:d?e.jsx(re,{}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:`${u} table-body`,children:e.jsxs("table",{className:"table-content",children:[e.jsx(ae,{entity:a,columns:i,onSortCallback:s,hasAction:!!c}),e.jsx("tbody",{children:e.jsx(pe,{data:r,actions:c,columns:i,softDeleteProperty:m})})]})}),e.jsx(ie,{})]})})]})})}function he(t){const{content:n,children:r}=t;return e.jsxs("div",{className:"tooltip-container",children:[r,e.jsx("div",{className:"tooltip-text",children:n})]})}var S=(t=>(t.empty="empty",t.outlined="outlined",t.default="default",t))(S||{});function me(t){const{label:n,onDelete:r,className:s="",spanClassName:a="",variant:l=S.default}=t,c=o.useMemo(()=>{switch(l){case S.empty:return"text-primary bg-transparent";case S.outlined:return"border border-primary";case S.default:default:return"text-white bg-primary"}},[l]),i=o.useMemo(()=>{switch(l){case S.empty:case S.outlined:return"chip-delete-button-svg";case S.default:default:return"filled-chip-delete-button-svg"}},[l]);return e.jsxs("div",{className:`chip-main ${c} ${s}`,children:[e.jsx("span",{className:a,children:n}),r?e.jsx("button",{type:"button",className:"chip-delete-button",onClick:r,children:e.jsx(_,{className:i})}):null]})}exports.AutocompleteInput=Q;exports.CheckInput=K;exports.ChevronDown=W;exports.ChevronLeft=J;exports.ChevronRight=V;exports.ChevronUp=q;exports.Chip=me;exports.ChipVariant=S;exports.Close=_;exports.Columns=ae;exports.CountOfTotal=oe;exports.Empty=re;exports.FilterPopup=de;exports.FilterTypes=k;exports.Filters=G;exports.FiltersActions=y;exports.FiltersProvider=ne;exports.Footer=ie;exports.Loading=X;exports.Navigation=le;exports.PageSize=ce;exports.Rows=pe;exports.SelectInput=R;exports.SortOrder=O;exports.State=L;exports.Table=Se;exports.TableOptionsProvider=ve;exports.TextInput=z;exports.Tooltip=he;exports.TranslationProvider=be;exports.filtersReducer=te;exports.helperTextStateClassName=I;exports.initializer=ee;exports.inputStateClassName=D;exports.labelStateClassName=B;exports.renderFilterComponent=ue;exports.useFilters=T;exports.useTableOptions=P;exports.useTranslation=$;

package/dist/dashboard.js

@@ -1,12 +1,12 @@
 import "./main.css";
-import { jsx as t, jsxs as g, Fragment as D } from "react/jsx-runtime";
-import { forwardRef as I, useState as P, useRef as M, useEffect as H, useCallback as S, createContext as W, useContext as V, useReducer as se, useMemo as y } from "react";
-function ae(e) {
-  const { className: s = "" } = e;
+import { jsx as t, jsxs as v, Fragment as D } from "react/jsx-runtime";
+import { forwardRef as I, useState as P, useRef as M, useEffect as H, useCallback as S, createContext as W, useContext as V, useReducer as ae, useMemo as y } from "react";
+function se(e) {
+  const { className: a = "" } = e;
   return /* @__PURE__ */ t(
     "svg",
     {
-      className: s,
+      className: a,
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 512 512",
       fill: "currentColor",
@@ -15,11 +15,11 @@ function ae(e) {
   );
 }
 function re(e) {
-  const { className: s = "" } = e;
+  const { className: a = "" } = e;
   return /* @__PURE__ */ t(
     "svg",
     {
-      className: s,
+      className: a,
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 512 512",
       fill: "currentColor",
@@ -28,11 +28,11 @@ function re(e) {
   );
 }
 function le(e) {
-  const { className: s = "" } = e;
+  const { className: a = "" } = e;
   return /* @__PURE__ */ t(
     "svg",
     {
-      className: s,
+      className: a,
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 320 512",
       fill: "currentColor",
@@ -41,11 +41,11 @@ function le(e) {
   );
 }
 function oe(e) {
-  const { className: s = "" } = e;
+  const { className: a = "" } = e;
   return /* @__PURE__ */ t(
     "svg",
     {
-      className: s,
+      className: a,
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 320 512",
       fill: "currentColor",
@@ -54,15 +54,15 @@ function oe(e) {
   );
 }
 const ce = (e) => {
-  const { className: s = "" } = e;
-  return /* @__PURE__ */ t("svg", { className: s, viewBox: "0 0 16 16", children: /* @__PURE__ */ t("path", { d: "M9 15H7a1 1 0 010-2h2a1 1 0 010 2zM11 11H5a1 1 0 010-2h6a1 1 0 010 2zM13 7H3a1 1 0 010-2h10a1 1 0 010 2zM15 3H1a1 1 0 010-2h14a1 1 0 010 2z" }) });
+  const { className: a = "" } = e;
+  return /* @__PURE__ */ t("svg", { className: a, viewBox: "0 0 16 16", children: /* @__PURE__ */ t("path", { d: "M9 15H7a1 1 0 010-2h2a1 1 0 010 2zM11 11H5a1 1 0 010-2h6a1 1 0 010 2zM13 7H3a1 1 0 010-2h10a1 1 0 010 2zM15 3H1a1 1 0 010-2h14a1 1 0 010 2z" }) });
 };
 function K(e) {
-  const { className: s = "" } = e;
+  const { className: a = "" } = e;
   return /* @__PURE__ */ t(
     "svg",
     {
-      className: s,
+      className: a,
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 384 512",
       fill: "currentColor",
@@ -99,11 +99,11 @@ const Q = (e) => {
       return "input-helper-text-normal";
   }
 };
-const q = I(function(e, s) {
+const q = I(function(e, a) {
   const {
     value: r,
     onChange: n,
-    options: a,
+    options: s,
     containerClassName: l = "",
     inputClassName: o = "",
     labelClassName: c = "",
@@ -114,21 +114,21 @@ const q = I(function(e, s) {
     name: m = "",
     id: d = "",
     state: p = U.default,
-    children: b,
+    children: g,
     ...C
   } = e;
-  return /* @__PURE__ */ g("div", { className: `select-input-container ${l}`, children: [
+  return /* @__PURE__ */ v("div", { className: `select-input-container ${l}`, children: [
     /* @__PURE__ */ t(
       "select",
       {
         ...C,
         id: d,
-        ref: s,
+        ref: a,
         name: m,
         value: r,
         onChange: n,
         className: `select-input ${Q(p)} peer ${o}`,
-        children: a == null ? void 0 : a.map((f) => /* @__PURE__ */ t("option", { value: f.id, children: f.value ?? f.name ?? f.id }, f.id))
+        children: s == null ? void 0 : s.map((f) => /* @__PURE__ */ t("option", { value: f.id, children: f.value ?? f.name ?? f.id }, f.id))
       }
     ),
     /* @__PURE__ */ t(
@@ -139,7 +139,7 @@ const q = I(function(e, s) {
         children: h
       }
     ),
-    b,
+    g,
     /* @__PURE__ */ t(
       "p",
       {
@@ -149,11 +149,11 @@ const q = I(function(e, s) {
     )
   ] });
 });
-const j = I(function(e, s) {
+const j = I(function(e, a) {
   const {
     children: r,
     value: n,
-    onChange: a,
+    onChange: s,
     state: l = U.default,
     name: o = "",
     id: c = "",
@@ -164,15 +164,15 @@ const j = I(function(e, s) {
     containerClassName: m = "",
     inputClassName: d = "",
     labelClassName: p = "",
-    helperText: b = "",
+    helperText: g = "",
     helperTextClassName: C = "",
     ...f
   } = e;
-  return /* @__PURE__ */ g("div", { className: `text-input-container ${m}`, children: [
+  return /* @__PURE__ */ v("div", { className: `text-input-container ${m}`, children: [
     /* @__PURE__ */ t(
       "input",
       {
-        ref: s,
+        ref: a,
         type: i,
         name: o,
         id: c,
@@ -180,11 +180,11 @@ const j = I(function(e, s) {
         placeholder: "",
         required: u,
         value: n,
-        onChange: a,
+        onChange: s,
         ...f
       }
     ),
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ v(
       "label",
       {
         htmlFor: o,
@@ -200,16 +200,16 @@ const j = I(function(e, s) {
       "p",
       {
         className: `text-input-helper-text ${Y(l)} ${C}`,
-        children: l !== "error" && l !== "good" ? h : b
+        children: l !== "error" && l !== "good" ? h : g
       }
     )
   ] });
 });
-const ie = I(function(e, s) {
+const ie = I(function(e, a) {
   const {
     checked: r,
     onChange: n,
-    state: a = U.default,
+    state: s = U.default,
     name: l = "",
     id: o = "",
     type: c = "text",
@@ -221,12 +221,12 @@ const ie = I(function(e, s) {
     helperTextClassName: d = "",
     ...p
   } = e;
-  return /* @__PURE__ */ g("label", { className: `input-check-container ${N}`, children: [
+  return /* @__PURE__ */ v("label", { className: `input-check-container ${N}`, children: [
     /* @__PURE__ */ t(
       "input",
       {
         id: o,
-        ref: s,
+        ref: a,
         name: l,
         type: "checkbox",
         checked: r,
@@ -238,11 +238,11 @@ const ie = I(function(e, s) {
     /* @__PURE__ */ t("span", { className: `input-check-label ${h}`, children: i })
   ] });
 });
-const de = I(function(e, s) {
+const de = I(function(e, a) {
   const {
     state: r,
     value: n,
-    onChange: a,
+    onChange: s,
     options: l = [],
     name: o = "",
     id: c = "",
@@ -253,35 +253,35 @@ const de = I(function(e, s) {
     placeholder: m = "",
     multiple: d = !1,
     ...p
-  } = e, [b, C] = P(""), [f, w] = P(!1), $ = l.filter((v) => {
-    const x = String(v.value).toLowerCase().includes(b == null ? void 0 : b.toLowerCase());
-    return n && n.length ? n != null && n.some ? !(n != null && n.some((R) => R.id === v.id)) : (n == null ? void 0 : n.id) !== v.id : x;
+  } = e, [g, C] = P(""), [f, w] = P(!1), $ = l.filter((b) => {
+    const x = String(b.value).toLowerCase().includes(g == null ? void 0 : g.toLowerCase());
+    return n && n.length ? n != null && n.some ? !(n != null && n.some((R) => R.id === b.id)) : (n == null ? void 0 : n.id) !== b.id : x;
   }), A = M(null);
   H(() => {
-    const v = (z) => {
+    const b = (z) => {
       A.current && !A.current.contains(z.target) && w(!1);
     }, x = (z) => {
       z.key === "Escape" && w(!1);
     };
-    return document.addEventListener("mousedown", v), document.addEventListener("keydown", x), () => {
-      document.removeEventListener("mousedown", v), document.removeEventListener("keydown", x);
+    return document.addEventListener("mousedown", b), document.addEventListener("keydown", x), () => {
+      document.removeEventListener("mousedown", b), document.removeEventListener("keydown", x);
     };
   }, []);
-  const B = (v) => {
-    C(v.target.value);
+  const B = (b) => {
+    C(b.target.value);
   }, J = S(
-    (v) => {
-      C(""), v ? d ? Array.isArray(n) && n.length ? a([...n, v]) : a([v]) : a(v) : a(null), w(!1);
+    (b) => {
+      C(""), b ? d ? Array.isArray(n) && n.length ? s([...n, b]) : s([b]) : s(b) : s(null), w(!1);
     },
-    [d, a, n]
+    [d, s, n]
   ), ne = S(
-    (v) => {
-      const x = n.filter((z, R) => R !== v);
-      x.length ? a(x) : a(null);
+    (b) => {
+      const x = n.filter((z, R) => R !== b);
+      x.length ? s(x) : s(null);
     },
-    [a, n]
+    [s, n]
   );
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ v(
     "div",
     {
       className: `autocomplete-input-container ${N}`,
@@ -293,77 +293,77 @@ const de = I(function(e, s) {
             state: r,
             name: o,
             id: c,
-            value: !d && n ? n : b,
+            value: !d && n ? n : g,
             onChange: B,
             placeholder: m,
             helperText: h,
             onFocus: () => w(!0),
             label: i,
             containerClassName: `autocomplete-text-input ${u}`,
-            ref: s,
+            ref: a,
             ...p,
             children: !d && n && /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
                 className: "autocomplete-delete-button",
-                onClick: (v) => {
-                  J(), v.stopPropagation();
+                onClick: (b) => {
+                  J(), b.stopPropagation();
                 },
                 children: /* @__PURE__ */ t(K, {})
               }
             )
           }
         ),
-        f && /* @__PURE__ */ t("ul", { className: "autocomplete-suggestions-container", children: $.map((v) => /* @__PURE__ */ t(
+        f && /* @__PURE__ */ t("ul", { className: "autocomplete-suggestions-container", children: $.map((b) => /* @__PURE__ */ t(
           "li",
           {
             className: "autocomplete-suggestion-item hover:bg-primary/20",
             onClick: (x) => {
-              J(v), x.stopPropagation();
+              J(b), x.stopPropagation();
             },
-            children: v.value
+            children: b.value ?? b.name
           },
-          v.id
+          b.id ?? b.value ?? b.name
         )) }),
-        d && Array.isArray(n) && n.length ? /* @__PURE__ */ t("ul", { className: "autocomplete-value-container", children: n.map((v, x) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+        d && Array.isArray(n) && n.length ? /* @__PURE__ */ t("ul", { className: "autocomplete-value-container", children: n.map((b, x) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
           Te,
           {
-            label: String(v.value),
+            label: String(b.value ?? b.name),
             onDelete: (z) => {
               ne(x), z.stopPropagation();
             }
           }
-        ) }, v.value)) }) : null
+        ) }, b.id ?? b.value ?? b.name)) }) : null
       ]
     }
   );
 });
 function ue(e) {
   const {
-    color: s = "stroke-blue-800",
+    color: a = "stroke-blue-800",
     className: r = "",
     loaderClass: n = "",
-    strokeWidth: a = "4",
+    strokeWidth: s = "4",
     ...l
   } = e;
   return /* @__PURE__ */ t("div", { ...l, className: `loading ${r}`, children: /* @__PURE__ */ t("div", { className: "loader-container", children: /* @__PURE__ */ t("div", { className: `loader ${n}`, children: /* @__PURE__ */ t("svg", { className: "circular", viewBox: "25 25 50 50", children: /* @__PURE__ */ t(
     "circle",
     {
-      className: `path ${s}`,
+      className: `path ${a}`,
       cx: "50",
       cy: "50",
       r: "20",
       fill: "none",
-      strokeWidth: a,
+      strokeWidth: s,
       strokeMiterlimit: "10"
     }
   ) }) }) }) });
 }
 const Z = W({});
 function Be(e) {
-  const { children: s, t: r } = e;
-  return /* @__PURE__ */ t(Z.Provider, { value: { t: r }, children: s });
+  const { children: a, t: r } = e;
+  return /* @__PURE__ */ t(Z.Provider, { value: { t: r }, children: a });
 }
 const L = () => {
   const e = V(Z);
@@ -373,7 +373,7 @@ const L = () => {
 };
 var E = /* @__PURE__ */ ((e) => (e[e.text = 0] = "text", e[e.number = 1] = "number", e[e.select = 2] = "select", e[e.autocomplete = 3] = "autocomplete", e[e.date = 4] = "date", e[e.check = 5] = "check", e))(E || {}), F = /* @__PURE__ */ ((e) => (e.ASC = "ASC", e.DESC = "DESC", e))(F || {});
 const pe = [20, 50, 100], ee = W({}), De = (e) => {
-  const { children: s } = e, [r, n] = P(0), [a, l] = P(20), [o, c] = P(0), [i, N] = P("id"), [u, h] = P(F.DESC), [m, d] = P({}), p = S(
+  const { children: a } = e, [r, n] = P(0), [s, l] = P(20), [o, c] = P(0), [i, N] = P("id"), [u, h] = P(F.DESC), [m, d] = P({}), p = S(
     (f, w) => {
       let $ = u;
       if (i === f)
@@ -388,7 +388,7 @@ const pe = [20, 50, 100], ee = W({}), De = (e) => {
       N(f), h($), w && w(f, $);
     },
     [i, u]
-  ), b = S((f) => {
+  ), g = S((f) => {
     const w = Object.entries(f).reduce(
       ($, [A, B]) => (B && typeof B.value < "u" && ($[A] = B.value), $),
       {}
@@ -402,15 +402,15 @@ const pe = [20, 50, 100], ee = W({}), De = (e) => {
     setSortingBy: N,
     sortingOrder: u,
     setSortingOrder: h,
-    pageSize: a,
+    pageSize: s,
     pageSizes: pe,
     setPageSize: l,
     currentPage: o,
     setCurrentPage: c,
     filters: m,
-    onFilterApply: b
+    onFilterApply: g
   };
-  return /* @__PURE__ */ t(ee.Provider, { value: C, children: s });
+  return /* @__PURE__ */ t(ee.Provider, { value: C, children: a });
 }, T = () => {
   const e = V(ee);
   if (e === void 0)
@@ -420,24 +420,24 @@ const pe = [20, 50, 100], ee = W({}), De = (e) => {
 var k = /* @__PURE__ */ ((e) => (e[e.update = 0] = "update", e[e.reset = 1] = "reset", e))(k || {});
 const he = (e) => {
   if (e) {
-    const s = {}, r = Object.keys(e);
+    const a = {}, r = Object.keys(e);
     return r == null || r.forEach((n) => {
-      s[n] = { value: e[n] };
-    }), s;
+      a[n] = { value: e[n] };
+    }), a;
   }
   return {};
 };
-function me(e, s) {
-  const { type: r } = s;
+function me(e, a) {
+  const { type: r } = a;
   switch (r) {
     case k.reset: {
-      const { filters: n } = s, a = {};
+      const { filters: n } = a, s = {};
       return n == null || n.forEach(({ propertyName: l, defaultValue: o }) => {
-        a[l] = { value: o };
-      }), { ...e, ...a };
+        s[l] = { value: o };
+      }), { ...e, ...s };
     }
     case k.update: {
-      const { toUpdate: n } = s;
+      const { toUpdate: n } = a;
       return { ...e, ...n };
     }
     default:
@@ -445,14 +445,14 @@ function me(e, s) {
   }
 }
 const te = W({}), be = (e) => {
-  const { children: s } = e, { filters: r } = T(), [n, a] = se(
+  const { children: a } = e, { filters: r } = T(), [n, s] = ae(
     me,
     he(r)
   ), l = {
     currentFilters: n,
-    setCurrentFilters: a
+    setCurrentFilters: s
   };
-  return /* @__PURE__ */ t(te.Provider, { value: l, children: s });
+  return /* @__PURE__ */ t(te.Provider, { value: l, children: a });
 }, _ = () => {
   const e = V(te);
   if (e === void 0)
@@ -460,7 +460,7 @@ const te = W({}), be = (e) => {
   return e;
 };
 function ge(e) {
-  const { t: s } = L(), { entity: r = "", columns: n = [], hasAction: a = !0, onSortCallback: l } = e, { onSort: o, sortingOrder: c, sortingBy: i } = T(), N = y(() => {
+  const { t: a } = L(), { entity: r = "", columns: n = [], hasAction: s = !0, onSortCallback: l } = e, { onSort: o, sortingOrder: c, sortingBy: i } = T(), N = y(() => {
     var u;
     return (u = n.sort((h, m) => (m.pos ?? 0) - (h.pos ?? 0)).filter((h) => h.display !== "none")) == null ? void 0 : u.map((h) => ({
       id: h.key,
@@ -469,16 +469,16 @@ function ge(e) {
       sortable: h.sortable ?? !0,
       sortOptions: h.sortOptions
     }));
-  }, [n, r, s]);
-  return /* @__PURE__ */ t("thead", { className: "table-headers-row", children: /* @__PURE__ */ g("tr", { children: [
+  }, [n, r, a]);
+  return /* @__PURE__ */ t("thead", { className: "table-headers-row", children: /* @__PURE__ */ v("tr", { children: [
     N.map((u) => {
-      var h, m, d, p, b, C, f, w;
+      var h, m, d, p, g, C, f, w;
       return /* @__PURE__ */ t(
         "th",
         {
           scope: "col",
           className: `table-headers-column ${u.className}`,
-          children: /* @__PURE__ */ g(
+          children: /* @__PURE__ */ v(
             "button",
             {
               disabled: !u.sortable,
@@ -495,8 +495,8 @@ function ge(e) {
                       {
                         className: ((p = (d = u.sortOptions) == null ? void 0 : d.icons) == null ? void 0 : p.className) ?? "table-headers-sort-indicator"
                       }
-                    ) : ((C = (b = u.sortOptions) == null ? void 0 : b.icons) == null ? void 0 : C.desc) ?? /* @__PURE__ */ t(
-                      ae,
+                    ) : ((C = (g = u.sortOptions) == null ? void 0 : g.icons) == null ? void 0 : C.desc) ?? /* @__PURE__ */ t(
+                      se,
                       {
                         className: ((w = (f = u.sortOptions) == null ? void 0 : f.icons) == null ? void 0 : w.className) ?? "table-headers-sort-indicator"
                       }
@@ -510,7 +510,7 @@ function ge(e) {
         u.id
       );
     }),
-    a && /* @__PURE__ */ t("th", { scope: "col", className: "table-headers-action", children: s("_accessibility:labels.actions") })
+    s && /* @__PURE__ */ t("th", { scope: "col", className: "table-headers-action", children: a("_accessibility:labels.actions") })
   ] }) });
 }
 function ve() {
@@ -518,8 +518,8 @@ function ve() {
   return /* @__PURE__ */ t("div", { className: "table-empty", children: /* @__PURE__ */ t("p", { children: e("_accessibility:components.table.empty") }) });
 }
 const Ne = () => {
-  const { t: e } = L(), { total: s, pageSize: r, currentPage: n, setCurrentPage: a } = T();
-  return /* @__PURE__ */ g("div", { className: "table-navigation-pages", children: [
+  const { t: e } = L(), { total: a, pageSize: r, currentPage: n, setCurrentPage: s } = T();
+  return /* @__PURE__ */ v("div", { className: "table-navigation-pages", children: [
     /* @__PURE__ */ t(
       "button",
       {
@@ -527,47 +527,47 @@ const Ne = () => {
         disabled: n === 0,
         "aria-label": e("_accessibility:buttons.previous"),
         name: e("_accessibility:buttons.previous"),
-        onClick: () => a(n - 1),
+        onClick: () => s(n - 1),
         children: /* @__PURE__ */ t(oe, { className: "w-2.5" })
       }
     ),
     /* @__PURE__ */ t(
       "button",
       {
-        disabled: Math.floor(s / ((n + 1) * r)) === 0,
+        disabled: Math.floor(a / ((n + 1) * r)) === 0,
         className: "table-navigation-buttons",
         name: e("_accessibility:buttons.next"),
         "aria-label": e("_accessibility:buttons.next"),
-        onClick: () => a(n + 1),
+        onClick: () => s(n + 1),
         children: /* @__PURE__ */ t(le, { className: "w-2.5" })
       }
     )
   ] });
 }, fe = () => {
-  const { t: e } = L(), { total: s, pageSize: r, pageSizes: n, currentPage: a } = T(), l = (a + 1) * r > s ? s : (a + 1) * r;
-  return /* @__PURE__ */ g("div", { className: "table-navigation-sizes", children: [
-    n[0] < s && /* @__PURE__ */ t(D, { children: /* @__PURE__ */ g("p", { children: [
-      a * r + 1,
+  const { t: e } = L(), { total: a, pageSize: r, pageSizes: n, currentPage: s } = T(), l = (s + 1) * r > a ? a : (s + 1) * r;
+  return /* @__PURE__ */ v("div", { className: "table-navigation-sizes", children: [
+    n[0] < a && /* @__PURE__ */ t(D, { children: /* @__PURE__ */ v("p", { children: [
+      s * r + 1,
       " - ",
       l,
       " ",
       e("_accessibility:components.table.of")
     ] }) }),
-    /* @__PURE__ */ t("p", { children: s })
+    /* @__PURE__ */ t("p", { children: a })
   ] });
 };
 function Ce() {
-  const { t: e } = L(), { pageSizes: s, pageSize: r, setPageSize: n } = T(), a = y(
-    () => s == null ? void 0 : s.map((l) => ({ id: l, value: l })),
-    [s]
+  const { t: e } = L(), { pageSizes: a, pageSize: r, setPageSize: n } = T(), s = y(
+    () => a == null ? void 0 : a.map((l) => ({ id: l, value: l })),
+    [a]
   );
-  return /* @__PURE__ */ g("div", { className: "page-size", children: [
+  return /* @__PURE__ */ v("div", { className: "page-size", children: [
     /* @__PURE__ */ t("p", { children: e("_accessibility:components.table.pageSizes") }),
     /* @__PURE__ */ t(
       q,
       {
         value: r,
-        options: a,
+        options: s,
         inputClassName: "page-size-input",
         containerClassName: "page-size-input-container",
         helperTextClassName: "hidden",
@@ -577,14 +577,14 @@ function Ce() {
   ] });
 }
 function ye() {
-  const { t: e } = L(), { total: s, pageSize: r, currentPage: n, setCurrentPage: a } = T(), l = y(() => {
-    const o = Math.ceil(s / r);
+  const { t: e } = L(), { total: a, pageSize: r, currentPage: n, setCurrentPage: s } = T(), l = y(() => {
+    const o = Math.ceil(a / r);
     return Array.from({ length: o }, (c, i) => ({
       id: i,
       value: i + 1
     }));
-  }, [s, r]);
-  return /* @__PURE__ */ g("div", { className: "jump-to-page", children: [
+  }, [a, r]);
+  return /* @__PURE__ */ v("div", { className: "jump-to-page", children: [
     /* @__PURE__ */ t("p", { children: e("_accessibility:components.table.jumpToPage") }),
     /* @__PURE__ */ t(
       q,
@@ -594,13 +594,13 @@ function ye() {
         inputClassName: "jump-to-page-input",
         containerClassName: "jump-to-page-input-container",
         helperTextClassName: "hidden",
-        onChange: (o) => a(Number(o.target.value))
+        onChange: (o) => s(Number(o.target.value))
       }
     )
   ] });
 }
 function we() {
-  return /* @__PURE__ */ g("div", { className: "table-footer", children: [
+  return /* @__PURE__ */ v("div", { className: "table-footer", children: [
     /* @__PURE__ */ t(ye, {}),
     /* @__PURE__ */ t(Ce, {}),
     /* @__PURE__ */ t(fe, {}),
@@ -608,13 +608,13 @@ function we() {
   ] });
 }
 function xe(e) {
-  const { propertyName: s, options: r, label: n } = e, { currentFilters: a, setCurrentFilters: l } = _(), o = y(() => {
+  const { propertyName: a, options: r, label: n } = e, { currentFilters: s, setCurrentFilters: l } = _(), o = y(() => {
     var i;
-    return ((i = a[s]) == null ? void 0 : i.value) ?? r[0];
-  }, [a]), c = S((i) => {
+    return ((i = s[a]) == null ? void 0 : i.value) ?? r[0];
+  }, [s]), c = S((i) => {
     l({
       type: k.update,
-      toUpdate: { [s]: { value: i.target.value } }
+      toUpdate: { [a]: { value: i.target.value } }
     });
   }, []);
   return /* @__PURE__ */ t(
@@ -630,13 +630,13 @@ function xe(e) {
   );
 }
 const Se = (e) => {
-  const { propertyName: s, label: r } = e, { currentFilters: n, setCurrentFilters: a } = _(), l = y(() => {
+  const { propertyName: a, label: r } = e, { currentFilters: n, setCurrentFilters: s } = _(), l = y(() => {
     var c;
-    return ((c = n[s]) == null ? void 0 : c.value) ?? "";
+    return ((c = n[a]) == null ? void 0 : c.value) ?? "";
   }, [n]), o = S((c) => {
-    a({
+    s({
       type: k.update,
-      toUpdate: { [s]: { value: c.target.value } }
+      toUpdate: { [a]: { value: c.target.value } }
     });
   }, []);
   return /* @__PURE__ */ t(
@@ -650,30 +650,30 @@ const Se = (e) => {
     }
   );
 }, ke = (e) => {
-  const { propertyName: s, label: r } = e, { currentFilters: n, setCurrentFilters: a } = _(), l = y(() => {
+  const { propertyName: a, label: r } = e, { currentFilters: n, setCurrentFilters: s } = _(), l = y(() => {
     var c;
-    return ((c = n[s]) == null ? void 0 : c.value) ?? "";
+    return ((c = n[a]) == null ? void 0 : c.value) ?? "";
   }, [n]), o = S((c) => {
-    a({
+    s({
       type: k.update,
-      toUpdate: { [s]: { value: c.target.checked } }
+      toUpdate: { [a]: { value: c.target.checked } }
     });
   }, []);
   return /* @__PURE__ */ t(ie, { label: r, checked: l ?? !1, onChange: o });
 };
 function $e(e) {
-  const { propertyName: s, label: r, options: n, multiple: a = !0 } = e, { currentFilters: l, setCurrentFilters: o } = _(), c = y(() => l[s] ?? n[0], [l]), i = S(
+  const { propertyName: a, label: r, options: n, multiple: s = !0 } = e, { currentFilters: l, setCurrentFilters: o } = _(), c = y(() => l[a] ?? n[0], [l]), i = S(
     (N) => {
       o({
         type: k.update,
         toUpdate: {
-          [s]: {
+          [a]: {
             value: N
           }
         }
       });
     },
-    [a]
+    [s]
   );
   return /* @__PURE__ */ t(
     de,
@@ -681,7 +681,7 @@ function $e(e) {
       value: c == null ? void 0 : c.value,
       label: r,
       options: n,
-      multiple: a,
+      multiple: s,
       helperTextClassName: "hidden",
       containerClassName: "options-widget-container",
       onChange: i
@@ -689,20 +689,20 @@ function $e(e) {
   );
 }
 const G = (e) => {
-  const { propertyName: s, label: r, inputType: n } = e, { currentFilters: a, setCurrentFilters: l } = _(), o = M(null), c = M(null), i = y(() => {
-    var d, p, b;
-    const m = (p = (d = a[s]) == null ? void 0 : d.value) == null ? void 0 : p.start;
-    return m ? n === "date" ? new Date(String(m)).toISOString().slice(0, 10) : (b = a[s]) == null ? void 0 : b.value : "";
-  }, [a]), N = y(() => {
-    var d, p, b;
-    const m = (p = (d = a[s]) == null ? void 0 : d.value) == null ? void 0 : p.end;
-    return m ? n === "date" ? new Date(String(m)).toISOString().slice(0, 10) : (b = a[s]) == null ? void 0 : b.value : "";
-  }, [a]), u = S((m) => {
+  const { propertyName: a, label: r, inputType: n } = e, { currentFilters: s, setCurrentFilters: l } = _(), o = M(null), c = M(null), i = y(() => {
+    var d, p, g;
+    const m = (p = (d = s[a]) == null ? void 0 : d.value) == null ? void 0 : p.start;
+    return m ? n === "date" ? new Date(String(m)).toISOString().slice(0, 10) : (g = s[a]) == null ? void 0 : g.value : "";
+  }, [s]), N = y(() => {
+    var d, p, g;
+    const m = (p = (d = s[a]) == null ? void 0 : d.value) == null ? void 0 : p.end;
+    return m ? n === "date" ? new Date(String(m)).toISOString().slice(0, 10) : (g = s[a]) == null ? void 0 : g.value : "";
+  }, [s]), u = S((m) => {
     var d;
     l({
       type: k.update,
       toUpdate: {
-        [s]: {
+        [a]: {
           value: { end: ((d = c == null ? void 0 : c.current) == null ? void 0 : d.value) ?? null, start: m.target.value }
         }
       }
@@ -712,7 +712,7 @@ const G = (e) => {
     l({
       type: k.update,
       toUpdate: {
-        [s]: {
+        [a]: {
           value: {
             start: ((d = o == null ? void 0 : o.current) == null ? void 0 : d.value) ?? null,
             end: m.target.value
@@ -721,7 +721,7 @@ const G = (e) => {
       }
     });
   }, []);
-  return /* @__PURE__ */ g("div", { className: "flex gap-2 items-center", children: [
+  return /* @__PURE__ */ v("div", { className: "flex gap-2 items-center", children: [
     /* @__PURE__ */ t(
       j,
       {
@@ -765,27 +765,27 @@ const G = (e) => {
   return /* @__PURE__ */ t(D, {});
 };
 const Oe = (e) => {
-  const { align: s = "right", filters: r = [], icon: n } = e, [a, l] = P(!1), { onFilterApply: o, filters: c } = T(), { currentFilters: i, setCurrentFilters: N } = _(), { t: u } = L(), h = M(null), m = M(null);
+  const { align: a = "right", filters: r = [], icon: n } = e, [s, l] = P(!1), { onFilterApply: o, filters: c } = T(), { currentFilters: i, setCurrentFilters: N } = _(), { t: u } = L(), h = M(null), m = M(null);
   return H(() => {
     const d = ({ target: p }) => {
-      var b, C;
-      m.current && (!a || (b = m.current) != null && b.contains(p) || (C = h == null ? void 0 : h.current) != null && C.contains(p) || l(!1));
+      var g, C;
+      m.current && (!s || (g = m.current) != null && g.contains(p) || (C = h == null ? void 0 : h.current) != null && C.contains(p) || l(!1));
     };
     return document.addEventListener("click", d), () => document.removeEventListener("click", d);
   }), H(() => {
     const d = (p) => {
-      !a || p.code !== "Escape" || l(!1);
+      !s || p.code !== "Escape" || l(!1);
     };
     return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
-  }), /* @__PURE__ */ g("div", { className: "filter-dropdown-main", children: [
-    /* @__PURE__ */ g(
+  }), /* @__PURE__ */ v("div", { className: "filter-dropdown-main", children: [
+    /* @__PURE__ */ v(
       "button",
       {
         ref: h,
         className: "filter-dropdown-button normal filter-dropdown-trigger",
         "aria-haspopup": "true",
-        onClick: () => l(!a),
-        "aria-expanded": a,
+        onClick: () => l(!s),
+        "aria-expanded": s,
         children: [
           /* @__PURE__ */ t("span", { className: "sr-only", children: u("_accessibility:buttons.filters") }),
           /* @__PURE__ */ t("wbr", {}),
@@ -796,11 +796,11 @@ const Oe = (e) => {
     /* @__PURE__ */ t(
       "div",
       {
-        className: `filter-dropdown-transition ${a ? "opened" : "closed"} ${s === "right" ? "right" : "left"}`,
-        children: /* @__PURE__ */ g("div", { ref: m, children: [
+        className: `filter-dropdown-transition ${s ? "opened" : "closed"} ${a === "right" ? "right" : "left"}`,
+        children: /* @__PURE__ */ v("div", { ref: m, children: [
           /* @__PURE__ */ t("div", { className: "filter-title", children: u("_accessibility:buttons.filters") }),
           /* @__PURE__ */ t("ul", { className: "filter-container", children: r.map((d) => /* @__PURE__ */ t("li", { className: "filter-container-item", children: Pe(d) }, d.propertyName)) }),
-          /* @__PURE__ */ t("div", { className: "filter-footer", children: /* @__PURE__ */ g("ul", { className: "filter-buttons-row", children: [
+          /* @__PURE__ */ t("div", { className: "filter-footer", children: /* @__PURE__ */ v("ul", { className: "filter-buttons-row", children: [
             /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
               "button",
               {
@@ -826,13 +826,13 @@ const Oe = (e) => {
     )
   ] });
 }, ze = (e) => e, Ee = (e) => {
-  const { columns: s, softDeleteProperty: r = "deleted", data: n, actions: a } = e, l = y(
-    () => s.sort((o, c) => (c.pos ?? 0) - (o.pos ?? 0)).filter((o) => o.display !== "none"),
-    [s]
+  const { columns: a, softDeleteProperty: r = "deleted", data: n, actions: s } = e, l = y(
+    () => a.sort((o, c) => (c.pos ?? 0) - (o.pos ?? 0)).filter((o) => o.display !== "none"),
+    [a]
   );
   return n == null ? void 0 : n.map((o) => {
     var c;
-    return /* @__PURE__ */ g(
+    return /* @__PURE__ */ v(
       "tr",
       {
         className: `table-row ${o[r] ? "deleted-class" : ""}`,
@@ -845,7 +845,7 @@ const Oe = (e) => {
             },
             i.key
           )),
-          a ? /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("div", { className: "table-row-cell-action", children: (c = a(o).filter((i) => !i.hidden)) == null ? void 0 : c.map((i) => /* @__PURE__ */ t(Le, { content: i.tooltip, children: /* @__PURE__ */ t("button", { onClick: () => i.onClick(o), children: i.icon }) }, i.id)) }) }) : null
+          s ? /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("div", { className: "table-row-cell-action", children: (c = s(o).filter((i) => !i.hidden)) == null ? void 0 : c.map((i) => /* @__PURE__ */ t(Le, { content: i.tooltip, children: /* @__PURE__ */ t("button", { onClick: () => i.onClick(o), children: i.icon }) }, i.id)) }) }) : null
         ]
       },
       o.id
@@ -854,10 +854,10 @@ const Oe = (e) => {
 };
 function Me(e) {
   const {
-    title: s = "",
+    title: a = "",
     data: r,
     onSort: n,
-    entity: a = "",
+    entity: s = "",
     isLoading: l = !1,
     actions: o,
     columns: c = [],
@@ -865,28 +865,28 @@ function Me(e) {
     className: N = "",
     toolbar: u = /* @__PURE__ */ t(D, {}),
     softDeleteProperty: h = "deleted"
-  } = e, m = y(() => c ? c.sort((p, b) => (b.pos ?? 0) - (p.pos ?? 0)).filter((p) => !!p.filterOptions).map((p) => {
-    var b;
+  } = e, m = y(() => c ? c.sort((p, g) => (g.pos ?? 0) - (p.pos ?? 0)).filter((p) => !!p.filterOptions).map((p) => {
+    var g;
     return {
       ...p.filterOptions,
-      label: ((b = p.filterOptions) == null ? void 0 : b.label) ?? p.label,
+      label: ((g = p.filterOptions) == null ? void 0 : g.label) ?? p.label,
       propertyName: p.key
     };
   }) : [], [c]), d = y(() => !(r != null && r.length), [r]);
-  return /* @__PURE__ */ t(be, { children: /* @__PURE__ */ g("div", { className: `${N} table-main`, children: [
-    /* @__PURE__ */ g("div", { className: "table-header", children: [
-      /* @__PURE__ */ t("h1", { className: "table-header-title", children: s }),
-      l ? null : /* @__PURE__ */ g("div", { className: "table-header-right", children: [
+  return /* @__PURE__ */ t(be, { children: /* @__PURE__ */ v("div", { className: `${N} table-main`, children: [
+    /* @__PURE__ */ v("div", { className: "table-header", children: [
+      /* @__PURE__ */ t("h1", { className: "table-header-title", children: a }),
+      l ? null : /* @__PURE__ */ v("div", { className: "table-header-right", children: [
         u,
         !!m && !!m.length && /* @__PURE__ */ t(Oe, { filters: m })
       ] })
     ] }),
-    l ? /* @__PURE__ */ t(ue, { className: "table-loading" }) : /* @__PURE__ */ t(D, { children: d ? /* @__PURE__ */ t(ve, {}) : /* @__PURE__ */ g(D, { children: [
-      /* @__PURE__ */ t("div", { className: `${i} table-body`, children: /* @__PURE__ */ g("table", { className: "table-content", children: [
+    l ? /* @__PURE__ */ t(ue, { className: "table-loading" }) : /* @__PURE__ */ t(D, { children: d ? /* @__PURE__ */ t(ve, {}) : /* @__PURE__ */ v(D, { children: [
+      /* @__PURE__ */ t("div", { className: `${i} table-body`, children: /* @__PURE__ */ v("table", { className: "table-content", children: [
         /* @__PURE__ */ t(
           ge,
           {
-            entity: a,
+            entity: s,
             columns: c,
             onSortCallback: n,
             hasAction: !!o
@@ -907,19 +907,19 @@ function Me(e) {
   ] }) });
 }
 function Le(e) {
-  const { content: s, children: r } = e;
-  return /* @__PURE__ */ g("div", { className: "tooltip-container", children: [
+  const { content: a, children: r } = e;
+  return /* @__PURE__ */ v("div", { className: "tooltip-container", children: [
     r,
-    /* @__PURE__ */ t("div", { className: "tooltip-text", children: s })
+    /* @__PURE__ */ t("div", { className: "tooltip-text", children: a })
   ] });
 }
 var O = /* @__PURE__ */ ((e) => (e.empty = "empty", e.outlined = "outlined", e.default = "default", e))(O || {});
 function Te(e) {
   const {
-    label: s,
+    label: a,
     onDelete: r,
     className: n = "",
-    spanClassName: a = "",
+    spanClassName: s = "",
     variant: l = O.default
   } = e, o = y(() => {
     switch (l) {
@@ -941,15 +941,15 @@ function Te(e) {
         return "filled-chip-delete-button-svg";
     }
   }, [l]);
-  return /* @__PURE__ */ g("div", { className: `chip-main ${o} ${n}`, children: [
-    /* @__PURE__ */ t("span", { className: a, children: s }),
+  return /* @__PURE__ */ v("div", { className: `chip-main ${o} ${n}`, children: [
+    /* @__PURE__ */ t("span", { className: s, children: a }),
     r ? /* @__PURE__ */ t("button", { type: "button", className: "chip-delete-button", onClick: r, children: /* @__PURE__ */ t(K, { className: c }) }) : null
   ] });
 }
 export {
   de as AutocompleteInput,
   ie as CheckInput,
-  ae as ChevronDown,
+  se as ChevronDown,
   oe as ChevronLeft,
   le as ChevronRight,
   re as ChevronUp,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sito/dashboard",
   "private": false,
-  "version": "0.0.38",
+  "version": "0.0.39",
   "type": "module",
   "description": "UI library with custom components for dashboards",
   "main": "dist/dashboard.cjs",