@skyservice-developers/vue-dev-kit 2.10.1 → 2.12.0

package/dist/features/data-table/SkyDataTable.vue.d.ts

@@ -0,0 +1,210 @@
+import { ColumnDef, SortingState, TableFeatures } from '@tanstack/vue-table';
+
+declare const _default: <TData extends Record<string, any>>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{
+        readonly "onRow-click"?: ((row: TData) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & {
+        /** Опис колонок у форматі TanStack. Ширину беремо з `size` / `meta.widthFr`. */
+        columns: ColumnDef<any, TData, any>[];
+        data: TData[];
+        /**
+         * Набір фіч. За замовчуванням — сортування, вибір, видимість колонок,
+         * пагінація і фільтрація. Потрібно більше — зберіть свій через `tableFeatures()`.
+         */
+        features?: TableFeatures;
+        /** Ключ рядка. Без нього TanStack бере індекс, і вибір «поїде» після сортування. */
+        rowId?: string | ((row: TData) => string);
+        /** Розмір сторінки. `0` вимикає пагінацію — рендеряться всі рядки. */
+        pageSize?: number;
+        /** Показати поле глобального пошуку в тулбарі. */
+        searchable?: boolean;
+        searchPlaceholder?: string;
+        initialSorting?: SortingState;
+        emptyText?: string;
+        /** Курсор-вказівник і hover на рядках. */
+        interactiveRows?: boolean;
+    }, keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        table: import('@tanstack/vue-table').VueTable<{
+            columnFilteringFeature: import('@tanstack/table-core').TableFeature;
+            columnSizingFeature: import('@tanstack/table-core').TableFeature;
+            columnVisibilityFeature: import('@tanstack/table-core').TableFeature;
+            globalFilteringFeature: import('@tanstack/table-core').TableFeature;
+            rowPaginationFeature: import('@tanstack/table-core').TableFeature;
+            rowSelectionFeature: import('@tanstack/table-core').TableFeature;
+            rowSortingFeature: import('@tanstack/table-core').TableFeature;
+            coreRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            filteredRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            sortedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            paginatedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            sortFns: {
+                alphanumeric: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                alphanumericCaseSensitive: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                basic: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                datetime: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                text: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                textCaseSensitive: import('@tanstack/table-core').CreatedSortFn<any, any>;
+            };
+            filterFns: {
+                arrIncludes: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                arrIncludesAll: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                arrHas: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                arrIncludesSome: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                between: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                betweenInclusive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                empty: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                endsWith: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                equals: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                equalsString: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                equalsStringSensitive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                inDateRange: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                inNumberRange: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                includesString: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                includesStringSensitive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                notEmpty: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                startsWith: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                weakEquals: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+            };
+        }, TData>;
+    }>): void;
+    attrs: any;
+    slots: ReturnType<() => {
+        toolbar?(_: {
+            table: import('@tanstack/vue-table').VueTable<{
+                columnFilteringFeature: import('@tanstack/table-core').TableFeature;
+                columnSizingFeature: import('@tanstack/table-core').TableFeature;
+                columnVisibilityFeature: import('@tanstack/table-core').TableFeature;
+                globalFilteringFeature: import('@tanstack/table-core').TableFeature;
+                rowPaginationFeature: import('@tanstack/table-core').TableFeature;
+                rowSelectionFeature: import('@tanstack/table-core').TableFeature;
+                rowSortingFeature: import('@tanstack/table-core').TableFeature;
+                coreRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+                filteredRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+                sortedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+                paginatedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+                sortFns: {
+                    alphanumeric: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                    alphanumericCaseSensitive: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                    basic: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                    datetime: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                    text: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                    textCaseSensitive: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                };
+                filterFns: {
+                    arrIncludes: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    arrIncludesAll: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    arrHas: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    arrIncludesSome: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    between: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    betweenInclusive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    empty: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    endsWith: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    equals: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    equalsString: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    equalsStringSensitive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    inDateRange: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    inNumberRange: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    includesString: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    includesStringSensitive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    notEmpty: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    startsWith: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    weakEquals: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                };
+            }, TData>;
+        }): any;
+        actions?(_: {
+            table: import('@tanstack/vue-table').VueTable<{
+                columnFilteringFeature: import('@tanstack/table-core').TableFeature;
+                columnSizingFeature: import('@tanstack/table-core').TableFeature;
+                columnVisibilityFeature: import('@tanstack/table-core').TableFeature;
+                globalFilteringFeature: import('@tanstack/table-core').TableFeature;
+                rowPaginationFeature: import('@tanstack/table-core').TableFeature;
+                rowSelectionFeature: import('@tanstack/table-core').TableFeature;
+                rowSortingFeature: import('@tanstack/table-core').TableFeature;
+                coreRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+                filteredRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+                sortedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+                paginatedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+                sortFns: {
+                    alphanumeric: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                    alphanumericCaseSensitive: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                    basic: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                    datetime: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                    text: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                    textCaseSensitive: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                };
+                filterFns: {
+                    arrIncludes: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    arrIncludesAll: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    arrHas: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    arrIncludesSome: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    between: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    betweenInclusive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    empty: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    endsWith: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    equals: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    equalsString: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    equalsStringSensitive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    inDateRange: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    inNumberRange: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    includesString: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    includesStringSensitive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    notEmpty: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    startsWith: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    weakEquals: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                };
+            }, TData>;
+        }): any;
+        empty?(_: {}): any;
+        footer?(_: {
+            table: import('@tanstack/vue-table').VueTable<{
+                columnFilteringFeature: import('@tanstack/table-core').TableFeature;
+                columnSizingFeature: import('@tanstack/table-core').TableFeature;
+                columnVisibilityFeature: import('@tanstack/table-core').TableFeature;
+                globalFilteringFeature: import('@tanstack/table-core').TableFeature;
+                rowPaginationFeature: import('@tanstack/table-core').TableFeature;
+                rowSelectionFeature: import('@tanstack/table-core').TableFeature;
+                rowSortingFeature: import('@tanstack/table-core').TableFeature;
+                coreRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+                filteredRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+                sortedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+                paginatedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+                sortFns: {
+                    alphanumeric: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                    alphanumericCaseSensitive: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                    basic: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                    datetime: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                    text: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                    textCaseSensitive: import('@tanstack/table-core').CreatedSortFn<any, any>;
+                };
+                filterFns: {
+                    arrIncludes: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    arrIncludesAll: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    arrHas: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    arrIncludesSome: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    between: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    betweenInclusive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    empty: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    endsWith: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    equals: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    equalsString: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    equalsStringSensitive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    inDateRange: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    inNumberRange: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    includesString: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    includesStringSensitive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    notEmpty: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    startsWith: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                    weakEquals: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+                };
+            }, TData>;
+        }): any;
+    }>;
+    emit: (evt: "row-click", row: TData) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/features/data-table/SkyDataTableColumnToggle.vue.d.ts

