@snabcentr/client-ui 0.0.23 → 0.0.24

package/files/directives/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tree-top.directive';
+export * from './tree.directive';

package/files/directives/tree-top.directive.d.ts

@@ -0,0 +1,33 @@
+import { TreeNode } from '../interfaces/tree-node';
+import * as i0 from "@angular/core";
+/**
+ * Директива отвечающая за корневые элементы дерева.
+ */
+export declare class TreeTopDirective implements TreeNode {
+    /**
+     * Отображаемое имя корневого элемента дерева.
+     */
+    text: string;
+    /**
+     * Значок корневого элемента дерева.
+     */
+    icon: string;
+    /**
+     * Ссылка корневого элемента дерева.
+     */
+    link?: string;
+    /**
+     * Признак наличия дочерних элементов.
+     */
+    hasChildren: boolean;
+    /**
+     * Идентификатор корневого элемента дерева.
+     */
+    id?: number;
+    /**
+     * Дата создания корневого элемента дерева.
+     */
+    createdAt?: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeTopDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TreeTopDirective, "[scTopNodeText]", never, { "text": "scTopNodeText"; "icon": "scTopNodeIcon"; "link": "scTopNodeLink"; "hasChildren": "scTopNodeChilds"; "id": "scTopNodeParent"; "createdAt": "scTopNodeDate"; }, {}, never, never, false>;
+}

package/files/directives/tree.directive.d.ts

@@ -0,0 +1,35 @@
+import { TuiHandler } from '@taiga-ui/cdk';
+import { TuiTreeService } from '@taiga-ui/kit';
+import { TreeNode } from '../interfaces/tree-node';
+import * as i0 from "@angular/core";
+/**
+ * Директива отвечающая за обработку действий над элементами дерева.
+ */
+export declare class TreeDirective {
+    readonly service: TuiTreeService<TreeNode>;
+    /**
+     * Карта данных дерева.
+     */
+    map: Map<TreeNode, boolean>;
+    /**
+     * Инициализирует экземпляр класса {@link TreeDirective}.
+     *
+     * @param service Сервис для работы с деревом.
+     */
+    constructor(service: TuiTreeService<TreeNode>);
+    /**
+     * Проверяет указанный элемент дерева на наличие дочерних элементов и возвращает массив дочерних элементов, если они есть, либо пустой массив.
+     *
+     * @param node Элемент дерева.
+     * @returns Возвращает массив типа TreeNode[].
+     */
+    childrenHandler: TuiHandler<TreeNode, readonly TreeNode[]>;
+    /**
+     * Обрабатывает нажатие на указанный элемент дерева.
+     *
+     * @param node Элемент дерева.
+     */
+    onToggled(node: TreeNode): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TreeDirective, "[scTree]", ["scTree"], {}, {}, never, never, false>;
+}

package/files/file-tree-item/file-tree-item.component.d.ts

@@ -0,0 +1,9 @@
+import { TuiTreeItemContentComponent } from '@taiga-ui/kit';
+import * as i0 from "@angular/core";
+/**
+ * Компонент для удаления стандартного значка элемента дерева.
+ */
+export declare class FileTreeItemComponent extends TuiTreeItemContentComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileTreeItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileTreeItemComponent, "sc-file-tree-item", never, {}, {}, never, never, false>;
+}

package/files/files-and-documents.component.d.ts

