@topvisor/ui 1.3.5-5.0 → 1.4.0-TopGroupSelector.2

package/src/components/formsExt/selector2/itemMulti.vue.d.ts

@@ -1,8 +1,8 @@
-import { PropsItemMulti } from './types';
+import { PropsItemMulti, Item } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: DefineComponent<PropsItemMulti, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    delete: (id: number | null) => any;
+    delete: (item: Item) => any;
 }, string, PublicProps, Readonly<PropsItemMulti> & Readonly<{
-    onDelete?: ((id: number | null) => any) | undefined;
+    onDelete?: ((item: Item) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/src/components/formsExt/selector2/selector2.vue.d.ts

@@ -13,12 +13,18 @@ declare function __VLS_template(): {
             id: string;
             popup: TopLibPopup<undefined> | undefined;
         }> | null;
-        subcomponentSelector: unknown;
     };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {
+    /**
+     * Сброс локального кеша и кеша api
+     *
+     * @param resetAPICache - Сбросить API кеш, по умолчанию не сбрасывается. Для случаев, когда загруженные данные становятся неактуальными
+     */
+    resetCache: (resetAPICache?: boolean) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (value: Item | Item[]) => any;
     appendItem: (item: Item) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
@@ -26,6 +32,7 @@ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}
     onAppendItem?: ((item: Item) => any) | undefined;
 }>, {
     size: Size;
+    openByFocusInput: boolean;
     items: Item[];
     searchType: "none" | "inline" | "popup";
     minLength: number;
@@ -34,7 +41,6 @@ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}
         id: string;
         popup: TopLibPopup<undefined> | undefined;
     }> | null;
-    subcomponentSelector: unknown;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/src/components/formsExt/selector2/types.d.ts

@@ -1,7 +1,7 @@
 import { Size } from '../../forms/helpers';
 import { Props as ButtonProps } from '../../forms/button/types';
-import { Props as PopupProps } from '../../popup/popup/types';
-import { ITEM_ID_NEW } from './utils';
+import { ListItemProps, Props as PopupProps } from '../../popup/popup/types';
+import { ITEM_ID_ALL, ITEM_ID_NEW } from './utils';
 export interface Props {
     /**
      * Выбранный элемент
@@ -21,6 +21,7 @@ export interface Props {
     items?: Item[];
     title?: string;
     disabled?: boolean;
+    icon?: string;
     /**
      * Модификатор элемента, открывающего popup
      *
@@ -29,7 +30,7 @@ export interface Props {
     modificator?: string;
     size?: Size;
     isError?: boolean;
-    openByFocus?: PopupProps['openByFocus'];
+    openByFocusInput?: PopupProps['openByFocusInput'];
     /**
      * Тип поиска по элементам
      *
@@ -59,9 +60,11 @@ export interface Props {
      *
      * Обязательно для `api`, если указан `searchType`
      *
+     * Для добавления в API фильтра по полю на основе введенного значения используйте утилиту `genApiSetSearchParams()`
+     *
      * @subcategory Api
      */
-    apiSetSearchParams?: (search: string) => void;
+    apiSetSearchParams?: (api: NonNullable<Props['api']>, search: string) => void;
     /**
      * Минимальная длина для выполнения поиска
      *
@@ -79,9 +82,9 @@ export interface Props {
      */
     useCache?: boolean;
     /**
-     * Добавить в результаты item = {id:null, name:search}, где search - введенная строка в поле поиска
+     * Добавить в результаты `item = {id:null, name:search}`, где `search` - введенная строка в поле поиска
      *
-     * При добавлении элемента вызывает emit `appendItem`
+     * При добавлении элемента будет вызван emit `appendItem(item)`
      */
     appendSearchToResult?: boolean;
     /**
@@ -95,9 +98,11 @@ export interface Props {
     /**
      * Добавить вариант: "Все"
      *
+     * Можно указать имя элемента
+     *
      * @subcategory Single select
      */
-    appendAllValue?: boolean;
+    useAllItem?: boolean | string;
     /**
      * Отобразить кнопку смены значения
      *
@@ -161,7 +166,7 @@ export type EmitsItemMulti = {
     /**
      * Удалить выбранный элемент
      */
-    delete: [id: Item['id']];
+    delete: [item: Item];
 };
 /**
  * Элемент, который можно выбрать в Selector
@@ -174,6 +179,18 @@ export interface Item {
      */
     id: number | typeof ITEM_ID_NEW;
     name: string;
