@cnamts/synapse 1.0.0 → 1.0.2

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

@@ -0,0 +1,17 @@
+/**
+ * Fonctions utilitaires pour formater les données dans les tableaux
+ */
+/**
+ * Formate un objet période pour l'affichage
+ *
+ * @param value - L'objet période à formater
+ * @returns Chaîne de période formatée
+ */
+export declare function formatPeriod(value: unknown): string;
+/**
+ * Traite les éléments du tableau pour formater les champs spéciaux comme les périodes
+ *
+ * @param items - Les éléments du tableau à traiter
+ * @returns Éléments traités avec des valeurs formatées
+ */
+export declare function processItems(items: Record<string, unknown>[]): Record<string, unknown>[];

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

@@ -0,0 +1,28 @@
+export declare const locales: {
+    resetFilters: string;
+    noData: string;
+    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/tableAccessibilityUtils.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Utility function to enhance table accessibility
+ */
+export declare function useTableAccessibility({ tableId, }: {
+    tableId: string;
+}): {
+    setupAccessibility: () => void;
+};

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

@@ -0,0 +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

@@ -0,0 +1,69 @@
+import { Ref } from 'vue';
+import { DataOptions, DataTableHeaders } from './types';
+/**
+ * Interface for column width storage
+ */
+export interface ColumnWidthsStorage {
+    [key: string]: number | string;
+}
+/**
+ * Utility function to manage table state persistence in local storage
+ */
+export declare function useTableStorage({ prefix, suffix, serverItemsLength, options, }: {
+    prefix: string;
+    suffix?: string;
+    serverItemsLength?: number;
+    options: Ref<Partial<DataOptions>>;
+}): {
+    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: () => {
+        watchOptions: () => void;
+        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

@@ -0,0 +1,79 @@
+import { Ref } from 'vue';
+import { DataOptions, TableDensityType } from './types';
+/**
+ * Crée et renvoie des fonctionnalités communes pour les tableaux
+ */
+export declare function useTableUtils({ tableId, prefix, suffix, serverItemsLength, componentAttributes, options, }: {
+    tableId: string;
+    prefix: string;
+    suffix?: string;
+    caption?: string;
+    serverItemsLength?: number;
+    componentAttributes: Record<string, unknown>;
+    options: Ref<Partial<DataOptions>>;
+    density?: TableDensityType;
+}): {
+    localOptions: Ref<{}, {}>;
+    columnWidths: Ref<import('./tableStorageUtils').ColumnWidthsStorage, import('./tableStorageUtils').ColumnWidthsStorage>;
+    storageKey: import('vue').ComputedRef<string>;
+    optionsFacade: import('vue').ComputedRef<{
+        page: unknown;
+        itemsPerPage: number;
+        sortBy: import('./types').SortOptions[] | undefined;
+        groupBy: import('./types').SortOptions[] | undefined;
+        multiSort: boolean | undefined;
+        mustSort: boolean | undefined;
+    }>;
+    propsFacade: import('vue').ComputedRef<{
+        itemsLength?: number | undefined;
+    }>;
+    updateOptions: (tableOptions: Partial<DataOptions>) => void;
+    setupAccessibility: () => void;
+    setupLocalStorage: () => {
+        watchOptions: () => void;
+        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

@@ -0,0 +1,91 @@
+export type SortOptions = {
+    key: string;
+    order: 'desc' | 'asc';
+};
+export type FilterType = 'text' | 'number' | 'date' | 'period' | 'select' | 'custom';
+export type TableDensityType = 'default' | 'comfortable' | 'compact';
+export interface FilterOption {
+    key: string;
+    value: string | number | Date | Array<string | number | Date> | {
+        from: string | null;
+        to: string | null;
+    } | Record<string, unknown> | null | undefined;
+    type: FilterType;
+}
+export interface DataOptions {
+    page: number;
+    itemsPerPage: number;
+    sortBy: SortOptions[];
+    groupBy?: SortOptions[];
+    multiSort?: boolean;
+    mustSort?: boolean;
+    filters?: FilterOption[];
+}
+export type DataTableHeaders = {
+    title?: string;
+    text?: string;
+    value?: string;
+    key?: string;
+    filterable?: boolean;
+    filterType?: FilterType;
+    filterOptions?: Array<{
+        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;
+    value?: unknown;
+    key?: string | null;
+    filterable?: boolean;
+    filterType?: FilterType;
+    filterOptions?: Array<{
+        text: string;
+        value: unknown;
+    }>;
+    multiple?: boolean;
+    chips?: boolean;
+    hideMessages?: boolean;
+    dateFormat?: string;
+    sort?: unknown;
+    filter?: unknown;
+    width?: string | number;
+    align?: string;
+    children?: unknown[];
+    [key: string]: unknown;
+};
+export type SyTableProps = {
+    items?: Record<string, unknown>[];
+    suffix: string;
+    caption?: string;
+    showFilters?: boolean;
+    filterInputConfig?: Record<string, unknown>;
+    density?: TableDensityType;
+    striped?: boolean;
+    resizableColumns?: boolean;
+    enableColumnControls?: boolean;
+    headers?: DataTableHeaders[];
+    showSelect?: boolean;
+};
+export type SyServerTableProps = {
+    serverItemsLength: number;
+    items?: Record<string, unknown>[];
+    suffix: string;
+    caption?: string;
+    showFilters?: boolean;
+    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 {};

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

@@ -0,0 +1,9 @@
+import { FilterOption } from './types';
+/**
+ * Composable pour utiliser les fonctionnalités de filtrage de tableau
+ *
+ * @returns Objet contenant les fonctions utilitaires de filtrage
+ */
+export declare function useTableFilter(): {
+    filterItems: <T extends Record<string, unknown>>(items: T[], filters: FilterOption[]) => T[];
+};