@selfeesas/shared-components 1.3.3 → 1.4.0

package/dist/shared-components.d.ts

@@ -5,6 +5,7 @@ import { ExtractPropTypes } from 'vue';
 import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 import { QBreadcrumbsProps } from 'quasar';
+import { Ref } from 'vue';
 import { RouteLocationNormalizedLoaded } from 'vue-router';
 import { RouteLocationRaw } from 'vue-router';
 import { RouteParamsRaw } from 'vue-router';
@@ -18,72 +19,10 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<__VLS_TypePropsT
 
 declare const __VLS_component_2: DefineComponent<ExtractPropTypes<__VLS_TypePropsToOption_9<LayoutProps>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption_9<LayoutProps>>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const __VLS_component_3: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToOption_12<CustomTableProps>, {
-    filter: null;
-    loading: boolean;
-    rowKey: string;
-    services: () => {};
-    conditionals: () => {};
-    actions: () => never[];
-    rowClasses: undefined;
-    selection: string;
-    selected: () => never[];
-    selectable: () => true;
-    showSelectAll: boolean;
-    showSkeleton: boolean;
-    showColumnToggle: boolean;
-    columnStorageKey: undefined;
-}>>, {
-    clearSelection: typeof clearSelection;
-    getSelectedRows: () => any[];
-    toggleRowSelection: typeof toggleRowSelection;
-    toggleSelectAll: typeof toggleSelectAll;
-    toggleColumnVisibility: (columnName: string) => void;
-    resetColumns: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update:pagination": (...args: any[]) => void;
-    "update:selected": (...args: any[]) => void;
-    "selection-change": (...args: any[]) => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToOption_12<CustomTableProps>, {
-    filter: null;
-    loading: boolean;
-    rowKey: string;
-    services: () => {};
-    conditionals: () => {};
-    actions: () => never[];
-    rowClasses: undefined;
-    selection: string;
-    selected: () => never[];
-    selectable: () => true;
-    showSelectAll: boolean;
-    showSkeleton: boolean;
-    showColumnToggle: boolean;
-    columnStorageKey: undefined;
-}>>> & Readonly<{
-    "onUpdate:pagination"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:selected"?: ((...args: any[]) => any) | undefined;
-    "onSelection-change"?: ((...args: any[]) => any) | undefined;
-}>, {
-    filter: string | null;
-    loading: boolean;
-    rowKey: string;
-    services: CustomTableServices;
-    conditionals: CustomTableConditionals;
-    actions: TableAction[] | ((row: any) => TableAction[]);
-    showSkeleton: boolean;
-    rowClasses: string | ((row: any) => string);
-    selection: "single" | "multiple" | "none";
-    selected: any[];
-    selectable: (row: any) => boolean;
-    showSelectAll: boolean;
-    showColumnToggle: boolean;
-    columnStorageKey: string;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-
-declare const __VLS_component_4: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToOption_19<Props_2>, {
+declare const __VLS_component_3: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToOption_18<Props_2>, {
     to: string;
     useDiv: boolean;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToOption_19<Props_2>, {
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToOption_18<Props_2>, {
     to: string;
     useDiv: boolean;
 }>>> & Readonly<{}>, {
@@ -91,7 +30,7 @@ declare const __VLS_component_4: DefineComponent<ExtractPropTypes<__VLS_WithDefa
     useDiv: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const __VLS_component_5: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToOption_20<SelfeeCardProps>, {
+declare const __VLS_component_4: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToOption_19<SelfeeCardProps>, {
     showHeader: boolean;
     colorScheme: string;
     shadowIntensity: string;
@@ -106,7 +45,7 @@ declare const __VLS_component_5: DefineComponent<ExtractPropTypes<__VLS_WithDefa
     subtitle: string;
     title: string;
     contentGap: boolean;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToOption_20<SelfeeCardProps>, {
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToOption_19<SelfeeCardProps>, {
     showHeader: boolean;
     colorScheme: string;
     shadowIntensity: string;
@@ -126,26 +65,26 @@ declare const __VLS_component_5: DefineComponent<ExtractPropTypes<__VLS_WithDefa
     dense: boolean;
     rounded: boolean;
     title: string;
-    bordered: boolean;
     subtitle: string;
     showHeader: boolean;
     colorScheme: "primary" | "secondary" | "accent" | "info" | "warning" | "error" | "success" | "neutral";
     shadowIntensity: "none" | "light" | "medium" | "heavy";
     noPadding: boolean;
     hoverable: boolean;
+    bordered: boolean;
     centerTitle: boolean;
     centerActions: boolean;
     contentGap: boolean | string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const __VLS_component_6: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToOption_21<SmartFiltersProps>, {
+declare const __VLS_component_5: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToOption_20<SmartFiltersProps>, {
     containerClass: string;
     rowClass: string;
     activeHiddenCount: number;
     hasActiveFilters: boolean;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     reset: () => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToOption_21<SmartFiltersProps>, {
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToOption_20<SmartFiltersProps>, {
     containerClass: string;
     rowClass: string;
     activeHiddenCount: number;
@@ -159,7 +98,7 @@ declare const __VLS_component_6: DefineComponent<ExtractPropTypes<__VLS_WithDefa
     activeHiddenCount: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const __VLS_component_7: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToOption_23<CustomTableProps_2>, {
+declare const __VLS_component_6: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToOption_22<CustomTableProps>, {
     filter: null;
     loading: boolean;
     pagination: () => {
@@ -186,21 +125,28 @@ declare const __VLS_component_7: DefineComponent<ExtractPropTypes<__VLS_WithDefa
     defaultRowsPerPage: number;
     initialParams: () => {};
     filterSelected: () => {};
+    multiSort: boolean;
+    maxSortFields: number;
 }>>, {
-    clearSelection: typeof clearSelection_2;
+    clearSelection: typeof clearSelection;
     getSelectedRows: () => any[];
-    toggleRowSelection: typeof toggleRowSelection_2;
-    toggleSelectAll: typeof toggleSelectAll_2;
+    toggleRowSelection: typeof toggleRowSelection;
+    toggleSelectAll: typeof toggleSelectAll;
     toggleColumnVisibility: (columnName: string) => void;
     resetColumns: () => void;
     refresh: () => Promise<void>;
+    getSortIndicator: (columnName: string) => {
+        direction: "asc" | "desc" | null;
+        order: number;
+    };
+    clearSort: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:pagination": (...args: any[]) => void;
     "update:selected": (...args: any[]) => void;
     "selection-change": (...args: any[]) => void;
     "data-loaded": (...args: any[]) => void;
     "loading-change": (...args: any[]) => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToOption_23<CustomTableProps_2>, {
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToOption_22<CustomTableProps>, {
     filter: null;
     loading: boolean;
     pagination: () => {
@@ -227,6 +173,8 @@ declare const __VLS_component_7: DefineComponent<ExtractPropTypes<__VLS_WithDefa
     defaultRowsPerPage: number;
     initialParams: () => {};
     filterSelected: () => {};
+    multiSort: boolean;
+    maxSortFields: number;
 }>>> & Readonly<{
     "onUpdate:pagination"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selected"?: ((...args: any[]) => any) | undefined;
@@ -236,21 +184,23 @@ declare const __VLS_component_7: DefineComponent<ExtractPropTypes<__VLS_WithDefa
 }>, {
     filter: string | null;
     loading: boolean;
-    pagination: Pagination_2;
-    rowKey: string;
-    services: CustomTableServices_2;
-    conditionals: CustomTableConditionals_2;
-    actions: TableAction_2[] | ((row: any) => TableAction_2[]);
-    showSkeleton: boolean;
-    rowClasses: string | ((row: any) => string);
-    selection: "single" | "multiple" | "none";
+    persistKey: string;
+    pagination: Pagination;
+    defaultRowsPerPage: number;
     selected: any[];
+    rowKey: string;
+    selection: SelectionMode_2;
     selectable: (row: any) => boolean;
     showSelectAll: boolean;
+    rowClasses: string | ((row: any) => string);
+    services: CustomTableServices;
+    conditionals: CustomTableConditionals;
+    actions: TableAction[] | ((row: any) => TableAction[]);
+    showSkeleton: boolean;
     showColumnToggle: boolean;
     columnStorageKey: string;
-    persistKey: string;
-    defaultRowsPerPage: number;
+    multiSort: boolean;
+    maxSortFields: number;
     useBuiltInPagination: boolean;
     fetchDataFn: (params?: Record<string, any>) => Promise<any> | void;
     initialParams: Record<string, any>;
@@ -287,8 +237,6 @@ declare type __VLS_NonUndefinedable_21<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_22<T> = T extends undefined ? never : T;
 
-declare type __VLS_NonUndefinedable_23<T> = T extends undefined ? never : T;
-
 declare type __VLS_NonUndefinedable_3<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_4<T> = T extends undefined ? never : T;
@@ -335,10 +283,6 @@ declare type __VLS_PrettifyLocal_16<T> = {
     [K in keyof T]: T[K];
 } & {};
 
-declare type __VLS_PrettifyLocal_17<T> = {
-    [K in keyof T]: T[K];
-} & {};
-
 declare type __VLS_PrettifyLocal_2<T> = {
     [K in keyof T]: T[K];
 } & {};
@@ -426,32 +370,6 @@ declare function __VLS_template_2(): {
 };
 
 declare function __VLS_template_3(): {
-    attrs: Partial<{}>;
-    slots: {
-        'selection-actions'?(_: {
-            selected: any[];
-            clearSelection: typeof clearSelection;
-        }): any;
-        'expand-button'?(_: {
-            row: any;
-            expanded: boolean;
-            toggle: () => Promise<void>;
-        }): any;
-        'body-cell'?(_: {
-            row: any;
-            col: any;
-            value: any;
-            badgeConfig: BadgeConfig | null;
-        }): any;
-        expanded?(_: {
-            row: any;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-
-declare function __VLS_template_4(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -461,7 +379,7 @@ declare function __VLS_template_4(): {
     rootEl: any;
 };
 
-declare function __VLS_template_5(): {
+declare function __VLS_template_4(): {
     attrs: Partial<{}>;
     slots: {
         header?(_: {}): any;
@@ -472,7 +390,7 @@ declare function __VLS_template_5(): {
     rootEl: any;
 };
 
-declare function __VLS_template_6(): {
+declare function __VLS_template_5(): {
     attrs: Partial<{}>;
     slots: {
         visible?(_: {}): any;
@@ -483,12 +401,12 @@ declare function __VLS_template_6(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_7(): {
+declare function __VLS_template_6(): {
     attrs: Partial<{}>;
     slots: {
         'selection-actions'?(_: {
             selected: any[];
-            clearSelection: typeof clearSelection_2;
+            clearSelection: typeof clearSelection;
         }): any;
         'expand-button'?(_: {
             row: any;
@@ -521,8 +439,6 @@ declare type __VLS_TemplateResult_5 = ReturnType<typeof __VLS_template_5>;
 
 declare type __VLS_TemplateResult_6 = ReturnType<typeof __VLS_template_6>;
 
-declare type __VLS_TemplateResult_7 = ReturnType<typeof __VLS_template_7>;
-
 declare type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable<T[K]>>;
@@ -658,15 +574,6 @@ declare type __VLS_TypePropsToOption_22<T> = {
     };
 };
 
-declare type __VLS_TypePropsToOption_23<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable_23<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-
 declare type __VLS_TypePropsToOption_3<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_3<T[K]>>;
@@ -778,12 +685,6 @@ declare type __VLS_WithDefaults_16<P, D> = {
     }> : P[K];
 };
 
-declare type __VLS_WithDefaults_17<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal_17<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-
 declare type __VLS_WithDefaults_2<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal_2<P[K] & {
         default: D[K];
@@ -868,18 +769,16 @@ declare type __VLS_WithTemplateSlots_6<T, S> = T & {
     };
 };
 
-declare type __VLS_WithTemplateSlots_7<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+export declare type ActionPosition = 'row' | 'cell' | 'both';
 
-declare interface BadgeConfig {
+export declare type Align = 'left' | 'right' | 'center';
+
+export declare interface BadgeConfig {
     color?: string;
     label?: string;
     outline?: boolean;
     rounded?: boolean;
-    size?: 'sm' | 'md';
+    size?: BadgeSize;
     icon?: string;
     class?: string;
 }
@@ -894,6 +793,8 @@ declare interface BadgeConfig_2 {
     class?: string;
 }
 
+export declare type BadgeSize = 'sm' | 'md';
+
 export declare interface BreadcrumbConfig {
     entity: string;
     dataCy: string;
@@ -973,9 +874,11 @@ export declare interface CheckboxOption {
 
 declare function clearSelection(): void;
 
-declare function clearSelection_2(): void;
+export declare interface ColumnVisibilityState {
+    [columnName: string]: boolean;
+}
 
-export declare const ConfirmDeleteDialog: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToOption_18<ConfirmDeleteDialogProps>, {
+export declare const ConfirmDeleteDialog: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToOption_17<ConfirmDeleteDialogProps>, {
     icon: string;
     color: string;
     confirmLabel: string;
@@ -984,7 +887,7 @@ export declare const ConfirmDeleteDialog: DefineComponent<ExtractPropTypes<__VLS
     "update:modelValue": (value: boolean) => void;
     confirm: () => void;
     cancel: () => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToOption_18<ConfirmDeleteDialogProps>, {
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToOption_17<ConfirmDeleteDialogProps>, {
     icon: string;
     color: string;
     confirmLabel: string;
@@ -1030,62 +933,34 @@ export declare interface CustomBreadcrumbsProps extends QBreadcrumbsProps {
     breadcrumbConfig: BreadcrumbConfig[];
 }
 
-export declare const CustomTable: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
-
 export declare interface CustomTableConditionals {
-    shouldShowExpandButton?: (row: any) => boolean;
-    shouldShowSelectionColumn?: () => boolean;
-}
-
-declare interface CustomTableConditionals_2 {
-    shouldShowExpandButton?: (row: any) => boolean;
+    shouldShowExpandButton?: (row: Record<string, any>) => boolean;
     shouldShowSelectionColumn?: () => boolean;
 }
 
 export declare interface CustomTableProps {
     columns: TableColumn[];
-    results: any[];
-    filter?: string | null;
+    results?: any[];
     pagination: Pagination;
     loading?: boolean;
-    onRequest?: (props: TableRequestProps) => void;
-    rowKey?: string;
-    services?: CustomTableServices;
-    conditionals?: CustomTableConditionals;
-    actions?: TableAction[] | ((row: any) => TableAction[]);
-    showSkeleton?: boolean;
-    rowClasses?: string | ((row: any) => string);
-    selection?: 'single' | 'multiple' | 'none';
+    filter?: string | null;
     selected?: any[];
+    onRequest?: (props: TableRequestProps) => void;
     onSelectionChange?: (selected: any[]) => void;
-    selectable?: (row: any) => boolean;
-    showSelectAll?: boolean;
-    showColumnToggle?: boolean;
-    columnStorageKey?: string;
     onRowDblClick?: (row: any) => void;
-}
-
-declare interface CustomTableProps_2 {
-    columns: TableColumn_2[];
-    results?: any[];
-    filter?: string | null;
-    pagination: Pagination_2;
-    loading?: boolean;
-    onRequest?: (props: TableRequestProps_2) => void;
     rowKey?: string;
-    services?: CustomTableServices_2;
-    conditionals?: CustomTableConditionals_2;
-    actions?: TableAction_2[] | ((row: any) => TableAction_2[]);
-    showSkeleton?: boolean;
-    rowClasses?: string | ((row: any) => string);
-    selection?: 'single' | 'multiple' | 'none';
-    selected?: any[];
-    onSelectionChange?: (selected: any[]) => void;
+    selection?: SelectionMode_2;
     selectable?: (row: any) => boolean;
     showSelectAll?: boolean;
+    rowClasses?: string | ((row: any) => string);
+    services?: CustomTableServices;
+    conditionals?: CustomTableConditionals;
+    actions?: TableAction[] | ((row: any) => TableAction[]);
+    showSkeleton?: boolean;
     showColumnToggle?: boolean;
     columnStorageKey?: string;
-    onRowDblClick?: (row: any) => void;
+    multiSort?: boolean;
+    maxSortFields?: number;
     useBuiltInPagination?: boolean;
     fetchDataFn?: (params?: Record<string, any>) => Promise<any> | void;
     persistKey?: string;
@@ -1095,13 +970,8 @@ declare interface CustomTableProps_2 {
 }
 
 export declare interface CustomTableServices {
-    fetchDetails?: (row: any) => Promise<any>;
-    redirectToPrm?: (row: any) => void;
-}
-
-declare interface CustomTableServices_2 {
-    fetchDetails?: (row: any) => Promise<any>;
-    redirectToPrm?: (row: any) => void;
+    fetchDetails?: (row: Record<string, any>) => Promise<any>;
+    redirectToPrm?: (row: Record<string, any>) => void;
 }
 
 export declare const DATE_FORMAT_REGEX: RegExp;
@@ -1376,7 +1246,7 @@ export declare type DisabledDateObject = {
     end_date: string | Date;
 };
 
-export declare const DynamicTeleport: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+export declare const DynamicTeleport: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
 export declare interface EnergyDot {
     size: number;
@@ -1398,7 +1268,7 @@ export declare interface ExcelExportFilters {
     [key: string]: string | number | boolean | string[] | null | undefined;
 }
 
-export declare const ExportButton: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToOption_13<__VLS_Props_3>, {
+export declare const ExportButton: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToOption_12<__VLS_Props_3>, {
     label: string;
     color: string;
     disabled: boolean;
@@ -1406,7 +1276,7 @@ export declare const ExportButton: DefineComponent<ExtractPropTypes<__VLS_WithDe
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     success: () => void;
     error: (error: unknown) => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToOption_13<__VLS_Props_3>, {
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToOption_12<__VLS_Props_3>, {
     label: string;
     color: string;
     disabled: boolean;
@@ -1461,12 +1331,12 @@ export declare type LoaderSize = 'small' | 'medium' | 'large';
 
 export declare type LoaderVariant = 'spin' | 'pulse' | 'wave';
 
-export declare const LoginLayout: DefineComponent<ExtractPropTypes<__VLS_TypePropsToOption_14<__VLS_Props_4>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const LoginLayout: DefineComponent<ExtractPropTypes<__VLS_TypePropsToOption_13<__VLS_Props_4>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     login: (credentials: {
         username: string;
         password: string;
     }) => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption_14<__VLS_Props_4>>> & Readonly<{
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption_13<__VLS_Props_4>>> & Readonly<{
     onLogin?: ((credentials: {
         username: string;
         password: string;
@@ -1508,21 +1378,17 @@ export declare interface NavStore {
 }
 
 export declare interface Pagination {
-    sortBy?: string;
-    descending?: boolean;
     page: number;
     rowsPerPage: number;
     rowsNumber?: number;
     rowsPerPageOptions?: number[];
+    sortBy?: string | string[];
+    descending?: boolean | boolean[];
 }
 
-declare interface Pagination_2 {
-    sortBy?: string;
-    descending?: boolean;
-    page: number;
-    rowsPerPage: number;
-    rowsNumber?: number;
-    rowsPerPageOptions?: number[];
+export declare interface PaginationOptions {
+    persistKey?: string;
+    defaultRowsPerPage?: number;
 }
 
 export declare function parseDate(dateStr: string): Date;
@@ -1537,7 +1403,7 @@ export declare interface Particle {
     opacity: number;
 }
 
-export declare const PersistentDateRange: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToOption_22<PersistentDateRangeProps>, {
+export declare const PersistentDateRange: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToOption_21<PersistentDateRangeProps>, {
     modelValue: () => {
         from: string;
         to: string;
@@ -1572,7 +1438,7 @@ export declare const PersistentDateRange: DefineComponent<ExtractPropTypes<__VLS
     "update:modelValue": (value: DateRangeValue) => void;
     clear: () => void;
     "update:dateRange": (value: DateRangeValue) => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToOption_22<PersistentDateRangeProps>, {
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToOption_21<PersistentDateRangeProps>, {
     modelValue: () => {
         from: string;
         to: string;
@@ -1662,12 +1528,23 @@ declare interface Props_2 {
     to?: string;
 }
 
-export declare const ResetFiltersButton: DefineComponent<ExtractPropTypes<__VLS_TypePropsToOption_17<Props>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const ResetFiltersButton: DefineComponent<ExtractPropTypes<__VLS_TypePropsToOption_16<Props>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     reset: () => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption_17<Props>>> & Readonly<{
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption_16<Props>>> & Readonly<{
     onReset?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export declare interface ResponseAPI<T> {
+    results?: T[];
+    result?: T;
+    count?: number;
+    next?: string | null;
+    previous?: string | null;
+}
+
+declare type SelectionMode_2 = 'single' | 'multiple' | 'none';
+export { SelectionMode_2 as SelectionMode }
+
 export declare interface SelectOption<T = any> {
     label: string;
     value: string | number | T;
@@ -1681,7 +1558,7 @@ export declare interface SelectOptionYear {
     endYear?: number;
 }
 
-export declare const SelectProjectLayout: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToOption_15<ProjectSelectionProps>, {
+export declare const SelectProjectLayout: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToOption_14<ProjectSelectionProps>, {
     projects: () => Project[];
     disabledIds: () => never[];
     title?: string | undefined;
@@ -1697,7 +1574,7 @@ export declare const SelectProjectLayout: DefineComponent<ExtractPropTypes<__VLS
     particleColor?: string | undefined;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "project-click": (project: Project) => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToOption_15<ProjectSelectionProps>, {
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToOption_14<ProjectSelectionProps>, {
     projects: () => Project[];
     disabledIds: () => never[];
     title?: string | undefined;
@@ -1772,7 +1649,7 @@ export declare const SelectYear: DefineComponent<ExtractPropTypes<__VLS_WithDefa
     label: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const SelfeeCard: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
+export declare const SelfeeCard: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
 declare interface SelfeeCardProps {
     title?: string;
@@ -1815,13 +1692,13 @@ export declare interface SelfeeHeaderProps {
     environment?: string;
 }
 
-export declare const SelfeeLoader: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToOption_16<SelfeeLoaderProps>, {
+export declare const SelfeeLoader: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToOption_15<SelfeeLoaderProps>, {
     size: string;
     variant: string;
     text: string;
     logoUrl: string;
     speed: number;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToOption_16<SelfeeLoaderProps>, {
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToOption_15<SelfeeLoaderProps>, {
     size: string;
     variant: string;
     text: string;
@@ -1843,17 +1720,35 @@ export declare interface SelfeeLoaderProps {
     speed?: number;
 }
 
-export declare const SelfeeTable: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
+export declare const SelfeeTable: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
 
-export declare const SmartFilters: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
+export declare const SmartFilters: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
-declare interface SmartFiltersProps {
+export declare interface SmartFiltersProps {
     containerClass?: string;
     rowClass?: string;
     activeHiddenCount?: number;
     hasActiveFilters?: boolean;
 }
 
+export declare type SortDirection = 'asc' | 'desc' | null;
+
+export declare interface SortIndicator {
+    direction: SortDirection;
+    order: number;
+}
+
+export declare interface SortItem {
+    field: string;
+    direction: 'asc' | 'desc';
+    order: number;
+}
+
+export declare interface SortState {
+    sortBy?: string | string[];
+    descending?: boolean | boolean[];
+}
+
 export declare interface Store {
     [key: string]: any;
 }
@@ -1870,25 +1765,7 @@ export declare interface TableAction {
     handler: (row: any) => void;
     isButton?: boolean;
     buttonProps?: Record<string, any>;
-    position?: 'row' | 'cell' | 'both';
-    columnName?: string;
-    testId?: string | ((row: any) => string);
-    isCancel?: boolean;
-}
-
-declare interface TableAction_2 {
-    id: string;
-    label?: string;
-    icon?: string;
-    color?: string;
-    size?: string;
-    class?: string;
-    disabled?: boolean | ((row: any) => boolean);
-    visible?: boolean | ((row: any) => boolean);
-    handler: (row: any) => void;
-    isButton?: boolean;
-    buttonProps?: Record<string, any>;
-    position?: 'row' | 'cell' | 'both';
+    position?: ActionPosition;
     columnName?: string;
     testId?: string | ((row: any) => string);
     isCancel?: boolean;
@@ -1898,69 +1775,44 @@ export declare interface TableColumn {
     name: string;
     label: string;
     field: string | ((row: any) => any);
-    align?: 'left' | 'right' | 'center';
-    sortable?: boolean;
-    format?: (value: any) => string;
-    isSelectionColumn?: boolean;
-    hidden?: boolean;
-    renderAsBadge?: boolean;
-    badgeColor?: string | ((value: any, row: any) => string);
-    badgeOutline?: boolean;
-    badgeRounded?: boolean;
-    badgeSize?: 'sm' | 'md';
-    badgeClass?: string;
-    badgeMapping?: {
-        [key: string | number]: {
-            color: string;
-            label?: string;
-            icon?: string;
-            outline?: boolean;
-        };
-    };
-}
-
-declare interface TableColumn_2 {
-    name: string;
-    label: string;
-    field: string | ((row: any) => any);
-    align?: 'left' | 'right' | 'center';
+    align?: Align;
     sortable?: boolean;
+    sortField?: string;
     format?: (value: any) => string;
     isSelectionColumn?: boolean;
     hidden?: boolean;
     renderAsBadge?: boolean;
-    badgeColor?: string | ((value: any, row: any) => string);
+    badgeColor?: string | ((value: any, row: Record<string, any>) => string);
     badgeOutline?: boolean;
     badgeRounded?: boolean;
-    badgeSize?: 'sm' | 'md';
+    badgeSize?: BadgeSize;
     badgeClass?: string;
-    badgeMapping?: {
-        [key: string | number]: {
-            color: string;
-            label?: string;
-            icon?: string;
-            outline?: boolean;
-        };
-    };
+    badgeMapping?: Record<string | number, {
+        color: string;
+        label?: string;
+        icon?: string;
+        outline?: boolean;
+    }>;
 }
 
 export declare interface TableRequestProps {
-    pagination: Pagination;
-    filter?: string;
-}
-
-declare interface TableRequestProps_2 {
-    pagination: Pagination_2;
-    filter?: string;
+    pagination: Required<Pick<Pagination, 'page' | 'rowsPerPage'>> & Partial<Pick<Pagination, 'sortBy' | 'descending'>>;
+    filter?: string | null;
+    force?: boolean;
 }
 
 declare function toggleRowSelection(row: any, selected: boolean): void;
 
-declare function toggleRowSelection_2(row: any, selected: boolean): void;
-
 declare function toggleSelectAll(selected: boolean): void;
 
-declare function toggleSelectAll_2(selected: boolean): void;
+export declare interface UsePaginationReturn<T> {
+    results: Ref<T[]>;
+    pagination: Ref<Pagination>;
+    loading: Ref<boolean>;
+    filter: Ref<string | null>;
+    filterSelected: Ref<Record<string, string | number | null | string[] | boolean>>;
+    onRequest: (props: TableRequestProps) => Promise<void>;
+}
 
 export declare const UserAvatar: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_5<__VLS_TypePropsToOption_8<UserAvatarProps>, {
     logoutLabel: string;