+    /**
+     * Настройки вывода элемента
+     */
+    listItemProps?: ListItemProps;
     [propName: string]: any;
 }
+export type ItemAll = {
+    id: typeof ITEM_ID_ALL;
+    name: string;
+};
+export type ItemNew = {
+    id: typeof ITEM_ID_NEW;
+    name: string;
+};
 export type { Size };

package/src/components/formsExt/selector2/utils.d.ts

@@ -1,7 +1,23 @@
 import { Item, Props } from './types';
+/**
+ * Универсальный id для всех элементов "Все элементы" / "Без фильтра" в `TopSelector`
+ */
 export declare const ITEM_ID_ALL = 0;
+/**
+ * Универсальный id для всех добавляемых элементов через `TopSelector`
+ */
 export declare const ITEM_ID_NEW: null;
 /**
  * Выбран ли элемент
  */
 export declare const isSelected: (modelValue: Props["modelValue"], item: Item, checkNameForNullId?: boolean) => boolean;
+/**
+ * Вспомогательная утилита для создания `callback` функции на добавление фильтра по полю в api запрос
+ *
+ * Другие фильтры по указанному полю будут удалены
+ *
+ * @param api - api, которое используется в `TopSelector`
+ * @param search - введенная строка поиска
+ * @param fieldName - имя поля, по которому надо добавить фильтр на поиск по нестрогому соответствию
+ */
+export declare const apiSetSearchParamsFilter: (api: NonNullable<Props["api"]>, search: string, fieldName: string) => void;

package/src/components/popup/lib/popup.d.ts

