@webiny/app-aco 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/presentation/folderTree/FolderTreePresenter.js

@@ -0,0 +1,321 @@
+import { makeAutoObservable, reaction, runInAction } from "mobx";
+import { StringFormatter } from "@webiny/app-admin/features/stringFormatter/abstractions.js";
+import { FolderTreePresenter } from "./abstractions.js";
+import { ROOT_FOLDER } from "../../constants.js";
+import { FoldersCache, FoldersContext } from "../../features/folders/abstractions.js";
+import { ListFoldersUseCase } from "../../features/folders/listFolders/abstractions.js";
+import { ListFoldersByParentIdsUseCase } from "../../features/folders/listFoldersByParentIds/abstractions.js";
+import { CreateFolderUseCase } from "../../features/folders/createFolder/abstractions.js";
+import { UpdateFolderUseCase } from "../../features/folders/updateFolder/abstractions.js";
+import { DeleteFolderUseCase } from "../../features/folders/deleteFolder/abstractions.js";
+import { GetFolderAncestorsUseCase } from "../../features/folders/getFolderAncestors/abstractions.js";
+import { GetFolderLevelPermissionUseCase } from "../../features/folders/getFolderLevelPermission/abstractions.js";
+import { FormModelFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
+import { FolderDtoMapper } from "../../domain/folder/FolderDtoMapper.js";
+class FolderTreePresenterImpl {
+    constructor(foldersContext, foldersCache, listFoldersUseCase, listFoldersByParentIdsUseCase, createFolderUseCase, updateFolderUseCase, deleteFolderUseCase, getFolderAncestorsUseCase, getFolderLevelPermissionUseCase, formModelFactory, stringFormatter){
+        this.foldersContext = foldersContext;
+        this.foldersCache = foldersCache;
+        this.listFoldersUseCase = listFoldersUseCase;
+        this.listFoldersByParentIdsUseCase = listFoldersByParentIdsUseCase;
+        this.createFolderUseCase = createFolderUseCase;
+        this.updateFolderUseCase = updateFolderUseCase;
+        this.deleteFolderUseCase = deleteFolderUseCase;
+        this.getFolderAncestorsUseCase = getFolderAncestorsUseCase;
+        this.getFolderLevelPermissionUseCase = getFolderLevelPermissionUseCase;
+        this.formModelFactory = formModelFactory;
+        this.stringFormatter = stringFormatter;
+        this.currentFolderId = null;
+        this.loading = false;
+        this._loadingNodeIds = [];
+        this.operation = {
+            active: false,
+            mode: null
+        };
+        this.callbacks = new Set();
+        this.disposed = false;
+        this.previousFolders = [];
+        makeAutoObservable(this, {
+            callbacks: false,
+            previousFolders: false
+        }, {
+            autoBind: true
+        });
+        reaction(()=>this.currentFolderId, (folderId)=>{
+            if (!this.disposed) this.callbacks.forEach((cb)=>cb(folderId));
+        });
+        reaction(()=>({
+                folders: this.foldersCache.getItems(),
+                currentFolderId: this.currentFolderId
+            }), ({ folders, currentFolderId })=>{
+            if (null !== currentFolderId) {
+                const stillExists = folders.some((f)=>f.id === currentFolderId);
+                const isTransientReloadClear = 0 === folders.length && this.loading;
+                if (!stillExists && !isTransientReloadClear) {
+                    const resolvedId = this.resolveValidFolderId(currentFolderId, this.previousFolders);
+                    this.selectFolder(resolvedId);
+                }
+            }
+            this.previousFolders = folders;
+        }, {
+            fireImmediately: true
+        });
+        this.loadFolders();
+    }
+    get vm() {
+        const tree = this.buildTree();
+        const allFolders = this.foldersCache.getItems();
+        const currentNode = this.findNode(this.currentFolderId, tree);
+        const currentFolder = this.findFolder(this.currentFolderId);
+        const childNodes = currentNode ? currentNode.children : tree.filter((n)=>n.id !== ROOT_FOLDER);
+        return {
+            folders: allFolders.map((f)=>FolderDtoMapper.toDTO(f)),
+            tree,
+            currentFolderId: this.currentFolderId,
+            currentFolder: currentFolder ? FolderDtoMapper.toDTO(currentFolder) : null,
+            isRootFolder: null === this.currentFolderId,
+            currentFolderTitle: currentNode?.name ?? "All Files",
+            childFolders: childNodes.map((n)=>{
+                const folder = allFolders.find((f)=>f.id === n.id);
+                return folder ? FolderDtoMapper.toDTO(folder) : null;
+            }).filter((f)=>null !== f),
+            loading: this.loading,
+            loadingNodeIds: this._loadingNodeIds,
+            operation: this.operation
+        };
+    }
+    selectFolder(folderId) {
+        const normalized = folderId === ROOT_FOLDER ? null : folderId;
+        this.currentFolderId = normalized;
+        if (normalized) this.loadChildFolders([
+            normalized
+        ]);
+    }
+    onFolderChange(callback) {
+        this.callbacks.add(callback);
+        return ()=>{
+            this.callbacks.delete(callback);
+        };
+    }
+    async loadChildFolders(parentIds) {
+        const fetchableIds = parentIds.filter((id)=>id !== ROOT_FOLDER && "0" !== id);
+        if (0 === fetchableIds.length) return;
+        runInAction(()=>{
+            this._loadingNodeIds = fetchableIds;
+        });
+        try {
+            await this.listFoldersByParentIdsUseCase.execute(fetchableIds);
+        } finally{
+            runInAction(()=>{
+                this._loadingNodeIds = [];
+            });
+        }
+    }
+    async moveFolder(folderId, targetParentId) {
+        const folders = this.foldersCache.getItems();
+        const folder = folders.find((f)=>f.id === folderId);
+        if (!folder) return;
+        await this.updateFolderUseCase.execute({
+            id: folderId,
+            title: folder.title,
+            slug: folder.slug,
+            type: this.foldersContext.type,
+            parentId: targetParentId,
+            permissions: folder.permissions
+        });
+        await this.loadFolders();
+    }
+    canManageStructure(folderId) {
+        return this.getFolderLevelPermissionUseCase.execute(folderId, "canManageStructure");
+    }
+    getAncestorIds(folderId) {
+        return this.getFolderAncestorsUseCase.execute(folderId).map((f)=>f.id);
+    }
+    createFolder(parentFolderId) {
+        const form = this.formModelFactory.create({
+            fields: (fields)=>({
+                    title: fields.text().label("Title").required("Title is required"),
+                    slug: fields.text().label("Slug").required("Slug is required").computedUntilDirty(({ form })=>{
+                        const title = form.field("title").getValue();
+                        return this.stringFormatter.slugify(String(title ?? ""));
+                    }),
+                    parentId: fields.text().label("Parent folder").renderer("folderTree")
+                }),
+            layout: (layout)=>[
+                    layout.row("title"),
+                    layout.row("slug"),
+                    layout.row("parentId")
+                ]
+        });
+        form.setData({
+            parentId: parentFolderId ?? null
+        });
+        this.operation = {
+            active: true,
+            mode: "create",
+            parentFolderId,
+            form
+        };
+    }
+    editFolder(folderId) {
+        const folders = this.foldersCache.getItems();
+        const folder = folders.find((f)=>f.id === folderId);
+        if (!folder) return;
+        const form = this.formModelFactory.create({
+            fields: (fields)=>({
+                    title: fields.text().label("Name").required("Name is required"),
+                    slug: fields.text().label("Slug").required("Slug is required").computedUntilDirty(({ form })=>{
+                        const title = form.field("title").getValue();
+                        return this.stringFormatter.slugify(String(title ?? ""));
+                    })
+                }),
+            layout: (layout)=>[
+                    layout.row("title"),
+                    layout.row("slug")
+                ]
+        });
+        form.setData({
+            title: folder.title,
+            slug: folder.slug
+        });
+        this.operation = {
+            active: true,
+            mode: "edit",
+            folderId,
+            form
+        };
+    }
+    async submitOperation() {
+        const { mode, form, parentFolderId, folderId } = this.operation;
+        if (!form || !mode) return false;
+        const data = await form.submit();
+        if (!data) return false;
+        if ("create" === mode) await this.createFolderUseCase.execute({
+            title: data.title,
+            slug: data.slug,
+            type: this.foldersContext.type,
+            parentId: data.parentId ?? parentFolderId ?? null,
+            permissions: []
+        });
+        else if ("edit" === mode && folderId) {
+            const folders = this.foldersCache.getItems();
+            const folder = folders.find((f)=>f.id === folderId);
+            await this.updateFolderUseCase.execute({
+                id: folderId,
+                title: data.title,
+                slug: data.slug,
+                type: this.foldersContext.type,
+                parentId: folder?.parentId ?? null,
+                permissions: folder?.permissions ?? []
+            });
+        }
+        runInAction(()=>{
+            this.operation = {
+                active: false,
+                mode: null
+            };
+        });
+        return true;
+    }
+    async deleteFolder(folderId) {
+        this.operation = {
+            active: true,
+            mode: "delete",
+            folderId
+        };
+        await this.deleteFolderUseCase.execute(folderId);
+        runInAction(()=>{
+            this.foldersCache.removeItems((f)=>f.id === folderId);
+            this.operation = {
+                active: false,
+                mode: null
+            };
+        });
+    }
+    cancelOperation() {
+        this.operation = {
+            active: false,
+            mode: null
+        };
+    }
+    async loadFolders() {
+        runInAction(()=>{
+            this.loading = true;
+        });
+        try {
+            await this.listFoldersUseCase.execute();
+        } finally{
+            runInAction(()=>{
+                this.loading = false;
+            });
+        }
+    }
+    resolveValidFolderId(folderId, previousFolders) {
+        let candidateId = folderId;
+        const visited = new Set();
+        while(null !== candidateId){
+            if (visited.has(candidateId)) break;
+            visited.add(candidateId);
+            if (this.foldersCache.getItem((f)=>f.id === candidateId)) return candidateId;
+            const prev = previousFolders.find((f)=>f.id === candidateId);
+            candidateId = prev?.parentId ?? null;
+        }
+        return null;
+    }
+    buildTree() {
+        const folders = this.foldersCache.getItems();
+        return this.buildTreeFromFolders(folders);
+    }
+    buildTreeFromFolders(folders) {
+        const nodeMap = new Map();
+        for (const folder of folders)nodeMap.set(folder.id, {
+            id: folder.id,
+            name: folder.title,
+            slug: folder.slug,
+            parentId: folder.parentId,
+            children: [],
+            hasNonInheritedPermissions: folder.hasNonInheritedPermissions ?? false,
+            canManagePermissions: folder.canManagePermissions ?? false,
+            canManageStructure: folder.canManageStructure ?? true
+        });
+        const roots = [];
+        for (const folder of folders){
+            const node = nodeMap.get(folder.id);
+            if (folder.parentId && nodeMap.has(folder.parentId)) nodeMap.get(folder.parentId).children.push(node);
+            else roots.push(node);
+        }
+        return roots;
+    }
+    findFolder(folderId) {
+        if (!folderId) return null;
+        return this.foldersCache.getItem((f)=>f.id === folderId) ?? null;
+    }
+    findNode(folderId, nodes) {
+        if (null === folderId) return null;
+        for (const node of nodes){
+            if (node.id === folderId) return node;
+            const found = this.findNode(folderId, node.children);
+            if (found) return found;
+        }
+        return null;
+    }
+}
+const FolderTreePresenter_FolderTreePresenter = FolderTreePresenter.createImplementation({
+    implementation: FolderTreePresenterImpl,
+    dependencies: [
+        FoldersContext,
+        FoldersCache,
+        ListFoldersUseCase,
+        ListFoldersByParentIdsUseCase,
+        CreateFolderUseCase,
+        UpdateFolderUseCase,
+        DeleteFolderUseCase,
+        GetFolderAncestorsUseCase,
+        GetFolderLevelPermissionUseCase,
+        FormModelFactory,
+        StringFormatter
+    ]
+});
+export { FolderTreePresenter_FolderTreePresenter as FolderTreePresenter };
+
+//# sourceMappingURL=FolderTreePresenter.js.map

package/presentation/folderTree/FolderTreePresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/folderTree/FolderTreePresenter.js","sources":["../../../src/presentation/folderTree/FolderTreePresenter.ts"],"sourcesContent":["import { makeAutoObservable, reaction, runInAction } from \"mobx\";\nimport { StringFormatter } from \"@webiny/app-admin/features/stringFormatter/abstractions.js\";\nimport {\n    FolderTreePresenter as Abstraction,\n    type IFolderTreeNode,\n    type IFolderTreeViewModel,\n    type IFolderOperationState\n} from \"./abstractions.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport { FoldersCache, FoldersContext } from \"~/features/folders/abstractions.js\";\nimport { ListFoldersUseCase } from \"~/features/folders/listFolders/abstractions.js\";\nimport { ListFoldersByParentIdsUseCase } from \"~/features/folders/listFoldersByParentIds/abstractions.js\";\nimport { CreateFolderUseCase } from \"~/features/folders/createFolder/abstractions.js\";\nimport { UpdateFolderUseCase } from \"~/features/folders/updateFolder/abstractions.js\";\nimport { DeleteFolderUseCase } from \"~/features/folders/deleteFolder/abstractions.js\";\nimport { GetFolderAncestorsUseCase } from \"~/features/folders/getFolderAncestors/abstractions.js\";\nimport { GetFolderLevelPermissionUseCase } from \"~/features/folders/getFolderLevelPermission/abstractions.js\";\nimport { FormModelFactory } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { Folder } from \"~/domain/folder/Folder.js\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { FolderDtoMapper } from \"~/domain/folder/FolderDtoMapper.js\";\n\ntype FolderChangeCallback = (folderId: string | null) => void;\n\nclass FolderTreePresenterImpl implements Abstraction.Interface {\n    private currentFolderId: string | null = null;\n    private loading = false;\n    private _loadingNodeIds: string[] = [];\n    private operation: IFolderOperationState = { active: false, mode: null };\n    private callbacks: Set<FolderChangeCallback> = new Set();\n    private disposed = false;\n\n    private previousFolders: Folder[] = [];\n\n    constructor(\n        private foldersContext: FoldersContext.Interface,\n        private foldersCache: FoldersCache.Interface,\n        private listFoldersUseCase: ListFoldersUseCase.Interface,\n        private listFoldersByParentIdsUseCase: ListFoldersByParentIdsUseCase.Interface,\n        private createFolderUseCase: CreateFolderUseCase.Interface,\n        private updateFolderUseCase: UpdateFolderUseCase.Interface,\n        private deleteFolderUseCase: DeleteFolderUseCase.Interface,\n        private getFolderAncestorsUseCase: GetFolderAncestorsUseCase.Interface,\n        private getFolderLevelPermissionUseCase: GetFolderLevelPermissionUseCase.Interface,\n        private formModelFactory: FormModelFactory.Interface,\n        private stringFormatter: StringFormatter.Interface\n    ) {\n        makeAutoObservable<FolderTreePresenterImpl, \"callbacks\" | \"previousFolders\">(\n            this,\n            { callbacks: false, previousFolders: false },\n            { autoBind: true }\n        );\n\n        reaction(\n            () => this.currentFolderId,\n            folderId => {\n                if (!this.disposed) {\n                    this.callbacks.forEach(cb => cb(folderId));\n                }\n            }\n        );\n\n        reaction(\n            () => ({\n                folders: this.foldersCache.getItems(),\n                currentFolderId: this.currentFolderId\n            }),\n            ({ folders, currentFolderId }) => {\n                if (currentFolderId !== null) {\n                    const stillExists = folders.some(f => f.id === currentFolderId);\n                    // Skip when folders is empty *and* a reload is in flight — the cache is\n                    // cleared before being repopulated, so this is a transient state, not a\n                    // real \"all folders were removed\" event.\n                    const isTransientReloadClear = folders.length === 0 && this.loading;\n                    if (!stillExists && !isTransientReloadClear) {\n                        const resolvedId = this.resolveValidFolderId(\n                            currentFolderId,\n                            this.previousFolders\n                        );\n                        this.selectFolder(resolvedId);\n                    }\n                }\n\n                this.previousFolders = folders;\n            },\n            { fireImmediately: true }\n        );\n\n        void this.loadFolders();\n    }\n\n    get vm(): IFolderTreeViewModel {\n        const tree = this.buildTree();\n        const allFolders = this.foldersCache.getItems();\n        const currentNode = this.findNode(this.currentFolderId, tree);\n        const currentFolder = this.findFolder(this.currentFolderId);\n        const childNodes = currentNode\n            ? currentNode.children\n            : tree.filter(n => n.id !== ROOT_FOLDER);\n        return {\n            folders: allFolders.map(f => FolderDtoMapper.toDTO(f)),\n            tree,\n            currentFolderId: this.currentFolderId,\n            currentFolder: currentFolder ? FolderDtoMapper.toDTO(currentFolder) : null,\n            isRootFolder: this.currentFolderId === null,\n            currentFolderTitle: currentNode?.name ?? \"All Files\",\n            childFolders: childNodes\n                .map(n => {\n                    const folder = allFolders.find(f => f.id === n.id);\n                    return folder ? FolderDtoMapper.toDTO(folder) : null;\n                })\n                .filter((f): f is FolderDto => f !== null),\n            loading: this.loading,\n            loadingNodeIds: this._loadingNodeIds,\n            operation: this.operation\n        };\n    }\n\n    selectFolder(folderId: string | null): void {\n        const normalized = folderId === ROOT_FOLDER ? null : folderId;\n        this.currentFolderId = normalized;\n        if (normalized) {\n            void this.loadChildFolders([normalized]);\n        }\n    }\n\n    onFolderChange(callback: FolderChangeCallback): () => void {\n        this.callbacks.add(callback);\n        return () => {\n            this.callbacks.delete(callback);\n        };\n    }\n\n    async loadChildFolders(parentIds: string[]): Promise<void> {\n        const fetchableIds = parentIds.filter(id => id !== ROOT_FOLDER && id !== \"0\");\n        if (fetchableIds.length === 0) {\n            return;\n        }\n\n        runInAction(() => {\n            this._loadingNodeIds = fetchableIds;\n        });\n\n        try {\n            await this.listFoldersByParentIdsUseCase.execute(fetchableIds);\n        } finally {\n            runInAction(() => {\n                this._loadingNodeIds = [];\n            });\n        }\n    }\n\n    async moveFolder(folderId: string, targetParentId: string | null): Promise<void> {\n        const folders = this.foldersCache.getItems();\n        const folder = folders.find(f => f.id === folderId);\n        if (!folder) {\n            return;\n        }\n\n        await this.updateFolderUseCase.execute({\n            id: folderId,\n            title: folder.title,\n            slug: folder.slug,\n            type: this.foldersContext.type,\n            parentId: targetParentId,\n            permissions: folder.permissions\n        });\n\n        await this.loadFolders();\n    }\n\n    canManageStructure(folderId: string): boolean {\n        return this.getFolderLevelPermissionUseCase.execute(folderId, \"canManageStructure\");\n    }\n\n    getAncestorIds(folderId: string): string[] {\n        return this.getFolderAncestorsUseCase.execute(folderId).map(f => f.id);\n    }\n\n    createFolder(parentFolderId?: string): void {\n        const form = this.formModelFactory.create({\n            fields: fields => ({\n                title: fields.text().label(\"Title\").required(\"Title is required\"),\n                slug: fields\n                    .text()\n                    .label(\"Slug\")\n                    .required(\"Slug is required\")\n                    .computedUntilDirty(({ form }) => {\n                        const title = form.field(\"title\").getValue();\n                        return this.stringFormatter.slugify(String(title ?? \"\"));\n                    }),\n                parentId: fields\n                    .text()\n                    .label(\"Parent folder\")\n                    .renderer(\"folderTree\" as any)\n            }),\n            layout: layout => [layout.row(\"title\"), layout.row(\"slug\"), layout.row(\"parentId\")]\n        });\n\n        form.setData({ parentId: parentFolderId ?? null });\n\n        this.operation = {\n            active: true,\n            mode: \"create\",\n            parentFolderId,\n            form\n        };\n    }\n\n    editFolder(folderId: string): void {\n        const folders = this.foldersCache.getItems();\n        const folder = folders.find(f => f.id === folderId);\n        if (!folder) {\n            return;\n        }\n\n        const form = this.formModelFactory.create({\n            fields: fields => ({\n                title: fields.text().label(\"Name\").required(\"Name is required\"),\n                slug: fields\n                    .text()\n                    .label(\"Slug\")\n                    .required(\"Slug is required\")\n                    .computedUntilDirty(({ form }) => {\n                        const title = form.field(\"title\").getValue();\n                        return this.stringFormatter.slugify(String(title ?? \"\"));\n                    })\n            }),\n            layout: layout => [layout.row(\"title\"), layout.row(\"slug\")]\n        });\n\n        form.setData({ title: folder.title, slug: folder.slug });\n\n        this.operation = {\n            active: true,\n            mode: \"edit\",\n            folderId,\n            form\n        };\n    }\n\n    async submitOperation(): Promise<boolean> {\n        const { mode, form, parentFolderId, folderId } = this.operation;\n        if (!form || !mode) {\n            return false;\n        }\n\n        const data = await form.submit<{ title: string; slug: string; parentId?: string | null }>();\n        if (!data) {\n            return false;\n        }\n\n        if (mode === \"create\") {\n            await this.createFolderUseCase.execute({\n                title: data.title,\n                slug: data.slug,\n                type: this.foldersContext.type,\n                parentId: data.parentId ?? parentFolderId ?? null,\n                permissions: []\n            });\n        } else if (mode === \"edit\" && folderId) {\n            const folders = this.foldersCache.getItems();\n            const folder = folders.find(f => f.id === folderId);\n\n            await this.updateFolderUseCase.execute({\n                id: folderId,\n                title: data.title,\n                slug: data.slug,\n                type: this.foldersContext.type,\n                parentId: folder?.parentId ?? null,\n                permissions: folder?.permissions ?? []\n            });\n        }\n\n        runInAction(() => {\n            this.operation = { active: false, mode: null };\n        });\n\n        return true;\n    }\n\n    async deleteFolder(folderId: string): Promise<void> {\n        this.operation = {\n            active: true,\n            mode: \"delete\",\n            folderId\n        };\n\n        await this.deleteFolderUseCase.execute(folderId);\n\n        runInAction(() => {\n            this.foldersCache.removeItems(f => f.id === folderId);\n            this.operation = { active: false, mode: null };\n        });\n    }\n\n    cancelOperation(): void {\n        this.operation = { active: false, mode: null };\n    }\n\n    private async loadFolders(): Promise<void> {\n        runInAction(() => {\n            this.loading = true;\n        });\n\n        try {\n            await this.listFoldersUseCase.execute();\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n            });\n        }\n    }\n\n    private resolveValidFolderId(\n        folderId: string | null,\n        previousFolders: Folder[]\n    ): string | null {\n        let candidateId = folderId;\n        const visited = new Set<string>();\n\n        while (candidateId !== null) {\n            if (visited.has(candidateId)) {\n                return null;\n            }\n            visited.add(candidateId);\n\n            if (this.foldersCache.getItem(f => f.id === candidateId)) {\n                return candidateId;\n            }\n\n            const prev = previousFolders.find(f => f.id === candidateId);\n            candidateId = prev?.parentId ?? null;\n        }\n\n        return null;\n    }\n\n    private buildTree(): IFolderTreeNode[] {\n        const folders = this.foldersCache.getItems();\n        return this.buildTreeFromFolders(folders);\n    }\n\n    private buildTreeFromFolders(folders: Folder[]): IFolderTreeNode[] {\n        const nodeMap = new Map<string, IFolderTreeNode>();\n\n        for (const folder of folders) {\n            nodeMap.set(folder.id, {\n                id: folder.id,\n                name: folder.title,\n                slug: folder.slug,\n                parentId: folder.parentId,\n                children: [],\n                hasNonInheritedPermissions: folder.hasNonInheritedPermissions ?? false,\n                canManagePermissions: folder.canManagePermissions ?? false,\n                canManageStructure: folder.canManageStructure ?? true\n            });\n        }\n\n        const roots: IFolderTreeNode[] = [];\n        for (const folder of folders) {\n            const node = nodeMap.get(folder.id)!;\n            if (folder.parentId && nodeMap.has(folder.parentId)) {\n                nodeMap.get(folder.parentId)!.children.push(node);\n            } else {\n                roots.push(node);\n            }\n        }\n\n        return roots;\n    }\n\n    private findFolder(folderId: string | null): Folder | null {\n        if (!folderId) {\n            return null;\n        }\n\n        return this.foldersCache.getItem(f => f.id === folderId) ?? null;\n    }\n\n    private findNode(folderId: string | null, nodes: IFolderTreeNode[]): IFolderTreeNode | null {\n        if (folderId === null) {\n            return null;\n        }\n\n        for (const node of nodes) {\n            if (node.id === folderId) {\n                return node;\n            }\n            const found = this.findNode(folderId, node.children);\n            if (found) {\n                return found;\n            }\n        }\n\n        return null;\n    }\n}\n\nexport const FolderTreePresenter = Abstraction.createImplementation({\n    implementation: FolderTreePresenterImpl,\n    dependencies: [\n        FoldersContext,\n        FoldersCache,\n        ListFoldersUseCase,\n        ListFoldersByParentIdsUseCase,\n        CreateFolderUseCase,\n        UpdateFolderUseCase,\n        DeleteFolderUseCase,\n        GetFolderAncestorsUseCase,\n        GetFolderLevelPermissionUseCase,\n        FormModelFactory,\n        StringFormatter\n    ]\n});\n"],"names":["FolderTreePresenterImpl","foldersContext","foldersCache","listFoldersUseCase","listFoldersByParentIdsUseCase","createFolderUseCase","updateFolderUseCase","deleteFolderUseCase","getFolderAncestorsUseCase","getFolderLevelPermissionUseCase","formModelFactory","stringFormatter","Set","makeAutoObservable","reaction","folderId","cb","folders","currentFolderId","stillExists","f","isTransientReloadClear","resolvedId","tree","allFolders","currentNode","currentFolder","childNodes","n","ROOT_FOLDER","FolderDtoMapper","folder","normalized","callback","parentIds","fetchableIds","id","runInAction","targetParentId","parentFolderId","form","fields","title","String","layout","mode","data","previousFolders","candidateId","visited","prev","nodeMap","Map","roots","node","nodes","found","FolderTreePresenter","Abstraction","FoldersContext","FoldersCache","ListFoldersUseCase","ListFoldersByParentIdsUseCase","CreateFolderUseCase","UpdateFolderUseCase","DeleteFolderUseCase","GetFolderAncestorsUseCase","GetFolderLevelPermissionUseCase","FormModelFactory","StringFormatter"],"mappings":"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"}

package/presentation/folderTree/FolderTreePresenter.test.d.ts

@@ -0,0 +1 @@
+export {};