@skyservice-developers/vue-dev-kit 2.11.0 → 2.13.0

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 {};

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

@@ -0,0 +1,28 @@
+import { Ref } from 'vue';
+import { SortState, SortDirection } from '../../ui/table/types';
+
+export interface UseTableSortOptions {
+    /** Початковий стан сортування. */
+    initial?: Partial<SortState>;
+    /**
+     * Чи проходити через стан «без сортування» на третьому кліку.
+     * За замовчуванням `false` — клік лише перемикає asc ⇄ desc, як у старій таблиці.
+     */
+    tristate?: boolean;
+}
+export interface UseTableSortReturn {
+    sort: Ref<SortState>;
+    /** Перемкнути сортування за полем. Повертає новий стан — зручно для запиту. */
+    toggle: (field: string) => SortState;
+    /** Напрям для конкретного поля (`''`, якщо сортуємо не за ним). */
+    directionOf: (field: string) => SortDirection;
+    reset: () => void;
+}
+/**
+ * Стан сортування без будь-якої прив'язки до розмітки.
+ *
+ * Сортування тут *не виконується* — композабл лише тримає `{ of, ot }`.
+ * Дані сортує сервер (або застосунок), як і в старій таблиці: на кожен toggle
+ * ви робите запит із новим станом.
+ */
+export declare function useTableSort(options?: UseTableSortOptions): UseTableSortReturn;

package/dist/shared/ui/Modal/Modal.vue.d.ts

@@ -13,6 +13,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     closeOnEsc: boolean;
     closeTitle: string;
     closeOnOverlay: boolean;
+    borderRadius: string;
     $props: {
         readonly modelValue?: boolean | undefined;
         readonly title?: string | undefined;
@@ -22,6 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly closeOnEsc?: boolean | undefined;
         readonly closeTitle?: string | undefined;
         readonly closeOnOverlay?: boolean | undefined;
+        readonly borderRadius?: string | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare function __VLS_template(): {