@@ -0,0 +1,36 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    table: any;
+    title?: string;
+    resetLabel?: string;
+}>, {
+    title: string;
+    resetLabel: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    table: any;
+    title?: string;
+    resetLabel?: string;
+}>, {
+    title: string;
+    resetLabel: string;
+}>>> & Readonly<{}>, {
+    title: string;
+    resetLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/features/data-table/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkyDataTable } from './SkyDataTable.vue';
+export { default as SkyDataTableColumnToggle } from './SkyDataTableColumnToggle.vue';

package/dist/features/index.d.ts

@@ -1 +1,3 @@
 export { default as SkyCheckboxFilter } from './SkyCheckboxFilter';
+export * from './table';
+export * from './data-table';

package/dist/features/table/TableColumnSettings.vue.d.ts

@@ -0,0 +1,31 @@
+import { SkyTableColumn } from '../../shared/ui/table/types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    columns: SkyTableColumn[];
+    /** Мапа `name → показувати` з useColumnVisibility. */
+    modelValue: Record<string, boolean>;
+    title?: string;
+    resetLabel?: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, boolean>) => void;
+    reset: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    columns: SkyTableColumn[];
+    /** Мапа `name → показувати` з useColumnVisibility. */
+    modelValue: Record<string, boolean>;
+    title?: string;
+    resetLabel?: string;
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, boolean>) => any) | undefined;
+    onReset?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/features/table/TableMassActions.vue.d.ts

