@cnamts/synapse 1.0.1 → 1.0.2

package/dist/components/Tables/common/TableHeader.d.ts

@@ -1,25 +1,7 @@
 import { VDataTable, VDataTableServer } from 'vuetify/components';
-type TableColumn = {
-    key: string | null;
-    title?: string;
-    value: unknown;
-    sortable: boolean;
-    rowspan?: number;
-    colspan?: number;
-    width?: number | string;
-    sortBy?: string;
-};
-interface TableData {
-    columns: TableColumn[];
-    sortBy?: unknown;
-    someSelected?: boolean;
-    allSelected?: boolean;
-    getSortIcon: (column: unknown) => string | undefined;
-    toggleSort: (column: unknown) => void;
-}
 type __VLS_Props = {
-    column: TableColumn;
-    headerParams: TableData;
+    column: Parameters<VDataTable['$slots']['headers']>['0']['columns'][number];
+    headerParams: Parameters<VDataTable['$slots']['headers']>['0'];
     table: VDataTable | VDataTableServer | null | undefined;
     resizableColumns?: boolean;
     storageKey?: string;

package/dist/components/Tables/common/filters/SelectFilter.d.ts

@@ -9,8 +9,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: () => never[];
     };
     filterValue: {
-        type: () => string | number | Record<string, unknown> | undefined;
-        default: undefined;
+        type: () => string | number | Record<string, unknown> | Array<string | number | Record<string, unknown>> | undefined | null;
+        default: null;
     };
     inputConfig: {
         type: () => {
@@ -59,8 +59,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: () => never[];
     };
     filterValue: {
-        type: () => string | number | Record<string, unknown> | undefined;
-        default: undefined;
+        type: () => string | number | Record<string, unknown> | Array<string | number | Record<string, unknown>> | undefined | null;
+        default: null;
     };
     inputConfig: {
         type: () => {
@@ -107,7 +107,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     clearable: boolean;
     filters: FilterOption[];
     backgroundColor: string;
-    filterValue: string | number | Record<string, unknown> | undefined;
+    filterValue: string | number | Record<string, unknown> | (string | number | Record<string, unknown>)[] | null | undefined;
     inputConfig: {
         disableErrorHandling?: boolean | undefined;
         variant?: string | undefined;

package/dist/components/Tables/common/filters/getFilterComponent.d.ts

@@ -0,0 +1 @@
+export default function getFilterComponent(filterType?: string, filterOptions?: unknown): any;

package/dist/components/Tables/common/filters/locales.d.ts

@@ -0,0 +1,4 @@
+export declare const locales: {
+    defaultOption: string;
+    emptyValue: string;
+};

package/dist/components/Tables/common/filters/logics/date.d.ts

@@ -0,0 +1 @@
+export default function filter(itemValue: unknown, filterValue: unknown): boolean;

package/dist/components/Tables/common/filters/logics/number.d.ts

@@ -0,0 +1 @@
+export default function filter(itemValue: unknown, filterValue: unknown): boolean;

package/dist/components/Tables/common/filters/logics/period.d.ts

@@ -0,0 +1 @@
+export default function filter(itemValue: unknown, filterValue: unknown): boolean;

package/dist/components/Tables/common/filters/logics/select.d.ts

@@ -0,0 +1 @@
+export default function filter(itemValue: unknown, filterValue: unknown): boolean;

package/dist/components/Tables/common/filters/logics/text.d.ts

@@ -0,0 +1 @@
+export default function filter(itemValue: unknown, filterValue: unknown): boolean;

package/dist/components/Tables/common/locales.d.ts

@@ -4,4 +4,25 @@ export declare const locales: {
     columnOrder: (columnTitle: string) => string;
     ResizableColumn: string;
     resizeColumn: (columnTitle: string) => string;
+    selectAllRows: string;
+    selectRow: string;
+    pagination: {
+        itemsPerPageText: string;
+        previous: string;
+        next: string;
+        all: string;
+        showingItems: (start: number, end: number, total: number) => string;
+        pageText: (page: number) => string;
+        pageAriaLabel: (page: number) => string;
+        currentPageAriaLabel: (page: number) => string;
+        paginationNavAriaLabel: string;
+    };
+    reorganizeColumns: string;
+    close: string;
+    apply: string;
+    reorganizeColumnsTitle: string;
+    hideColumn: (columnTitle: string) => string;
+    showColumn: (columnTitle: string) => string;
+    moveColumnLeft: (columnTitle: string) => string;
+    moveColumnRight: (columnTitle: string) => string;
 };

package/dist/components/Tables/common/organizeColumns/OrganizeColumns.d.ts

@@ -0,0 +1,267 @@
+import { DataTableHeaders } from '../types';
+type __VLS_PublicProps = {
+    'headers': DataTableHeaders[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:headers": (value: DataTableHeaders[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:headers"?: ((value: DataTableHeaders[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    items: (import('vue').CreateComponentPublicInstanceWithMixins<{
+        replace: boolean;
+        variant: "flat" | "outlined" | "text" | "plain" | "elevated" | "tonal";
+        exact: boolean;
+        nav: boolean;
+        style: import('vue').StyleValue;
+        disabled: boolean;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+        density: import('vuetify/lib/composables/density.mjs').Density;
+        tile: boolean;
+        slim: boolean;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
+    } & {
+        link?: boolean | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        active?: boolean | undefined;
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        value?: any;
+        title?: string | number | boolean | undefined;
+        class?: any;
+        theme?: string | undefined;
+        to?: string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric | undefined;
+        lines?: false | "one" | "two" | "three" | undefined;
+        onClick?: ((args_0: MouseEvent | KeyboardEvent) => void) | undefined;
+        onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
+        href?: string | undefined;
+        elevation?: string | number | undefined;
+        rounded?: string | number | boolean | undefined;
+        baseColor?: string | undefined;
+        activeColor?: string | undefined;
+        prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+        appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+        activeClass?: string | undefined;
+        appendAvatar?: string | undefined;
+        prependAvatar?: string | undefined;
+        subtitle?: string | number | boolean | undefined;
+    } & {
+        $children?: import('vue').VNodeChild | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | {
+            prepend?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+            append?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+            default?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+            title?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemTitleSlot) => import('vue').VNodeChild) | undefined;
+            subtitle?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSubtitleSlot) => import('vue').VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            prepend?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+            append?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+            default?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+            title?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemTitleSlot) => import('vue').VNodeChild) | undefined;
+            subtitle?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSubtitleSlot) => import('vue').VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:prepend"?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+        "v-slot:append"?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+        "v-slot:default"?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+        "v-slot:title"?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemTitleSlot) => import('vue').VNodeChild) | undefined;
+        "v-slot:subtitle"?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSubtitleSlot) => import('vue').VNodeChild) | undefined;
+    } & {
+        onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
+    }, {
+        activate: (activated: boolean, e?: Event | undefined) => void;
+        isActivated: import('vue').ComputedRef<boolean>;
+        isGroupActivator: boolean | undefined;
+        isSelected: import('vue').ComputedRef<boolean>;
+        list: {
+            hasPrepend: import('vue').Ref<boolean, boolean>;
+            updateHasPrepend: (value: boolean) => void;
+        } | null;
+        select: (selected: boolean, e?: Event | undefined) => void;
+        root: {
+            children: import('vue').Ref<Map<unknown, unknown[]>, Map<unknown, unknown[]>>;
+            parents: import('vue').Ref<Map<unknown, unknown>, Map<unknown, unknown>>;
+            activatable: import('vue').Ref<boolean, boolean>;
+            selectable: import('vue').Ref<boolean, boolean>;
+            opened: import('vue').Ref<Set<unknown>, Set<unknown>>;
+            activated: import('vue').Ref<Set<unknown>, Set<unknown>>;
+            selected: import('vue').Ref<Map<unknown, "off" | "indeterminate" | "on">, Map<unknown, "off" | "indeterminate" | "on">>;
+            selectedValues: import('vue').Ref<unknown[], unknown[]>;
+            register: (id: unknown, parentId: unknown, isGroup?: boolean | undefined) => void;
+            unregister: (id: unknown) => void;
+            open: (id: unknown, value: boolean, event?: Event | undefined) => void;
+            activate: (id: unknown, value: boolean, event?: Event | undefined) => void;
+            select: (id: unknown, value: boolean, event?: Event | undefined) => void;
+            openOnSelect: (id: unknown, value: boolean, event?: Event | undefined) => void;
+            getPath: (id: unknown) => unknown[];
+        };
+        id: import('vue').ComputedRef<{}>;
+        link: import('vuetify/lib/composables/router.mjs').UseLink;
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (e: MouseEvent | KeyboardEvent) => true;
+    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+        replace: boolean;
+        link: boolean;
+        variant: "flat" | "outlined" | "text" | "plain" | "elevated" | "tonal";
+        exact: boolean;
+        active: boolean;
+        nav: boolean;
+        style: import('vue').StyleValue;
+        title: string | number | boolean;
+        disabled: boolean;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+        density: import('vuetify/lib/composables/density.mjs').Density;
+        rounded: string | number | boolean;
+        tile: boolean;
+        slim: boolean;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
+        subtitle: string | number | boolean;
+    }, true, {}, import('vue').SlotsType<Partial<{
+        prepend: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>[];
+        append: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>[];
+        default: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>[];
+        title: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemTitleSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>[];
+        subtitle: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSubtitleSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>[];
+    }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, {
+        replace: boolean;
+        variant: "flat" | "outlined" | "text" | "plain" | "elevated" | "tonal";
+        exact: boolean;
+        nav: boolean;
+        style: import('vue').StyleValue;
+        disabled: boolean;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+        density: import('vuetify/lib/composables/density.mjs').Density;
+        tile: boolean;
+        slim: boolean;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
+    } & {
+        link?: boolean | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        active?: boolean | undefined;
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        value?: any;
+        title?: string | number | boolean | undefined;
+        class?: any;
+        theme?: string | undefined;
+        to?: string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric | undefined;
+        lines?: false | "one" | "two" | "three" | undefined;
+        onClick?: ((args_0: MouseEvent | KeyboardEvent) => void) | undefined;
+        onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
+        href?: string | undefined;
+        elevation?: string | number | undefined;
+        rounded?: string | number | boolean | undefined;
+        baseColor?: string | undefined;
+        activeColor?: string | undefined;
+        prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+        appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+        activeClass?: string | undefined;
+        appendAvatar?: string | undefined;
+        prependAvatar?: string | undefined;
+        subtitle?: string | number | boolean | undefined;
+    } & {
+        $children?: import('vue').VNodeChild | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | {
+            prepend?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+            append?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+            default?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+            title?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemTitleSlot) => import('vue').VNodeChild) | undefined;
+            subtitle?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSubtitleSlot) => import('vue').VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            prepend?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+            append?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+            default?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+            title?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemTitleSlot) => import('vue').VNodeChild) | undefined;
+            subtitle?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSubtitleSlot) => import('vue').VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:prepend"?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+        "v-slot:append"?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+        "v-slot:default"?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot) => import('vue').VNodeChild) | undefined;
+        "v-slot:title"?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemTitleSlot) => import('vue').VNodeChild) | undefined;
+        "v-slot:subtitle"?: false | ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSubtitleSlot) => import('vue').VNodeChild) | undefined;
+    } & {
+        onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
+    }, {
+        activate: (activated: boolean, e?: Event | undefined) => void;
+        isActivated: import('vue').ComputedRef<boolean>;
+        isGroupActivator: boolean | undefined;
+        isSelected: import('vue').ComputedRef<boolean>;
+        list: {
+            hasPrepend: import('vue').Ref<boolean, boolean>;
+            updateHasPrepend: (value: boolean) => void;
+        } | null;
+        select: (selected: boolean, e?: Event | undefined) => void;
+        root: {
+            children: import('vue').Ref<Map<unknown, unknown[]>, Map<unknown, unknown[]>>;
+            parents: import('vue').Ref<Map<unknown, unknown>, Map<unknown, unknown>>;
+            activatable: import('vue').Ref<boolean, boolean>;
+            selectable: import('vue').Ref<boolean, boolean>;
+            opened: import('vue').Ref<Set<unknown>, Set<unknown>>;
+            activated: import('vue').Ref<Set<unknown>, Set<unknown>>;
+            selected: import('vue').Ref<Map<unknown, "off" | "indeterminate" | "on">, Map<unknown, "off" | "indeterminate" | "on">>;
+            selectedValues: import('vue').Ref<unknown[], unknown[]>;
+            register: (id: unknown, parentId: unknown, isGroup?: boolean | undefined) => void;
+            unregister: (id: unknown) => void;
+            open: (id: unknown, value: boolean, event?: Event | undefined) => void;
+            activate: (id: unknown, value: boolean, event?: Event | undefined) => void;
+            select: (id: unknown, value: boolean, event?: Event | undefined) => void;
+            openOnSelect: (id: unknown, value: boolean, event?: Event | undefined) => void;
+            getPath: (id: unknown) => unknown[];
+        };
+        id: import('vue').ComputedRef<{}>;
+        link: import('vuetify/lib/composables/router.mjs').UseLink;
+    }, {}, {}, {}, {
+        replace: boolean;
+        link: boolean;
+        variant: "flat" | "outlined" | "text" | "plain" | "elevated" | "tonal";
+        exact: boolean;
+        active: boolean;
+        nav: boolean;
+        style: import('vue').StyleValue;
+        title: string | number | boolean;
+        disabled: boolean;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+        density: import('vuetify/lib/composables/density.mjs').Density;
+        rounded: string | number | boolean;
+        tile: boolean;
+        slim: boolean;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
+        subtitle: string | number | boolean;
+    }> | null)[];
+}, any>;
+export default _default;