@@ -9,7 +9,6 @@ export interface PopupOptions {
     posBy?: 'left' | 'right' | 'fixed' | Element;
     frontSelector?: string;
     invertX?: boolean;
-    openByFocus?: boolean;
     openByHover?: boolean;
     useOriginal?: boolean;
     transitionDuration?: number;

package/src/components/popup/popup/opener/types.d.ts

@@ -20,13 +20,17 @@ export interface OpenerProps<T extends Record<string, any> | undefined = undefin
     /**
      * Открывать / закрывать при фокусировке
      *
-     * @remarks Рекомендуется включать при использовании поля ввода
+     * Только для opener с `input`
      */
-    openByFocus?: boolean;
+    openByFocusInput?: boolean;
     /**
      * Открывать / закрывать при наведении / отведении мыши
      */
     openByHover?: boolean;
+    /**
+     * Выключить открытие popup при взаимодействии с элементом
+     */
+    disabled?: boolean;
     /**
      * Способ привязки позиционирования меню
      *

package/src/components/popup/popup/types.d.ts

@@ -20,7 +20,7 @@ export interface Props<T extends Record<string, any> | undefined = undefined> ex
      */
     transitionDuration?: number;
     /**
-     * Ссылка на справку.
+     * Ссылка на справку
      *
      * Если указана, кнопка справки будет добавлена в футере popup
      */
@@ -53,7 +53,7 @@ export type Emits<T extends Record<string, any> | undefined = undefined> = {
 export interface ListItemProps {
     /**
      * Тип элемента списка
-     * - button: обычный кликабельный (выбираемый) элемент, поддерживает вставку ссылок через атрибут href
+     * - button: значение уо умолчанию, кликабельный и выбираемый элемент, поддерживает вставку ссылок через атрибут `href`
      * - formControls: элементы форм, переключатели, радио кнопки
      * - regular: произвольное содержимое
      * - title: заголовок
@@ -64,4 +64,5 @@ export interface ListItemProps {
      * Следует ли закрывать меню по клику на элемент типа button и link
      */
     closeByClick?: boolean;
+    attrs?: Partial<HTMLElement>;
 }

package/src/components/popup/popup.d.ts

@@ -1,5 +1,5 @@
 export { default as TopPopup } from './popup/popup.vue';
-export { default as TopPopupOpener } from './popup/opener.vue';
+export { default as TopPopupOpener } from './popup/opener/opener.vue';
 export { default as TopPopupListItem } from './popup/listItem.vue';
 export { default as TopPopupWidgetInput } from './popup/widgetInput/widgetInput.vue';
 export { default as TopPopupAlert } from './popupAlert/popupAlert.vue';

package/src/components/project/groupSelector/folders/folders.vue.d.ts

@@ -0,0 +1,18 @@
+import { Props, Folder } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ItemAll } from '../../../formsExt/selector2/types';
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    'folderId': Props['folderId'];
+    'folder'?: NonNullable<Props['folder']>;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:folderId": (value: number) => any;
+    "update:folder": (value: NonNullable< ItemAll | Folder | undefined>) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:folderId"?: ((value: number) => any) | undefined;
+    "onUpdate:folder"?: ((value: NonNullable< ItemAll | Folder | undefined>) => any) | undefined;
+}>, {
+    addIcon: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/src/components/project/groupSelector/folders/types.d.ts

@@ -0,0 +1,63 @@
+import { Item, ItemAll, Props as SelectorProps } from '../../../formsExt/selector2/types';
+export interface Props {
+    /**
+     * Id выбранной папки
+     */
+    folderId: number;
+    /**
+     * Выбранная папка
+     */
+    folder?: Folder | ItemAll;
+    /**
+     * Дерево папок
+     */
+    folders?: FolderTree;
+    projectId: number;
+    /**
+     * Вместо "Корневой папки" выводить "Все папки"
+     */
+    canSelectAll?: boolean;
+    addChanger?: SelectorProps['addChanger'];
+    addIcon?: boolean;
+    client?: Api.Client<Api.TV.Paths, true>;
+}
+/**
+ * Дерево папок: ключ — id родителя, значение — список дочерних папок
+ */
+export type FolderTree = {
+    [index: string]: Folder[];
+};
+/**
+ * Информация о папке (локальный тип компонента Folders)
+ */
+export interface Folder extends Item {
+    id: number;
+    /**
+     * Путь к папке
+     */
+    path: string;
+    /**
+     * Список id дочерних папок, формируется локально
+     */
+    childsIds?: number[];
+    /**
+     * Кол-во активных групп в папке
+     */
+    countAllGroupsActive?: number;
+    /**
+     * Кол-во дочерних папок
+     */
+    count_folders?: number;
+    /**
+     * Кол-во дочерних групп
+     */
+    count_groups?: number;
+    /**
+     * Кол-во активных дочерних групп
+     */
+    count_groups_active?: number;
+    /**
+     * Id родительской папки
+     */
+    parent_id?: number;
+}

package/src/components/project/groupSelector/folders/utils.d.ts

@@ -0,0 +1,63 @@
+import { Folder, FolderTree } from './types';
+import { Props } from '../types';
+import { paths } from 'topvisor-openapi/src/ts/Topvisor';
+import { components } from 'topvisor-openapi/src/ts/Keywords_2/Types/Folders/View';
+import { components } from 'topvisor-openapi/src/ts/TV/API/Params/FieldsTrait';
+import { components } from 'topvisor-openapi/src/ts/TV/API/Params/OrdersTrait';
+import { components } from 'topvisor-openapi/src/ts/TV/API/Params/FiltersTrait';
+import { components } from 'topvisor-openapi/src/ts/TV/API/Params/LimitTrait';
+import { components } from 'topvisor-openapi/src/ts/TV/API/Params/OffsetTrait';
+import { components } from 'topvisor-openapi/src/ts/TV/API/Params/ProjectIdTrait';
+export declare const folderDefault: Folder;
+/**
+ * Сгенерировать объект корневой папки для компонента
+ *
+ * Содержит измененное имя
+ *
+ * Необходимо предустанавливать для минимизации `rerender`
+ */
+export declare const genRootFolder: (folders: FolderTree | undefined, useSelectAll: boolean) => Folder;
+/**
+ * Сгенерировать плоский список папок
+ *
+ * В `folders` должен передаваться список всех папок, дозагрузка не предусмотрена
+ */
+export declare const genFlat: (folderById: NonNullable<Props["folders"]>, useSelectAll: boolean, resultFolders?: Map<number, Folder>, parentFolder?: Folder, depth?: number) => Map<number, Folder>;
+/**
+ * Создать API запрос на получение групп
+ */
+export declare const genApiGetFolders: (client: Api.Client<Api.TV.Paths, true>) => Api.ClientRequest<Api.ClientRequestContext< paths, "/get/keywords_2/folders/", true>, ("name" | "id" | "path" | "parent_id")[], Api.Params<Api.ClientRequestContext< paths, "/get/keywords_2/folders/", true>, undefined, {
+    "COUNT(*)"?: any;
+    id?: any;
+    project_id?: any;
+    parent_id?: any;
+    name?: any;
+    count_folders?: any;
+    count_groups?: any;
+    count_groups_active?: any;
+    ord?: any;
+    path?: any;
+    ord_path?: any;
+}, {
+    view?: components["schemas"]["Keywords_2.Types.Folders.View"];
+    show_trash?: number;
+    fields?: components["schemas"]["TV.API.Params.FieldsTrait"]["fields"];
+    orders?: components["schemas"]["TV.API.Params.OrdersTrait"]["orders"];
+    filters?: components["schemas"]["TV.API.Params.FiltersTrait"]["filters"];
+    id?: components["schemas"]["TV.API.Params.FiltersTrait"]["id"];
+    limit?: components["schemas"]["TV.API.Params.LimitTrait"]["limit"];
+    offset?: components["schemas"]["TV.API.Params.OffsetTrait"]["offset"];
+    project_id: components["schemas"]["TV.API.Params.ProjectIdTrait"]["project_id"];
+}>, Api.ModelFields<{
+    "COUNT(*)"?: any;
+    id?: any;
+    project_id?: any;
+    parent_id?: any;
+    name?: any;
+    count_folders?: any;
+    count_groups?: any;
+    count_groups_active?: any;
+    ord?: any;
+    path?: any;
+    ord_path?: any;
+}> | undefined>;

package/src/components/project/groupSelector/groupSelector.vue.d.ts

@@ -0,0 +1,28 @@
+import { Props } from './types';
+import { Group } from './groups/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ItemAll, ItemNew } from '../../formsExt/selector2/types';
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    'folderId': Props['folderId'];
+    'groupId': Props['groupId'];
+    'group'?: Props['group'];
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:folderId": (value: number) => any;
+    "update:groupId": (value: number | null) => any;
+    "update:group": (value: ItemAll | ItemNew | Group | undefined) => any;
+    "update:groups": (groups?: Group[] | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:folderId"?: ((value: number) => any) | undefined;
+    "onUpdate:groupId"?: ((value: number | null) => any) | undefined;
+    "onUpdate:group"?: ((value: ItemAll | ItemNew | Group | undefined) => any) | undefined;
+    "onUpdate:groups"?: ((groups?: Group[] | undefined) => any) | undefined;
+}>, {
+    addChanger: boolean;
+    autoselect: "placeholder" | "first";
+    addIcon: boolean;
+    showFolders: boolean;
+    showGroups: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/src/components/project/groupSelector/groups/groups.vue.d.ts

@@ -0,0 +1,125 @@
+import { Item as SelectorItem, ItemAll, ItemNew, Props, Size, Slots } from '../../../formsExt/selector2/types';
+import { Group, Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ShallowUnwrapRef, Slot, ComponentPublicInstance, ComponentOptionsBase, GlobalComponents, GlobalDirectives, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ComponentCustomProperties } from 'vue';
+import { Props } from '../../../forms/button/types';
+import { TopLibPopup } from '../../../popup/lib/popup';
+import { OnCleanup } from '@vue/reactivity';
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    'groupId': Props['groupId'];
+    'group': Props['group'];
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    addGroup: (group: Group) => any;
+    "update:groupId": (value: number | null) => any;
+    "update:group": (value: ItemAll | ItemNew | Group) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onAddGroup?: ((group: Group) => any) | undefined;
+    "onUpdate:groupId"?: ((value: number | null) => any) | undefined;
+    "onUpdate:group"?: ((value: ItemAll | ItemNew | Group) => any) | undefined;
+}>, {
+    addChanger: boolean;
+    autoselect: "first" | "placeholder";
+    addIcon: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    refSelector: ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue: Props["modelValue"];
+            readonly items?: SelectorItem[] | undefined;
+            readonly title?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly icon?: string | undefined;
+            readonly modificator?: string | undefined;
+            readonly size?: Size | undefined;
+            readonly isError?: boolean | undefined;
+            readonly openByFocusInput?: boolean | undefined;
+            readonly searchType?: "none" | "inline" | "popup" | undefined;
+            readonly placeholder?: string | undefined;
+            readonly api?: (Api.ClientRequest<any> | Api.ClientRequestCustom<any, any, any>) | undefined;
+            readonly apiSetSearchParams?: ((api: NonNullable< Props["api"]>, search: string) => void) | undefined;
+            readonly minLength?: number | undefined;
+            readonly useCache?: boolean | undefined;
+            readonly appendSearchToResult?: boolean | undefined;
+            readonly multiselect?: boolean | undefined;
+            readonly useAllItem?: boolean | string | undefined;
+            readonly addChanger?: boolean | undefined;
+            readonly buttonProps?: Props | undefined;
+            readonly selectedAsPlaceholder?: boolean | undefined;
+            readonly "onUpdate:modelValue"?: ((value: SelectorItem | SelectorItem[]) => any) | undefined;
+            readonly onAppendItem?: ((item: SelectorItem) => any) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            popupRef: ShallowUnwrapRef<{
+                id: string;
+                popup: TopLibPopup<undefined> | undefined;
+            }> | null;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "update:modelValue", value: SelectorItem | SelectorItem[]) => void) & ((event: "appendItem", item: SelectorItem) => void);
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<{
+            modelValue: Props["modelValue"];
+        } & Props> & Readonly<{
+            "onUpdate:modelValue"?: ((value: SelectorItem | SelectorItem[]) => any) | undefined;
+            onAppendItem?: ((item: SelectorItem) => any) | undefined;
+        }>, {
+            resetCache: (resetAPICache?: boolean) => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            "update:modelValue": (value: SelectorItem | SelectorItem[]) => any;
+            appendItem: (item: SelectorItem) => any;
+        }, string, {
+            size: Size;
+            openByFocusInput: boolean;
+            items: SelectorItem[];
+            searchType: "none" | "inline" | "popup";
+            minLength: number;
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{
+        size: Size;
+        openByFocusInput: boolean;
+        items: SelectorItem[];
+        searchType: "none" | "inline" | "popup";
+        minLength: number;
+    }> & Omit<Readonly<{
+        modelValue: Props["modelValue"];
+    } & Props> & Readonly<{
+        "onUpdate:modelValue"?: ((value: SelectorItem | SelectorItem[]) => any) | undefined;
+        onAppendItem?: ((item: SelectorItem) => any) | undefined;
+    }>, "resetCache" | ("size" | "openByFocusInput" | "items" | "searchType" | "minLength")> & ShallowUnwrapRef<{
+        resetCache: (resetAPICache?: boolean) => void;
+    }> & {} & ComponentCustomProperties & {} & {
+        $slots: Readonly< Slots> & Slots;
+    }) | null;
+}, any>;
+export default _default;

