@webiny/app-aco 0.0.0-unstable.7be00a75a9 → 0.0.0-unstable.7c2def32a7

package/presentation/folderTree/FolderTreePresenter.js

@@ -1,5 +1,5 @@
 import { makeAutoObservable, reaction, runInAction } from "mobx";
-import slugify from "slugify";
+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";
@@ -13,7 +13,7 @@ import { GetFolderLevelPermissionUseCase } from "../../features/folders/getFolde
 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){
+    constructor(foldersContext, foldersCache, listFoldersUseCase, listFoldersByParentIdsUseCase, createFolderUseCase, updateFolderUseCase, deleteFolderUseCase, getFolderAncestorsUseCase, getFolderLevelPermissionUseCase, formModelFactory, stringFormatter){
         this.foldersContext = foldersContext;
         this.foldersCache = foldersCache;
         this.listFoldersUseCase = listFoldersUseCase;
@@ -24,6 +24,7 @@ class FolderTreePresenterImpl {
         this.getFolderAncestorsUseCase = getFolderAncestorsUseCase;
         this.getFolderLevelPermissionUseCase = getFolderLevelPermissionUseCase;
         this.formModelFactory = formModelFactory;
+        this.stringFormatter = stringFormatter;
         this.currentFolderId = null;
         this.loading = false;
         this._loadingNodeIds = [];
@@ -33,14 +34,32 @@ class FolderTreePresenterImpl {
         };
         this.callbacks = new Set();
         this.disposed = false;
+        this.previousFolders = [];
         makeAutoObservable(this, {
-            callbacks: false
+            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() {
@@ -66,9 +85,10 @@ class FolderTreePresenterImpl {
         };
     }
     selectFolder(folderId) {
-        this.currentFolderId = folderId;
-        if (folderId) this.loadChildFolders([
-            folderId
+        const normalized = folderId === ROOT_FOLDER ? null : folderId;
+        this.currentFolderId = normalized;
+        if (normalized) this.loadChildFolders([
+            normalized
         ]);
     }
     onFolderChange(callback) {
@@ -114,15 +134,10 @@ class FolderTreePresenterImpl {
     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((f)=>{
-                        const title = f.field("title").getValue();
-                        return slugify(String(title ?? ""), {
-                            replacement: "-",
-                            lower: true,
-                            remove: /[*#\?<>_\{\}\[\]+~.()'"!:;@]/g,
-                            trim: false
-                        });
+                    title: fields.text().label("Title").required("Title is required").autoFocus(),
+                    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")
                 }),
@@ -148,15 +163,10 @@ class FolderTreePresenterImpl {
         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((f)=>{
-                        const title = f.field("title").getValue();
-                        return slugify(String(title ?? ""), {
-                            replacement: "-",
-                            lower: true,
-                            remove: /[*#\?<>_\{\}\[\]+~.()'"!:;@]/g,
-                            trim: false
-                        });
+                    title: fields.text().label("Name").required("Name is required").autoFocus(),
+                    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)=>[
@@ -199,7 +209,6 @@ class FolderTreePresenterImpl {
                 permissions: folder?.permissions ?? []
             });
         }
-        await this.loadFolders();
         runInAction(()=>{
             this.operation = {
                 active: false,
@@ -209,22 +218,18 @@ class FolderTreePresenterImpl {
         return true;
     }
     async deleteFolder(folderId) {
-        const folders = this.foldersCache.getItems();
-        const folder = folders.find((f)=>f.id === folderId);
-        const parentId = folder?.parentId ?? null;
         this.operation = {
             active: true,
             mode: "delete",
             folderId
         };
         await this.deleteFolderUseCase.execute(folderId);
-        await this.loadFolders();
         runInAction(()=>{
+            this.foldersCache.removeItems((f)=>f.id === folderId);
             this.operation = {
                 active: false,
                 mode: null
             };
-            this.currentFolderId = parentId;
         });
     }
     cancelOperation() {
@@ -245,6 +250,18 @@ class FolderTreePresenterImpl {
             });
         }
     }
+    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);
@@ -295,7 +312,8 @@ const FolderTreePresenter_FolderTreePresenter = FolderTreePresenter.createImplem
         DeleteFolderUseCase,
         GetFolderAncestorsUseCase,
         GetFolderLevelPermissionUseCase,
-        FormModelFactory
+        FormModelFactory,
+        StringFormatter
     ]
 });
 export { FolderTreePresenter_FolderTreePresenter as FolderTreePresenter };

package/presentation/folderTree/FolderTreePresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/folderTree/FolderTreePresenter.js","sources":["../../../src/presentation/folderTree/FolderTreePresenter.ts"],"sourcesContent":["import { makeAutoObservable, reaction, runInAction } from \"mobx\";\nimport slugify from \"slugify\";\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    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    ) {\n        makeAutoObservable<FolderTreePresenterImpl, \"callbacks\">(\n            this,\n            { callbacks: 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        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        this.currentFolderId = folderId;\n        if (folderId) {\n            void this.loadChildFolders([folderId]);\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(f => {\n                        const title = f.field(\"title\").getValue();\n                        return slugify(String(title ?? \"\"), {\n                            replacement: \"-\",\n                            lower: true,\n                            remove: /[*#\\?<>_\\{\\}\\[\\]+~.()'\"!:;@]/g,\n                            trim: false\n                        });\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(f => {\n                        const title = f.field(\"title\").getValue();\n                        return slugify(String(title ?? \"\"), {\n                            replacement: \"-\",\n                            lower: true,\n                            remove: /[*#\\?<>_\\{\\}\\[\\]+~.()'\"!:;@]/g,\n                            trim: false\n                        });\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        await this.loadFolders();\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        const folders = this.foldersCache.getItems();\n        const folder = folders.find(f => f.id === folderId);\n        const parentId = folder?.parentId ?? null;\n\n        this.operation = {\n            active: true,\n            mode: \"delete\",\n            folderId\n        };\n\n        await this.deleteFolderUseCase.execute(folderId);\n        await this.loadFolders();\n\n        runInAction(() => {\n            this.operation = { active: false, mode: null };\n            this.currentFolderId = parentId;\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 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    ]\n});\n"],"names":["FolderTreePresenterImpl","foldersContext","foldersCache","listFoldersUseCase","listFoldersByParentIdsUseCase","createFolderUseCase","updateFolderUseCase","deleteFolderUseCase","getFolderAncestorsUseCase","getFolderLevelPermissionUseCase","formModelFactory","Set","makeAutoObservable","reaction","folderId","cb","tree","allFolders","currentNode","currentFolder","childNodes","n","ROOT_FOLDER","f","FolderDtoMapper","folder","callback","parentIds","fetchableIds","id","runInAction","targetParentId","folders","parentFolderId","form","fields","title","slugify","String","layout","mode","data","parentId","nodeMap","Map","roots","node","nodes","found","FolderTreePresenter","Abstraction","FoldersContext","FoldersCache","ListFoldersUseCase","ListFoldersByParentIdsUseCase","CreateFolderUseCase","UpdateFolderUseCase","DeleteFolderUseCase","GetFolderAncestorsUseCase","GetFolderLevelPermissionUseCase","FormModelFactory"],"mappings":"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"}
+{"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\").autoFocus(),\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\").autoFocus(),\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.js

@@ -11,6 +11,7 @@ import { ListFoldersByParentIdsUseCase } from "../../features/folders/listFolder
 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 { StringFormatter } from "@webiny/app-admin/features/stringFormatter/abstractions.js";
 import { ListCache } from "../../features/folders/cache/index.js";
 import { Folder } from "../../domain/folder/Folder.js";
 const TYPE = "FmFile";
@@ -91,6 +92,7 @@ function createMockFormModel() {
         }),
         reset: vi.fn(),
         validate: vi.fn(async ()=>true),
+        setErrors: vi.fn(),
         submit: vi.fn(async ()=>data),
         evaluateRules: vi.fn(()=>({
                 visible: true,
@@ -107,6 +109,7 @@ function createMockFormModel() {
             isDirty: false,
             isValid: null,
             errors: [],
+            hasErrors: false,
             submitCount: 0,
             focusField: vi.fn(),
             getData: vi.fn(()=>({})),
@@ -114,7 +117,8 @@ function createMockFormModel() {
         },
         getFieldBuilders: vi.fn(()=>[]),
         resolveChildLayout: vi.fn(()=>[]),
-        registry: {}
+        registry: {},
+        traverse: vi.fn()
     };
     return form;
 }
@@ -170,6 +174,9 @@ function createTestPresenter(folders = []) {
         execute: vi.fn().mockReturnValue(true)
     });
     container.registerInstance(FormModelFactory, formModelFactory);
+    container.registerInstance(StringFormatter, {
+        slugify: (value)=>value
+    });
     FolderTreePresenterFeature.register(container);
     const presenter = container.resolve(FolderTreePresenter);
     return {
@@ -400,7 +407,7 @@ describe("FolderTreePresenter", ()=>{
             presenter.createFolder("root-1");
             await presenter.submitOperation();
             expect(createFolderUseCase.execute).toHaveBeenCalledTimes(1);
-            expect(listFolders.execute).toHaveBeenCalledTimes(2);
+            expect(listFolders.execute).toHaveBeenCalledTimes(1);
         });
     });
     describe("editFolder", ()=>{
@@ -467,40 +474,137 @@ describe("FolderTreePresenter", ()=>{
             expect(presenter.vm.operation.active).toBe(false);
             expect(presenter.vm.operation.mode).toBeNull();
         });
-        it("should navigate to parent folder after deletion", async ()=>{
+        it("should navigate to parent folder after deleting the currently open folder", async ()=>{
             const { presenter } = createTestPresenter(createFlatFolders());
             await vi.waitFor(()=>{
                 expect(presenter.vm.loading).toBe(false);
             });
+            presenter.selectFolder("child-1");
             await presenter.deleteFolder("child-1");
             expect(presenter.vm.currentFolderId).toBe("root-1");
         });
-        it("should navigate to root (null) when deleting a root folder", async ()=>{
+        it("should navigate to root (null) when deleting the currently open root folder", async ()=>{
             const { presenter } = createTestPresenter(createFlatFolders());
             await vi.waitFor(()=>{
                 expect(presenter.vm.loading).toBe(false);
             });
+            presenter.selectFolder("root-1");
             await presenter.deleteFolder("root-1");
             expect(presenter.vm.currentFolderId).toBeNull();
         });
-        it("should refresh the folder list after deletion", async ()=>{
+        it("should not change currentFolderId when deleting a folder that isn't open", async ()=>{
+            const { presenter } = createTestPresenter(createFlatFolders());
+            await vi.waitFor(()=>{
+                expect(presenter.vm.loading).toBe(false);
+            });
+            presenter.selectFolder("root-2");
+            await presenter.deleteFolder("child-1");
+            expect(presenter.vm.currentFolderId).toBe("root-2");
+        });
+        it("should remove the deleted folder from the cache without refetching from the API", async ()=>{
             const { presenter, listFolders } = createTestPresenter(createFlatFolders());
             await vi.waitFor(()=>{
                 expect(presenter.vm.loading).toBe(false);
             });
             await presenter.deleteFolder("child-1");
-            expect(listFolders.execute).toHaveBeenCalledTimes(2);
+            expect(listFolders.execute).toHaveBeenCalledTimes(1);
+            expect(presenter.vm.folders.find((f)=>"child-1" === f.id)).toBeUndefined();
         });
-        it("should fire onFolderChange callback when navigating to parent after delete", async ()=>{
+        it("should fire onFolderChange callback when navigating to parent after deleting the open folder", async ()=>{
             const { presenter } = createTestPresenter(createFlatFolders());
             await vi.waitFor(()=>{
                 expect(presenter.vm.loading).toBe(false);
             });
+            presenter.selectFolder("child-1");
             const callback = vi.fn();
             presenter.onFolderChange(callback);
             await presenter.deleteFolder("child-1");
             expect(callback).toHaveBeenCalledWith("root-1");
         });
+        it("should resolve the label for the parent folder after deleting the currently open folder", async ()=>{
+            const { presenter } = createTestPresenter(createFlatFolders());
+            await vi.waitFor(()=>{
+                expect(presenter.vm.loading).toBe(false);
+            });
+            presenter.selectFolder("grandchild-1");
+            await presenter.deleteFolder("grandchild-1");
+            expect(presenter.vm.currentFolderId).toBe("child-1");
+            expect(presenter.vm.currentFolderTitle).toBe("Invoices");
+        });
+    });
+    describe("stale currentFolderId validation", ()=>{
+        it("should fall back to root when the initial currentFolderId no longer exists", async ()=>{
+            const { presenter } = createTestPresenter(createFlatFolders());
+            presenter.selectFolder("does-not-exist");
+            await vi.waitFor(()=>{
+                expect(presenter.vm.loading).toBe(false);
+            });
+            expect(presenter.vm.currentFolderId).toBeNull();
+        });
+        it("should fall back to the nearest existing ancestor when a deeply nested folder was deleted in another session", async ()=>{
+            const { presenter, foldersCache, listFolders, updateFolderUseCase } = createTestPresenter(createFlatFolders());
+            await vi.waitFor(()=>{
+                expect(presenter.vm.loading).toBe(false);
+            });
+            presenter.selectFolder("grandchild-1");
+            expect(presenter.vm.currentFolderId).toBe("grandchild-1");
+            listFolders.execute.mockImplementationOnce(async ()=>{
+                foldersCache.removeItems((f)=>"grandchild-1" === f.id || "child-1" === f.id);
+            });
+            await presenter.moveFolder("root-2", "root-1");
+            expect(updateFolderUseCase.execute).toHaveBeenCalledTimes(1);
+            expect(presenter.vm.currentFolderId).toBe("root-1");
+        });
+    });
+    describe("external cache deletion (e.g. useDeleteFolder bypassing presenter)", ()=>{
+        it("should redirect to parent when the current folder is removed from cache externally", async ()=>{
+            const { presenter, foldersCache } = createTestPresenter(createFlatFolders());
+            await vi.waitFor(()=>{
+                expect(presenter.vm.loading).toBe(false);
+            });
+            presenter.selectFolder("child-1");
+            expect(presenter.vm.currentFolderId).toBe("child-1");
+            foldersCache.removeItems((f)=>"child-1" === f.id);
+            expect(presenter.vm.currentFolderId).toBe("root-1");
+        });
+        it("should fire onFolderChange callback on external cache deletion", async ()=>{
+            const { presenter, foldersCache } = createTestPresenter(createFlatFolders());
+            await vi.waitFor(()=>{
+                expect(presenter.vm.loading).toBe(false);
+            });
+            presenter.selectFolder("child-1");
+            const callback = vi.fn();
+            presenter.onFolderChange(callback);
+            foldersCache.removeItems((f)=>"child-1" === f.id);
+            expect(callback).toHaveBeenCalledWith("root-1");
+        });
+        it("should redirect to root when a root-level folder is removed externally", async ()=>{
+            const { presenter, foldersCache } = createTestPresenter(createFlatFolders());
+            await vi.waitFor(()=>{
+                expect(presenter.vm.loading).toBe(false);
+            });
+            presenter.selectFolder("root-1");
+            foldersCache.removeItems((f)=>"root-1" === f.id);
+            expect(presenter.vm.currentFolderId).toBeNull();
+        });
+        it("should redirect to root when the last remaining folder is removed externally", async ()=>{
+            const singleFolder = [
+                createFolder({
+                    id: "root-1",
+                    title: "Documents",
+                    slug: "documents",
+                    parentId: null
+                })
+            ];
+            const { presenter, foldersCache } = createTestPresenter(singleFolder);
+            await vi.waitFor(()=>{
+                expect(presenter.vm.loading).toBe(false);
+            });
+            presenter.selectFolder("root-1");
+            expect(presenter.vm.currentFolderId).toBe("root-1");
+            foldersCache.removeItems((f)=>"root-1" === f.id);
+            expect(presenter.vm.currentFolderId).toBeNull();
+        });
     });
     describe("operation state", ()=>{
         it("should start with inactive operation state", async ()=>{