package/dist/components/Tables/common/organizeColumns/sortHeaders.d.ts

@@ -0,0 +1,2 @@
+import { DataTableHeaders } from '../types';
+export declare function sortHeaders(headers: DataTableHeaders[]): DataTableHeaders[];

package/dist/components/Tables/common/tableFilterUtils.d.ts

@@ -1,2 +1,3 @@
 import { FilterOption } from './types';
 export declare function filterItems<T extends Record<string, unknown>>(items: T[], filters: FilterOption[]): T[];
+export declare function parseDate(value: unknown): Date | null;

package/dist/components/Tables/common/tableStorageUtils.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { DataOptions } from './types';
+import { DataOptions, DataTableHeaders } from './types';
 /**
  * Interface for column width storage
  */
@@ -17,6 +17,45 @@ export declare function useTableStorage({ prefix, suffix, serverItemsLength, opt
 }): {
     localOptions: Ref<{}, {}>;
     columnWidths: Ref<ColumnWidthsStorage, ColumnWidthsStorage>;
+    headers: Ref<{
+        title?: string | undefined;
+        text?: string | undefined;
+        value?: string | undefined;
+        key?: string | undefined;
+        filterable?: boolean | undefined;
+        filterType?: import('./types').FilterType | undefined;
+        filterOptions?: {
+            text: string;
+            value: unknown;
+        }[] | undefined;
+        multiple?: boolean | undefined;
+        chips?: boolean | undefined;
+        sortable?: boolean | undefined;
+        hideMessages?: boolean | undefined;
+        dateFormat?: string | undefined;
+        align?: "start" | "end" | "center" | undefined;
+        order?: number | undefined;
+        hidden?: boolean | undefined;
+    }[] | undefined, DataTableHeaders[] | {
+        title?: string | undefined;
+        text?: string | undefined;
+        value?: string | undefined;
+        key?: string | undefined;
+        filterable?: boolean | undefined;
+        filterType?: import('./types').FilterType | undefined;
+        filterOptions?: {
+            text: string;
+            value: unknown;
+        }[] | undefined;
+        multiple?: boolean | undefined;
+        chips?: boolean | undefined;
+        sortable?: boolean | undefined;
+        hideMessages?: boolean | undefined;
+        dateFormat?: string | undefined;
+        align?: "start" | "end" | "center" | undefined;
+        order?: number | undefined;
+        hidden?: boolean | undefined;
+    }[] | undefined>;
     storageKey: import('vue').ComputedRef<string>;
     columnWidthsKey: import('vue').ComputedRef<string>;
     setupLocalStorage: () => {
@@ -24,6 +63,7 @@ export declare function useTableStorage({ prefix, suffix, serverItemsLength, opt
         initFromStorage: (defaultOptions: Record<string, unknown>) => void;
         saveColumnWidths: (widths: ColumnWidthsStorage) => void;
         updateColumnWidth: (columnKey: string, width: number | string) => void;
+        saveHeaders: (headers: DataTableHeaders[] | undefined) => void;
     };
     updateColumnWidth: (key: string, width: number | string) => void;
 };

package/dist/components/Tables/common/tableUtils.d.ts

@@ -3,11 +3,10 @@ import { DataOptions, TableDensityType } from './types';
 /**
  * Crée et renvoie des fonctionnalités communes pour les tableaux
  */
-export declare function useTableUtils({ tableId, prefix, suffix, itemsPerPage, serverItemsLength, componentAttributes, options, }: {
+export declare function useTableUtils({ tableId, prefix, suffix, serverItemsLength, componentAttributes, options, }: {
     tableId: string;
     prefix: string;
     suffix?: string;
-    itemsPerPage?: number;
     caption?: string;
     serverItemsLength?: number;
     componentAttributes: Record<string, unknown>;
@@ -17,10 +16,9 @@ export declare function useTableUtils({ tableId, prefix, suffix, itemsPerPage, s
     localOptions: Ref<{}, {}>;
     columnWidths: Ref<import('./tableStorageUtils').ColumnWidthsStorage, import('./tableStorageUtils').ColumnWidthsStorage>;
     storageKey: import('vue').ComputedRef<string>;
-    headers: import('vue').ComputedRef<any[] | undefined>;
     optionsFacade: import('vue').ComputedRef<{
         page: unknown;
-        itemsPerPage: number | undefined;
+        itemsPerPage: number;
         sortBy: import('./types').SortOptions[] | undefined;
         groupBy: import('./types').SortOptions[] | undefined;
         multiSort: boolean | undefined;
@@ -28,7 +26,6 @@ export declare function useTableUtils({ tableId, prefix, suffix, itemsPerPage, s
     }>;
     propsFacade: import('vue').ComputedRef<{
         itemsLength?: number | undefined;
-        headers: any[] | undefined;
     }>;
     updateOptions: (tableOptions: Partial<DataOptions>) => void;
     setupAccessibility: () => void;
@@ -37,6 +34,46 @@ export declare function useTableUtils({ tableId, prefix, suffix, itemsPerPage, s
         initFromStorage: (defaultOptions: Record<string, unknown>) => void;
         saveColumnWidths: (widths: import('./tableStorageUtils').ColumnWidthsStorage) => void;
         updateColumnWidth: (columnKey: string, width: string | number) => void;
+        saveHeaders: (headers: import('./types').DataTableHeaders[] | undefined) => void;
     };
     updateColumnWidth: (key: string, width: string | number) => void;
+    headers: Ref<{
+        title?: string | undefined;
+        text?: string | undefined;
+        value?: string | undefined;
+        key?: string | undefined;
+        filterable?: boolean | undefined;
+        filterType?: import('./types').FilterType | undefined;
+        filterOptions?: {
+            text: string;
+            value: unknown;
+        }[] | undefined;
+        multiple?: boolean | undefined;
+        chips?: boolean | undefined;
+        sortable?: boolean | undefined;
+        hideMessages?: boolean | undefined;
+        dateFormat?: string | undefined;
+        align?: "start" | "end" | "center" | undefined;
+        order?: number | undefined;
+        hidden?: boolean | undefined;
+    }[] | undefined, import('./types').DataTableHeaders[] | {
+        title?: string | undefined;
+        text?: string | undefined;
+        value?: string | undefined;
+        key?: string | undefined;
+        filterable?: boolean | undefined;
+        filterType?: import('./types').FilterType | undefined;
+        filterOptions?: {
+            text: string;
+            value: unknown;
+        }[] | undefined;
+        multiple?: boolean | undefined;
+        chips?: boolean | undefined;
+        sortable?: boolean | undefined;
+        hideMessages?: boolean | undefined;
+        dateFormat?: string | undefined;
+        align?: "start" | "end" | "center" | undefined;
+        order?: number | undefined;
+        hidden?: boolean | undefined;
+    }[] | undefined>;
 };

package/dist/components/Tables/common/types.d.ts

@@ -23,6 +23,7 @@ export interface DataOptions {
 }
 export type DataTableHeaders = {
     title?: string;
+    text?: string;
     value?: string;
     key?: string;
     filterable?: boolean;
@@ -31,8 +32,14 @@ export type DataTableHeaders = {
         text: string;
         value: unknown;
     }>;
+    multiple?: boolean;
+    chips?: boolean;
+    sortable?: boolean;
     hideMessages?: boolean;
     dateFormat?: string;
+    align?: 'start' | 'end' | 'center';
+    order?: number;
+    hidden?: boolean;
 };
 export type TableColumnHeader = {
     title?: string;
@@ -44,6 +51,8 @@ export type TableColumnHeader = {
         text: string;
         value: unknown;
     }>;
+    multiple?: boolean;
+    chips?: boolean;
     hideMessages?: boolean;
     dateFormat?: string;
     sort?: unknown;
@@ -53,28 +62,30 @@ export type TableColumnHeader = {
     children?: unknown[];
     [key: string]: unknown;
 };
-export interface SyTableProps {
+export type SyTableProps = {
     items?: Record<string, unknown>[];
     suffix: string;
-    itemsPerPage?: number;
     caption?: string;
     showFilters?: boolean;
-    headers?: DataTableHeaders[];
     filterInputConfig?: Record<string, unknown>;
     density?: TableDensityType;
     striped?: boolean;
     resizableColumns?: boolean;
-}
-export interface SyServerTableProps {
+    enableColumnControls?: boolean;
+    headers?: DataTableHeaders[];
+    showSelect?: boolean;
+};
+export type SyServerTableProps = {
     serverItemsLength: number;
     items?: Record<string, unknown>[];
     suffix: string;
-    itemsPerPage?: number;
     caption?: string;
     showFilters?: boolean;
-    headers?: DataTableHeaders[];
     resizableColumns?: boolean;
     filterInputConfig?: Record<string, unknown>;
     density?: TableDensityType;
     striped?: boolean;
-}
+    enableColumnControls?: boolean;
+    headers?: DataTableHeaders[];
+    showSelect?: boolean;
+};

package/dist/components/Tables/common/usePagination.d.ts

@@ -0,0 +1,22 @@
+import { Ref } from 'vue';
+import { DataOptions } from './types';
+/**
+ * Composable for managing table pagination
+ *
+ * @param options - Reactive reference to table options
+ * @param itemsLength - Total number of items (for client-side) or serverItemsLength (for server-side)
+ * @param table - Reference to the table component
+ * @param emit - Emit function for update:options event
+ * @returns Pagination utilities and computed properties
+ */
+export declare function usePagination({ options, itemsLength, table, emit, }: {
+    options: Ref<Partial<DataOptions>>;
+    itemsLength: Ref<number>;
+    table: Ref<unknown>;
+    emit: (event: 'update:options', options: Partial<DataOptions>) => void;
+}): {
+    page: import('vue').WritableComputedRef<number, number>;
+    pageCount: import('vue').ComputedRef<number>;
+    itemsPerPageValue: import('vue').ComputedRef<number>;
+    updateItemsPerPage: (newItemsPerPage: number) => void;
+};

package/dist/components/Tables/common/useTableCheckbox.d.ts

@@ -0,0 +1,20 @@
+import { MaybeRefOrGetter } from 'vue';
+interface UseTableCheckboxOptions {
+    /**
+   * The items to be displayed in the table
+   */
+    items: MaybeRefOrGetter<Record<string, unknown>[]>;
+    /**
+   * The model value for selected items
+   */
+    modelValue: MaybeRefOrGetter<unknown[]>;
+    /**
+   * Function to update the model value
+   */
+    updateModelValue: (value: unknown[]) => void;
+}
+export declare function useTableCheckbox(options: UseTableCheckboxOptions): {
+    getItemValue: (item: Record<string, unknown>) => {} | null;
+    toggleAllRows: () => void;
+};
+export {};