@@ -0,0 +1,56 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /** Скільки рядків обрано. При 0 панель не рендериться. */
+    count: number;
+    /** Доступні масові дії. */
+    actions: {
+        value: string;
+        title: string;
+    }[];
+    placeholder?: string;
+}>, {
+    placeholder: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    action: (value: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /** Скільки рядків обрано. При 0 панель не рендериться. */
+    count: number;
+    /** Доступні масові дії. */
+    actions: {
+        value: string;
+        title: string;
+    }[];
+    placeholder?: string;
+}>, {
+    placeholder: string;
+}>>> & Readonly<{
+    onAction?: ((value: string) => any) | undefined;
+}>, {
+    placeholder: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/features/table/TableVirtualBody.vue.d.ts

@@ -0,0 +1,65 @@
+
+declare function __VLS_template(): {
+    default?(_: {
+        item: any;
+        index: any;
+        active: any;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    items: any[];
+    /** Ключ ідентифікатора рядка. */
+    keyField?: string;
+    /** Очікувана мінімальна висота рядка — база для розрахунку вікна. */
+    minItemSize?: number;
+    /** Поля, зміна яких змінює висоту рядка (розкриті модифікації, теги). */
+    sizeDependencies?: (row: any) => unknown[];
+}>, {
+    keyField: string;
+    minItemSize: number;
+    sizeDependencies: undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "reach-end": () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    items: any[];
+    /** Ключ ідентифікатора рядка. */
+    keyField?: string;
+    /** Очікувана мінімальна висота рядка — база для розрахунку вікна. */
+    minItemSize?: number;
+    /** Поля, зміна яких змінює висоту рядка (розкриті модифікації, теги). */
+    sizeDependencies?: (row: any) => unknown[];
+}>, {
+    keyField: string;
+    minItemSize: number;
+    sizeDependencies: undefined;
+}>>> & Readonly<{
+    "onReach-end"?: (() => any) | undefined;
+}>, {
+    keyField: string;
+    minItemSize: number;
+    sizeDependencies: (row: any) => unknown[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/features/table/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TableMassActions } from './TableMassActions.vue';
+export { default as TableColumnSettings } from './TableColumnSettings.vue';
+export { default as TableVirtualBody } from './TableVirtualBody.vue';

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 
 export * from './shared/ui';
+export * from './shared/lib/table';
 export * from './features';
 export * from './sdk';
 export * from 'sky-service-ui-components';

package/dist/shared/lib/table/index.d.ts

@@ -0,0 +1,8 @@
+export { skyTableFeatures, createSkyColumnHelper } from './tableFeatures';
+export type { SkyTableFeatures } from './tableFeatures';
+export { useTableSort } from './useTableSort';
+export { useTableSelection } from './useTableSelection';
+export { useColumnVisibility } from './useColumnVisibility';
+export type { UseTableSortOptions, UseTableSortReturn } from './useTableSort';
+export type { UseTableSelectionOptions, UseTableSelectionReturn, } from './useTableSelection';
+export type { UseColumnVisibilityOptions, UseColumnVisibilityReturn, } from './useColumnVisibility';

package/dist/shared/lib/table/tableFeatures.d.ts

@@ -0,0 +1,110 @@
+import { RowData } from '@tanstack/vue-table';
+
+/**
+ * Стабільний набір фіч для гріда — визначається один раз статично, поза
+ * компонентом, як і радить TanStack v9. Сюди входять лише ті плагіни, що
+ * реально потрібні продукту: сортування, вибір рядків, видимість колонок,
+ * пагінація і фільтрація (колонкова + глобальний пошук).
+ *
+ * Разом із плагінами тут же живуть слоти row-моделей і реєстри функцій
+ * (`sortFns` / `filterFns`) — їхні ключі стають валідними значеннями для
+ * `sortFn` та `filterFn` у визначеннях колонок, з повним виведенням типів.
+ *
+ * Потрібно щось поза цим набором (групування, пінінг, розгортання рядків) —
+ * зберіть власний обʼєкт через `tableFeatures()` і передайте в `SkyDataTable`
+ * пропом `features`: те, чого немає в наборі, не потрапляє ні в типи, ні в бандл.
+ */
+export declare const skyTableFeatures: {
+    columnFilteringFeature: import('@tanstack/table-core').TableFeature;
+    columnSizingFeature: import('@tanstack/table-core').TableFeature;
+    columnVisibilityFeature: import('@tanstack/table-core').TableFeature;
+    globalFilteringFeature: import('@tanstack/table-core').TableFeature;
+    rowPaginationFeature: import('@tanstack/table-core').TableFeature;
+    rowSelectionFeature: import('@tanstack/table-core').TableFeature;
+    rowSortingFeature: import('@tanstack/table-core').TableFeature;
+    coreRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+    filteredRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+    sortedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+    paginatedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+    sortFns: {
+        alphanumeric: import('@tanstack/table-core').CreatedSortFn<any, any>;
+        alphanumericCaseSensitive: import('@tanstack/table-core').CreatedSortFn<any, any>;
+        basic: import('@tanstack/table-core').CreatedSortFn<any, any>;
+        datetime: import('@tanstack/table-core').CreatedSortFn<any, any>;
+        text: import('@tanstack/table-core').CreatedSortFn<any, any>;
+        textCaseSensitive: import('@tanstack/table-core').CreatedSortFn<any, any>;
+    };
+    filterFns: {
+        arrIncludes: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        arrIncludesAll: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        arrHas: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        arrIncludesSome: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        between: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        betweenInclusive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        empty: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        endsWith: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        equals: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        equalsString: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        equalsStringSensitive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        inDateRange: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        inNumberRange: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        includesString: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        includesStringSensitive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        notEmpty: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        startsWith: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        weakEquals: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+    };
+};
+export type SkyTableFeatures = typeof skyTableFeatures;
+/**
+ * Типізований помічник для опису колонок під наш набір фіч.
+ *
+ * ```ts
+ * const column = createSkyColumnHelper<Product>()
+ * const columns = [
+ *   column.accessor('name', { header: 'Назва' }),
+ *   column.display({ id: 'actions', cell: ({ row }) => h(RowActions, { row }) }),
+ * ]
+ * ```
+ */
+export declare function createSkyColumnHelper<TData extends RowData>(): import('@tanstack/table-core').ColumnHelper<{
+    columnFilteringFeature: import('@tanstack/table-core').TableFeature;
+    columnSizingFeature: import('@tanstack/table-core').TableFeature;
+    columnVisibilityFeature: import('@tanstack/table-core').TableFeature;
+    globalFilteringFeature: import('@tanstack/table-core').TableFeature;
+    rowPaginationFeature: import('@tanstack/table-core').TableFeature;
+    rowSelectionFeature: import('@tanstack/table-core').TableFeature;
+    rowSortingFeature: import('@tanstack/table-core').TableFeature;
+    coreRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+    filteredRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+    sortedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+    paginatedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+    sortFns: {
+        alphanumeric: import('@tanstack/table-core').CreatedSortFn<any, any>;
+        alphanumericCaseSensitive: import('@tanstack/table-core').CreatedSortFn<any, any>;
+        basic: import('@tanstack/table-core').CreatedSortFn<any, any>;
+        datetime: import('@tanstack/table-core').CreatedSortFn<any, any>;
+        text: import('@tanstack/table-core').CreatedSortFn<any, any>;
+        textCaseSensitive: import('@tanstack/table-core').CreatedSortFn<any, any>;
+    };
+    filterFns: {
+        arrIncludes: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        arrIncludesAll: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        arrHas: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        arrIncludesSome: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        between: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        betweenInclusive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        empty: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        endsWith: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        equals: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        equalsString: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        equalsStringSensitive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        inDateRange: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        inNumberRange: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        includesString: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        includesStringSensitive: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        notEmpty: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        startsWith: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+        weakEquals: import('@tanstack/table-core').CreatedFilterFn<any, any>;
+    };
+}, TData>;

package/dist/shared/lib/table/useColumnVisibility.d.ts

@@ -0,0 +1,29 @@
+import { ComputedRef, Ref } from 'vue';
+import { SkyTableColumn } from '../../ui/table/types';
+
+type MaybeRef<T> = T | Ref<T> | ComputedRef<T>;
+export interface UseColumnVisibilityOptions {
+    /**
+     * Ключ у localStorage для збереження вибору користувача. Без нього
+     * налаштування живуть лише до перезавантаження сторінки.
+     */
+    storageKey?: string;
+    /** Колонки, приховані за замовчуванням. */
+    hidden?: string[];
+}
+export interface UseColumnVisibilityReturn {
+    /** Мапа `name → показувати`. Придатна для v-model у налаштуваннях колонок. */
+    visibility: Ref<Record<string, boolean>>;
+    /** Колонки, які треба віддати в SkyTableRoot. */
+    visibleColumns: ComputedRef<SkyTableColumn[]>;
+    toggle: (name: string) => void;
+    reset: () => void;
+}
+/**
+ * Видимість колонок із опційним збереженням у localStorage.
+ *
+ * Стара таблиця тримала це у внутрішньому стані й дублювала в `header[].enable`,
+ * тож зовні дізнатись про вибір користувача було нічим.
+ */
+export declare function useColumnVisibility(columns: MaybeRef<SkyTableColumn[]>, options?: UseColumnVisibilityOptions): UseColumnVisibilityReturn;
+export {};

package/dist/shared/lib/table/useTableSelection.d.ts

@@ -0,0 +1,34 @@
+import { ComputedRef, Ref } from 'vue';
+
+type MaybeRef<T> = T | Ref<T> | ComputedRef<T>;
+export interface UseTableSelectionOptions<T> {
+    /** Ключ ідентифікатора рядка або функція, що його дістає. */
+    rowId?: string | ((row: T) => string | number);
+    /** Рядки, які не можна обрати (напр. вкладені модифікації). */
+    selectable?: (row: T) => boolean;
+}
+export interface UseTableSelectionReturn<T> {
+    selected: Ref<T[]>;
+    selectedIds: ComputedRef<(string | number)[]>;
+    isSelected: (row: T) => boolean;
+    /** Усі доступні для вибору рядки обрані. */
+    allSelected: ComputedRef<boolean>;
+    /** Обрано частину — для indeterminate-стану чекбокса в шапці. */
+    someSelected: ComputedRef<boolean>;
+    /** Перемкнути рядок. `shift: true` виділяє діапазон від попереднього кліку. */
+    toggle: (row: T, index: number, options?: {
+        shift?: boolean;
+    }) => void;
+    toggleAll: () => void;
+    clear: () => void;
+    /** Прибрати рядок із вибору за id — напр. після видалення. */
+    remove: (id: string | number) => void;
+}
+/**
+ * Вибір рядків: одиночний, shift-діапазон і select-all.
+ *
+ * На відміну від старої таблиці, нічого не мутує в чужих пропсах — стан живе
+ * тут, а назовні віддається через `selected`.
+ */
+export declare function useTableSelection<T extends Record<string, any>>(rows: MaybeRef<T[]>, options?: UseTableSelectionOptions<T>): UseTableSelectionReturn<T>;
+export {};