package/src/components/project/groupSelector/groups/types.d.ts

@@ -0,0 +1,57 @@
+import { Item, ItemAll, ItemNew, Props as SelectorProps } from '../../../formsExt/selector2/types';
+import { Folder } from '../folders/types';
+export interface Props {
+    /**
+     * Id выбранной группы
+     */
+    groupId: number | null;
+    /**
+     * Выбранная группа
+     */
+    group: Group | ItemAll | ItemNew;
+    projectId: number;
+    /**
+     * Папка, группы которой надо показать
+     *
+     * Если не указана будут выводиться все папки, а добавление новых групп будет происходить в корневую папку
+     */
+    folder?: Folder;
+    /**
+     * Список групп
+     */
+    groups?: Group[];
+    canAdd?: 'api' | SelectorProps['appendSearchToResult'];
+    canSelectAll?: SelectorProps['useAllItem'];
+    autoselect?: 'first' | 'placeholder';
+    addChanger?: SelectorProps['addChanger'];
+    addIcon?: boolean;
+    client?: Api.Client<Api.TV.Paths, true>;
+}
+export interface Emits {
+    addGroup: [group: Group];
+}
+/**
+ * Информация о группе
+ */
+export interface Group extends Item {
+    /**
+     * Id родительской папки
+     */
+    folder_id: number;
+    /**
+     * Путь к папке
+     */
+    folder_path: string;
+    /**
+     * Флаг включения группы:
+     * 0 - выключена
+     * 1 - включена
+     */
+    on?: 0 | 1;
+    /**
+     * Флаг статуса группы:
+     * 0 - обычный
+     * 1 - идет загрузка фраз
+     */
+    status?: 0 | 1;
+}