@sito/dashboard 0.0.34 → 0.0.36

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,8 +1,9 @@
 import { ReactNode } from 'react';
 import { Action } from '../types';
-import { FilterTypes, SortOrder } from '../../../lib';
-export type ColumnType = {
-    key: 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;
@@ -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/main.css

@@ -1 +1 @@
-*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.table{display:table}.table-row{display:table-row}.hidden{display:none}.w-2\.5{width:.625rem}.border{border-width:1px}.bg-transparent{background-color:transparent}.stroke-blue-800{stroke:#1e40af}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.select-input-container{position:relative;z-index:0;margin-bottom:1.25rem;width:100%}.select-input{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0px;border-bottom-width:2px;background-color:transparent;padding-top:.625rem;padding-bottom:.625rem;padding-left:0;padding-right:0;font-size:.875rem;line-height:1.25rem}.select-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.select-input:disabled{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.select-input-label{position:absolute;top:.75rem;z-index:-10;transform-origin:0;--tw-translate-y: -1.5rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem;line-height:1.25rem;transition-duration:.3s}.peer:-moz-placeholder-shown~.select-input-label{--tw-translate-y: 0px;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:placeholder-shown~.select-input-label{--tw-translate-y: 0px;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.select-input-label{inset-inline-start:0px;--tw-translate-y: -1.5rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-weight:500}.peer:focus~.select-input-label:where([dir=rtl],[dir=rtl] *){left:auto;--tw-translate-x: 25%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-input-helper-text{margin-top:.5rem;font-size:.875rem;line-height:1.25rem}.text-input-container{position:relative;z-index:0;margin-bottom:1.25rem;width:100%}.text-input{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0px;border-bottom-width:2px;background-color:transparent;padding-top:.625rem;padding-bottom:.625rem;padding-left:0;padding-right:0;font-size:.875rem;line-height:1.25rem}.text-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.text-input-label{position:absolute;top:.75rem;z-index:-10;transform-origin:0;--tw-translate-y: -1.75rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem;line-height:1.25rem;transition-duration:.3s}.peer:-moz-placeholder-shown~.text-input-label{--tw-translate-y: 0px;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:placeholder-shown~.text-input-label{--tw-translate-y: 0px;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.text-input-label{inset-inline-start:0px;--tw-translate-y: -1.75rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-weight:500}.peer:focus~.text-input-label:where([dir=rtl],[dir=rtl] *){left:auto;--tw-translate-x: 25%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.text-input-helper-text{margin-top:.5rem;font-size:.875rem;line-height:1.25rem}.input-check-container{display:flex;align-items:center}.input-check{border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.input-check:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 0px }.input-check-label{margin-left:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500}.autocomplete-input-container{position:relative;margin-bottom:1.25rem;width:100%}.autocomplete-text-input{margin-bottom:0!important}.autocomplete-delete-button{position:absolute;right:0;top:9px}.autocomplete-suggestions-container{position:absolute;z-index:10;margin:0;max-height:11rem;width:100%;overflow:auto;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:0;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(0 0 0 / .6);--tw-shadow: var(--tw-shadow-colored) }.autocomplete-suggestion-item{padding:.5rem}.autocomplete-value-container{margin-top:1rem;margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.5rem}.loader-container{padding:5%}.loader{width:40px;position:relative;margin:0 auto}.loader:before{content:"";padding-top:100%;display:block}.circular{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;animation:rotate 2s linear infinite;transform-origin:center center}.path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.loading{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.filter-dropdown-main{position:relative;display:inline-flex}.filter-dropdown-button{display:inline-flex;align-items:center;justify-content:center;border-radius:.25rem;border-width:1px;border-color:transparent;font-size:.875rem;line-height:1.25rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.filter-dropdown-button.normal{padding:.5rem .75rem}.filter-dropdown-button.small{padding:.125rem .5rem}.filter-dropdown-cancel{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.filter-dropdown-cancel:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.filter-dropdown-submit{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.filter-dropdown-trigger{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.filter-dropdown-trigger:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.filter-dropdown-trigger-icon{height:1rem;width:1rem;fill:currentColor}.filter-dropdown-transition{position:absolute;top:100%;left:0;right:auto;z-index:10;margin-top:.25rem;min-width:576px;transform-origin:top right;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-top:.375rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.filter-dropdown-transition.opened{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.filter-dropdown-transition.closed{pointer-events:none;--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}@media (min-width: 768px){.filter-dropdown-transition.right{left:auto;right:0}.filter-dropdown-transition.left{left:0;right:auto}}.filter-title{padding:.375rem .75rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.filter-container{margin-bottom:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.filter-container-item{display:flex;align-items:center;padding:.5rem .75rem}.filter-footer{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity));padding:.5rem .75rem}.filter-buttons-row{display:flex;align-items:center;justify-content:space-between}.table-main{position:relative;display:flex;height:100%;width:100%;flex-direction:column;overflow-x:auto}.table-header{margin-bottom:1.25rem;display:flex;width:100%;align-items:center;justify-content:space-between}.table-header-right{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.table-header-title{margin-left:1.25rem;margin-right:1.25rem;font-size:1.5rem;line-height:2rem;font-weight:700}@media (min-width: 768px){.table-header-title{font-size:1.875rem;line-height:2.25rem}}.table-body{flex:1 1 0%;overflow:auto}.table-content{width:100%;text-align:left;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.table-loading{top:0;left:0;height:100%;width:100%;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.table-row{border-bottom-width:1px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.table-row-cell{padding:1rem 1.5rem;font-weight:500}.table-row-cell.basic{white-space:nowrap;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.table-row-cell-action{display:flex;width:100%;align-items:center;justify-content:center;gap:.75rem}.jump-to-page,.page-size{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.jump-to-page-input,.page-size-input{border-style:none!important;padding-top:0!important;padding-bottom:0!important;padding-left:.5rem!important;padding-right:1.75rem!important;font-weight:700}.jump-to-page-input-container,.page-size-input-container{margin-bottom:0!important;width:auto!important;border-style:none!important}.table-headers-row{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.table-headers-column{padding:.75rem 1.5rem}.table-headers-cell{display:flex;align-items:center;gap:.5rem}.table-headers-label{white-space:nowrap}.table-headers-sort{opacity:0}.table-headers-sort-on{opacity:1}.table-headers-sort-indicator{width:.75rem}.table-headers-action{padding:.75rem 1.5rem;text-align:center}.table-empty{display:flex;width:100%;align-items:center;justify-content:center;border-top-width:1px;padding-top:.5rem;padding-bottom:.5rem}.table-footer{margin-top:1.25rem;display:flex;width:100%;align-items:center;justify-content:flex-end;gap:1.25rem;padding-left:1.25rem;padding-right:1.25rem}.table-navigation-sizes{display:flex;align-items:center;justify-content:flex-start;gap:.25rem}.table-navigation-pages{display:flex;align-items:center;justify-content:flex-end;gap:1.25rem}.table-navigation-buttons:disabled{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.options-widget-container{margin-bottom:0;padding-bottom:.5rem}.input-widget-container{margin-bottom:0}.tooltip-container{position:relative;display:inline-block;cursor:pointer}.tooltip-text{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px 10px;border-radius:5px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.chip-main{display:flex;align-items:center;justify-content:flex-start;border-radius:1.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.chip-delete-button{margin-left:.5rem}.chip-delete-button-svg{width:.75rem;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.filled-chip-delete-button-svg{width:.75rem;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.table{display:table}.table-row{display:table-row}.hidden{display:none}.w-2\.5{width:.625rem}.border{border-width:1px}.bg-transparent{background-color:transparent}.stroke-blue-800{stroke:#1e40af}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.select-input-container{position:relative;z-index:0;margin-bottom:1.25rem;width:100%}.select-input{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0px;border-bottom-width:2px;background-color:transparent;padding-top:.625rem;padding-bottom:.625rem;padding-left:0;padding-right:0;font-size:.875rem;line-height:1.25rem}.select-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.select-input:disabled{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.select-input-label{position:absolute;top:.75rem;z-index:-10;transform-origin:0;--tw-translate-y: -1.5rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem;line-height:1.25rem;transition-duration:.3s}.peer:-moz-placeholder-shown~.select-input-label{--tw-translate-y: 0px;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:placeholder-shown~.select-input-label{--tw-translate-y: 0px;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.select-input-label{inset-inline-start:0px;--tw-translate-y: -1.5rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-weight:500}.peer:focus~.select-input-label:where([dir=rtl],[dir=rtl] *){left:auto;--tw-translate-x: 25%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-input-helper-text{margin-top:.5rem;font-size:.875rem;line-height:1.25rem}.text-input-container{position:relative;z-index:0;margin-bottom:1.25rem;width:100%}.text-input{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0px;border-bottom-width:2px;background-color:transparent;padding-top:.625rem;padding-bottom:.625rem;padding-left:0;padding-right:0;font-size:.875rem;line-height:1.25rem}.text-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.text-input-label{position:absolute;top:.75rem;z-index:-10;transform-origin:0;--tw-translate-y: -1.75rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem;line-height:1.25rem;transition-duration:.3s}.peer:-moz-placeholder-shown~.text-input-label{--tw-translate-y: 0px;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:placeholder-shown~.text-input-label{--tw-translate-y: 0px;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.text-input-label{inset-inline-start:0px;--tw-translate-y: -1.75rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-weight:500}.peer:focus~.text-input-label:where([dir=rtl],[dir=rtl] *){left:auto;--tw-translate-x: 25%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.text-input-helper-text{margin-top:.5rem;font-size:.875rem;line-height:1.25rem}.input-check-container{display:flex;align-items:center}.input-check{border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.input-check:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 0px }.input-check-label{margin-left:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500}.autocomplete-input-container{position:relative;margin-bottom:1.25rem;width:100%}.autocomplete-text-input{margin-bottom:0!important}.autocomplete-delete-button{position:absolute;right:0;top:9px}.autocomplete-suggestions-container{position:absolute;z-index:10;margin:0;max-height:11rem;width:100%;overflow:auto;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:0;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(0 0 0 / .6);--tw-shadow: var(--tw-shadow-colored) }.autocomplete-suggestion-item{padding:.5rem}.autocomplete-value-container{margin-top:1rem;margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.5rem}.loader-container{padding:5%}.loader{width:40px;position:relative;margin:0 auto}.loader:before{content:"";padding-top:100%;display:block}.circular{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;animation:rotate 2s linear infinite;transform-origin:center center}.path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.loading{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.filter-dropdown-main{position:relative;display:inline-flex}.filter-dropdown-button{display:inline-flex;align-items:center;justify-content:center;border-radius:.25rem;border-width:1px;border-color:transparent;font-size:.875rem;line-height:1.25rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.filter-dropdown-button.normal{padding:.5rem .75rem}.filter-dropdown-button.small{padding:.125rem .5rem}.filter-dropdown-cancel{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.filter-dropdown-cancel:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.filter-dropdown-submit{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.filter-dropdown-trigger{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.filter-dropdown-trigger:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.filter-dropdown-trigger-icon{height:1rem;width:1rem;fill:currentColor}.filter-dropdown-transition{position:absolute;top:100%;left:0;right:auto;z-index:10;margin-top:.25rem;min-width:576px;transform-origin:top right;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-top:.375rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.filter-dropdown-transition.opened{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.filter-dropdown-transition.closed{pointer-events:none;--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}@media (min-width: 768px){.filter-dropdown-transition.right{left:auto;right:0}.filter-dropdown-transition.left{left:0;right:auto}}.filter-title{padding:.375rem .75rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.filter-container{margin-bottom:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.filter-container-item{display:flex;align-items:center;padding:.5rem .75rem}.filter-footer{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity));padding:.5rem .75rem}.filter-buttons-row{display:flex;align-items:center;justify-content:space-between}.table-main{position:relative;display:flex;height:100%;width:100%;flex-direction:column;overflow-x:auto}.table-header{margin-bottom:1.25rem;display:flex;width:100%;align-items:center;justify-content:space-between}.table-header-right{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.table-header-title{margin-left:1.25rem;margin-right:1.25rem;font-size:1.5rem;line-height:2rem;font-weight:700}@media (min-width: 768px){.table-header-title{font-size:1.875rem;line-height:2.25rem}}.table-body{flex:1 1 0%;overflow:auto}.table-content{width:100%;text-align:left;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.table-loading{top:0;left:0;height:100%;width:100%;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.table-row{border-bottom-width:1px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.table-row-cell{padding:1rem 1.5rem;font-weight:500}.table-row-cell.basic{white-space:nowrap;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.table-row-cell-action{display:flex;width:100%;align-items:center;justify-content:center;gap:.75rem}.jump-to-page,.page-size{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.jump-to-page-input,.page-size-input{border-style:none!important;padding-top:0!important;padding-bottom:0!important;padding-left:.5rem!important;padding-right:1.75rem!important;font-weight:700}.jump-to-page-input-container,.page-size-input-container{margin-bottom:0!important;width:auto!important;border-style:none!important}.table-headers-row{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.table-headers-column{padding:.75rem 1.5rem}.table-headers-cell{display:flex;align-items:center;gap:.5rem}.table-headers-label{white-space:nowrap}.table-headers-sort{opacity:0}.table-headers-sort-on{opacity:1}.table-headers-sort-indicator{width:.75rem}.table-headers-action{padding:.75rem 1.5rem;text-align:center}.table-empty{display:flex;width:100%;align-items:center;justify-content:center;border-top-width:1px;padding-top:.5rem;padding-bottom:.5rem}.table-footer{margin-top:1.25rem;display:flex;width:100%;align-items:center;justify-content:flex-end;gap:1.25rem;padding-left:1.25rem;padding-right:1.25rem}.table-navigation-sizes{display:flex;align-items:center;justify-content:flex-start;gap:.25rem}.table-navigation-pages{display:flex;align-items:center;justify-content:flex-end;gap:1.25rem}.table-navigation-buttons:disabled{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.options-widget-container{margin-bottom:0;padding-bottom:.5rem}.input-widget-container{margin-bottom:0}.tooltip-container{position:relative;display:inline-block;cursor:pointer}.tooltip-text{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px 10px;border-radius:5px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.chip-main{display:flex;align-items:center;justify-content:flex-start;border-radius:1.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.chip-delete-button{margin-left:.5rem}.chip-delete-button-svg{width:.75rem;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.filled-chip-delete-button-svg{width:.75rem;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}

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.34",
+  "version": "0.0.36",
   "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",