@sito/dashboard 0.0.33 → 0.0.35

package/dist/components/Form/SelectInput/types.d.ts

@@ -2,7 +2,8 @@ import { HTMLProps } from 'react';
 import { BaseInputPropsType } from '../types';
 export type Option = {
     id: number | string;
-    value: number | string;
+    value?: number | string;
+    name?: string;
 };
 export interface SelectInputPropsType extends Omit<HTMLProps<HTMLSelectElement>, "value" | "onChange">, BaseInputPropsType {
     options: Option[];

package/dist/components/Table/Table.d.ts

@@ -1,2 +1,3 @@
 import { TablePropsType } from './types';
-export declare function Table(props: TablePropsType): import("react/jsx-runtime").JSX.Element;
+import { BaseDto } from '../../lib';
+export declare function Table<TRow extends BaseDto>(props: TablePropsType<TRow>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/components/Columns.d.ts

@@ -1,7 +1,8 @@
+import { BaseDto } from '../../../lib';
 import { ColumnPropsType } from './types';
 /**
  * Columns component
  * @param {object} props properties for the columns
  * @returns Row of columns
  */
-export declare function Columns(props: ColumnPropsType): import("react/jsx-runtime").JSX.Element;
+export declare function Columns<TRow extends BaseDto>(props: ColumnPropsType<TRow>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/components/Rows.d.ts

@@ -1,3 +1,4 @@
 import { RowsPropsType } from './types';
-export declare const Rows: (props: RowsPropsType) => import("react/jsx-runtime").JSX.Element[];
+import { BaseDto } from '../../../lib';
+export declare const Rows: <TRow extends BaseDto>(props: RowsPropsType<TRow>) => import("react/jsx-runtime").JSX.Element[];
 export default Rows;

package/dist/components/Table/components/types.d.ts

@@ -1,13 +1,14 @@
 import { ReactNode } from 'react';
 import { Action } from '../types';
-import { FilterTypes, SortOrder } from '../../../lib';
-export type ColumnType = {
-    key: string;
-    label: string;
+import { BaseDto, FilterTypes, SortOrder } from '../../../lib';
+import { Option } from '../../Form/';
+export type ColumnType<TRow extends BaseDto> = {
+    key: keyof TRow;
+    label?: string;
     /** if the column can be sorted */
     sortable?: boolean;
     /** only works if sortable has value true */
-    sortOptions: {
+    sortOptions?: {
         icons: {
             className: string;
             asc: string;
@@ -25,20 +26,21 @@ export type ColumnType = {
     /** filter options */
     filterOptions?: ColumnFilterOptions;
 };
-export type ColumnPropsType = {
+export type ColumnPropsType<TRow extends BaseDto> = {
     entity: string;
-    columns: ColumnType[];
+    columns: ColumnType<TRow>[];
     hasAction: boolean;
-    onSortCallback: (prop: string, sortOrder: SortOrder) => void;
+    onSortCallback?: (prop: string, sortOrder: SortOrder) => void;
 };
 export type ColumnFilterOptions = {
     type: FilterTypes;
-    defaultValue: any;
+    defaultValue?: any;
     label?: string;
+    options?: Option[];
 };
-export type RowsPropsType = {
-    data: any[];
-    columns: ColumnType[];
-    softDeleteProperty: string;
-    actions: ((row: any) => Action[]) | undefined;
+export type RowsPropsType<TRow extends BaseDto> = {
+    data: TRow[];
+    columns: ColumnType<TRow>[];
+    softDeleteProperty: keyof TRow;
+    actions: ((row: TRow) => Action<TRow>[]) | undefined;
 };

package/dist/components/Table/types.d.ts

@@ -1,23 +1,24 @@
 import { ReactNode } from 'react';
-import { SortOrder } from '../../lib';
+import { BaseDto, SortOrder } from '../../lib';
 import { ColumnType } from './components';
-export type Action = {
+export type Action<TRow extends BaseDto> = {
     id: string;
-    onClick: (entity: object) => void;
+    onClick: (entity: TRow) => void;
     icon: any;
     tooltip: string;
-    hidden: (entity: object) => boolean;
+    disabled?: boolean;
+    hidden?: boolean;
 };
-export type TablePropsType = {
+export type TablePropsType<TRow extends BaseDto> = {
     entity: string;
     title?: string;
-    data: object[];
+    data: TRow[];
     isLoading?: boolean;
-    actions?: (row: object) => Action[];
-    columns?: ColumnType[];
+    actions?: (row: TRow) => Action<TRow>[];
+    columns?: ColumnType<TRow>[];
     contentClassName?: string;
     className?: string;
-    softDeleteProperty?: string;
+    softDeleteProperty?: keyof TRow;
     toolbar?: ReactNode;
-    onSort: (prop: string, sortOrder: SortOrder) => void;
+    onSort?: (prop: string, sortOrder: SortOrder) => void;
 };

package/dist/dashboard.cjs

@@ -1 +1 @@
-var $e=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 H(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 q(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 V=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 z=(t=>(t.error="error",t.good="good",t.default="default",t))(z||{});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:i="",labelClassName:c="",helperText:u="",helperTextClassName:x="",placeholder:d="",label:p="",name:v="",id:h="",state:m=z.default,...g}=t;return o.useEffect(()=>{var C;(!r||r==="")&&(a!=null&&a.length)&&s({target:{value:(C=a[0])==null?void 0:C.id}})},[s,a,r]),e.jsxs("div",{className:`select-input-container ${l}`,children:[e.jsx("select",{...g,id:h,ref:n,name:v,value:r,onChange:s,className:`select-input ${D(m)} peer ${i}`,children:a==null?void 0:a.map(C=>e.jsx("option",{value:C.id,children:C.value},C.id))}),e.jsx("label",{htmlFor:v,className:`select-input-label ${B(m)} ${c}`,children:p}),e.jsx("p",{className:`select-input-helper-text ${I(m)} ${x}`,children:m!=="error"&&m!=="good"?d:u})]})});const L=o.forwardRef(function(t,n){const{children:r,value:s,onChange:a,state:l=z.default,name:i="",id:c="",type:u="text",label:x="",required:d=!1,placeholder:p="",containerClassName:v="",inputClassName:h="",labelClassName:m="",helperText:g="",helperTextClassName:C="",...j}=t;return e.jsxs("div",{className:`text-input-container ${v}`,children:[e.jsx("input",{ref:n,type:u,name:i,id:c,className:`text-input ${D(l)} peer ${h}`,placeholder:"",required:d,value:s,onChange:a,...j}),e.jsxs("label",{htmlFor:i,className:`text-input-label ${B(l)} ${m}`,children:[x,d?" *":""]}),r,e.jsx("p",{className:`text-input-helper-text ${I(l)} ${C}`,children:l!=="error"&&l!=="good"?p:g})]})});const G=o.forwardRef(function(t,n){const{checked:r,onChange:s,state:a=z.default,name:l="",id:i="",type:c="text",label:u="",containerClassName:x="",inputClassName:d="",labelClassName:p="",helperText:v="",helperTextClassName:h="",...m}=t;return e.jsxs("label",{className:`input-check-container ${x}`,children:[e.jsx("input",{id:i,ref:n,name:l,type:"checkbox",checked:r,onChange:s,className:`input-check ${d}`,...m}),e.jsx("span",{className:`input-check-label ${p}`,children:u})]})});const K=o.forwardRef(function(t,n){const{state:r,value:s,onChange:a,options:l=[],name:i="",id:c="",label:u="",containerClassName:x="",inputContainerClassName:d="",helperText:p="",placeholder:v="",multiple:h=!1,...m}=t,[g,C]=o.useState(""),[j,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=O=>{E.current&&!E.current.contains(O.target)&&f(!1)},N=O=>{O.key==="Escape"&&f(!1)};return document.addEventListener("mousedown",b),document.addEventListener("keydown",N),()=>{document.removeEventListener("mousedown",b),document.removeEventListener("keydown",N)}},[]);const M=b=>{C(b.target.value)},U=o.useCallback(b=>{C(""),b?h?Array.isArray(s)&&s.length?a([...s,b]):a([b]):a(b):a(null),f(!1)},[h,a,s]),he=o.useCallback(b=>{const N=s.filter((O,A)=>A!==b);N.length?a(N):a(null)},[a,s]);return e.jsxs("div",{className:`autocomplete-input-container ${x}`,ref:E,children:[e.jsx(L,{state:r,name:i,id:c,value:!h&&s?s:g,onChange:M,placeholder:v,helperText:p,onFocus:()=>f(!0),label:u,containerClassName:`autocomplete-text-input ${d}`,ref:n,...m,children:!h&&s&&e.jsx("button",{type:"button",className:"autocomplete-delete-button",onClick:b=>{U(),b.stopPropagation()},children:e.jsx(_,{})})}),j&&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.id))}),h&&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),onDelete:O=>{he(N),O.stopPropagation()}})},b.value))}):null]})});function Q(t){const{color:n="stroke-blue-800",loaderClass:r,strokeWidth:s="4",...a}=t;return e.jsx("div",{...a,className:`loading ${a.className}`,children:e.jsx("div",{className:"loader-container",children:e.jsx("div",{className:`loader ${r}`,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:s,strokeMiterlimit:"10"})})})})})}const X=o.createContext({});function xe(t){const{children:n,t:r}=t;return e.jsx(X.Provider,{value:{t:r},children:n})}const $=()=>{const t=o.useContext(X);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||{}),T=(t=>(t.ASC="ASC",t.DESC="DESC",t))(T||{});const be=[20,50,100],Y=o.createContext({}),ge=t=>{const{children:n}=t,[r,s]=o.useState(0),[a,l]=o.useState(20),[i,c]=o.useState(0),[u,x]=o.useState("id"),[d,p]=o.useState(T.DESC),[v,h]=o.useState({}),m=o.useCallback((j,f)=>{let w=d;if(u===j)switch(d){case T.ASC:w=T.DESC;break;default:w=T.ASC;break}x(j),p(w),f&&f(j,w)},[u,d]),g=o.useCallback(j=>{const f=Object.entries(j).reduce((w,[E,M])=>(M&&typeof M.value<"u"&&(w[E]=M.value),w),{});h(f)},[]),C={onSort:m,total:r,setTotal:s,sortingBy:u,setSortingBy:x,sortingOrder:d,setSortingOrder:p,pageSize:a,pageSizes:be,setPageSize:l,currentPage:i,setCurrentPage:c,filters:v,onFilterApply:g};return e.jsx(Y.Provider,{value:C,children:n})},P=()=>{const t=o.useContext(Y);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 Z=t=>{const n={},r=Object.keys(t);return r==null||r.forEach(s=>{n[s]={value:t[s]}}),n};function ee(t,n){const{type:r}=n;switch(r){case y.reset:{const{filters:s}=n,a={};return s==null||s.forEach(({propertyName:l,defaultValue:i})=>{a[l]={value:i}}),{...t,...a}}case y.update:{const{toUpdate:s}=n;return{...t,...s}}default:return t}}const te=o.createContext({}),se=t=>{const{children:n}=t,{filters:r}=P(),[s,a]=o.useReducer(ee,Z(r)),l={currentFilters:s,setCurrentFilters:a};return e.jsx(te.Provider,{value:l,children:n})},F=()=>{const t=o.useContext(te);if(t===void 0)throw new Error("tableOptionsContext must be used within a Provider");return t};function ne(t){const{t:n}=$(),{entity:r="",columns:s=[],hasAction:a=!0,onSortCallback:l}=t,{onSort:i,sortingOrder:c,sortingBy:u}=P(),x=o.useMemo(()=>{var d;return(d=s.sort((p,v)=>(v.pos??0)-(p.pos??0)).filter(p=>p.display!=="none"))==null?void 0:d.map(p=>({id:p.key,label:p.label,className:p.className??"",sortable:p.sortable??!0,sortOptions:p.sortOptions}))},[s,r,n]);return e.jsx("thead",{className:"table-headers-row",children:e.jsxs("tr",{children:[x.map(d=>{var p,v,h,m,g,C,j,f;return e.jsx("th",{scope:"col",className:`table-headers-column ${d.className}`,children:e.jsxs("button",{disabled:!d.sortable,onClick:()=>i(d.id,l),className:"table-headers-cell",children:[e.jsx("span",{className:"table-headers-label",children:d.label}),d.sortable&&e.jsx("span",{className:`${u===d.id?"table-headers-sort-on":"table-headers-sort"}`,children:c===T.ASC?((v=(p=d.sortOptions)==null?void 0:p.icons)==null?void 0:v.asc)??e.jsx(H,{className:((m=(h=d.sortOptions)==null?void 0:h.icons)==null?void 0:m.className)??"table-headers-sort-indicator"}):((C=(g=d.sortOptions)==null?void 0:g.icons)==null?void 0:C.desc)??e.jsx(W,{className:((f=(j=d.sortOptions)==null?void 0:j.icons)==null?void 0:f.className)??"table-headers-sort-indicator"})})]})},d.id)}),a&&e.jsx("th",{scope:"col",className:"table-headers-action",children:n("_accessibility:labels.actions")})]})})}function ae(){const{t}=$();return e.jsx("div",{className:"table-empty",children:e.jsx("p",{children:t("_accessibility:components.table.empty")})})}const re=()=>{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(q,{className:"w-2.5"})})]})},le=()=>{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 oe(){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(l.target.value)})]})}function ve(){const{t}=$(),{total:n,pageSize:r,currentPage:s,setCurrentPage:a}=P(),l=o.useMemo(()=>{const i=Math.ceil(n/r);return Array.from({length:i},(c,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:i=>a(Number(i.target.value))})]})}function ce(){return e.jsxs("div",{className:"table-footer",children:[e.jsx(ve,{}),e.jsx(oe,{}),e.jsx(le,{}),e.jsx(re,{})]})}function Ce(t){const{propertyName:n,options:r,label:s}=t,{currentFilters:a,setCurrentFilters:l}=F(),i=o.useMemo(()=>{var u;return((u=a[n])==null?void 0:u.value)??r[0]},[a]),c=o.useCallback(u=>{l({type:y.update,toUpdate:{[n]:{value:u.target.value}}})},[]);return e.jsx(R,{value:i,label:s,options:r,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:c})}const je=t=>{const{propertyName:n,label:r}=t,{currentFilters:s,setCurrentFilters:a}=F(),l=o.useMemo(()=>{var c;return((c=s[n])==null?void 0:c.value)??""},[s]),i=o.useCallback(c=>{a({type:y.update,toUpdate:{[n]:{value:c.target.value}}})},[]);return e.jsx(L,{value:l??"",label:r,onChange:i,containerClassName:"input-widget-container",helperTextClassName:""})},fe=t=>{const{propertyName:n,label:r,min:s,max:a}=t,{currentFilters:l,setCurrentFilters:i}=F(),c=o.useMemo(()=>{var x;return((x=l[n])==null?void 0:x.value)??""},[l]),u=o.useCallback(x=>{i({type:y.update,toUpdate:{[n]:{value:x.target.value}}})},[c]);return e.jsx(L,{value:c??"",min:s,max:a,type:"number",label:r,containerClassName:"input-widget-container",onChange:u,helperTextClassName:""})},Ne=t=>{const{propertyName:n,label:r}=t,{currentFilters:s,setCurrentFilters:a}=F(),l=o.useMemo(()=>{var c;return((c=s[n])==null?void 0:c.value)??""},[s]),i=o.useCallback(c=>{a({type:y.update,toUpdate:{[n]:{value:c.target.checked}}})},[]);return e.jsx(G,{label:r,checked:l??!1,onChange:i})};function ye(t){const{propertyName:n,label:r,options:s,multiple:a=!0}=t,{currentFilters:l,setCurrentFilters:i}=F(),c=o.useMemo(()=>l[n]??s[0],[l]),u=o.useCallback(x=>{i({type:y.update,toUpdate:{[n]:{value:x}}})},[a]);return e.jsx(K,{value:c==null?void 0:c.value,label:r,options:s,multiple:a,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:u})}const we=t=>{const{propertyName:n,label:r}=t,{currentFilters:s,setCurrentFilters:a}=F(),l=o.useMemo(()=>{var c,u;return(c=s[n])!=null&&c.value?new Date(String((u=s[n])==null?void 0:u.value)).toISOString().slice(0,10):""},[s]),i=o.useCallback(c=>{a({type:y.update,toUpdate:{[n]:{value:c.target.value}}})},[]);return e.jsx(L,{value:l??"",label:r,type:"date",onChange:i,containerClassName:"input-widget-container",helperTextClassName:""})},ie=t=>{switch(t.type){case k.text:return e.jsx(je,{...t});case k.number:return e.jsx(fe,{...t});case k.select:return e.jsx(Ce,{...t});case k.autocomplete:return e.jsx(ye,{...t});case k.date:return e.jsx(we,{...t});case k.check:return e.jsx(Ne,{...t})}return e.jsx(e.Fragment,{})};const ue=t=>{const{align:n="right",filters:r=[],icon:s}=t,[a,l]=o.useState(!1),{onFilterApply:i,filters:c}=P(),{currentFilters:u,setCurrentFilters:x}=F(),{t:d}=$(),p=o.useRef(null),v=o.useRef(null);return o.useEffect(()=>{const h=({target:m})=>{var g,C;v.current&&(!a||(g=v.current)!=null&&g.contains(m)||(C=p==null?void 0:p.current)!=null&&C.contains(m)||l(!1))};return document.addEventListener("click",h),()=>document.removeEventListener("click",h)}),o.useEffect(()=>{const h=m=>{!a||m.code!=="Escape"||l(!1)};return document.addEventListener("keydown",h),()=>document.removeEventListener("keydown",h)}),e.jsxs("div",{className:"filter-dropdown-main",children:[e.jsxs("button",{ref:p,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:d("_accessibility:buttons.filters")}),e.jsx("wbr",{}),s??e.jsx(V,{className:"filter-dropdown-trigger-icon"})]}),e.jsx("div",{className:`filter-dropdown-transition ${a?"opened":"closed"} ${n==="right"?"right":"left"}`,children:e.jsxs("div",{ref:v,children:[e.jsx("div",{className:"filter-title",children:d("_accessibility:buttons.filters")}),e.jsx("ul",{className:"filter-container",children:r.map(h=>e.jsx("li",{className:"filter-container-item",children:ie(h)},h.propertyName))}),e.jsx("div",{className:"filter-footer",children:e.jsxs("ul",{className:"filter-buttons-row",children:[e.jsx("li",{children:e.jsx("button",{onClick:()=>x({type:y.reset,filters:r}),className:"filter-dropdown-button small filter-dropdown-cancel",children:d("_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),i(u)},onBlur:()=>l(!1),children:d("_accessibility:buttons.applyFilters")})})]})})]})})]})},Se=t=>t,de=t=>{const{columns:n,softDeleteProperty:r="deleted",data:s,actions:a}=t,l=o.useMemo(()=>n.sort((i,c)=>(c.pos??0)-(i.pos??0)).filter(i=>i.display!=="none"),[n]);return s==null?void 0:s.map(i=>{var c;return e.jsxs("tr",{className:`table-row ${i[r]?"deleted-class":""}`,children:[l==null?void 0:l.map((u,x)=>e.jsx("td",{className:`table-row-cell ${x===0?"basic":""} ${u.className??""}`,children:u.renderBody?u.renderBody(i[u.key],i):Se(i[u.key])},u.key)),a?e.jsx("td",{children:e.jsx("div",{className:"table-row-cell-action",children:(c=a(i).filter(u=>!u.hidden))==null?void 0:c.map(u=>e.jsx(pe,{content:u.tooltip,children:e.jsx("button",{onClick:u.onClick,children:u.icon})},u.id))})}):null]},i.id)})};function ke(t){const{title:n="",data:r,onSort:s,entity:a="",isLoading:l=!1,actions:i,columns:c=[],contentClassName:u="",className:x="",toolbar:d=e.jsx(e.Fragment,{}),softDeleteProperty:p="deleted"}=t,v=o.useMemo(()=>c?c.sort((m,g)=>(g.pos??0)-(m.pos??0)).filter(m=>!!m.filterOptions).map(m=>{var g;return{...m.filterOptions,label:((g=m.filterOptions)==null?void 0:g.label)??m.label,propertyName:m.key}}):[],[c]),h=o.useMemo(()=>!(r!=null&&r.length),[r]);return e.jsx(se,{children:e.jsxs("div",{className:`${x} 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:[d,e.jsx(ue,{filters:v})]})]}),l?e.jsx(Q,{className:"table-loading"}):e.jsx(e.Fragment,{children:h?e.jsx(ae,{}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:`${u} table-body`,children:e.jsxs("table",{className:"table-content",children:[e.jsx(ne,{entity:a,columns:c,onSortCallback:s,hasAction:!!i}),e.jsx("tbody",{children:e.jsx(de,{data:r,actions:i,columns:c,softDeleteProperty:p})})]})}),e.jsx(ce,{})]})})]})})}function pe(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,i=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]),c=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 ${i} ${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:c})}):null]})}exports.AutocompleteInput=K;exports.CheckInput=G;exports.ChevronDown=W;exports.ChevronLeft=J;exports.ChevronRight=q;exports.ChevronUp=H;exports.Chip=me;exports.ChipVariant=S;exports.Close=_;exports.Columns=ne;exports.CountOfTotal=le;exports.Empty=ae;exports.FilterPopup=ue;exports.FilterTypes=k;exports.Filters=V;exports.FiltersActions=y;exports.FiltersProvider=se;exports.Footer=ce;exports.Loading=Q;exports.Navigation=re;exports.PageSize=oe;exports.Rows=de;exports.SelectInput=R;exports.SortOrder=T;exports.State=z;exports.Table=ke;exports.TableOptionsProvider=ge;exports.TextInput=L;exports.Tooltip=pe;exports.TranslationProvider=xe;exports.filtersReducer=ee;exports.helperTextStateClassName=I;exports.initializer=Z;exports.inputStateClassName=D;exports.labelStateClassName=B;exports.renderFilterComponent=ie;exports.useFilters=F;exports.useTableOptions=P;exports.useTranslation=$;
+var $e=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 H(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 q(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 V=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 z=(t=>(t.error="error",t.good="good",t.default="default",t))(z||{});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:x="",placeholder:d="",label:p="",name:C="",id:h="",state:m=z.default,...g}=t;return o.useEffect(()=>{var v;(!r||r==="")&&(a!=null&&a.length)&&s({target:{value:(v=a[0])==null?void 0:v.id}})},[s,a,r]),e.jsxs("div",{className:`select-input-container ${l}`,children:[e.jsx("select",{...g,id:h,ref:n,name:C,value:r,onChange:s,className:`select-input ${D(m)} peer ${c}`,children:a==null?void 0:a.map(v=>e.jsx("option",{value:v.id,children:v.value??v.name??v.id},v.id))}),e.jsx("label",{htmlFor:C,className:`select-input-label ${B(m)} ${i}`,children:p}),e.jsx("p",{className:`select-input-helper-text ${I(m)} ${x}`,children:m!=="error"&&m!=="good"?d:u})]})});const L=o.forwardRef(function(t,n){const{children:r,value:s,onChange:a,state:l=z.default,name:c="",id:i="",type:u="text",label:x="",required:d=!1,placeholder:p="",containerClassName:C="",inputClassName:h="",labelClassName:m="",helperText:g="",helperTextClassName:v="",...j}=t;return e.jsxs("div",{className:`text-input-container ${C}`,children:[e.jsx("input",{ref:n,type:u,name:c,id:i,className:`text-input ${D(l)} peer ${h}`,placeholder:"",required:d,value:s,onChange:a,...j}),e.jsxs("label",{htmlFor:c,className:`text-input-label ${B(l)} ${m}`,children:[x,d?" *":""]}),r,e.jsx("p",{className:`text-input-helper-text ${I(l)} ${v}`,children:l!=="error"&&l!=="good"?p:g})]})});const G=o.forwardRef(function(t,n){const{checked:r,onChange:s,state:a=z.default,name:l="",id:c="",type:i="text",label:u="",containerClassName:x="",inputClassName:d="",labelClassName:p="",helperText:C="",helperTextClassName:h="",...m}=t;return e.jsxs("label",{className:`input-check-container ${x}`,children:[e.jsx("input",{id:c,ref:n,name:l,type:"checkbox",checked:r,onChange:s,className:`input-check ${d}`,...m}),e.jsx("span",{className:`input-check-label ${p}`,children:u})]})});const K=o.forwardRef(function(t,n){const{state:r,value:s,onChange:a,options:l=[],name:c="",id:i="",label:u="",containerClassName:x="",inputContainerClassName:d="",helperText:p="",placeholder:C="",multiple:h=!1,...m}=t,[g,v]=o.useState(""),[j,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=O=>{E.current&&!E.current.contains(O.target)&&f(!1)},N=O=>{O.key==="Escape"&&f(!1)};return document.addEventListener("mousedown",b),document.addEventListener("keydown",N),()=>{document.removeEventListener("mousedown",b),document.removeEventListener("keydown",N)}},[]);const M=b=>{v(b.target.value)},U=o.useCallback(b=>{v(""),b?h?Array.isArray(s)&&s.length?a([...s,b]):a([b]):a(b):a(null),f(!1)},[h,a,s]),he=o.useCallback(b=>{const N=s.filter((O,A)=>A!==b);N.length?a(N):a(null)},[a,s]);return e.jsxs("div",{className:`autocomplete-input-container ${x}`,ref:E,children:[e.jsx(L,{state:r,name:c,id:i,value:!h&&s?s:g,onChange:M,placeholder:C,helperText:p,onFocus:()=>f(!0),label:u,containerClassName:`autocomplete-text-input ${d}`,ref:n,...m,children:!h&&s&&e.jsx("button",{type:"button",className:"autocomplete-delete-button",onClick:b=>{U(),b.stopPropagation()},children:e.jsx(_,{})})}),j&&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.id))}),h&&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),onDelete:O=>{he(N),O.stopPropagation()}})},b.value))}):null]})});function Q(t){const{color:n="stroke-blue-800",loaderClass:r,strokeWidth:s="4",...a}=t;return e.jsx("div",{...a,className:`loading ${a.className}`,children:e.jsx("div",{className:"loader-container",children:e.jsx("div",{className:`loader ${r}`,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:s,strokeMiterlimit:"10"})})})})})}const X=o.createContext({});function xe(t){const{children:n,t:r}=t;return e.jsx(X.Provider,{value:{t:r},children:n})}const $=()=>{const t=o.useContext(X);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||{}),T=(t=>(t.ASC="ASC",t.DESC="DESC",t))(T||{});const be=[20,50,100],Y=o.createContext({}),ge=t=>{const{children:n}=t,[r,s]=o.useState(0),[a,l]=o.useState(20),[c,i]=o.useState(0),[u,x]=o.useState("id"),[d,p]=o.useState(T.DESC),[C,h]=o.useState({}),m=o.useCallback((j,f)=>{let w=d;if(u===j)switch(d){case T.ASC:w=T.DESC;break;default:w=T.ASC;break}x(j),p(w),f&&f(j,w)},[u,d]),g=o.useCallback(j=>{const f=Object.entries(j).reduce((w,[E,M])=>(M&&typeof M.value<"u"&&(w[E]=M.value),w),{});h(f)},[]),v={onSort:m,total:r,setTotal:s,sortingBy:u,setSortingBy:x,sortingOrder:d,setSortingOrder:p,pageSize:a,pageSizes:be,setPageSize:l,currentPage:c,setCurrentPage:i,filters:C,onFilterApply:g};return e.jsx(Y.Provider,{value:v,children:n})},P=()=>{const t=o.useContext(Y);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 Z=t=>{const n={},r=Object.keys(t);return r==null||r.forEach(s=>{n[s]={value:t[s]}}),n};function ee(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 te=o.createContext({}),se=t=>{const{children:n}=t,{filters:r}=P(),[s,a]=o.useReducer(ee,Z(r)),l={currentFilters:s,setCurrentFilters:a};return e.jsx(te.Provider,{value:l,children:n})},F=()=>{const t=o.useContext(te);if(t===void 0)throw new Error("tableOptionsContext must be used within a Provider");return t};function ne(t){const{t:n}=$(),{entity:r="",columns:s=[],hasAction:a=!0,onSortCallback:l}=t,{onSort:c,sortingOrder:i,sortingBy:u}=P(),x=o.useMemo(()=>{var d;return(d=s.sort((p,C)=>(C.pos??0)-(p.pos??0)).filter(p=>p.display!=="none"))==null?void 0:d.map(p=>({id:p.key,label:p.label,className:p.className??"",sortable:p.sortable??!0,sortOptions:p.sortOptions}))},[s,r,n]);return e.jsx("thead",{className:"table-headers-row",children:e.jsxs("tr",{children:[x.map(d=>{var p,C,h,m,g,v,j,f;return e.jsx("th",{scope:"col",className:`table-headers-column ${d.className}`,children:e.jsxs("button",{disabled:!d.sortable,onClick:()=>c(d.id,l),className:"table-headers-cell",children:[e.jsx("span",{className:"table-headers-label",children:d.label}),d.sortable&&e.jsx("span",{className:`${u===d.id?"table-headers-sort-on":"table-headers-sort"}`,children:i===T.ASC?((C=(p=d.sortOptions)==null?void 0:p.icons)==null?void 0:C.asc)??e.jsx(H,{className:((m=(h=d.sortOptions)==null?void 0:h.icons)==null?void 0:m.className)??"table-headers-sort-indicator"}):((v=(g=d.sortOptions)==null?void 0:g.icons)==null?void 0:v.desc)??e.jsx(W,{className:((f=(j=d.sortOptions)==null?void 0:j.icons)==null?void 0:f.className)??"table-headers-sort-indicator"})})]})},d.id)}),a&&e.jsx("th",{scope:"col",className:"table-headers-action",children:n("_accessibility:labels.actions")})]})})}function ae(){const{t}=$();return e.jsx("div",{className:"table-empty",children:e.jsx("p",{children:t("_accessibility:components.table.empty")})})}const re=()=>{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(q,{className:"w-2.5"})})]})},le=()=>{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 oe(){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(l.target.value)})]})}function ve(){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 ce(){return e.jsxs("div",{className:"table-footer",children:[e.jsx(ve,{}),e.jsx(oe,{}),e.jsx(le,{}),e.jsx(re,{})]})}function Ce(t){const{propertyName:n,options:r,label:s}=t,{currentFilters:a,setCurrentFilters:l}=F(),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 je=t=>{const{propertyName:n,label:r}=t,{currentFilters:s,setCurrentFilters:a}=F(),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(L,{value:l??"",label:r,onChange:c,containerClassName:"input-widget-container",helperTextClassName:""})},fe=t=>{const{propertyName:n,label:r,min:s,max:a}=t,{currentFilters:l,setCurrentFilters:c}=F(),i=o.useMemo(()=>{var x;return((x=l[n])==null?void 0:x.value)??""},[l]),u=o.useCallback(x=>{c({type:y.update,toUpdate:{[n]:{value:x.target.value}}})},[i]);return e.jsx(L,{value:i??"",min:s,max:a,type:"number",label:r,containerClassName:"input-widget-container",onChange:u,helperTextClassName:""})},Ne=t=>{const{propertyName:n,label:r}=t,{currentFilters:s,setCurrentFilters:a}=F(),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(G,{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}=F(),i=o.useMemo(()=>l[n]??s[0],[l]),u=o.useCallback(x=>{c({type:y.update,toUpdate:{[n]:{value:x}}})},[a]);return e.jsx(K,{value:i==null?void 0:i.value,label:r,options:s,multiple:a,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:u})}const we=t=>{const{propertyName:n,label:r}=t,{currentFilters:s,setCurrentFilters:a}=F(),l=o.useMemo(()=>{var i,u;return(i=s[n])!=null&&i.value?new Date(String((u=s[n])==null?void 0:u.value)).toISOString().slice(0,10):""},[s]),c=o.useCallback(i=>{a({type:y.update,toUpdate:{[n]:{value:i.target.value}}})},[]);return e.jsx(L,{value:l??"",label:r,type:"date",onChange:c,containerClassName:"input-widget-container",helperTextClassName:""})},ie=t=>{switch(t.type){case k.text:return e.jsx(je,{...t});case k.number:return e.jsx(fe,{...t});case k.select:return e.jsx(Ce,{...t});case k.autocomplete:return e.jsx(ye,{...t});case k.date:return e.jsx(we,{...t});case k.check:return e.jsx(Ne,{...t})}return e.jsx(e.Fragment,{})};const ue=t=>{const{align:n="right",filters:r=[],icon:s}=t,[a,l]=o.useState(!1),{onFilterApply:c,filters:i}=P(),{currentFilters:u,setCurrentFilters:x}=F(),{t:d}=$(),p=o.useRef(null),C=o.useRef(null);return o.useEffect(()=>{const h=({target:m})=>{var g,v;C.current&&(!a||(g=C.current)!=null&&g.contains(m)||(v=p==null?void 0:p.current)!=null&&v.contains(m)||l(!1))};return document.addEventListener("click",h),()=>document.removeEventListener("click",h)}),o.useEffect(()=>{const h=m=>{!a||m.code!=="Escape"||l(!1)};return document.addEventListener("keydown",h),()=>document.removeEventListener("keydown",h)}),e.jsxs("div",{className:"filter-dropdown-main",children:[e.jsxs("button",{ref:p,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:d("_accessibility:buttons.filters")}),e.jsx("wbr",{}),s??e.jsx(V,{className:"filter-dropdown-trigger-icon"})]}),e.jsx("div",{className:`filter-dropdown-transition ${a?"opened":"closed"} ${n==="right"?"right":"left"}`,children:e.jsxs("div",{ref:C,children:[e.jsx("div",{className:"filter-title",children:d("_accessibility:buttons.filters")}),e.jsx("ul",{className:"filter-container",children:r.map(h=>e.jsx("li",{className:"filter-container-item",children:ie(h)},h.propertyName))}),e.jsx("div",{className:"filter-footer",children:e.jsxs("ul",{className:"filter-buttons-row",children:[e.jsx("li",{children:e.jsx("button",{onClick:()=>x({type:y.reset,filters:r}),className:"filter-dropdown-button small filter-dropdown-cancel",children:d("_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:d("_accessibility:buttons.applyFilters")})})]})})]})})]})},Se=t=>t,de=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,x)=>e.jsx("td",{className:`table-row-cell ${x===0?"basic":""} ${u.className??""}`,children:u.renderBody?u.renderBody(c[u.key],c):Se(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(pe,{content:u.tooltip,children:e.jsx("button",{onClick:()=>u.onClick(c),children:u.icon})},u.id))})}):null]},c.id)})};function ke(t){const{title:n="",data:r,onSort:s,entity:a="",isLoading:l=!1,actions:c,columns:i=[],contentClassName:u="",className:x="",toolbar:d=e.jsx(e.Fragment,{}),softDeleteProperty:p="deleted"}=t,C=o.useMemo(()=>i?i.sort((m,g)=>(g.pos??0)-(m.pos??0)).filter(m=>!!m.filterOptions).map(m=>{var g;return{...m.filterOptions,label:((g=m.filterOptions)==null?void 0:g.label)??m.label,propertyName:m.key}}):[],[i]),h=o.useMemo(()=>!(r!=null&&r.length),[r]);return e.jsx(se,{children:e.jsxs("div",{className:`${x} 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:[d,e.jsx(ue,{filters:C})]})]}),l?e.jsx(Q,{className:"table-loading"}):e.jsx(e.Fragment,{children:h?e.jsx(ae,{}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:`${u} table-body`,children:e.jsxs("table",{className:"table-content",children:[e.jsx(ne,{entity:a,columns:i,onSortCallback:s,hasAction:!!c}),e.jsx("tbody",{children:e.jsx(de,{data:r,actions:c,columns:i,softDeleteProperty:p})})]})}),e.jsx(ce,{})]})})]})})}function pe(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=K;exports.CheckInput=G;exports.ChevronDown=W;exports.ChevronLeft=J;exports.ChevronRight=q;exports.ChevronUp=H;exports.Chip=me;exports.ChipVariant=S;exports.Close=_;exports.Columns=ne;exports.CountOfTotal=le;exports.Empty=ae;exports.FilterPopup=ue;exports.FilterTypes=k;exports.Filters=V;exports.FiltersActions=y;exports.FiltersProvider=se;exports.Footer=ce;exports.Loading=Q;exports.Navigation=re;exports.PageSize=oe;exports.Rows=de;exports.SelectInput=R;exports.SortOrder=T;exports.State=z;exports.Table=ke;exports.TableOptionsProvider=ge;exports.TextInput=L;exports.Tooltip=pe;exports.TranslationProvider=xe;exports.filtersReducer=ee;exports.helperTextStateClassName=I;exports.initializer=Z;exports.inputStateClassName=D;exports.labelStateClassName=B;exports.renderFilterComponent=ie;exports.useFilters=F;exports.useTableOptions=P;exports.useTranslation=$;

package/dist/dashboard.js

@@ -14,7 +14,7 @@ function se(e) {
     }
   );
 }
-function re(e) {
+function ae(e) {
   const { className: s = "" } = e;
   return /* @__PURE__ */ t(
     "svg",
@@ -27,7 +27,7 @@ function re(e) {
     }
   );
 }
-function ae(e) {
+function re(e) {
   const { className: s = "" } = e;
   return /* @__PURE__ */ t(
     "svg",
@@ -101,43 +101,43 @@ const Q = (e) => {
 };
 const J = j(function(e, s) {
   const {
-    value: a,
+    value: r,
     onChange: n,
-    options: r,
+    options: a,
     containerClassName: l = "",
-    inputClassName: c = "",
-    labelClassName: o = "",
+    inputClassName: o = "",
+    labelClassName: c = "",
     helperText: i = "",
     helperTextClassName: m = "",
     placeholder: d = "",
     label: u = "",
-    name: N = "",
+    name: f = "",
     id: h = "",
     state: p = R.default,
     ...v
   } = e;
   return M(() => {
-    var f;
-    (!a || a === "") && (r != null && r.length) && n({ target: { value: (f = r[0]) == null ? void 0 : f.id } });
-  }, [n, r, a]), /* @__PURE__ */ b("div", { className: `select-input-container ${l}`, children: [
+    var N;
+    (!r || r === "") && (a != null && a.length) && n({ target: { value: (N = a[0]) == null ? void 0 : N.id } });
+  }, [n, a, r]), /* @__PURE__ */ b("div", { className: `select-input-container ${l}`, children: [
     /* @__PURE__ */ t(
       "select",
       {
         ...v,
         id: h,
         ref: s,
-        name: N,
-        value: a,
+        name: f,
+        value: r,
         onChange: n,
-        className: `select-input ${Q(p)} peer ${c}`,
-        children: r == null ? void 0 : r.map((f) => /* @__PURE__ */ t("option", { value: f.id, children: f.value }, f.id))
+        className: `select-input ${Q(p)} peer ${o}`,
+        children: a == null ? void 0 : a.map((N) => /* @__PURE__ */ t("option", { value: N.id, children: N.value ?? N.name ?? N.id }, N.id))
       }
     ),
     /* @__PURE__ */ t(
       "label",
       {
-        htmlFor: N,
-        className: `select-input-label ${V(p)} ${o}`,
+        htmlFor: f,
+        className: `select-input-label ${V(p)} ${c}`,
         children: u
       }
     ),
@@ -152,43 +152,43 @@ const J = j(function(e, s) {
 });
 const U = j(function(e, s) {
   const {
-    children: a,
+    children: r,
     value: n,
-    onChange: r,
+    onChange: a,
     state: l = R.default,
-    name: c = "",
-    id: o = "",
+    name: o = "",
+    id: c = "",
     type: i = "text",
     label: m = "",
     required: d = !1,
     placeholder: u = "",
-    containerClassName: N = "",
+    containerClassName: f = "",
     inputClassName: h = "",
     labelClassName: p = "",
     helperText: v = "",
-    helperTextClassName: f = "",
+    helperTextClassName: N = "",
     ...y
   } = e;
-  return /* @__PURE__ */ b("div", { className: `text-input-container ${N}`, children: [
+  return /* @__PURE__ */ b("div", { className: `text-input-container ${f}`, children: [
     /* @__PURE__ */ t(
       "input",
       {
         ref: s,
         type: i,
-        name: c,
-        id: o,
+        name: o,
+        id: c,
         className: `text-input ${Q(l)} peer ${h}`,
         placeholder: "",
         required: d,
         value: n,
-        onChange: r,
+        onChange: a,
         ...y
       }
     ),
     /* @__PURE__ */ b(
       "label",
       {
-        htmlFor: c,
+        htmlFor: o,
         className: `text-input-label ${V(l)} ${p}`,
         children: [
           m,
@@ -196,11 +196,11 @@ const U = j(function(e, s) {
         ]
       }
     ),
-    a,
+    r,
     /* @__PURE__ */ t(
       "p",
       {
-        className: `text-input-helper-text ${X(l)} ${f}`,
+        className: `text-input-helper-text ${X(l)} ${N}`,
         children: l !== "error" && l !== "good" ? u : v
       }
     )
@@ -208,17 +208,17 @@ const U = j(function(e, s) {
 });
 const ce = j(function(e, s) {
   const {
-    checked: a,
+    checked: r,
     onChange: n,
-    state: r = R.default,
+    state: a = R.default,
     name: l = "",
-    id: c = "",
-    type: o = "text",
+    id: o = "",
+    type: c = "text",
     label: i = "",
     containerClassName: m = "",
     inputClassName: d = "",
     labelClassName: u = "",
-    helperText: N = "",
+    helperText: f = "",
     helperTextClassName: h = "",
     ...p
   } = e;
@@ -226,11 +226,11 @@ const ce = j(function(e, s) {
     /* @__PURE__ */ t(
       "input",
       {
-        id: c,
+        id: o,
         ref: s,
         name: l,
         type: "checkbox",
-        checked: a,
+        checked: r,
         onChange: n,
         className: `input-check ${d}`,
         ...p
@@ -241,20 +241,20 @@ const ce = j(function(e, s) {
 });
 const ie = j(function(e, s) {
   const {
-    state: a,
+    state: r,
     value: n,
-    onChange: r,
+    onChange: a,
     options: l = [],
-    name: c = "",
-    id: o = "",
+    name: o = "",
+    id: c = "",
     label: i = "",
     containerClassName: m = "",
     inputContainerClassName: d = "",
     helperText: u = "",
-    placeholder: N = "",
+    placeholder: f = "",
     multiple: h = !1,
     ...p
-  } = e, [v, f] = P(""), [y, w] = P(!1), S = l.filter((g) => {
+  } = e, [v, N] = P(""), [y, w] = P(!1), S = l.filter((g) => {
     const x = String(g.value).toLowerCase().includes(v == null ? void 0 : v.toLowerCase());
     return n && n.length ? n != null && n.some ? !(n != null && n.some((I) => I.id === g.id)) : (n == null ? void 0 : n.id) !== g.id : x;
   }), A = W(null);
@@ -269,18 +269,18 @@ const ie = j(function(e, s) {
     };
   }, []);
   const B = (g) => {
-    f(g.target.value);
+    N(g.target.value);
   }, G = k(
     (g) => {
-      f(""), g ? h ? Array.isArray(n) && n.length ? r([...n, g]) : r([g]) : r(g) : r(null), w(!1);
+      N(""), g ? h ? Array.isArray(n) && n.length ? a([...n, g]) : a([g]) : a(g) : a(null), w(!1);
     },
-    [h, r, n]
+    [h, a, n]
   ), te = k(
     (g) => {
       const x = n.filter((O, I) => I !== g);
-      x.length ? r(x) : r(null);
+      x.length ? a(x) : a(null);
     },
-    [r, n]
+    [a, n]
   );
   return /* @__PURE__ */ b(
     "div",
@@ -291,12 +291,12 @@ const ie = j(function(e, s) {
         /* @__PURE__ */ t(
           U,
           {
-            state: a,
-            name: c,
-            id: o,
+            state: r,
+            name: o,
+            id: c,
             value: !h && n ? n : v,
             onChange: B,
-            placeholder: N,
+            placeholder: f,
             helperText: u,
             onFocus: () => w(!0),
             label: i,
@@ -343,11 +343,11 @@ const ie = j(function(e, s) {
 function de(e) {
   const {
     color: s = "stroke-blue-800",
-    loaderClass: a,
+    loaderClass: r,
     strokeWidth: n = "4",
-    ...r
+    ...a
   } = e;
-  return /* @__PURE__ */ t("div", { ...r, className: `loading ${r.className}`, children: /* @__PURE__ */ t("div", { className: "loader-container", children: /* @__PURE__ */ t("div", { className: `loader ${a}`, children: /* @__PURE__ */ t("svg", { className: "circular", viewBox: "25 25 50 50", children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t("div", { ...a, className: `loading ${a.className}`, children: /* @__PURE__ */ t("div", { className: "loader-container", children: /* @__PURE__ */ t("div", { className: `loader ${r}`, children: /* @__PURE__ */ t("svg", { className: "circular", viewBox: "25 25 50 50", children: /* @__PURE__ */ t(
     "circle",
     {
       className: `path ${s}`,
@@ -362,8 +362,8 @@ function de(e) {
 }
 const Y = H({});
 function De(e) {
-  const { children: s, t: a } = e;
-  return /* @__PURE__ */ t(Y.Provider, { value: { t: a }, children: s });
+  const { children: s, t: r } = e;
+  return /* @__PURE__ */ t(Y.Provider, { value: { t: r }, children: s });
 }
 const L = () => {
   const e = q(Y);
@@ -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 || {}), _ = /* @__PURE__ */ ((e) => (e.ASC = "ASC", e.DESC = "DESC", e))(_ || {});
 const ue = [20, 50, 100], Z = H({}), Me = (e) => {
-  const { children: s } = e, [a, n] = P(0), [r, l] = P(20), [c, o] = P(0), [i, m] = P("id"), [d, u] = P(_.DESC), [N, h] = P({}), p = k(
+  const { children: s } = e, [r, n] = P(0), [a, l] = P(20), [o, c] = P(0), [i, m] = P("id"), [d, u] = P(_.DESC), [f, h] = P({}), p = k(
     (y, w) => {
       let S = d;
       if (i === y)
@@ -394,23 +394,23 @@ const ue = [20, 50, 100], Z = H({}), Me = (e) => {
       {}
     );
     h(w);
-  }, []), f = {
+  }, []), N = {
     onSort: p,
-    total: a,
+    total: r,
     setTotal: n,
     sortingBy: i,
     setSortingBy: m,
     sortingOrder: d,
     setSortingOrder: u,
-    pageSize: r,
+    pageSize: a,
     pageSizes: ue,
     setPageSize: l,
-    currentPage: c,
-    setCurrentPage: o,
-    filters: N,
+    currentPage: o,
+    setCurrentPage: c,
+    filters: f,
     onFilterApply: v
   };
-  return /* @__PURE__ */ t(Z.Provider, { value: f, children: s });
+  return /* @__PURE__ */ t(Z.Provider, { value: N, children: s });
 }, F = () => {
   const e = q(Z);
   if (e === void 0)
@@ -419,19 +419,19 @@ const ue = [20, 50, 100], Z = H({}), Me = (e) => {
 };
 var $ = /* @__PURE__ */ ((e) => (e[e.update = 0] = "update", e[e.reset = 1] = "reset", e))($ || {});
 const pe = (e) => {
-  const s = {}, a = Object.keys(e);
-  return a == null || a.forEach((n) => {
+  const s = {}, r = Object.keys(e);
+  return r == null || r.forEach((n) => {
     s[n] = { value: e[n] };
   }), s;
 };
 function he(e, s) {
-  const { type: a } = s;
-  switch (a) {
+  const { type: r } = s;
+  switch (r) {
     case $.reset: {
-      const { filters: n } = s, r = {};
-      return n == null || n.forEach(({ propertyName: l, defaultValue: c }) => {
-        r[l] = { value: c };
-      }), { ...e, ...r };
+      const { filters: n } = s, a = {};
+      return n == null || n.forEach(({ propertyName: l, defaultValue: o }) => {
+        a[l] = { value: o };
+      }), { ...e, ...a };
     }
     case $.update: {
       const { toUpdate: n } = s;
@@ -442,12 +442,12 @@ function he(e, s) {
   }
 }
 const ee = H({}), me = (e) => {
-  const { children: s } = e, { filters: a } = F(), [n, r] = ne(
+  const { children: s } = e, { filters: r } = F(), [n, a] = ne(
     he,
-    pe(a)
+    pe(r)
   ), l = {
     currentFilters: n,
-    setCurrentFilters: r
+    setCurrentFilters: a
   };
   return /* @__PURE__ */ t(ee.Provider, { value: l, children: s });
 }, T = () => {
@@ -457,19 +457,19 @@ const ee = H({}), me = (e) => {
   return e;
 };
 function be(e) {
-  const { t: s } = L(), { entity: a = "", columns: n = [], hasAction: r = !0, onSortCallback: l } = e, { onSort: c, sortingOrder: o, sortingBy: i } = F(), m = C(() => {
+  const { t: s } = L(), { entity: r = "", columns: n = [], hasAction: a = !0, onSortCallback: l } = e, { onSort: o, sortingOrder: c, sortingBy: i } = F(), m = C(() => {
     var d;
-    return (d = n.sort((u, N) => (N.pos ?? 0) - (u.pos ?? 0)).filter((u) => u.display !== "none")) == null ? void 0 : d.map((u) => ({
+    return (d = n.sort((u, f) => (f.pos ?? 0) - (u.pos ?? 0)).filter((u) => u.display !== "none")) == null ? void 0 : d.map((u) => ({
       id: u.key,
       label: u.label,
       className: u.className ?? "",
       sortable: u.sortable ?? !0,
       sortOptions: u.sortOptions
     }));
-  }, [n, a, s]);
+  }, [n, r, s]);
   return /* @__PURE__ */ t("thead", { className: "table-headers-row", children: /* @__PURE__ */ b("tr", { children: [
     m.map((d) => {
-      var u, N, h, p, v, f, y, w;
+      var u, f, h, p, v, N, y, w;
       return /* @__PURE__ */ t(
         "th",
         {
@@ -479,7 +479,7 @@ function be(e) {
             "button",
             {
               disabled: !d.sortable,
-              onClick: () => c(d.id, l),
+              onClick: () => o(d.id, l),
               className: "table-headers-cell",
               children: [
                 /* @__PURE__ */ t("span", { className: "table-headers-label", children: d.label }),
@@ -487,12 +487,12 @@ function be(e) {
                   "span",
                   {
                     className: `${i === d.id ? "table-headers-sort-on" : "table-headers-sort"}`,
-                    children: o === _.ASC ? ((N = (u = d.sortOptions) == null ? void 0 : u.icons) == null ? void 0 : N.asc) ?? /* @__PURE__ */ t(
-                      re,
+                    children: c === _.ASC ? ((f = (u = d.sortOptions) == null ? void 0 : u.icons) == null ? void 0 : f.asc) ?? /* @__PURE__ */ t(
+                      ae,
                       {
                         className: ((p = (h = d.sortOptions) == null ? void 0 : h.icons) == null ? void 0 : p.className) ?? "table-headers-sort-indicator"
                       }
-                    ) : ((f = (v = d.sortOptions) == null ? void 0 : v.icons) == null ? void 0 : f.desc) ?? /* @__PURE__ */ t(
+                    ) : ((N = (v = d.sortOptions) == null ? void 0 : v.icons) == null ? void 0 : N.desc) ?? /* @__PURE__ */ t(
                       se,
                       {
                         className: ((w = (y = d.sortOptions) == null ? void 0 : y.icons) == null ? void 0 : w.className) ?? "table-headers-sort-indicator"
@@ -507,7 +507,7 @@ function be(e) {
         d.id
       );
     }),
-    r && /* @__PURE__ */ t("th", { scope: "col", className: "table-headers-action", children: s("_accessibility:labels.actions") })
+    a && /* @__PURE__ */ t("th", { scope: "col", className: "table-headers-action", children: s("_accessibility:labels.actions") })
   ] }) });
 }
 function ge() {
@@ -515,7 +515,7 @@ function ge() {
   return /* @__PURE__ */ t("div", { className: "table-empty", children: /* @__PURE__ */ t("p", { children: e("_accessibility:components.table.empty") }) });
 }
 const ve = () => {
-  const { t: e } = L(), { total: s, pageSize: a, currentPage: n, setCurrentPage: r } = F();
+  const { t: e } = L(), { total: s, pageSize: r, currentPage: n, setCurrentPage: a } = F();
   return /* @__PURE__ */ b("div", { className: "table-navigation-pages", children: [
     /* @__PURE__ */ t(
       "button",
@@ -524,27 +524,27 @@ const ve = () => {
         disabled: n === 0,
         "aria-label": e("_accessibility:buttons.previous"),
         name: e("_accessibility:buttons.previous"),
-        onClick: () => r(n - 1),
+        onClick: () => a(n - 1),
         children: /* @__PURE__ */ t(le, { className: "w-2.5" })
       }
     ),
     /* @__PURE__ */ t(
       "button",
       {
-        disabled: Math.floor(s / ((n + 1) * a)) === 0,
+        disabled: Math.floor(s / ((n + 1) * r)) === 0,
         className: "table-navigation-buttons",
         name: e("_accessibility:buttons.next"),
         "aria-label": e("_accessibility:buttons.next"),
-        onClick: () => r(n + 1),
-        children: /* @__PURE__ */ t(ae, { className: "w-2.5" })
+        onClick: () => a(n + 1),
+        children: /* @__PURE__ */ t(re, { className: "w-2.5" })
       }
     )
   ] });
 }, Ne = () => {
-  const { t: e } = L(), { total: s, pageSize: a, pageSizes: n, currentPage: r } = F(), l = (r + 1) * a > s ? s : (r + 1) * a;
+  const { t: e } = L(), { total: s, pageSize: r, pageSizes: n, currentPage: a } = F(), l = (a + 1) * r > s ? s : (a + 1) * r;
   return /* @__PURE__ */ b("div", { className: "table-navigation-sizes", children: [
     n[0] < s && /* @__PURE__ */ t(D, { children: /* @__PURE__ */ b("p", { children: [
-      r * a + 1,
+      a * r + 1,
       " - ",
       l,
       " ",
@@ -554,7 +554,7 @@ const ve = () => {
   ] });
 };
 function fe() {
-  const { t: e } = L(), { pageSizes: s, pageSize: a, setPageSize: n } = F(), r = C(
+  const { t: e } = L(), { pageSizes: s, pageSize: r, setPageSize: n } = F(), a = C(
     () => s == null ? void 0 : s.map((l) => ({ id: l, value: l })),
     [s]
   );
@@ -563,8 +563,8 @@ function fe() {
     /* @__PURE__ */ t(
       J,
       {
-        value: a,
-        options: r,
+        value: r,
+        options: a,
         inputClassName: "page-size-input",
         containerClassName: "page-size-input-container",
         helperTextClassName: "hidden",
@@ -574,13 +574,13 @@ function fe() {
   ] });
 }
 function Ce() {
-  const { t: e } = L(), { total: s, pageSize: a, currentPage: n, setCurrentPage: r } = F(), l = C(() => {
-    const c = Math.ceil(s / a);
-    return Array.from({ length: c }, (o, i) => ({
+  const { t: e } = L(), { total: s, pageSize: r, currentPage: n, setCurrentPage: a } = F(), l = C(() => {
+    const o = Math.ceil(s / r);
+    return Array.from({ length: o }, (c, i) => ({
       id: i,
       value: i + 1
     }));
-  }, [s, a]);
+  }, [s, r]);
   return /* @__PURE__ */ b("div", { className: "jump-to-page", children: [
     /* @__PURE__ */ t("p", { children: e("_accessibility:components.table.jumpToPage") }),
     /* @__PURE__ */ t(
@@ -591,7 +591,7 @@ function Ce() {
         inputClassName: "jump-to-page-input",
         containerClassName: "jump-to-page-input-container",
         helperTextClassName: "hidden",
-        onChange: (c) => r(Number(c.target.value))
+        onChange: (o) => a(Number(o.target.value))
       }
     )
   ] });
@@ -605,10 +605,10 @@ function ye() {
   ] });
 }
 function we(e) {
-  const { propertyName: s, options: a, label: n } = e, { currentFilters: r, setCurrentFilters: l } = T(), c = C(() => {
+  const { propertyName: s, options: r, label: n } = e, { currentFilters: a, setCurrentFilters: l } = T(), o = C(() => {
     var i;
-    return ((i = r[s]) == null ? void 0 : i.value) ?? a[0];
-  }, [r]), o = k((i) => {
+    return ((i = a[s]) == null ? void 0 : i.value) ?? r[0];
+  }, [a]), c = k((i) => {
     l({
       type: $.update,
       toUpdate: { [s]: { value: i.target.value } }
@@ -617,79 +617,79 @@ function we(e) {
   return /* @__PURE__ */ t(
     J,
     {
-      value: c,
+      value: o,
       label: n,
-      options: a,
+      options: r,
       helperTextClassName: "hidden",
       containerClassName: "options-widget-container",
-      onChange: o
+      onChange: c
     }
   );
 }
 const xe = (e) => {
-  const { propertyName: s, label: a } = e, { currentFilters: n, setCurrentFilters: r } = T(), l = C(() => {
-    var o;
-    return ((o = n[s]) == null ? void 0 : o.value) ?? "";
-  }, [n]), c = k((o) => {
-    r({
+  const { propertyName: s, label: r } = e, { currentFilters: n, setCurrentFilters: a } = T(), l = C(() => {
+    var c;
+    return ((c = n[s]) == null ? void 0 : c.value) ?? "";
+  }, [n]), o = k((c) => {
+    a({
       type: $.update,
-      toUpdate: { [s]: { value: o.target.value } }
+      toUpdate: { [s]: { value: c.target.value } }
     });
   }, []);
   return /* @__PURE__ */ t(
     U,
     {
       value: l ?? "",
-      label: a,
-      onChange: c,
+      label: r,
+      onChange: o,
       containerClassName: "input-widget-container",
       helperTextClassName: ""
     }
   );
 }, ke = (e) => {
-  const { propertyName: s, label: a, min: n, max: r } = e, { currentFilters: l, setCurrentFilters: c } = T(), o = C(() => {
+  const { propertyName: s, label: r, min: n, max: a } = e, { currentFilters: l, setCurrentFilters: o } = T(), c = C(() => {
     var m;
     return ((m = l[s]) == null ? void 0 : m.value) ?? "";
   }, [l]), i = k(
     (m) => {
-      c({
+      o({
         type: $.update,
         toUpdate: {
           [s]: { value: m.target.value }
         }
       });
     },
-    [o]
+    [c]
   );
   return /* @__PURE__ */ t(
     U,
     {
-      value: o ?? "",
+      value: c ?? "",
       min: n,
-      max: r,
+      max: a,
       type: "number",
-      label: a,
+      label: r,
       containerClassName: "input-widget-container",
       onChange: i,
       helperTextClassName: ""
     }
   );
 }, $e = (e) => {
-  const { propertyName: s, label: a } = e, { currentFilters: n, setCurrentFilters: r } = T(), l = C(() => {
-    var o;
-    return ((o = n[s]) == null ? void 0 : o.value) ?? "";
-  }, [n]), c = k((o) => {
-    r({
+  const { propertyName: s, label: r } = e, { currentFilters: n, setCurrentFilters: a } = T(), l = C(() => {
+    var c;
+    return ((c = n[s]) == null ? void 0 : c.value) ?? "";
+  }, [n]), o = k((c) => {
+    a({
       type: $.update,
-      toUpdate: { [s]: { value: o.target.checked } }
+      toUpdate: { [s]: { value: c.target.checked } }
     });
   }, []);
-  return /* @__PURE__ */ t(ce, { label: a, checked: l ?? !1, onChange: c });
+  return /* @__PURE__ */ t(ce, { label: r, checked: l ?? !1, onChange: o });
 };
 function Se(e) {
-  const { propertyName: s, label: a, options: n, multiple: r = !0 } = e, { currentFilters: l, setCurrentFilters: c } = T(), o = C(() => l[s] ?? n[0], [l]), i = k(
+  const { propertyName: s, label: r, options: n, multiple: a = !0 } = e, { currentFilters: l, setCurrentFilters: o } = T(), c = C(() => l[s] ?? n[0], [l]), i = k(
     (m) => {
-      c({
+      o({
         type: $.update,
         toUpdate: {
           [s]: {
@@ -698,15 +698,15 @@ function Se(e) {
         }
       });
     },
-    [r]
+    [a]
   );
   return /* @__PURE__ */ t(
     ie,
     {
-      value: o == null ? void 0 : o.value,
-      label: a,
+      value: c == null ? void 0 : c.value,
+      label: r,
       options: n,
-      multiple: r,
+      multiple: a,
       helperTextClassName: "hidden",
       containerClassName: "options-widget-container",
       onChange: i
@@ -714,22 +714,22 @@ function Se(e) {
   );
 }
 const Pe = (e) => {
-  const { propertyName: s, label: a } = e, { currentFilters: n, setCurrentFilters: r } = T(), l = C(() => {
-    var o, i;
-    return (o = n[s]) != null && o.value ? new Date(String((i = n[s]) == null ? void 0 : i.value)).toISOString().slice(0, 10) : "";
-  }, [n]), c = k((o) => {
-    r({
+  const { propertyName: s, label: r } = e, { currentFilters: n, setCurrentFilters: a } = T(), l = C(() => {
+    var c, i;
+    return (c = n[s]) != null && c.value ? new Date(String((i = n[s]) == null ? void 0 : i.value)).toISOString().slice(0, 10) : "";
+  }, [n]), o = k((c) => {
+    a({
       type: $.update,
-      toUpdate: { [s]: { value: o.target.value } }
+      toUpdate: { [s]: { value: c.target.value } }
     });
   }, []);
   return /* @__PURE__ */ t(
     U,
     {
       value: l ?? "",
-      label: a,
+      label: r,
       type: "date",
-      onChange: c,
+      onChange: o,
       containerClassName: "input-widget-container",
       helperTextClassName: ""
     }
@@ -752,16 +752,16 @@ const Pe = (e) => {
   return /* @__PURE__ */ t(D, {});
 };
 const Oe = (e) => {
-  const { align: s = "right", filters: a = [], icon: n } = e, [r, l] = P(!1), { onFilterApply: c, filters: o } = F(), { currentFilters: i, setCurrentFilters: m } = T(), { t: d } = L(), u = W(null), N = W(null);
+  const { align: s = "right", filters: r = [], icon: n } = e, [a, l] = P(!1), { onFilterApply: o, filters: c } = F(), { currentFilters: i, setCurrentFilters: m } = T(), { t: d } = L(), u = W(null), f = W(null);
   return M(() => {
     const h = ({ target: p }) => {
-      var v, f;
-      N.current && (!r || (v = N.current) != null && v.contains(p) || (f = u == null ? void 0 : u.current) != null && f.contains(p) || l(!1));
+      var v, N;
+      f.current && (!a || (v = f.current) != null && v.contains(p) || (N = u == null ? void 0 : u.current) != null && N.contains(p) || l(!1));
     };
     return document.addEventListener("click", h), () => document.removeEventListener("click", h);
   }), M(() => {
     const h = (p) => {
-      !r || p.code !== "Escape" || l(!1);
+      !a || p.code !== "Escape" || l(!1);
     };
     return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
   }), /* @__PURE__ */ b("div", { className: "filter-dropdown-main", children: [
@@ -771,8 +771,8 @@ const Oe = (e) => {
         ref: u,
         className: "filter-dropdown-button normal filter-dropdown-trigger",
         "aria-haspopup": "true",
-        onClick: () => l(!r),
-        "aria-expanded": r,
+        onClick: () => l(!a),
+        "aria-expanded": a,
         children: [
           /* @__PURE__ */ t("span", { className: "sr-only", children: d("_accessibility:buttons.filters") }),
           /* @__PURE__ */ t("wbr", {}),
@@ -783,15 +783,15 @@ const Oe = (e) => {
     /* @__PURE__ */ t(
       "div",
       {
-        className: `filter-dropdown-transition ${r ? "opened" : "closed"} ${s === "right" ? "right" : "left"}`,
-        children: /* @__PURE__ */ b("div", { ref: N, children: [
+        className: `filter-dropdown-transition ${a ? "opened" : "closed"} ${s === "right" ? "right" : "left"}`,
+        children: /* @__PURE__ */ b("div", { ref: f, children: [
           /* @__PURE__ */ t("div", { className: "filter-title", children: d("_accessibility:buttons.filters") }),
-          /* @__PURE__ */ t("ul", { className: "filter-container", children: a.map((h) => /* @__PURE__ */ t("li", { className: "filter-container-item", children: ze(h) }, h.propertyName)) }),
+          /* @__PURE__ */ t("ul", { className: "filter-container", children: r.map((h) => /* @__PURE__ */ t("li", { className: "filter-container-item", children: ze(h) }, h.propertyName)) }),
           /* @__PURE__ */ t("div", { className: "filter-footer", children: /* @__PURE__ */ b("ul", { className: "filter-buttons-row", children: [
             /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
               "button",
               {
-                onClick: () => m({ type: $.reset, filters: a }),
+                onClick: () => m({ type: $.reset, filters: r }),
                 className: "filter-dropdown-button small filter-dropdown-cancel",
                 children: d("_accessibility:buttons.clear")
               }
@@ -801,7 +801,7 @@ const Oe = (e) => {
               {
                 className: "filter-dropdown-button small filter-dropdown-submit bg-primary hover:bg-light-primary",
                 onClick: () => {
-                  l(!1), c(i);
+                  l(!1), o(i);
                 },
                 onBlur: () => l(!1),
                 children: d("_accessibility:buttons.applyFilters")
@@ -813,59 +813,59 @@ const Oe = (e) => {
     )
   ] });
 }, Ee = (e) => e, Le = (e) => {
-  const { columns: s, softDeleteProperty: a = "deleted", data: n, actions: r } = e, l = C(
-    () => s.sort((c, o) => (o.pos ?? 0) - (c.pos ?? 0)).filter((c) => c.display !== "none"),
+  const { columns: s, softDeleteProperty: r = "deleted", data: n, actions: a } = e, l = C(
+    () => s.sort((o, c) => (c.pos ?? 0) - (o.pos ?? 0)).filter((o) => o.display !== "none"),
     [s]
   );
-  return n == null ? void 0 : n.map((c) => {
-    var o;
+  return n == null ? void 0 : n.map((o) => {
+    var c;
     return /* @__PURE__ */ b(
       "tr",
       {
-        className: `table-row ${c[a] ? "deleted-class" : ""}`,
+        className: `table-row ${o[r] ? "deleted-class" : ""}`,
         children: [
           l == null ? void 0 : l.map((i, m) => /* @__PURE__ */ t(
             "td",
             {
               className: `table-row-cell ${m === 0 ? "basic" : ""} ${i.className ?? ""}`,
-              children: i.renderBody ? i.renderBody(c[i.key], c) : Ee(c[i.key])
+              children: i.renderBody ? i.renderBody(o[i.key], o) : Ee(o[i.key])
             },
             i.key
           )),
-          r ? /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("div", { className: "table-row-cell-action", children: (o = r(c).filter((i) => !i.hidden)) == null ? void 0 : o.map((i) => /* @__PURE__ */ t(Fe, { content: i.tooltip, children: /* @__PURE__ */ t("button", { onClick: i.onClick, children: i.icon }) }, i.id)) }) }) : null
+          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(Fe, { content: i.tooltip, children: /* @__PURE__ */ t("button", { onClick: () => i.onClick(o), children: i.icon }) }, i.id)) }) }) : null
         ]
       },
-      c.id
+      o.id
     );
   });
 };
 function je(e) {
   const {
     title: s = "",
-    data: a,
+    data: r,
     onSort: n,
-    entity: r = "",
+    entity: a = "",
     isLoading: l = !1,
-    actions: c,
-    columns: o = [],
+    actions: o,
+    columns: c = [],
     contentClassName: i = "",
     className: m = "",
     toolbar: d = /* @__PURE__ */ t(D, {}),
     softDeleteProperty: u = "deleted"
-  } = e, N = C(() => o ? o.sort((p, v) => (v.pos ?? 0) - (p.pos ?? 0)).filter((p) => !!p.filterOptions).map((p) => {
+  } = e, f = C(() => c ? c.sort((p, v) => (v.pos ?? 0) - (p.pos ?? 0)).filter((p) => !!p.filterOptions).map((p) => {
     var v;
     return {
       ...p.filterOptions,
       label: ((v = p.filterOptions) == null ? void 0 : v.label) ?? p.label,
       propertyName: p.key
     };
-  }) : [], [o]), h = C(() => !(a != null && a.length), [a]);
+  }) : [], [c]), h = C(() => !(r != null && r.length), [r]);
   return /* @__PURE__ */ t(me, { children: /* @__PURE__ */ b("div", { className: `${m} table-main`, children: [
     /* @__PURE__ */ b("div", { className: "table-header", children: [
       /* @__PURE__ */ t("h1", { className: "table-header-title", children: s }),
       l ? null : /* @__PURE__ */ b("div", { className: "table-header-right", children: [
         d,
-        /* @__PURE__ */ t(Oe, { filters: N })
+        /* @__PURE__ */ t(Oe, { filters: f })
       ] })
     ] }),
     l ? /* @__PURE__ */ t(de, { className: "table-loading" }) : /* @__PURE__ */ t(D, { children: h ? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ b(D, { children: [
@@ -873,18 +873,18 @@ function je(e) {
         /* @__PURE__ */ t(
           be,
           {
-            entity: r,
-            columns: o,
+            entity: a,
+            columns: c,
             onSortCallback: n,
-            hasAction: !!c
+            hasAction: !!o
           }
         ),
         /* @__PURE__ */ t("tbody", { children: /* @__PURE__ */ t(
           Le,
           {
-            data: a,
-            actions: c,
-            columns: o,
+            data: r,
+            actions: o,
+            columns: c,
             softDeleteProperty: u
           }
         ) })
@@ -894,9 +894,9 @@ function je(e) {
   ] }) });
 }
 function Fe(e) {
-  const { content: s, children: a } = e;
+  const { content: s, children: r } = e;
   return /* @__PURE__ */ b("div", { className: "tooltip-container", children: [
-    a,
+    r,
     /* @__PURE__ */ t("div", { className: "tooltip-text", children: s })
   ] });
 }
@@ -904,11 +904,11 @@ var z = /* @__PURE__ */ ((e) => (e.empty = "empty", e.outlined = "outlined", e.d
 function Te(e) {
   const {
     label: s,
-    onDelete: a,
+    onDelete: r,
     className: n = "",
-    spanClassName: r = "",
+    spanClassName: a = "",
     variant: l = z.default
-  } = e, c = C(() => {
+  } = e, o = C(() => {
     switch (l) {
       case z.empty:
         return "text-primary bg-transparent";
@@ -918,7 +918,7 @@ function Te(e) {
       default:
         return "text-white bg-primary";
     }
-  }, [l]), o = C(() => {
+  }, [l]), c = C(() => {
     switch (l) {
       case z.empty:
       case z.outlined:
@@ -928,9 +928,9 @@ function Te(e) {
         return "filled-chip-delete-button-svg";
     }
   }, [l]);
-  return /* @__PURE__ */ b("div", { className: `chip-main ${c} ${n}`, children: [
-    /* @__PURE__ */ t("span", { className: r, children: s }),
-    a ? /* @__PURE__ */ t("button", { type: "button", className: "chip-delete-button", onClick: a, children: /* @__PURE__ */ t(K, { className: o }) }) : null
+  return /* @__PURE__ */ b("div", { className: `chip-main ${o} ${n}`, children: [
+    /* @__PURE__ */ t("span", { className: a, children: s }),
+    r ? /* @__PURE__ */ t("button", { type: "button", className: "chip-delete-button", onClick: r, children: /* @__PURE__ */ t(K, { className: c }) }) : null
   ] });
 }
 export {
@@ -938,8 +938,8 @@ export {
   ce as CheckInput,
   se as ChevronDown,
   le as ChevronLeft,
-  ae as ChevronRight,
-  re as ChevronUp,
+  re as ChevronRight,
+  ae as ChevronUp,
   Te as Chip,
   z as ChipVariant,
   K as Close,

package/dist/lib/index.d.ts

@@ -1,2 +1,3 @@
 export * from './filters';
 export * from './query';
+export * from './models';

package/dist/lib/models/BaseDto.d.ts

@@ -0,0 +1,4 @@
+export type BaseDto = {
+    id: number;
+    deleted: boolean;
+};

package/dist/lib/models/index.d.ts

@@ -0,0 +1 @@
+export * from './BaseDto';

package/dist/providers/TableOptions/types.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { FiltersValue, SortOrder } from '../../lib';
 export type TableOptionsContextType = {
-    onSort: (column: string, onSortCallback: (prop: string, sortOrder: SortOrder) => void) => void;
+    onSort: (column: string, onSortCallback?: (prop: string, sortOrder: SortOrder) => void) => void;
     total: number;
     setTotal: (total: number) => void;
     sortingBy: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sito/dashboard",
   "private": false,
-  "version": "0.0.33",
+  "version": "0.0.35",
   "type": "module",
   "description": "UI library with custom components for dashboards",
   "main": "dist/dashboard.cjs",
@@ -10,10 +10,14 @@
   "files": [
     "dist/"
   ],
+  "homepage": "https://github.com/sito8943/-sito-dashboard#readme",
   "repository": {
     "type": "git",
     "url": "https://github.com/sito8943/-sito-dashboard.git"
   },
+  "bugs": {
+    "url": "https://github.com/sito8943/-sito-dashboard/issues"
+  },
   "exports": {
     ".": {
       "import": "./dist/dashboard.js",