@@ -0,0 +1,27 @@
+import { ScFilesService } from '@snabcentr/client-core';
+import { Observable } from 'rxjs';
+import { TreeIconService } from './services/tree-icon.service';
+import { TreeNode } from './interfaces/tree-node';
+import * as i0 from "@angular/core";
+/**
+ * Компонент файлов и документов.
+ */
+export declare class FilesAndDocumentsComponent {
+    readonly loading: unknown;
+    readonly iconService: TreeIconService;
+    private readonly filesService;
+    /**
+     * Данные визуализации и их начальное получение.
+     */
+    data$: Observable<TreeNode[]>;
+    /**
+     * Инициализирует экземпляр класса {@link FilesAndDocumentsComponent}.
+     *
+     * @param loading Объект отвечающий за значок загрузки, в момент раскрытия элемента дерева.
+     * @param iconService Сервис для определения и назначения значка элементу дерева.
+     * @param filesService Сервис для загрузки файлов.
+     */
+    constructor(loading: unknown, iconService: TreeIconService, filesService: ScFilesService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilesAndDocumentsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilesAndDocumentsComponent, "sc-files-and-documents", never, {}, {}, never, never, false>;
+}

package/files/files-and-documents.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./files-and-documents.component";
+import * as i2 from "./directives/tree.directive";
+import * as i3 from "./directives/tree-top.directive";
+import * as i4 from "./file-tree-item/file-tree-item.component";
+import * as i5 from "@angular/common";
+import * as i6 from "@taiga-ui/kit";
+import * as i7 from "@taiga-ui/core";
+/**
+ * Модуль файлов и документов.
+ */
+export declare class FilesAndDocumentsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilesAndDocumentsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FilesAndDocumentsModule, [typeof i1.FilesAndDocumentsComponent, typeof i2.TreeDirective, typeof i3.TreeTopDirective, typeof i4.FileTreeItemComponent], [typeof i5.CommonModule, typeof i6.TuiTreeModule, typeof i7.TuiSvgModule, typeof i7.TuiLoaderModule, typeof i7.TuiLinkModule], [typeof i1.FilesAndDocumentsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FilesAndDocumentsModule>;
+}

package/files/index.d.ts

@@ -0,0 +1,5 @@
+export * from './files-and-documents.component';
+export * from './files-and-documents.module';
+export * from './services';
+export * from './directives';
+export * from './interfaces/tree-node';

package/files/interfaces/tree-node.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Интерфейс для реализации компонентами, отображающими элемент дерева.
+ */
+export interface TreeNode {
+    /**
+     * Признак наличия дочерних элементов.
+     */
+    hasChildren: boolean;
+    /**
+     * Отображаемое имя элемента дерева.
+     */
+    text: string;
+    /**
+     * Отображаемый значок элемента дерева.
+     */
+    icon: string;
+    /**
+     * Идентификатор элемента дерева.
+     */
+    id?: number;
+    /**
+     * Ссылка элемента дерева.
+     */
+    link?: string;
+    /**
+     * Дата создания элемента дерева.
+     */
+    createdAt?: string;
+}

package/files/services/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tree-icon.service';
+export * from './tree-loader.service';

package/files/services/tree-icon.service.d.ts

@@ -0,0 +1,23 @@
+import { ScDocumentInfo } from '@snabcentr/client-core/files/classes/sc-document-info';
+import * as i0 from "@angular/core";
+/**
+ * Сервис работающий с значками элементов дерева.
+ */
+export declare class TreeIconService {
+    /**
+     * Назначает значок элементу дерева в зависимости от типа файла.
+     *
+     * @param info Объект пришедших данных о файле.
+     * @returns Возвращает название значка в виде строки.
+     */
+    getIconName(info: ScDocumentInfo): string;
+    /**
+     * Проверяет на признак наличия дочерних элементов.
+     *
+     * @param info Объект пришедших данных о файле.
+     * @returns Возвращает true при наличии дочерних элементов и false при их отсутсвии.
+     */
+    hasChildren(info: ScDocumentInfo): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeIconService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TreeIconService>;
+}

package/files/services/tree-loader.service.d.ts

@@ -0,0 +1,43 @@
+import { ScFilesService } from '@snabcentr/client-core';
+import { TuiTreeLoader } from '@taiga-ui/kit';
+import { Observable } from 'rxjs';
+import { TreeIconService } from './tree-icon.service';
+import { TreeNode } from '../interfaces/tree-node';
+import * as i0 from "@angular/core";
+/**
+ * Сервис для асинхронного раскрытия вложенности.
+ */
+export declare class TreeLoaderService implements TuiTreeLoader<TreeNode> {
+    private readonly filesService;
+    private readonly iconService;
+    /**
+     * Инициализирует экземпляр класса {@link TreeLoaderService}
+     *
+     * @param filesService Сервис для получения файлов директории.
+     * @param iconService Сервис для определения и назначения значка элементу дерева.
+     */
+    constructor(filesService: ScFilesService, iconService: TreeIconService);
+    /**
+     * Загружает дочерние элементы дерева.
+     *
+     * @param item Элемент дерева.
+     * @returns Массив дочерних элементов.
+     */
+    loadChildren(item: TreeNode): Observable<TreeNode[]>;
+    /**
+     * Проверяет указанный элемент дерева на наличие дочерних элементов и возвращает массив дочерних элементов, если они есть, либо пустой массив.
+     *
+     * @param node Элемент дерева.
+     * @returns Возвращает массив типа TreeNode[].
+     */
+    hasChildren(node: TreeNode): boolean;
+    /**
+     * Загружает и заполняет массив дочерних элементов.
+     *
+     * @param id Идентификатор директории, чьи дочернии элементы загружаются.
+     * @returns Возвращает массив дочерних элементов.
+     */
+    private initData;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeLoaderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TreeLoaderService>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snabcentr/client-ui",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "author": "Snabcentr Ltd.",
   "repository": "https://gitlab.snabcentr.met/web/angular/snabcentr-client-ui-lib",
   "license": "Commercial",

package/public-api.d.ts

@@ -1,6 +1,7 @@
 export * from './banner';
 export * from './cart';
 export * from './catalog';
+export * from './files';
 export * from './icons';
 export * from './loader';
 export * from './news';

package/release_notes.tmp

@@ -1 +1,6 @@
-null
+## 0.0.24 (2023-12-11)
+
+### added (1 change)
+
+- [#7823: Добавлен компонент файлов и документов](web_soft/libs/angular/snabcentr-client-ui-lib@d175cb6b17c77b3b264af4375fe4201a2a4ede49) ([merge request](web_soft/libs/angular/snabcentr-client-ui-lib!24))
+

package/styles/tailwind/tailwind.scss

@@ -698,6 +698,11 @@ video {
   margin: 2rem;
 }
 
+.my-4 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
 .mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -809,6 +814,10 @@ video {
   height: 14rem;
 }
 
+.h-6 {
+  height: 1.5rem;
+}
+
 .h-64 {
   height: 16rem;
 }
@@ -837,10 +846,6 @@ video {
   width: 7rem;
 }
 
-.w-3 {
-  width: 0.75rem;
-}
-
 .w-3\/4 {
   width: 75%;
 }
@@ -865,6 +870,10 @@ video {
   width: 11rem;
 }
 
+.w-6 {
+  width: 1.5rem;
+}
+
 .w-70 {
   width: 17.5rem;
 }