@webiny/app-file-manager 6.4.11 → 6.6.0-alpha.1

package/presentation/FileDetails/FileDetailsPresenter.test.js

@@ -8,23 +8,35 @@ import { FileManagerPermissions } from "../../features/permissions/abstractions.
 import { GetSettingsRepository } from "../../features/settings/abstractions.js";
 import { FileDetailsPresenter } from "./abstractions.js";
 import { FileDetailsPresenter as external_FileDetailsPresenter_js_FileDetailsPresenter } from "./FileDetailsPresenter.js";
-import { WcpService } from "@webiny/app-admin/features/wcp/abstractions.js";
 function createMockFormModel(overrides) {
+    const data = {};
     const vm = {
         layout: [],
         errors: [],
+        hasErrors: false,
         isDirty: false,
         isValid: true,
         submitCount: 0,
         focusField: vi.fn(),
-        getData: vi.fn(()=>({})),
-        setData: vi.fn(),
+        getData: vi.fn(()=>({
+                ...data
+            })),
+        setData: vi.fn((incoming)=>{
+            Object.assign(data, incoming);
+        }),
         ...overrides
     };
-    const data = {};
+    const fields = {};
     return {
-        field: vi.fn().mockReturnValue({
-            setDisabled: vi.fn()
+        field: vi.fn((name)=>{
+            fields[name] = fields[name] ?? {
+                setValue: vi.fn((value)=>{
+                    data[name] = value;
+                }),
+                setValueSilent: vi.fn(),
+                setDisabled: vi.fn()
+            };
+            return fields[name];
         }),
         fields: vi.fn(),
         layout: vi.fn(),
@@ -107,16 +119,6 @@ function createMockSettingsRepository() {
         }
     };
 }
-function createMockWcpService(canUsePrivateFiles = true) {
-    return {
-        getProject: vi.fn().mockReturnValue({
-            canUsePrivateFiles: vi.fn().mockReturnValue(canUsePrivateFiles)
-        }),
-        isLoaded: vi.fn().mockReturnValue(true),
-        canUseFeature: vi.fn().mockReturnValue(false),
-        loadProject: vi.fn().mockResolvedValue(void 0)
-    };
-}
 function createTestFile(overrides) {
     return {
         id: "file-1",
@@ -151,15 +153,14 @@ function createTestFile(overrides) {
         ...overrides
     };
 }
-function createMocks(canUsePrivateFiles = true) {
+function createMocks() {
     return {
         getFileUseCase: createMockGetFileUseCase(),
         updateFileUseCase: createMockUpdateFileUseCase(),
         deleteFileUseCase: createMockDeleteFileUseCase(),
         formModelFactory: createMockFormModelFactory(),
         permissions: createMockPermissions(),
-        settingsRepository: createMockSettingsRepository(),
-        wcpService: createMockWcpService(canUsePrivateFiles)
+        settingsRepository: createMockSettingsRepository()
     };
 }
 function createContainer(mocks) {
@@ -170,7 +171,6 @@ function createContainer(mocks) {
     container.registerInstance(FormModelFactory, mocks.formModelFactory);
     container.registerInstance(FileManagerPermissions, mocks.permissions);
     container.registerInstance(GetSettingsRepository, mocks.settingsRepository);
-    container.registerInstance(WcpService, mocks.wcpService);
     container.register(external_FileDetailsPresenter_js_FileDetailsPresenter).inSingletonScope();
     return container;
 }
@@ -218,6 +218,25 @@ describe("FileDetailsPresenter", ()=>{
         await presenter.loadFile("file-1");
         expect(presenter.vm.form.isDirty).toBe(false);
     });
+    it("should expose a writable form on the view model", async ()=>{
+        await presenter.loadFile("file-1");
+        presenter.vm.form.setData({
+            tags: [
+                "cat",
+                "sofa"
+            ],
+            description: "A cat on a sofa."
+        }, {
+            dirty: true
+        });
+        expect(presenter.vm.form.getData()).toMatchObject({
+            description: "A cat on a sofa.",
+            tags: [
+                "cat",
+                "sofa"
+            ]
+        });
+    });
     it("should call UpdateFileUseCase.execute when saveFile is called", async ()=>{
         await presenter.loadFile("file-1");
         const mockForm = mocks.formModelFactory.create.mock.results[1].value;
@@ -290,42 +309,6 @@ describe("FileDetailsPresenter", ()=>{
         expect(loadingDuringExecution).toBe("Loading file...");
         expect(presenter.vm.loading).toBeNull();
     });
-    describe("when Private Files is NOT licensed", ()=>{
-        let unlicensedMocks;
-        let unlicensedPresenter;
-        beforeEach(()=>{
-            unlicensedMocks = createMocks(false);
-            const container = createContainer(unlicensedMocks);
-            unlicensedPresenter = container.resolve(FileDetailsPresenter);
-        });
-        it("should NOT include accessControl in the save payload", async ()=>{
-            await unlicensedPresenter.loadFile("file-1");
-            const mockForm = unlicensedMocks.formModelFactory.create.mock.results[1].value;
-            mockForm.submit.mockResolvedValue({
-                name: "updated.jpg",
-                description: "",
-                tags: [
-                    "updated"
-                ]
-            });
-            await unlicensedPresenter.saveFile();
-            const callArgs = unlicensedMocks.updateFileUseCase.execute.mock.calls[0][0];
-            expect(callArgs.data).not.toHaveProperty("accessControl");
-        });
-        it("should NOT set accessControl in form data during loadFile", async ()=>{
-            await unlicensedPresenter.loadFile("file-1");
-            const mockForm = unlicensedMocks.formModelFactory.create.mock.results[1].value;
-            const setDataCall = mockForm.setData.mock.calls[0][0];
-            expect(setDataCall).not.toHaveProperty("accessControl");
-        });
-        it("should NOT disable accessControl field when user lacks edit permission", async ()=>{
-            unlicensedMocks.permissions.canEdit.mockReturnValue(false);
-            await unlicensedPresenter.loadFile("file-1");
-            const mockForm = unlicensedMocks.formModelFactory.create.mock.results[1].value;
-            expect(mockForm.field).toHaveBeenCalledTimes(3);
-            expect(mockForm.field).not.toHaveBeenCalledWith("accessControl");
-        });
-    });
 });
 
 //# sourceMappingURL=FileDetailsPresenter.test.js.map

package/presentation/FileDetails/FileDetailsPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/FileDetails/FileDetailsPresenter.test.js","sources":["../../../src/presentation/FileDetails/FileDetailsPresenter.test.ts"],"sourcesContent":["// @vitest-environment jsdom\nimport { describe, it, expect, vi, beforeEach } from \"vitest\";\nimport { Container } from \"@webiny/di\";\nimport { GetFileUseCase } from \"../../features/getFile/abstractions.js\";\nimport { UpdateFileUseCase } from \"../../features/updateFile/abstractions.js\";\nimport { DeleteFileUseCase } from \"../../features/deleteFile/abstractions.js\";\nimport { FormModelFactory } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { IFormModel } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { IFormVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { FileManagerPermissions } from \"../../features/permissions/abstractions.js\";\nimport { GetSettingsRepository } from \"../../features/settings/abstractions.js\";\nimport { FileDetailsPresenter as Abstraction, type IFileDetailsPresenter } from \"./abstractions.js\";\nimport { FileDetailsPresenter } from \"./FileDetailsPresenter.js\";\nimport { WcpService } from \"@webiny/app-admin/features/wcp/abstractions.js\";\nimport type { FmFile } from \"../../features/shared/types.js\";\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction createMockFormModel(overrides?: Partial<IFormVM>): IFormModel {\n    const vm: IFormVM = {\n        layout: [],\n        errors: [],\n        isDirty: false,\n        isValid: true,\n        submitCount: 0,\n        focusField: vi.fn(),\n        getData: vi.fn(() => ({})),\n        setData: vi.fn(),\n        ...overrides\n    };\n\n    const data: Record<string, unknown> = {};\n\n    return {\n        field: vi.fn().mockReturnValue({ setDisabled: vi.fn() }) as any,\n        fields: vi.fn() as any,\n        layout: vi.fn() as any,\n        getData: vi.fn(() => ({ ...data })),\n        setData: vi.fn((incoming: Record<string, unknown>) => {\n            Object.assign(data, incoming);\n        }),\n        reset: vi.fn(),\n        validate: vi.fn().mockResolvedValue(true),\n        submit: vi.fn().mockResolvedValue({ ...data }),\n        get isDirty() {\n            return vm.isDirty;\n        },\n        get isValid() {\n            return vm.isValid;\n        },\n        get errors() {\n            return vm.errors;\n        },\n        get vm() {\n            return vm;\n        }\n    } as unknown as IFormModel;\n}\n\nfunction createMockFormModelFactory(): FormModelFactory.Interface {\n    const mockForm = createMockFormModel();\n    return {\n        create: vi.fn().mockReturnValue(mockForm)\n    };\n}\n\nfunction createMockGetFileUseCase(): GetFileUseCase.Interface {\n    return {\n        execute: vi.fn().mockResolvedValue({ success: true, file: createTestFile() })\n    };\n}\n\nfunction createMockUpdateFileUseCase(): UpdateFileUseCase.Interface {\n    return {\n        execute: vi.fn().mockResolvedValue({ success: true, file: createTestFile() })\n    };\n}\n\nfunction createMockDeleteFileUseCase(): DeleteFileUseCase.Interface {\n    return {\n        execute: vi.fn().mockResolvedValue({ success: true })\n    };\n}\n\nfunction createMockPermissions(): FileManagerPermissions.Interface {\n    return {\n        canAccess: vi.fn().mockReturnValue(true),\n        canRead: vi.fn().mockReturnValue(true),\n        canCreate: vi.fn().mockReturnValue(true),\n        canEdit: vi.fn().mockReturnValue(true),\n        canDelete: vi.fn().mockReturnValue(false),\n        canAction: vi.fn().mockReturnValue(true)\n    } as unknown as FileManagerPermissions.Interface;\n}\n\nfunction createMockSettingsRepository(): GetSettingsRepository.Interface {\n    return {\n        execute: vi.fn().mockResolvedValue({\n            uploadMinFileSize: \"0\",\n            uploadMaxFileSize: \"10485760\",\n            srcPrefix: \"https://cdn.example.com/\"\n        }),\n        save: vi.fn().mockImplementation(async (data: Record<string, unknown>) => data),\n        settings: {\n            uploadMinFileSize: \"0\",\n            uploadMaxFileSize: \"10485760\",\n            srcPrefix: \"https://cdn.example.com/\"\n        }\n    };\n}\n\nfunction createMockWcpService(canUsePrivateFiles = true): WcpService.Interface {\n    return {\n        getProject: vi.fn().mockReturnValue({\n            canUsePrivateFiles: vi.fn().mockReturnValue(canUsePrivateFiles)\n        }),\n        isLoaded: vi.fn().mockReturnValue(true),\n        canUseFeature: vi.fn().mockReturnValue(false),\n        loadProject: vi.fn().mockResolvedValue(undefined)\n    } as unknown as WcpService.Interface;\n}\n\nfunction createTestFile(overrides?: Partial<FmFile>): FmFile {\n    return {\n        id: \"file-1\",\n        name: \"photo.jpg\",\n        key: \"files/photo.jpg\",\n        src: \"https://cdn.example.com/files/photo.jpg\",\n        type: \"image/jpeg\",\n        size: 12345,\n        metadata: {},\n        tags: [\"nature\", \"landscape\"],\n        createdOn: \"2025-01-01T00:00:00Z\",\n        savedOn: \"2025-01-01T00:00:00Z\",\n        createdBy: { id: \"user-1\", displayName: \"Test User\", type: \"admin\" },\n        savedBy: { id: \"user-1\", displayName: \"Test User\", type: \"admin\" },\n        location: { folderId: \"root\" },\n        accessControl: { type: \"public\" },\n        ...overrides\n    };\n}\n\n// ---------------------------------------------------------------------------\n// Container setup\n// ---------------------------------------------------------------------------\n\ninterface Mocks {\n    getFileUseCase: GetFileUseCase.Interface;\n    updateFileUseCase: UpdateFileUseCase.Interface;\n    deleteFileUseCase: DeleteFileUseCase.Interface;\n    formModelFactory: FormModelFactory.Interface;\n    permissions: FileManagerPermissions.Interface;\n    settingsRepository: GetSettingsRepository.Interface;\n    wcpService: WcpService.Interface;\n}\n\nfunction createMocks(canUsePrivateFiles = true): Mocks {\n    return {\n        getFileUseCase: createMockGetFileUseCase(),\n        updateFileUseCase: createMockUpdateFileUseCase(),\n        deleteFileUseCase: createMockDeleteFileUseCase(),\n        formModelFactory: createMockFormModelFactory(),\n        permissions: createMockPermissions(),\n        settingsRepository: createMockSettingsRepository(),\n        wcpService: createMockWcpService(canUsePrivateFiles)\n    };\n}\n\nfunction createContainer(mocks: Mocks) {\n    const container = new Container();\n\n    container.registerInstance(GetFileUseCase, mocks.getFileUseCase);\n    container.registerInstance(UpdateFileUseCase, mocks.updateFileUseCase);\n    container.registerInstance(DeleteFileUseCase, mocks.deleteFileUseCase);\n    container.registerInstance(FormModelFactory, mocks.formModelFactory);\n    container.registerInstance(FileManagerPermissions, mocks.permissions);\n    container.registerInstance(GetSettingsRepository, mocks.settingsRepository);\n    container.registerInstance(WcpService, mocks.wcpService);\n\n    // Register the real FileDetailsPresenter implementation.\n    container.register(FileDetailsPresenter).inSingletonScope();\n\n    return container;\n}\n\n// ---------------------------------------------------------------------------\n// Tests\n// ---------------------------------------------------------------------------\n\ndescribe(\"FileDetailsPresenter\", () => {\n    let mocks: Mocks;\n    let presenter: IFileDetailsPresenter;\n\n    beforeEach(() => {\n        mocks = createMocks();\n        const container = createContainer(mocks);\n        presenter = container.resolve(Abstraction);\n    });\n\n    // -----------------------------------------------------------------------\n    // Initial state.\n    // -----------------------------------------------------------------------\n\n    it(\"should have null file and loading=null before loadFile is called\", () => {\n        expect(presenter.vm.file).toBeNull();\n        expect(presenter.vm.loading).toBeNull();\n    });\n\n    it(\"should have a form vm with layout and isDirty=false initially\", () => {\n        expect(presenter.vm.form).toBeDefined();\n        expect(presenter.vm.form.layout).toBeDefined();\n        expect(presenter.vm.form.isDirty).toBe(false);\n    });\n\n    it(\"should have null previewUrl when no file is loaded\", () => {\n        expect(presenter.vm.previewUrl).toBeNull();\n    });\n\n    // -----------------------------------------------------------------------\n    // loadFile populates vm with file data and FormModel.\n    // -----------------------------------------------------------------------\n\n    it(\"should populate vm.file after loadFile\", async () => {\n        await presenter.loadFile(\"file-1\");\n\n        expect(presenter.vm.file).not.toBeNull();\n        expect(presenter.vm.file!.id).toBe(\"file-1\");\n        expect(presenter.vm.file!.name).toBe(\"photo.jpg\");\n    });\n\n    it(\"should set loading=null after loadFile completes\", async () => {\n        await presenter.loadFile(\"file-1\");\n\n        expect(presenter.vm.loading).toBeNull();\n    });\n\n    it(\"should call GetFileUseCase.execute with the file id\", async () => {\n        await presenter.loadFile(\"file-1\");\n\n        expect(mocks.getFileUseCase.execute).toHaveBeenCalledWith({ id: \"file-1\" });\n    });\n\n    it(\"should rebuild the form and call setData after loadFile\", async () => {\n        await presenter.loadFile(\"file-1\");\n\n        // FormModelFactory.create should be called twice: once in constructor, once in loadFile.\n        expect(mocks.formModelFactory.create).toHaveBeenCalledTimes(2);\n    });\n\n    it(\"should have form.isDirty=false after loadFile\", async () => {\n        await presenter.loadFile(\"file-1\");\n\n        expect(presenter.vm.form.isDirty).toBe(false);\n    });\n\n    // -----------------------------------------------------------------------\n    // Form submission triggers UpdateFileUseCase.\n    // -----------------------------------------------------------------------\n\n    it(\"should call UpdateFileUseCase.execute when saveFile is called\", async () => {\n        await presenter.loadFile(\"file-1\");\n\n        // Mock the form submit to return data.\n        const mockForm = (mocks.formModelFactory.create as ReturnType<typeof vi.fn>).mock.results[1]\n            .value as IFormModel;\n        (mockForm.submit as ReturnType<typeof vi.fn>).mockResolvedValue({\n            name: \"updated.jpg\",\n            tags: [\"updated\"],\n            accessControl: \"private-authenticated\"\n        });\n\n        await presenter.saveFile();\n\n        expect(mocks.updateFileUseCase.execute).toHaveBeenCalledWith({\n            id: \"file-1\",\n            data: {\n                name: \"updated.jpg\",\n                tags: [\"updated\"],\n                accessControl: { type: \"private-authenticated\" }\n            }\n        });\n    });\n\n    it(\"should not call UpdateFileUseCase when no file is loaded\", async () => {\n        await presenter.saveFile();\n\n        expect(mocks.updateFileUseCase.execute).not.toHaveBeenCalled();\n    });\n\n    it(\"should not call UpdateFileUseCase when form submit returns false\", async () => {\n        await presenter.loadFile(\"file-1\");\n\n        // Mock the form submit to return false (validation failure).\n        const mockForm = (mocks.formModelFactory.create as ReturnType<typeof vi.fn>).mock.results[1]\n            .value as IFormModel;\n        (mockForm.submit as ReturnType<typeof vi.fn>).mockResolvedValue(false);\n\n        await presenter.saveFile();\n\n        expect(mocks.updateFileUseCase.execute).not.toHaveBeenCalled();\n    });\n\n    // -----------------------------------------------------------------------\n    // Permission flags control action visibility.\n    // -----------------------------------------------------------------------\n\n    it(\"should expose permission flags in vm.permissions\", () => {\n        expect(presenter.vm.permissions.canEdit).toBe(true);\n        expect(presenter.vm.permissions.canDelete).toBe(false);\n    });\n\n    it(\"should reflect updated permission mock values\", () => {\n        // Override permissions to both false.\n        (mocks.permissions.canEdit as ReturnType<typeof vi.fn>).mockReturnValue(false);\n        (mocks.permissions.canDelete as ReturnType<typeof vi.fn>).mockReturnValue(true);\n\n        expect(presenter.vm.permissions.canEdit).toBe(false);\n        expect(presenter.vm.permissions.canDelete).toBe(true);\n    });\n\n    // -----------------------------------------------------------------------\n    // previewUrl construction from srcPrefix + key.\n    // -----------------------------------------------------------------------\n\n    it(\"should construct previewUrl from srcPrefix + file.key after loadFile\", async () => {\n        await presenter.loadFile(\"file-1\");\n\n        expect(presenter.vm.previewUrl).toBe(\"https://cdn.example.com/files/photo.jpg\");\n    });\n\n    it(\"should return null previewUrl when file has no key\", async () => {\n        (mocks.getFileUseCase.execute as ReturnType<typeof vi.fn>).mockResolvedValue({\n            success: true,\n            file: createTestFile({ key: undefined })\n        });\n\n        await presenter.loadFile(\"file-1\");\n\n        expect(presenter.vm.previewUrl).toBeNull();\n    });\n\n    // -----------------------------------------------------------------------\n    // Loading state transitions.\n    // -----------------------------------------------------------------------\n\n    it(\"should set loading=true during loadFile and false after\", async () => {\n        // Capture loading state during execution.\n        let loadingDuringExecution: string | null = null;\n\n        (mocks.getFileUseCase.execute as ReturnType<typeof vi.fn>).mockImplementation(async () => {\n            loadingDuringExecution = presenter.vm.loading;\n            return { success: true, file: createTestFile() };\n        });\n\n        await presenter.loadFile(\"file-1\");\n\n        expect(loadingDuringExecution).toBe(\"Loading file...\");\n        expect(presenter.vm.loading).toBeNull();\n    });\n\n    // -------------------------------------------------------------------\n    // When Private Files is NOT licensed.\n    // -------------------------------------------------------------------\n\n    describe(\"when Private Files is NOT licensed\", () => {\n        let unlicensedMocks: Mocks;\n        let unlicensedPresenter: IFileDetailsPresenter;\n\n        beforeEach(() => {\n            unlicensedMocks = createMocks(false);\n            const container = createContainer(unlicensedMocks);\n            unlicensedPresenter = container.resolve(Abstraction);\n        });\n\n        it(\"should NOT include accessControl in the save payload\", async () => {\n            await unlicensedPresenter.loadFile(\"file-1\");\n\n            const mockForm = (unlicensedMocks.formModelFactory.create as ReturnType<typeof vi.fn>)\n                .mock.results[1].value as IFormModel;\n            (mockForm.submit as ReturnType<typeof vi.fn>).mockResolvedValue({\n                name: \"updated.jpg\",\n                description: \"\",\n                tags: [\"updated\"]\n            });\n\n            await unlicensedPresenter.saveFile();\n\n            const callArgs = (unlicensedMocks.updateFileUseCase.execute as ReturnType<typeof vi.fn>)\n                .mock.calls[0][0];\n            expect(callArgs.data).not.toHaveProperty(\"accessControl\");\n        });\n\n        it(\"should NOT set accessControl in form data during loadFile\", async () => {\n            await unlicensedPresenter.loadFile(\"file-1\");\n\n            const mockForm = (unlicensedMocks.formModelFactory.create as ReturnType<typeof vi.fn>)\n                .mock.results[1].value as IFormModel;\n            const setDataCall = (mockForm.setData as ReturnType<typeof vi.fn>).mock.calls[0][0];\n            expect(setDataCall).not.toHaveProperty(\"accessControl\");\n        });\n\n        it(\"should NOT disable accessControl field when user lacks edit permission\", async () => {\n            (unlicensedMocks.permissions.canEdit as ReturnType<typeof vi.fn>).mockReturnValue(\n                false\n            );\n\n            await unlicensedPresenter.loadFile(\"file-1\");\n\n            const mockForm = (unlicensedMocks.formModelFactory.create as ReturnType<typeof vi.fn>)\n                .mock.results[1].value as IFormModel;\n            expect(mockForm.field).toHaveBeenCalledTimes(3);\n            expect(mockForm.field).not.toHaveBeenCalledWith(\"accessControl\");\n        });\n    });\n});\n"],"names":["createMockFormModel","overrides","vm","vi","data","incoming","Object","createMockFormModelFactory","mockForm","createMockGetFileUseCase","createTestFile","createMockUpdateFileUseCase","createMockDeleteFileUseCase","createMockPermissions","createMockSettingsRepository","createMockWcpService","canUsePrivateFiles","undefined","createMocks","createContainer","mocks","container","Container","GetFileUseCase","UpdateFileUseCase","DeleteFileUseCase","FormModelFactory","FileManagerPermissions","GetSettingsRepository","WcpService","FileDetailsPresenter","describe","presenter","beforeEach","Abstraction","it","expect","loadingDuringExecution","unlicensedMocks","unlicensedPresenter","callArgs","setDataCall"],"mappings":"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"}
+{"version":3,"file":"presentation/FileDetails/FileDetailsPresenter.test.js","sources":["../../../src/presentation/FileDetails/FileDetailsPresenter.test.ts"],"sourcesContent":["// @vitest-environment jsdom\nimport { describe, it, expect, vi, beforeEach } from \"vitest\";\nimport { Container } from \"@webiny/di\";\nimport { GetFileUseCase } from \"../../features/getFile/abstractions.js\";\nimport { UpdateFileUseCase } from \"../../features/updateFile/abstractions.js\";\nimport { DeleteFileUseCase } from \"../../features/deleteFile/abstractions.js\";\nimport { FormModelFactory } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { IFormModel } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { IFormVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { FileManagerPermissions } from \"../../features/permissions/abstractions.js\";\nimport { GetSettingsRepository } from \"../../features/settings/abstractions.js\";\nimport { FileDetailsPresenter as Abstraction, type IFileDetailsPresenter } from \"./abstractions.js\";\nimport { FileDetailsPresenter } from \"./FileDetailsPresenter.js\";\nimport type { FmFile } from \"../../features/shared/types.js\";\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction createMockFormModel(overrides?: Partial<IFormVM>): IFormModel {\n    const data: Record<string, unknown> = {};\n\n    // The view model reads and writes the SAME data as the model. Callers reach the form through\n    // `vm.form`, so a vm whose getData/setData were inert stubs could not exercise them at all.\n    const vm: IFormVM = {\n        layout: [],\n        errors: [],\n        hasErrors: false,\n        isDirty: false,\n        isValid: true,\n        submitCount: 0,\n        focusField: vi.fn(),\n        getData: vi.fn(() => ({ ...data })),\n        setData: vi.fn((incoming: Record<string, unknown>) => {\n            Object.assign(data, incoming);\n        }),\n        ...overrides\n    };\n\n    // `field(name)` has to return something usable: loadFile disables fields for a read-only user.\n    const fields: Record<string, unknown> = {};\n\n    return {\n        field: vi.fn((name: string) => {\n            fields[name] = fields[name] ?? {\n                setValue: vi.fn((value: unknown) => {\n                    data[name] = value;\n                }),\n                setValueSilent: vi.fn(),\n                setDisabled: vi.fn()\n            };\n            return fields[name];\n        }) as any,\n        fields: vi.fn() as any,\n        layout: vi.fn() as any,\n        getData: vi.fn(() => ({ ...data })),\n        setData: vi.fn((incoming: Record<string, unknown>) => {\n            Object.assign(data, incoming);\n        }),\n        reset: vi.fn(),\n        validate: vi.fn().mockResolvedValue(true),\n        submit: vi.fn().mockResolvedValue({ ...data }),\n        get isDirty() {\n            return vm.isDirty;\n        },\n        get isValid() {\n            return vm.isValid;\n        },\n        get errors() {\n            return vm.errors;\n        },\n        get vm() {\n            return vm;\n        }\n    } as unknown as IFormModel;\n}\n\nfunction createMockFormModelFactory(): FormModelFactory.Interface {\n    const mockForm = createMockFormModel();\n    return {\n        create: vi.fn().mockReturnValue(mockForm)\n    };\n}\n\nfunction createMockGetFileUseCase(): GetFileUseCase.Interface {\n    return {\n        execute: vi.fn().mockResolvedValue({ success: true, file: createTestFile() })\n    };\n}\n\nfunction createMockUpdateFileUseCase(): UpdateFileUseCase.Interface {\n    return {\n        execute: vi.fn().mockResolvedValue({ success: true, file: createTestFile() })\n    };\n}\n\nfunction createMockDeleteFileUseCase(): DeleteFileUseCase.Interface {\n    return {\n        execute: vi.fn().mockResolvedValue({ success: true })\n    };\n}\n\nfunction createMockPermissions(): FileManagerPermissions.Interface {\n    return {\n        canAccess: vi.fn().mockReturnValue(true),\n        canRead: vi.fn().mockReturnValue(true),\n        canCreate: vi.fn().mockReturnValue(true),\n        canEdit: vi.fn().mockReturnValue(true),\n        canDelete: vi.fn().mockReturnValue(false),\n        canAction: vi.fn().mockReturnValue(true)\n    } as unknown as FileManagerPermissions.Interface;\n}\n\nfunction createMockSettingsRepository(): GetSettingsRepository.Interface {\n    return {\n        execute: vi.fn().mockResolvedValue({\n            uploadMinFileSize: \"0\",\n            uploadMaxFileSize: \"10485760\",\n            srcPrefix: \"https://cdn.example.com/\"\n        }),\n        save: vi.fn().mockImplementation(async (data: Record<string, unknown>) => data),\n        settings: {\n            uploadMinFileSize: \"0\",\n            uploadMaxFileSize: \"10485760\",\n            srcPrefix: \"https://cdn.example.com/\"\n        }\n    };\n}\n\nfunction createTestFile(overrides?: Partial<FmFile>): FmFile {\n    return {\n        id: \"file-1\",\n        name: \"photo.jpg\",\n        key: \"files/photo.jpg\",\n        src: \"https://cdn.example.com/files/photo.jpg\",\n        type: \"image/jpeg\",\n        size: 12345,\n        metadata: {},\n        tags: [\"nature\", \"landscape\"],\n        createdOn: \"2025-01-01T00:00:00Z\",\n        savedOn: \"2025-01-01T00:00:00Z\",\n        createdBy: { id: \"user-1\", displayName: \"Test User\", type: \"admin\" },\n        savedBy: { id: \"user-1\", displayName: \"Test User\", type: \"admin\" },\n        location: { folderId: \"root\" },\n        accessControl: { type: \"public\" },\n        ...overrides\n    };\n}\n\n// ---------------------------------------------------------------------------\n// Container setup\n// ---------------------------------------------------------------------------\n\ninterface Mocks {\n    getFileUseCase: GetFileUseCase.Interface;\n    updateFileUseCase: UpdateFileUseCase.Interface;\n    deleteFileUseCase: DeleteFileUseCase.Interface;\n    formModelFactory: FormModelFactory.Interface;\n    permissions: FileManagerPermissions.Interface;\n    settingsRepository: GetSettingsRepository.Interface;\n}\n\nfunction createMocks(): Mocks {\n    return {\n        getFileUseCase: createMockGetFileUseCase(),\n        updateFileUseCase: createMockUpdateFileUseCase(),\n        deleteFileUseCase: createMockDeleteFileUseCase(),\n        formModelFactory: createMockFormModelFactory(),\n        permissions: createMockPermissions(),\n        settingsRepository: createMockSettingsRepository()\n    };\n}\n\nfunction createContainer(mocks: Mocks) {\n    const container = new Container();\n\n    container.registerInstance(GetFileUseCase, mocks.getFileUseCase);\n    container.registerInstance(UpdateFileUseCase, mocks.updateFileUseCase);\n    container.registerInstance(DeleteFileUseCase, mocks.deleteFileUseCase);\n    container.registerInstance(FormModelFactory, mocks.formModelFactory);\n    container.registerInstance(FileManagerPermissions, mocks.permissions);\n    container.registerInstance(GetSettingsRepository, mocks.settingsRepository);\n\n    // Register the real FileDetailsPresenter implementation.\n    container.register(FileDetailsPresenter).inSingletonScope();\n\n    return container;\n}\n\n// ---------------------------------------------------------------------------\n// Tests\n// ---------------------------------------------------------------------------\n\ndescribe(\"FileDetailsPresenter\", () => {\n    let mocks: Mocks;\n    let presenter: IFileDetailsPresenter;\n\n    beforeEach(() => {\n        mocks = createMocks();\n        const container = createContainer(mocks);\n        presenter = container.resolve(Abstraction);\n    });\n\n    // -----------------------------------------------------------------------\n    // Initial state.\n    // -----------------------------------------------------------------------\n\n    it(\"should have null file and loading=null before loadFile is called\", () => {\n        expect(presenter.vm.file).toBeNull();\n        expect(presenter.vm.loading).toBeNull();\n    });\n\n    it(\"should have a form vm with layout and isDirty=false initially\", () => {\n        expect(presenter.vm.form).toBeDefined();\n        expect(presenter.vm.form.layout).toBeDefined();\n        expect(presenter.vm.form.isDirty).toBe(false);\n    });\n\n    it(\"should have null previewUrl when no file is loaded\", () => {\n        expect(presenter.vm.previewUrl).toBeNull();\n    });\n\n    // -----------------------------------------------------------------------\n    // loadFile populates vm with file data and FormModel.\n    // -----------------------------------------------------------------------\n\n    it(\"should populate vm.file after loadFile\", async () => {\n        await presenter.loadFile(\"file-1\");\n\n        expect(presenter.vm.file).not.toBeNull();\n        expect(presenter.vm.file!.id).toBe(\"file-1\");\n        expect(presenter.vm.file!.name).toBe(\"photo.jpg\");\n    });\n\n    it(\"should set loading=null after loadFile completes\", async () => {\n        await presenter.loadFile(\"file-1\");\n\n        expect(presenter.vm.loading).toBeNull();\n    });\n\n    it(\"should call GetFileUseCase.execute with the file id\", async () => {\n        await presenter.loadFile(\"file-1\");\n\n        expect(mocks.getFileUseCase.execute).toHaveBeenCalledWith({ id: \"file-1\" });\n    });\n\n    it(\"should rebuild the form and call setData after loadFile\", async () => {\n        await presenter.loadFile(\"file-1\");\n\n        // FormModelFactory.create should be called twice: once in constructor, once in loadFile.\n        expect(mocks.formModelFactory.create).toHaveBeenCalledTimes(2);\n    });\n\n    it(\"should have form.isDirty=false after loadFile\", async () => {\n        await presenter.loadFile(\"file-1\");\n\n        expect(presenter.vm.form.isDirty).toBe(false);\n    });\n\n    // Features fill fields in through `vm.form.setData` rather than a method on this presenter, so\n    // the form has to be reachable and writable from the view model.\n    it(\"should expose a writable form on the view model\", async () => {\n        await presenter.loadFile(\"file-1\");\n\n        presenter.vm.form.setData(\n            { tags: [\"cat\", \"sofa\"], description: \"A cat on a sofa.\" },\n            { dirty: true }\n        );\n\n        expect(presenter.vm.form.getData()).toMatchObject({\n            description: \"A cat on a sofa.\",\n            tags: [\"cat\", \"sofa\"]\n        });\n    });\n\n    // -----------------------------------------------------------------------\n    // Form submission triggers UpdateFileUseCase.\n    // -----------------------------------------------------------------------\n\n    it(\"should call UpdateFileUseCase.execute when saveFile is called\", async () => {\n        await presenter.loadFile(\"file-1\");\n\n        // Mock the form submit to return data.\n        const mockForm = (mocks.formModelFactory.create as ReturnType<typeof vi.fn>).mock.results[1]\n            .value as IFormModel;\n        (mockForm.submit as ReturnType<typeof vi.fn>).mockResolvedValue({\n            name: \"updated.jpg\",\n            tags: [\"updated\"],\n            accessControl: \"private-authenticated\"\n        });\n\n        await presenter.saveFile();\n\n        expect(mocks.updateFileUseCase.execute).toHaveBeenCalledWith({\n            id: \"file-1\",\n            data: {\n                name: \"updated.jpg\",\n                tags: [\"updated\"],\n                accessControl: { type: \"private-authenticated\" }\n            }\n        });\n    });\n\n    it(\"should not call UpdateFileUseCase when no file is loaded\", async () => {\n        await presenter.saveFile();\n\n        expect(mocks.updateFileUseCase.execute).not.toHaveBeenCalled();\n    });\n\n    it(\"should not call UpdateFileUseCase when form submit returns false\", async () => {\n        await presenter.loadFile(\"file-1\");\n\n        // Mock the form submit to return false (validation failure).\n        const mockForm = (mocks.formModelFactory.create as ReturnType<typeof vi.fn>).mock.results[1]\n            .value as IFormModel;\n        (mockForm.submit as ReturnType<typeof vi.fn>).mockResolvedValue(false);\n\n        await presenter.saveFile();\n\n        expect(mocks.updateFileUseCase.execute).not.toHaveBeenCalled();\n    });\n\n    // -----------------------------------------------------------------------\n    // Permission flags control action visibility.\n    // -----------------------------------------------------------------------\n\n    it(\"should expose permission flags in vm.permissions\", () => {\n        expect(presenter.vm.permissions.canEdit).toBe(true);\n        expect(presenter.vm.permissions.canDelete).toBe(false);\n    });\n\n    it(\"should reflect updated permission mock values\", () => {\n        // Override permissions to both false.\n        (mocks.permissions.canEdit as ReturnType<typeof vi.fn>).mockReturnValue(false);\n        (mocks.permissions.canDelete as ReturnType<typeof vi.fn>).mockReturnValue(true);\n\n        expect(presenter.vm.permissions.canEdit).toBe(false);\n        expect(presenter.vm.permissions.canDelete).toBe(true);\n    });\n\n    // -----------------------------------------------------------------------\n    // previewUrl construction from srcPrefix + key.\n    // -----------------------------------------------------------------------\n\n    it(\"should construct previewUrl from srcPrefix + file.key after loadFile\", async () => {\n        await presenter.loadFile(\"file-1\");\n\n        expect(presenter.vm.previewUrl).toBe(\"https://cdn.example.com/files/photo.jpg\");\n    });\n\n    it(\"should return null previewUrl when file has no key\", async () => {\n        (mocks.getFileUseCase.execute as ReturnType<typeof vi.fn>).mockResolvedValue({\n            success: true,\n            file: createTestFile({ key: undefined })\n        });\n\n        await presenter.loadFile(\"file-1\");\n\n        expect(presenter.vm.previewUrl).toBeNull();\n    });\n\n    // -----------------------------------------------------------------------\n    // Loading state transitions.\n    // -----------------------------------------------------------------------\n\n    it(\"should set loading=true during loadFile and false after\", async () => {\n        // Capture loading state during execution.\n        let loadingDuringExecution: string | null = null;\n\n        (mocks.getFileUseCase.execute as ReturnType<typeof vi.fn>).mockImplementation(async () => {\n            loadingDuringExecution = presenter.vm.loading;\n            return { success: true, file: createTestFile() };\n        });\n\n        await presenter.loadFile(\"file-1\");\n\n        expect(loadingDuringExecution).toBe(\"Loading file...\");\n        expect(presenter.vm.loading).toBeNull();\n    });\n});\n"],"names":["createMockFormModel","overrides","data","vm","vi","incoming","Object","fields","name","value","createMockFormModelFactory","mockForm","createMockGetFileUseCase","createTestFile","createMockUpdateFileUseCase","createMockDeleteFileUseCase","createMockPermissions","createMockSettingsRepository","createMocks","createContainer","mocks","container","Container","GetFileUseCase","UpdateFileUseCase","DeleteFileUseCase","FormModelFactory","FileManagerPermissions","GetSettingsRepository","FileDetailsPresenter","describe","presenter","beforeEach","Abstraction","it","expect","undefined","loadingDuringExecution"],"mappings":";;;;;;;;;;AAmBA,SAASA,oBAAoBC,SAA4B;IACrD,MAAMC,OAAgC,CAAC;IAIvC,MAAMC,KAAc;QAChB,QAAQ,EAAE;QACV,QAAQ,EAAE;QACV,WAAW;QACX,SAAS;QACT,SAAS;QACT,aAAa;QACb,YAAYC,GAAG,EAAE;QACjB,SAASA,GAAG,EAAE,CAAC,IAAO;gBAAE,GAAGF,IAAI;YAAC;QAChC,SAASE,GAAG,EAAE,CAAC,CAACC;YACZC,OAAO,MAAM,CAACJ,MAAMG;QACxB;QACA,GAAGJ,SAAS;IAChB;IAGA,MAAMM,SAAkC,CAAC;IAEzC,OAAO;QACH,OAAOH,GAAG,EAAE,CAAC,CAACI;YACVD,MAAM,CAACC,KAAK,GAAGD,MAAM,CAACC,KAAK,IAAI;gBAC3B,UAAUJ,GAAG,EAAE,CAAC,CAACK;oBACbP,IAAI,CAACM,KAAK,GAAGC;gBACjB;gBACA,gBAAgBL,GAAG,EAAE;gBACrB,aAAaA,GAAG,EAAE;YACtB;YACA,OAAOG,MAAM,CAACC,KAAK;QACvB;QACA,QAAQJ,GAAG,EAAE;QACb,QAAQA,GAAG,EAAE;QACb,SAASA,GAAG,EAAE,CAAC,IAAO;gBAAE,GAAGF,IAAI;YAAC;QAChC,SAASE,GAAG,EAAE,CAAC,CAACC;YACZC,OAAO,MAAM,CAACJ,MAAMG;QACxB;QACA,OAAOD,GAAG,EAAE;QACZ,UAAUA,GAAG,EAAE,GAAG,iBAAiB,CAAC;QACpC,QAAQA,GAAG,EAAE,GAAG,iBAAiB,CAAC;YAAE,GAAGF,IAAI;QAAC;QAC5C,IAAI,WAAU;YACV,OAAOC,GAAG,OAAO;QACrB;QACA,IAAI,WAAU;YACV,OAAOA,GAAG,OAAO;QACrB;QACA,IAAI,UAAS;YACT,OAAOA,GAAG,MAAM;QACpB;QACA,IAAI,MAAK;YACL,OAAOA;QACX;IACJ;AACJ;AAEA,SAASO;IACL,MAAMC,WAAWX;IACjB,OAAO;QACH,QAAQI,GAAG,EAAE,GAAG,eAAe,CAACO;IACpC;AACJ;AAEA,SAASC;IACL,OAAO;QACH,SAASR,GAAG,EAAE,GAAG,iBAAiB,CAAC;YAAE,SAAS;YAAM,MAAMS;QAAiB;IAC/E;AACJ;AAEA,SAASC;IACL,OAAO;QACH,SAASV,GAAG,EAAE,GAAG,iBAAiB,CAAC;YAAE,SAAS;YAAM,MAAMS;QAAiB;IAC/E;AACJ;AAEA,SAASE;IACL,OAAO;QACH,SAASX,GAAG,EAAE,GAAG,iBAAiB,CAAC;YAAE,SAAS;QAAK;IACvD;AACJ;AAEA,SAASY;IACL,OAAO;QACH,WAAWZ,GAAG,EAAE,GAAG,eAAe,CAAC;QACnC,SAASA,GAAG,EAAE,GAAG,eAAe,CAAC;QACjC,WAAWA,GAAG,EAAE,GAAG,eAAe,CAAC;QACnC,SAASA,GAAG,EAAE,GAAG,eAAe,CAAC;QACjC,WAAWA,GAAG,EAAE,GAAG,eAAe,CAAC;QACnC,WAAWA,GAAG,EAAE,GAAG,eAAe,CAAC;IACvC;AACJ;AAEA,SAASa;IACL,OAAO;QACH,SAASb,GAAG,EAAE,GAAG,iBAAiB,CAAC;YAC/B,mBAAmB;YACnB,mBAAmB;YACnB,WAAW;QACf;QACA,MAAMA,GAAG,EAAE,GAAG,kBAAkB,CAAC,OAAOF,OAAkCA;QAC1E,UAAU;YACN,mBAAmB;YACnB,mBAAmB;YACnB,WAAW;QACf;IACJ;AACJ;AAEA,SAASW,eAAeZ,SAA2B;IAC/C,OAAO;QACH,IAAI;QACJ,MAAM;QACN,KAAK;QACL,KAAK;QACL,MAAM;QACN,MAAM;QACN,UAAU,CAAC;QACX,MAAM;YAAC;YAAU;SAAY;QAC7B,WAAW;QACX,SAAS;QACT,WAAW;YAAE,IAAI;YAAU,aAAa;YAAa,MAAM;QAAQ;QACnE,SAAS;YAAE,IAAI;YAAU,aAAa;YAAa,MAAM;QAAQ;QACjE,UAAU;YAAE,UAAU;QAAO;QAC7B,eAAe;YAAE,MAAM;QAAS;QAChC,GAAGA,SAAS;IAChB;AACJ;AAeA,SAASiB;IACL,OAAO;QACH,gBAAgBN;QAChB,mBAAmBE;QACnB,mBAAmBC;QACnB,kBAAkBL;QAClB,aAAaM;QACb,oBAAoBC;IACxB;AACJ;AAEA,SAASE,gBAAgBC,KAAY;IACjC,MAAMC,YAAY,IAAIC;IAEtBD,UAAU,gBAAgB,CAACE,gBAAgBH,MAAM,cAAc;IAC/DC,UAAU,gBAAgB,CAACG,mBAAmBJ,MAAM,iBAAiB;IACrEC,UAAU,gBAAgB,CAACI,mBAAmBL,MAAM,iBAAiB;IACrEC,UAAU,gBAAgB,CAACK,kBAAkBN,MAAM,gBAAgB;IACnEC,UAAU,gBAAgB,CAACM,wBAAwBP,MAAM,WAAW;IACpEC,UAAU,gBAAgB,CAACO,uBAAuBR,MAAM,kBAAkB;IAG1EC,UAAU,QAAQ,CAACQ,uDAAsB,gBAAgB;IAEzD,OAAOR;AACX;AAMAS,SAAS,wBAAwB;IAC7B,IAAIV;IACJ,IAAIW;IAEJC,WAAW;QACPZ,QAAQF;QACR,MAAMG,YAAYF,gBAAgBC;QAClCW,YAAYV,UAAU,OAAO,CAACY;IAClC;IAMAC,GAAG,oEAAoE;QACnEC,OAAOJ,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ;QAClCI,OAAOJ,UAAU,EAAE,CAAC,OAAO,EAAE,QAAQ;IACzC;IAEAG,GAAG,iEAAiE;QAChEC,OAAOJ,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW;QACrCI,OAAOJ,UAAU,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW;QAC5CI,OAAOJ,UAAU,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC;IAC3C;IAEAG,GAAG,sDAAsD;QACrDC,OAAOJ,UAAU,EAAE,CAAC,UAAU,EAAE,QAAQ;IAC5C;IAMAG,GAAG,0CAA0C;QACzC,MAAMH,UAAU,QAAQ,CAAC;QAEzBI,OAAOJ,UAAU,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,QAAQ;QACtCI,OAAOJ,UAAU,EAAE,CAAC,IAAI,CAAE,EAAE,EAAE,IAAI,CAAC;QACnCI,OAAOJ,UAAU,EAAE,CAAC,IAAI,CAAE,IAAI,EAAE,IAAI,CAAC;IACzC;IAEAG,GAAG,oDAAoD;QACnD,MAAMH,UAAU,QAAQ,CAAC;QAEzBI,OAAOJ,UAAU,EAAE,CAAC,OAAO,EAAE,QAAQ;IACzC;IAEAG,GAAG,uDAAuD;QACtD,MAAMH,UAAU,QAAQ,CAAC;QAEzBI,OAAOf,MAAM,cAAc,CAAC,OAAO,EAAE,oBAAoB,CAAC;YAAE,IAAI;QAAS;IAC7E;IAEAc,GAAG,2DAA2D;QAC1D,MAAMH,UAAU,QAAQ,CAAC;QAGzBI,OAAOf,MAAM,gBAAgB,CAAC,MAAM,EAAE,qBAAqB,CAAC;IAChE;IAEAc,GAAG,iDAAiD;QAChD,MAAMH,UAAU,QAAQ,CAAC;QAEzBI,OAAOJ,UAAU,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC;IAC3C;IAIAG,GAAG,mDAAmD;QAClD,MAAMH,UAAU,QAAQ,CAAC;QAEzBA,UAAU,EAAE,CAAC,IAAI,CAAC,OAAO,CACrB;YAAE,MAAM;gBAAC;gBAAO;aAAO;YAAE,aAAa;QAAmB,GACzD;YAAE,OAAO;QAAK;QAGlBI,OAAOJ,UAAU,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,aAAa,CAAC;YAC9C,aAAa;YACb,MAAM;gBAAC;gBAAO;aAAO;QACzB;IACJ;IAMAG,GAAG,iEAAiE;QAChE,MAAMH,UAAU,QAAQ,CAAC;QAGzB,MAAMpB,WAAYS,MAAM,gBAAgB,CAAC,MAAM,CAA8B,IAAI,CAAC,OAAO,CAAC,EAAE,CACvF,KAAK;QACTT,SAAS,MAAM,CAA8B,iBAAiB,CAAC;YAC5D,MAAM;YACN,MAAM;gBAAC;aAAU;YACjB,eAAe;QACnB;QAEA,MAAMoB,UAAU,QAAQ;QAExBI,OAAOf,MAAM,iBAAiB,CAAC,OAAO,EAAE,oBAAoB,CAAC;YACzD,IAAI;YACJ,MAAM;gBACF,MAAM;gBACN,MAAM;oBAAC;iBAAU;gBACjB,eAAe;oBAAE,MAAM;gBAAwB;YACnD;QACJ;IACJ;IAEAc,GAAG,4DAA4D;QAC3D,MAAMH,UAAU,QAAQ;QAExBI,OAAOf,MAAM,iBAAiB,CAAC,OAAO,EAAE,GAAG,CAAC,gBAAgB;IAChE;IAEAc,GAAG,oEAAoE;QACnE,MAAMH,UAAU,QAAQ,CAAC;QAGzB,MAAMpB,WAAYS,MAAM,gBAAgB,CAAC,MAAM,CAA8B,IAAI,CAAC,OAAO,CAAC,EAAE,CACvF,KAAK;QACTT,SAAS,MAAM,CAA8B,iBAAiB,CAAC;QAEhE,MAAMoB,UAAU,QAAQ;QAExBI,OAAOf,MAAM,iBAAiB,CAAC,OAAO,EAAE,GAAG,CAAC,gBAAgB;IAChE;IAMAc,GAAG,oDAAoD;QACnDC,OAAOJ,UAAU,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC;QAC9CI,OAAOJ,UAAU,EAAE,CAAC,WAAW,CAAC,SAAS,EAAE,IAAI,CAAC;IACpD;IAEAG,GAAG,iDAAiD;QAE/Cd,MAAM,WAAW,CAAC,OAAO,CAA8B,eAAe,CAAC;QACvEA,MAAM,WAAW,CAAC,SAAS,CAA8B,eAAe,CAAC;QAE1Ee,OAAOJ,UAAU,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC;QAC9CI,OAAOJ,UAAU,EAAE,CAAC,WAAW,CAAC,SAAS,EAAE,IAAI,CAAC;IACpD;IAMAG,GAAG,wEAAwE;QACvE,MAAMH,UAAU,QAAQ,CAAC;QAEzBI,OAAOJ,UAAU,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACzC;IAEAG,GAAG,sDAAsD;QACpDd,MAAM,cAAc,CAAC,OAAO,CAA8B,iBAAiB,CAAC;YACzE,SAAS;YACT,MAAMP,eAAe;gBAAE,KAAKuB;YAAU;QAC1C;QAEA,MAAML,UAAU,QAAQ,CAAC;QAEzBI,OAAOJ,UAAU,EAAE,CAAC,UAAU,EAAE,QAAQ;IAC5C;IAMAG,GAAG,2DAA2D;QAE1D,IAAIG,yBAAwC;QAE3CjB,MAAM,cAAc,CAAC,OAAO,CAA8B,kBAAkB,CAAC;YAC1EiB,yBAAyBN,UAAU,EAAE,CAAC,OAAO;YAC7C,OAAO;gBAAE,SAAS;gBAAM,MAAMlB;YAAiB;QACnD;QAEA,MAAMkB,UAAU,QAAQ,CAAC;QAEzBI,OAAOE,wBAAwB,IAAI,CAAC;QACpCF,OAAOJ,UAAU,EAAE,CAAC,OAAO,EAAE,QAAQ;IACzC;AACJ"}

package/presentation/FileDetails/abstractions.d.ts

@@ -14,6 +14,8 @@ export interface IFileDetailsPresenter {
     vm: IFileDetailsViewModel;
     loadFile(id: string): Promise<void>;
     saveFile(): Promise<boolean>;
+    /** Replace the currently displayed file (e.g. after an out-of-band update). */
+    setFile(file: FmFile): void;
 }
 export declare const FileDetailsPresenter: import("@webiny/di").Abstraction<IFileDetailsPresenter>;
 export declare namespace FileDetailsPresenter {

package/presentation/FileDetails/abstractions.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/FileDetails/abstractions.js","sources":["../../../src/presentation/FileDetails/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IFormVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { FmFile } from \"../../features/shared/types.js\";\n\n// ---------------------------------------------------------------------------\n// FileDetailsViewModel\n// ---------------------------------------------------------------------------\n\nexport interface IFileDetailsViewModel {\n    file: FmFile | null;\n    loading: string | null;\n    form: IFormVM;\n    previewUrl: string | null;\n    permissions: {\n        canEdit: boolean;\n        canDelete: boolean;\n    };\n}\n\n// ---------------------------------------------------------------------------\n// IFileDetailsPresenter\n// ---------------------------------------------------------------------------\n\nexport interface IFileDetailsPresenter {\n    vm: IFileDetailsViewModel;\n    loadFile(id: string): Promise<void>;\n    saveFile(): Promise<boolean>;\n}\n\nexport const FileDetailsPresenter =\n    createAbstraction<IFileDetailsPresenter>(\"FileDetailsPresenter\");\n\nexport namespace FileDetailsPresenter {\n    export type Interface = IFileDetailsPresenter;\n    export type ViewModel = IFileDetailsViewModel;\n}\n"],"names":["FileDetailsPresenter","createAbstraction"],"mappings":";AA6BO,MAAMA,uBACTC,kBAAyC"}
+{"version":3,"file":"presentation/FileDetails/abstractions.js","sources":["../../../src/presentation/FileDetails/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IFormVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { FmFile } from \"../../features/shared/types.js\";\n\n// ---------------------------------------------------------------------------\n// FileDetailsViewModel\n// ---------------------------------------------------------------------------\n\nexport interface IFileDetailsViewModel {\n    file: FmFile | null;\n    loading: string | null;\n    form: IFormVM;\n    previewUrl: string | null;\n    permissions: {\n        canEdit: boolean;\n        canDelete: boolean;\n    };\n}\n\n// ---------------------------------------------------------------------------\n// IFileDetailsPresenter\n// ---------------------------------------------------------------------------\n\nexport interface IFileDetailsPresenter {\n    vm: IFileDetailsViewModel;\n    loadFile(id: string): Promise<void>;\n    saveFile(): Promise<boolean>;\n    /** Replace the currently displayed file (e.g. after an out-of-band update). */\n    setFile(file: FmFile): void;\n}\n\nexport const FileDetailsPresenter =\n    createAbstraction<IFileDetailsPresenter>(\"FileDetailsPresenter\");\n\nexport namespace FileDetailsPresenter {\n    export type Interface = IFileDetailsPresenter;\n    export type ViewModel = IFileDetailsViewModel;\n}\n"],"names":["FileDetailsPresenter","createAbstraction"],"mappings":";AA+BO,MAAMA,uBACTC,kBAAyC"}

package/presentation/FileDetails/components/Content.d.ts

@@ -1,14 +1,16 @@
 import React from "react";
 interface ContentProps {
     children: React.ReactNode;
+    className?: string;
+}
+export declare function Content({ children, className }: ContentProps): React.JSX.Element;
+export declare namespace Content {
+    export { Panel };
 }
-export declare const Content: {
-    ({ children }: ContentProps): React.JSX.Element;
-    Panel: ({ flex, children, className }: PanelProps) => React.JSX.Element;
-};
 interface PanelProps {
     flex?: number;
     children: React.ReactNode;
     className?: string;
 }
+declare const Panel: ({ flex, children, className }: PanelProps) => React.JSX.Element;
 export {};

package/presentation/FileDetails/components/Content.js

@@ -6,8 +6,8 @@ const Grow = ({ flex, children, className })=>/*#__PURE__*/ react.createElement(
             flex
         }
     }, children);
-const Content = ({ children })=>/*#__PURE__*/ react.createElement("div", {
-        className: "flex h-full"
+const Content = ({ children, className })=>/*#__PURE__*/ react.createElement("div", {
+        className: cn("flex min-h-0", className)
     }, children);
 const Panel = ({ flex, children, className })=>/*#__PURE__*/ react.createElement(Grow, {
         "data-role": "panel",

package/presentation/FileDetails/components/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/FileDetails/components/Content.js","sources":["../../../../src/presentation/FileDetails/components/Content.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface GrowProps {\n    flex: number;\n    className?: string;\n}\n\nconst Grow = ({ flex, children, className }: React.PropsWithChildren<GrowProps>) => {\n    return (\n        <div\n            className={cn(\n                \"overflow-y-scroll last-of-type:border-l-sm border-neutral-dimmed\",\n                className\n            )}\n            style={{ flex }}\n        >\n            {children}\n        </div>\n    );\n};\n\ninterface ContentProps {\n    children: React.ReactNode;\n}\n\nexport const Content = ({ children }: ContentProps) => {\n    return <div className={\"flex h-full\"}>{children}</div>;\n};\n\ninterface PanelProps {\n    flex?: number;\n    children: React.ReactNode;\n    className?: string;\n}\n\nconst Panel = ({ flex, children, className }: PanelProps) => {\n    return (\n        <Grow data-role={\"panel\"} flex={flex ?? 1} className={className}>\n            {children}\n        </Grow>\n    );\n};\n\nContent.Panel = Panel;\n"],"names":["Grow","flex","children","className","cn","Content","Panel"],"mappings":";;AAQA,MAAMA,OAAO,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAsC,GACpE,WAAP,GACI,oBAAC;QACG,WAAWC,GACP,oEACAD;QAEJ,OAAO;YAAEF;QAAK;OAEbC;AASN,MAAMG,UAAU,CAAC,EAAEH,QAAQ,EAAgB,GACvC,WAAP,GAAO,oBAAC;QAAI,WAAW;OAAgBA;AAS3C,MAAMI,QAAQ,CAAC,EAAEL,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAc,GAC7C,WAAP,GACI,oBAACH,MAAIA;QAAC,aAAW;QAAS,MAAMC,QAAQ;QAAG,WAAWE;OACjDD;AAKbG,QAAQ,KAAK,GAAGC"}
+{"version":3,"file":"presentation/FileDetails/components/Content.js","sources":["../../../../src/presentation/FileDetails/components/Content.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface GrowProps {\n    flex: number;\n    className?: string;\n}\n\nconst Grow = ({ flex, children, className }: React.PropsWithChildren<GrowProps>) => {\n    return (\n        <div\n            className={cn(\n                \"overflow-y-scroll last-of-type:border-l-sm border-neutral-dimmed\",\n                className\n            )}\n            style={{ flex }}\n        >\n            {children}\n        </div>\n    );\n};\n\ninterface ContentProps {\n    children: React.ReactNode;\n    className?: string;\n}\n\nexport const Content = ({ children, className }: ContentProps) => {\n    // `min-h-0` matters: without it this flex child refuses to shrink below its content height, so\n    // the panels' own scrollbars never engage and the whole drawer body scrolls instead.\n    return <div className={cn(\"flex min-h-0\", className)}>{children}</div>;\n};\n\ninterface PanelProps {\n    flex?: number;\n    children: React.ReactNode;\n    className?: string;\n}\n\nconst Panel = ({ flex, children, className }: PanelProps) => {\n    return (\n        <Grow data-role={\"panel\"} flex={flex ?? 1} className={className}>\n            {children}\n        </Grow>\n    );\n};\n\nContent.Panel = Panel;\n"],"names":["Grow","flex","children","className","cn","Content","Panel"],"mappings":";;AAQA,MAAMA,OAAO,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAsC,GACpE,WAAP,GACI,oBAAC;QACG,WAAWC,GACP,oEACAD;QAEJ,OAAO;YAAEF;QAAK;OAEbC;AAUN,MAAMG,UAAU,CAAC,EAAEH,QAAQ,EAAEC,SAAS,EAAgB,GAGlD,WAAP,GAAO,oBAAC;QAAI,WAAWC,GAAG,gBAAgBD;OAAaD;AAS3D,MAAMI,QAAQ,CAAC,EAAEL,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAc,GAC7C,WAAP,GACI,oBAACH,MAAIA;QAAC,aAAW;QAAS,MAAMC,QAAQ;QAAG,WAAWE;OACjDD;AAKbG,QAAQ,KAAK,GAAGC"}

package/presentation/FileDetails/components/FileDetailsDrawer.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const FileDetailsDrawer: (() => React.JSX.Element | null) & {
-    displayName: string;
+export declare const FileDetailsDrawer: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element | null;
 };

package/presentation/FileDetails/components/FileDetailsDrawer.js

@@ -1,6 +1,6 @@
 import react from "react";
 import { observer } from "mobx-react-lite";
-import { Drawer, OverlayLoader } from "@webiny/admin-ui";
+import { Drawer, OverlayLoader, Separator } from "@webiny/admin-ui";
 import { FormView } from "@webiny/app-admin/features/formModel/FormView.js";
 import { useFileManagerPresenter } from "../../FileList/index.js";
 import { useFileManagerConfig } from "../../config/FileManagerViewConfig.js";
@@ -23,18 +23,24 @@ const FileDetailsDrawer_FileDetailsContent = observer(function() {
     const { fileDetails: fileDetailsConfig } = useFileManagerConfig();
     if (!fileDetails) return null;
     const { leftFlex, rightFlex } = parseWidth(fileDetailsConfig.width);
-    return /*#__PURE__*/ react.createElement(Content, null, /*#__PURE__*/ react.createElement(Content.Panel, {
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col h-full"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "px-lg py-sm"
+    }, /*#__PURE__*/ react.createElement(Actions, null)), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement(Content, {
+        className: "flex-1"
+    }, /*#__PURE__*/ react.createElement(Content.Panel, {
         flex: leftFlex
     }, /*#__PURE__*/ react.createElement("div", {
-        className: "flex flex-col justify-between gap-md h-full px-lg py-md"
-    }, /*#__PURE__*/ react.createElement(Actions, null), /*#__PURE__*/ react.createElement(Preview, null))), /*#__PURE__*/ react.createElement(Content.Panel, {
+        className: "h-full p-lg"
+    }, /*#__PURE__*/ react.createElement(Preview, null))), /*#__PURE__*/ react.createElement(Content.Panel, {
         flex: rightFlex
     }, /*#__PURE__*/ react.createElement("div", {
         className: "p-lg"
     }, /*#__PURE__*/ react.createElement(FormView, {
         name: "File Details",
         form: fileDetails.vm.form
-    }))));
+    })))));
 });
 const FileDetailsDrawer_FileDetailsDrawer = observer(function() {
     const { vm, actions } = useFileManagerPresenter();

package/presentation/FileDetails/components/FileDetailsDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/FileDetails/components/FileDetailsDrawer.js","sources":["../../../../src/presentation/FileDetails/components/FileDetailsDrawer.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Drawer } from \"@webiny/admin-ui\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { FormView } from \"@webiny/app-admin/features/formModel/FormView.js\";\nimport { useFileManagerPresenter } from \"~/presentation/FileList/index.js\";\nimport { useFileManagerConfig } from \"~/presentation/config/FileManagerViewConfig.js\";\nimport { FileProvider } from \"~/presentation/contexts/FileProvider.js\";\nimport { Content } from \"~/presentation/FileDetails/components/Content.js\";\nimport { Preview } from \"~/presentation/FileDetails/components/Preview.js\";\nimport { Actions } from \"~/presentation/FileDetails/components/Actions.js\";\nimport { Description } from \"~/presentation/FileDetails/components/Description.js\";\n\nconst parseWidth = (width: string) => {\n    const [drawerWidth, leftPanel = \"1\", rightPanel = \"1\"] = width.split(\",\");\n    return {\n        drawerWidth,\n        leftFlex: parseFloat(leftPanel),\n        rightFlex: parseFloat(rightPanel)\n    };\n};\n\nconst FileDetailsContent = observer(function FileDetailsContent() {\n    const { vm } = useFileManagerPresenter();\n    const fileDetails = vm.fileDetails;\n    const { fileDetails: fileDetailsConfig } = useFileManagerConfig();\n\n    if (!fileDetails) {\n        return null;\n    }\n\n    const { leftFlex, rightFlex } = parseWidth(fileDetailsConfig.width);\n\n    return (\n        <Content>\n            <Content.Panel flex={leftFlex}>\n                <div className={\"flex flex-col justify-between gap-md h-full px-lg py-md\"}>\n                    <Actions />\n                    <Preview />\n                </div>\n            </Content.Panel>\n            <Content.Panel flex={rightFlex}>\n                <div className={\"p-lg\"}>\n                    <FormView name=\"File Details\" form={fileDetails.vm.form} />\n                </div>\n            </Content.Panel>\n        </Content>\n    );\n});\n\nexport const FileDetailsDrawer = observer(function FileDetailsDrawer() {\n    const { vm, actions } = useFileManagerPresenter();\n    const fileDetails = vm.fileDetails;\n    const { fileDetails: fileDetailsConfig } = useFileManagerConfig();\n\n    const { drawerWidth } = parseWidth(fileDetailsConfig.width);\n\n    if (!fileDetails || !fileDetails.vm.file) {\n        return null;\n    }\n\n    return (\n        <FileProvider file={fileDetails.vm.file}>\n            <Drawer\n                title={fileDetails.vm.file.name ?? \"\"}\n                description={<Description />}\n                width={drawerWidth}\n                open={true}\n                modal={true}\n                bodyPadding={false}\n                headerSeparator={true}\n                footerSeparator={true}\n                onClose={actions.hideFileDetails}\n                data-testid={\"fm.file-details.drawer\"}\n                actions={\n                    <>\n                        <Drawer.CancelButton text={\"Cancel\"} />\n                        {fileDetails.vm.permissions.canEdit && (\n                            <Drawer.ConfirmButton\n                                text={\"Update\"}\n                                onClick={async () => {\n                                    const saved = await fileDetails.saveFile();\n                                    if (saved) {\n                                        actions.hideFileDetails();\n                                    }\n                                }}\n                            />\n                        )}\n                    </>\n                }\n            >\n                {fileDetails.vm.loading && <OverlayLoader text={fileDetails.vm.loading} />}\n                <FileDetailsContent />\n            </Drawer>\n        </FileProvider>\n    );\n});\n"],"names":["parseWidth","width","drawerWidth","leftPanel","rightPanel","parseFloat","FileDetailsContent","observer","vm","useFileManagerPresenter","fileDetails","fileDetailsConfig","useFileManagerConfig","leftFlex","rightFlex","Content","Actions","Preview","FormView","FileDetailsDrawer","actions","FileProvider","Drawer","Description","saved","OverlayLoader"],"mappings":";;;;;;;;;;;AAaA,MAAMA,aAAa,CAACC;IAChB,MAAM,CAACC,aAAaC,YAAY,GAAG,EAAEC,aAAa,GAAG,CAAC,GAAGH,MAAM,KAAK,CAAC;IACrE,OAAO;QACHC;QACA,UAAUG,WAAWF;QACrB,WAAWE,WAAWD;IAC1B;AACJ;AAEA,MAAME,uCAAqBC,SAAS;IAChC,MAAM,EAAEC,EAAE,EAAE,GAAGC;IACf,MAAMC,cAAcF,GAAG,WAAW;IAClC,MAAM,EAAE,aAAaG,iBAAiB,EAAE,GAAGC;IAE3C,IAAI,CAACF,aACD,OAAO;IAGX,MAAM,EAAEG,QAAQ,EAAEC,SAAS,EAAE,GAAGd,WAAWW,kBAAkB,KAAK;IAElE,OAAO,WAAP,GACI,oBAACI,SAAOA,MAAAA,WAAAA,GACJ,oBAACA,QAAQ,KAAK;QAAC,MAAMF;qBACjB,oBAAC;QAAI,WAAW;qBACZ,oBAACG,SAAOA,OAAAA,WAAAA,GACR,oBAACC,SAAOA,SAAAA,WAAAA,GAGhB,oBAACF,QAAQ,KAAK;QAAC,MAAMD;qBACjB,oBAAC;QAAI,WAAW;qBACZ,oBAACI,UAAQA;QAAC,MAAK;QAAe,MAAMR,YAAY,EAAE,CAAC,IAAI;;AAK3E;AAEO,MAAMS,sCAAoBZ,SAAS;IACtC,MAAM,EAAEC,EAAE,EAAEY,OAAO,EAAE,GAAGX;IACxB,MAAMC,cAAcF,GAAG,WAAW;IAClC,MAAM,EAAE,aAAaG,iBAAiB,EAAE,GAAGC;IAE3C,MAAM,EAAEV,WAAW,EAAE,GAAGF,WAAWW,kBAAkB,KAAK;IAE1D,IAAI,CAACD,eAAe,CAACA,YAAY,EAAE,CAAC,IAAI,EACpC,OAAO;IAGX,OAAO,WAAP,GACI,oBAACW,cAAYA;QAAC,MAAMX,YAAY,EAAE,CAAC,IAAI;qBACnC,oBAACY,QAAMA;QACH,OAAOZ,YAAY,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI;QACnC,2BAAa,oBAACa,aAAWA;QACzB,OAAOrB;QACP,MAAM;QACN,OAAO;QACP,aAAa;QACb,iBAAiB;QACjB,iBAAiB;QACjB,SAASkB,QAAQ,eAAe;QAChC,eAAa;QACb,uBACI,wDACI,oBAACE,OAAO,YAAY;YAAC,MAAM;YAC1BZ,YAAY,EAAE,CAAC,WAAW,CAAC,OAAO,IAAI,WAAJ,GAC/B,oBAACY,OAAO,aAAa;YACjB,MAAM;YACN,SAAS;gBACL,MAAME,QAAQ,MAAMd,YAAY,QAAQ;gBACxC,IAAIc,OACAJ,QAAQ,eAAe;YAE/B;;OAMfV,YAAY,EAAE,CAAC,OAAO,IAAI,WAAJ,GAAI,oBAACe,eAAaA;QAAC,MAAMf,YAAY,EAAE,CAAC,OAAO;sBACtE,oBAACJ,sCAAkBA;AAInC"}
+{"version":3,"file":"presentation/FileDetails/components/FileDetailsDrawer.js","sources":["../../../../src/presentation/FileDetails/components/FileDetailsDrawer.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Drawer, Separator } from \"@webiny/admin-ui\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { FormView } from \"@webiny/app-admin/features/formModel/FormView.js\";\nimport { useFileManagerPresenter } from \"~/presentation/FileList/index.js\";\nimport { useFileManagerConfig } from \"~/presentation/config/FileManagerViewConfig.js\";\nimport { FileProvider } from \"~/presentation/contexts/FileProvider.js\";\nimport { Content } from \"~/presentation/FileDetails/components/Content.js\";\nimport { Preview } from \"~/presentation/FileDetails/components/Preview.js\";\nimport { Actions } from \"~/presentation/FileDetails/components/Actions.js\";\nimport { Description } from \"~/presentation/FileDetails/components/Description.js\";\n\nconst parseWidth = (width: string) => {\n    const [drawerWidth, leftPanel = \"1\", rightPanel = \"1\"] = width.split(\",\");\n    return {\n        drawerWidth,\n        leftFlex: parseFloat(leftPanel),\n        rightFlex: parseFloat(rightPanel)\n    };\n};\n\nconst FileDetailsContent = observer(function FileDetailsContent() {\n    const { vm } = useFileManagerPresenter();\n    const fileDetails = vm.fileDetails;\n    const { fileDetails: fileDetailsConfig } = useFileManagerConfig();\n\n    if (!fileDetails) {\n        return null;\n    }\n\n    const { leftFlex, rightFlex } = parseWidth(fileDetailsConfig.width);\n\n    return (\n        <div className={\"flex flex-col h-full\"}>\n            {/*\n             * The actions row spans the whole drawer, ABOVE the two panels. Inside the left panel it\n             * was bounded by that panel's width, so the last action's label was clipped as soon as\n             * the row outgrew half the drawer — adding one action broke the one before it.\n             *\n             * The Separator is load-bearing, not decoration: the panels' vertical divider starts\n             * where they start, so without a horizontal rule for it to meet, its top end just hangs\n             * in the middle of the drawer. Same toolbar-then-Separator structure as ListViewHeader.\n             */}\n            <div className={\"px-lg py-sm\"}>\n                <Actions />\n            </div>\n            <Separator />\n            <Content className={\"flex-1\"}>\n                <Content.Panel flex={leftFlex}>\n                    <div className={\"h-full p-lg\"}>\n                        <Preview />\n                    </div>\n                </Content.Panel>\n                <Content.Panel flex={rightFlex}>\n                    <div className={\"p-lg\"}>\n                        <FormView name=\"File Details\" form={fileDetails.vm.form} />\n                    </div>\n                </Content.Panel>\n            </Content>\n        </div>\n    );\n});\n\nexport const FileDetailsDrawer = observer(function FileDetailsDrawer() {\n    const { vm, actions } = useFileManagerPresenter();\n    const fileDetails = vm.fileDetails;\n    const { fileDetails: fileDetailsConfig } = useFileManagerConfig();\n\n    const { drawerWidth } = parseWidth(fileDetailsConfig.width);\n\n    if (!fileDetails || !fileDetails.vm.file) {\n        return null;\n    }\n\n    return (\n        <FileProvider file={fileDetails.vm.file}>\n            <Drawer\n                title={fileDetails.vm.file.name ?? \"\"}\n                description={<Description />}\n                width={drawerWidth}\n                open={true}\n                modal={true}\n                bodyPadding={false}\n                headerSeparator={true}\n                footerSeparator={true}\n                onClose={actions.hideFileDetails}\n                data-testid={\"fm.file-details.drawer\"}\n                actions={\n                    <>\n                        <Drawer.CancelButton text={\"Cancel\"} />\n                        {fileDetails.vm.permissions.canEdit && (\n                            <Drawer.ConfirmButton\n                                text={\"Update\"}\n                                onClick={async () => {\n                                    const saved = await fileDetails.saveFile();\n                                    if (saved) {\n                                        actions.hideFileDetails();\n                                    }\n                                }}\n                            />\n                        )}\n                    </>\n                }\n            >\n                {fileDetails.vm.loading && <OverlayLoader text={fileDetails.vm.loading} />}\n                <FileDetailsContent />\n            </Drawer>\n        </FileProvider>\n    );\n});\n"],"names":["parseWidth","width","drawerWidth","leftPanel","rightPanel","parseFloat","FileDetailsContent","observer","vm","useFileManagerPresenter","fileDetails","fileDetailsConfig","useFileManagerConfig","leftFlex","rightFlex","Actions","Separator","Content","Preview","FormView","FileDetailsDrawer","actions","FileProvider","Drawer","Description","saved","OverlayLoader"],"mappings":";;;;;;;;;;;AAaA,MAAMA,aAAa,CAACC;IAChB,MAAM,CAACC,aAAaC,YAAY,GAAG,EAAEC,aAAa,GAAG,CAAC,GAAGH,MAAM,KAAK,CAAC;IACrE,OAAO;QACHC;QACA,UAAUG,WAAWF;QACrB,WAAWE,WAAWD;IAC1B;AACJ;AAEA,MAAME,uCAAqBC,SAAS;IAChC,MAAM,EAAEC,EAAE,EAAE,GAAGC;IACf,MAAMC,cAAcF,GAAG,WAAW;IAClC,MAAM,EAAE,aAAaG,iBAAiB,EAAE,GAAGC;IAE3C,IAAI,CAACF,aACD,OAAO;IAGX,MAAM,EAAEG,QAAQ,EAAEC,SAAS,EAAE,GAAGd,WAAWW,kBAAkB,KAAK;IAElE,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBAUZ,oBAAC;QAAI,WAAW;qBACZ,oBAACI,SAAOA,QAAAA,WAAAA,GAEZ,oBAACC,WAASA,OAAAA,WAAAA,GACV,oBAACC,SAAOA;QAAC,WAAW;qBAChB,oBAACA,QAAQ,KAAK;QAAC,MAAMJ;qBACjB,oBAAC;QAAI,WAAW;qBACZ,oBAACK,SAAOA,SAAAA,WAAAA,GAGhB,oBAACD,QAAQ,KAAK;QAAC,MAAMH;qBACjB,oBAAC;QAAI,WAAW;qBACZ,oBAACK,UAAQA;QAAC,MAAK;QAAe,MAAMT,YAAY,EAAE,CAAC,IAAI;;AAM/E;AAEO,MAAMU,sCAAoBb,SAAS;IACtC,MAAM,EAAEC,EAAE,EAAEa,OAAO,EAAE,GAAGZ;IACxB,MAAMC,cAAcF,GAAG,WAAW;IAClC,MAAM,EAAE,aAAaG,iBAAiB,EAAE,GAAGC;IAE3C,MAAM,EAAEV,WAAW,EAAE,GAAGF,WAAWW,kBAAkB,KAAK;IAE1D,IAAI,CAACD,eAAe,CAACA,YAAY,EAAE,CAAC,IAAI,EACpC,OAAO;IAGX,OAAO,WAAP,GACI,oBAACY,cAAYA;QAAC,MAAMZ,YAAY,EAAE,CAAC,IAAI;qBACnC,oBAACa,QAAMA;QACH,OAAOb,YAAY,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI;QACnC,2BAAa,oBAACc,aAAWA;QACzB,OAAOtB;QACP,MAAM;QACN,OAAO;QACP,aAAa;QACb,iBAAiB;QACjB,iBAAiB;QACjB,SAASmB,QAAQ,eAAe;QAChC,eAAa;QACb,uBACI,wDACI,oBAACE,OAAO,YAAY;YAAC,MAAM;YAC1Bb,YAAY,EAAE,CAAC,WAAW,CAAC,OAAO,IAAI,WAAJ,GAC/B,oBAACa,OAAO,aAAa;YACjB,MAAM;YACN,SAAS;gBACL,MAAME,QAAQ,MAAMf,YAAY,QAAQ;gBACxC,IAAIe,OACAJ,QAAQ,eAAe;YAE/B;;OAMfX,YAAY,EAAE,CAAC,OAAO,IAAI,WAAJ,GAAI,oBAACgB,eAAaA;QAAC,MAAMhB,YAAY,EAAE,CAAC,OAAO;sBACtE,oBAACJ,sCAAkBA;AAInC"}

package/presentation/FileList/FileListDataSource.d.ts

@@ -1,20 +1,16 @@
-import type { IDataSource, IDataSourceQuery, IDataSourceMeta } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
-import type { IListFilesUseCase } from "../../features/listFiles/abstractions.js";
+import { FolderAwareDataSource } from "@webiny/app-admin/presentation/listPresenter/FolderAwareDataSource.js";
+import type { FetchParams, FetchResult } from "@webiny/app-admin/presentation/listPresenter/FolderAwareDataSource.js";
 import type { IGetDescendantFoldersUseCase } from "@webiny/app-aco/features/folders/getDescendantFolders/abstractions.js";
 import type { IListCache } from "@webiny/app-admin/features/listCache/index.js";
+import type { IListFilesUseCase } from "../../features/listFiles/index.js";
 import type { FmFile } from "../../features/shared/types.js";
-export declare class FileListDataSource implements IDataSource<FmFile> {
+export declare class FileListDataSource extends FolderAwareDataSource<FmFile> {
     private listFilesUseCase;
     private cache;
-    private getDescendantFoldersUseCase?;
     private scope?;
-    private _meta;
-    private _loading;
-    constructor(listFilesUseCase: IListFilesUseCase, cache: IListCache<FmFile>, getDescendantFoldersUseCase?: IGetDescendantFoldersUseCase | undefined, scope?: string | undefined);
+    constructor(listFilesUseCase: IListFilesUseCase, cache: IListCache<FmFile>, getDescendantFoldersUseCase?: IGetDescendantFoldersUseCase, scope?: string | undefined);
     get rows(): FmFile[];
-    get meta(): IDataSourceMeta;
-    get loading(): boolean;
-    query(params: IDataSourceQuery): Promise<void>;
-    loadMore(params: IDataSourceQuery): Promise<void>;
-    private buildWhere;
+    fetch(params: FetchParams): Promise<FetchResult<FmFile>>;
+    protected shouldExpandFolders(filters: Record<string, unknown>): boolean;
+    protected customizeWhere(where: Record<string, unknown>, filters: Record<string, unknown>): void;
 }

package/presentation/FileList/FileListDataSource.js

@@ -1,86 +1,41 @@
-import { computed, makeAutoObservable, runInAction } from "mobx";
+import { FolderAwareDataSource } from "@webiny/app-admin/presentation/listPresenter/FolderAwareDataSource.js";
 import { DEFAULT_SCOPE } from "../../domain/constants.js";
-class FileListDataSource {
+class FileListDataSource extends FolderAwareDataSource {
     constructor(listFilesUseCase, cache, getDescendantFoldersUseCase, scope){
-        this.listFilesUseCase = listFilesUseCase;
-        this.cache = cache;
-        this.getDescendantFoldersUseCase = getDescendantFoldersUseCase;
-        this.scope = scope;
-        this._meta = {
-            cursor: null,
-            hasMoreItems: false,
-            totalCount: 0
-        };
-        this._loading = false;
-        makeAutoObservable(this, {
-            listFilesUseCase: false,
-            getDescendantFoldersUseCase: false,
-            rows: computed
-        });
+        super({
+            keyField: "id",
+            getDescendantFolders: getDescendantFoldersUseCase,
+            localFilters: {
+                accept: (item, value)=>{
+                    const mimeTypes = value;
+                    if (!mimeTypes || 0 === mimeTypes.length) return true;
+                    return mimeTypes.some((pattern)=>{
+                        if (pattern.endsWith("/*")) return item.type.startsWith(pattern.slice(0, -1));
+                        return item.type === pattern;
+                    });
+                }
+            }
+        }), this.listFilesUseCase = listFilesUseCase, this.cache = cache, this.scope = scope;
     }
     get rows() {
-        return this.cache.getItems();
-    }
-    get meta() {
-        return this._meta;
+        return this.queryMatcher.filter(this.cache.getItems());
     }
-    get loading() {
-        return this._loading;
-    }
-    async query(params) {
-        this._loading = true;
-        this.cache.clear();
-        const where = this.buildWhere(params);
-        const sort = params.sort ? [
-            `${params.sort.field}_${params.sort.direction}`
-        ] : void 0;
-        const result = await this.listFilesUseCase.execute({
+    async fetch(params) {
+        return this.listFilesUseCase.execute({
             search: params.search,
-            where,
-            sort,
+            where: params.where,
+            sort: params.sort,
             limit: params.limit,
-            after: params.cursor
-        });
-        runInAction(()=>{
-            this.cache.addItems(result.data);
-            this._meta = {
-                cursor: result.meta.cursor,
-                hasMoreItems: result.meta.hasMoreItems,
-                totalCount: result.meta.totalCount
-            };
-            this._loading = false;
+            after: params.after
         });
     }
-    async loadMore(params) {
-        if (!this._meta.hasMoreItems || this._loading) return;
-        this._loading = true;
-        const where = this.buildWhere(params);
-        const sort = params.sort ? [
-            `${params.sort.field}_${params.sort.direction}`
-        ] : void 0;
-        const result = await this.listFilesUseCase.execute({
-            search: params.search,
-            where,
-            sort,
-            limit: params.limit,
-            after: params.cursor
-        });
-        runInAction(()=>{
-            this.cache.addItems(result.data);
-            this._meta = {
-                cursor: result.meta.cursor,
-                hasMoreItems: result.meta.hasMoreItems,
-                totalCount: result.meta.totalCount
-            };
-            this._loading = false;
-        });
+    shouldExpandFolders(filters) {
+        return true === filters["includeSubFolders"];
     }
-    buildWhere(params) {
-        const where = {
-            ...params.filters
-        };
-        const includeSubFolders = true === where["includeSubFolders"];
+    customizeWhere(where, filters) {
         delete where["includeSubFolders"];
+        const accept = where["accept"];
+        delete where["accept"];
         const tags = where["tags"];
         const tagsRule = where["tags_rule"] || "OR";
         delete where["tags"];
@@ -99,22 +54,27 @@ class FileListDataSource {
                 })));
             where["AND"] = andConditions;
         }
-        if (where["folderId"]) {
-            const currentFolderId = where["folderId"];
-            const isRoot = "root" === currentFolderId;
-            if (params.search && isRoot) ;
-            else if ((params.search || includeSubFolders) && this.getDescendantFoldersUseCase) {
-                const descendants = this.getDescendantFoldersUseCase.execute(currentFolderId);
-                const folderIds = descendants.map((f)=>f.id);
-                where["location"] = {
-                    folderId_in: folderIds
-                };
-            } else where["location"] = {
-                folderId: currentFolderId
-            };
-            delete where["folderId"];
+        if (accept && accept.length > 0) {
+            const exact = [];
+            const prefixes = [];
+            for (const mime of accept)if (mime.endsWith("/*")) prefixes.push(mime.slice(0, -1));
+            else exact.push(mime);
+            if (0 === prefixes.length) where["type_in"] = exact;
+            else if (0 === exact.length && 1 === prefixes.length) where["type_startsWith"] = prefixes[0];
+            else {
+                const orConditions = [];
+                if (exact.length > 0) orConditions.push({
+                    type_in: exact
+                });
+                for (const prefix of prefixes)orConditions.push({
+                    type_startsWith: prefix
+                });
+                where["OR"] = [
+                    ...where["OR"] ?? [],
+                    ...orConditions
+                ];
+            }
         }
-        return where;
     }
 }
 export { FileListDataSource };