@webiny/app-file-manager 6.3.0 → 6.4.0-beta.1

package/presentation/FileActions/Grid/MoveToFolder.js

@@ -0,0 +1,16 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/exit_to_app.svg";
+import { FileManagerViewConfig, useFile, useMoveFileToFolder } from "../../../index.js";
+const { Browser: Browser } = FileManagerViewConfig;
+const MoveToFolder = ()=>{
+    const { file } = useFile();
+    const moveToFolder = useMoveFileToFolder(file);
+    return /*#__PURE__*/ react.createElement(Browser.Grid.Item.Action.IconButton, {
+        label: "Move file",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onAction: moveToFolder
+    });
+};
+export { MoveToFolder };
+
+//# sourceMappingURL=MoveToFolder.js.map

package/presentation/FileActions/Grid/MoveToFolder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileActions/Grid/MoveToFolder.js","sources":["../../../../src/presentation/FileActions/Grid/MoveToFolder.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as MoveIcon } from \"@webiny/icons/exit_to_app.svg\";\nimport { FileManagerViewConfig, useFile, useMoveFileToFolder } from \"~/index.js\";\n\nconst { Browser } = FileManagerViewConfig;\n\nexport const MoveToFolder = () => {\n    const { file } = useFile();\n    const moveToFolder = useMoveFileToFolder(file);\n\n    return (\n        <Browser.Grid.Item.Action.IconButton\n            label={\"Move file\"}\n            icon={<MoveIcon />}\n            onAction={moveToFolder}\n        />\n    );\n};\n"],"names":["Browser","FileManagerViewConfig","MoveToFolder","file","useFile","moveToFolder","useMoveFileToFolder","MoveIcon"],"mappings":";;;AAIA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEb,MAAMC,eAAe;IACxB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAMC,eAAeC,oBAAoBH;IAEzC,OAAO,WAAP,GACI,oBAACH,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU;QAChC,OAAO;QACP,oBAAM,oBAACO,gBAAQA;QACf,UAAUF;;AAGtB"}

package/presentation/FileActions/Grid/Settings.js

@@ -0,0 +1,23 @@
+import react, { useCallback } from "react";
+import { ReactComponent } from "@webiny/icons/edit.svg";
+import { FileManagerViewConfig, useFile } from "../../../index.js";
+import { useFileManagerPresenter } from "../../FileList/FileManagerPresenterProvider.js";
+const { Browser: Browser } = FileManagerViewConfig;
+const Settings = ()=>{
+    const { file } = useFile();
+    const { actions } = useFileManagerPresenter();
+    const showDetails = useCallback(()=>{
+        actions.showFileDetails(file.id);
+    }, [
+        file.id
+    ]);
+    return /*#__PURE__*/ react.createElement(Browser.Grid.Item.Action.IconButton, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Edit file details",
+        onAction: showDetails,
+        "data-testid": "fm-file-wrapper-file-info-icon"
+    });
+};
+export { Settings };
+
+//# sourceMappingURL=Settings.js.map

package/presentation/FileActions/Grid/Settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileActions/Grid/Settings.js","sources":["../../../../src/presentation/FileActions/Grid/Settings.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { FileManagerViewConfig, useFile } from \"~/index.js\";\nimport { useFileManagerPresenter } from \"~/presentation/FileList/FileManagerPresenterProvider.js\";\n\nconst { Browser } = FileManagerViewConfig;\n\nexport const Settings = () => {\n    const { file } = useFile();\n    const { actions } = useFileManagerPresenter();\n\n    const showDetails = useCallback(() => {\n        actions.showFileDetails(file.id);\n    }, [file.id]);\n\n    return (\n        <Browser.Grid.Item.Action.IconButton\n            icon={<EditIcon />}\n            label={\"Edit file details\"}\n            onAction={showDetails}\n            data-testid={\"fm-file-wrapper-file-info-icon\"}\n        />\n    );\n};\n"],"names":["Browser","FileManagerViewConfig","Settings","file","useFile","actions","useFileManagerPresenter","showDetails","useCallback","EditIcon"],"mappings":";;;;AAKA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEb,MAAMC,WAAW;IACpB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,MAAMC,cAAcC,YAAY;QAC5BH,QAAQ,eAAe,CAACF,KAAK,EAAE;IACnC,GAAG;QAACA,KAAK,EAAE;KAAC;IAEZ,OAAO,WAAP,GACI,oBAACH,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU;QAChC,oBAAM,oBAACS,gBAAQA;QACf,OAAO;QACP,UAAUF;QACV,eAAa;;AAGzB"}

package/presentation/FileActions/index.js

@@ -0,0 +1,39 @@
+import react from "react";
+import { FileManagerViewConfig } from "../../index.js";
+import { Delete } from "./Grid/Delete.js";
+import { Download } from "./Grid/Download.js";
+import { MoveToFolder } from "./Grid/MoveToFolder.js";
+import { Settings } from "./Grid/Settings.js";
+import { Download as Download_js_Download } from "./FileDetails/Download.js";
+import { MoveToFolder as MoveToFolder_js_MoveToFolder } from "./FileDetails/MoveToFolder.js";
+import { CopyUrl } from "./FileDetails/CopyUrl.js";
+import { DeleteImage } from "./FileDetails/DeleteImage.js";
+const { Browser: Browser, FileDetails: FileDetails } = FileManagerViewConfig;
+const FileActions = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Browser.Grid.Item.Action, {
+        name: "settings",
+        element: /*#__PURE__*/ react.createElement(Settings, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Grid.Item.Action, {
+        name: "download",
+        element: /*#__PURE__*/ react.createElement(Download, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Grid.Item.Action, {
+        name: "move",
+        element: /*#__PURE__*/ react.createElement(MoveToFolder, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Grid.Item.Action, {
+        name: "delete",
+        element: /*#__PURE__*/ react.createElement(Delete, null)
+    }), /*#__PURE__*/ react.createElement(FileDetails.Action, {
+        name: "download",
+        element: /*#__PURE__*/ react.createElement(Download_js_Download, null)
+    }), /*#__PURE__*/ react.createElement(FileDetails.Action, {
+        name: "moveToFolder",
+        element: /*#__PURE__*/ react.createElement(MoveToFolder_js_MoveToFolder, null)
+    }), /*#__PURE__*/ react.createElement(FileDetails.Action, {
+        name: "copyUrl",
+        element: /*#__PURE__*/ react.createElement(CopyUrl, null)
+    }), /*#__PURE__*/ react.createElement(FileDetails.Action, {
+        name: "delete",
+        element: /*#__PURE__*/ react.createElement(DeleteImage, null)
+    }));
+export { FileActions };
+
+//# sourceMappingURL=index.js.map

package/presentation/FileActions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileActions/index.js","sources":["../../../src/presentation/FileActions/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileManagerViewConfig } from \"~/index.js\";\nimport { Delete as GridDelete } from \"./Grid/Delete.js\";\nimport { Download as GridDownload } from \"./Grid/Download.js\";\nimport { MoveToFolder as GridMoveToFolder } from \"./Grid/MoveToFolder.js\";\nimport { Settings as GridSettings } from \"./Grid/Settings.js\";\nimport { Download as FileDetailsDownload } from \"./FileDetails/Download.js\";\nimport { MoveToFolder as FileDetailsMoveToFolder } from \"./FileDetails/MoveToFolder.js\";\nimport { CopyUrl as FileDetailsCopyUrl } from \"./FileDetails/CopyUrl.js\";\nimport { DeleteImage as FileDetailsDeleteImage } from \"./FileDetails/DeleteImage.js\";\n\nconst { Browser, FileDetails } = FileManagerViewConfig;\n\nexport const FileActions = () => {\n    return (\n        <>\n            {/* Grid actions. */}\n            <Browser.Grid.Item.Action name={\"settings\"} element={<GridSettings />} />\n            <Browser.Grid.Item.Action name={\"download\"} element={<GridDownload />} />\n            <Browser.Grid.Item.Action name={\"move\"} element={<GridMoveToFolder />} />\n            <Browser.Grid.Item.Action name={\"delete\"} element={<GridDelete />} />\n            {/* File details actions. */}\n            <FileDetails.Action name={\"download\"} element={<FileDetailsDownload />} />\n            <FileDetails.Action name={\"moveToFolder\"} element={<FileDetailsMoveToFolder />} />\n            <FileDetails.Action name={\"copyUrl\"} element={<FileDetailsCopyUrl />} />\n            <FileDetails.Action name={\"delete\"} element={<FileDetailsDeleteImage />} />\n        </>\n    );\n};\n"],"names":["Browser","FileDetails","FileManagerViewConfig","FileActions","GridSettings","GridDownload","GridMoveToFolder","GridDelete","FileDetailsDownload","FileDetailsMoveToFolder","FileDetailsCopyUrl","FileDetailsDeleteImage"],"mappings":";;;;;;;;;;AAWA,MAAM,EAAEA,SAAAA,OAAO,EAAEC,aAAAA,WAAW,EAAE,GAAGC;AAE1B,MAAMC,cAAc,IAChB,WAAP,GACI,wDAEI,oBAACH,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM;QAAC,MAAM;QAAY,uBAAS,oBAACI,UAAYA;sBAClE,oBAACJ,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM;QAAC,MAAM;QAAY,uBAAS,oBAACK,UAAYA;sBAClE,oBAACL,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM;QAAC,MAAM;QAAQ,uBAAS,oBAACM,cAAgBA;sBAClE,oBAACN,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM;QAAC,MAAM;QAAU,uBAAS,oBAACO,QAAUA;sBAE9D,oBAACN,YAAY,MAAM;QAAC,MAAM;QAAY,uBAAS,oBAACO,sBAAmBA;sBACnE,oBAACP,YAAY,MAAM;QAAC,MAAM;QAAgB,uBAAS,oBAACQ,8BAAuBA;sBAC3E,oBAACR,YAAY,MAAM;QAAC,MAAM;QAAW,uBAAS,oBAACS,SAAkBA;sBACjE,oBAACT,YAAY,MAAM;QAAC,MAAM;QAAU,uBAAS,oBAACU,aAAsBA"}

package/presentation/FileDetails/FileDetailsPresenter.d.ts

@@ -0,0 +1,28 @@
+import { type IFileDetailsPresenter, type IFileDetailsViewModel } from "./abstractions.js";
+import { GetFileUseCase } from "../../features/getFile/abstractions.js";
+import { UpdateFileUseCase } from "../../features/updateFile/abstractions.js";
+import { DeleteFileUseCase } from "../../features/deleteFile/abstractions.js";
+import { FormModelFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
+import { FileManagerPermissions } from "../../features/permissions/abstractions.js";
+import { GetSettingsRepository } from "../../features/settings/abstractions.js";
+declare class FileDetailsPresenterImpl implements IFileDetailsPresenter {
+    private getFileUseCase;
+    private updateFileUseCase;
+    private deleteFileUseCase;
+    private formModelFactory;
+    private permissions;
+    private settingsRepository;
+    private file;
+    private loading;
+    private form;
+    constructor(getFileUseCase: GetFileUseCase.Interface, updateFileUseCase: UpdateFileUseCase.Interface, deleteFileUseCase: DeleteFileUseCase.Interface, formModelFactory: FormModelFactory.Interface, permissions: FileManagerPermissions.Interface, settingsRepository: GetSettingsRepository.Interface);
+    get vm(): IFileDetailsViewModel;
+    loadFile(id: string): Promise<void>;
+    saveFile(): Promise<boolean>;
+    private buildForm;
+    private buildPreviewUrl;
+}
+export declare const FileDetailsPresenter: typeof FileDetailsPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IFileDetailsPresenter>;
+};
+export {};

package/presentation/FileDetails/FileDetailsPresenter.js

@@ -0,0 +1,138 @@
+import { computed, makeAutoObservable, runInAction } from "mobx";
+import { FileDetailsPresenter } from "./abstractions.js";
+import { GetFileUseCase } from "../../features/getFile/abstractions.js";
+import { UpdateFileUseCase } from "../../features/updateFile/abstractions.js";
+import { DeleteFileUseCase } from "../../features/deleteFile/abstractions.js";
+import { FormModelFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
+import { FileManagerPermissions } from "../../features/permissions/abstractions.js";
+import { GetSettingsRepository } from "../../features/settings/abstractions.js";
+class FileDetailsPresenterImpl {
+    constructor(getFileUseCase, updateFileUseCase, deleteFileUseCase, formModelFactory, permissions, settingsRepository){
+        this.getFileUseCase = getFileUseCase;
+        this.updateFileUseCase = updateFileUseCase;
+        this.deleteFileUseCase = deleteFileUseCase;
+        this.formModelFactory = formModelFactory;
+        this.permissions = permissions;
+        this.settingsRepository = settingsRepository;
+        this.file = null;
+        this.loading = null;
+        this.form = this.buildForm();
+        makeAutoObservable(this, {
+            vm: computed
+        });
+    }
+    get vm() {
+        return {
+            file: this.file,
+            loading: this.loading,
+            form: this.form.vm,
+            previewUrl: this.buildPreviewUrl(),
+            permissions: {
+                canEdit: this.permissions.canEdit("file", this.file ?? void 0),
+                canDelete: this.permissions.canDelete("file", this.file ?? void 0)
+            }
+        };
+    }
+    async loadFile(id) {
+        runInAction(()=>{
+            this.loading = "Loading file...";
+        });
+        try {
+            const result = await this.getFileUseCase.execute({
+                id
+            });
+            runInAction(()=>{
+                if (result.success) {
+                    this.file = result.file;
+                    this.form = this.buildForm();
+                    this.form.setData({
+                        name: result.file.name ?? "",
+                        description: result.file.description ?? "",
+                        tags: result.file.tags ?? [],
+                        accessControl: result.file.accessControl?.type ?? "public"
+                    });
+                    if (!this.permissions.canEdit("file", result.file)) {
+                        this.form.field("name").setDisabled(true);
+                        this.form.field("description").setDisabled(true);
+                        this.form.field("tags").setDisabled(true);
+                        this.form.field("accessControl").setDisabled(true);
+                    }
+                }
+            });
+        } finally{
+            runInAction(()=>{
+                this.loading = null;
+            });
+        }
+    }
+    async saveFile() {
+        if (!this.file) return false;
+        const data = await this.form.submit();
+        if (!data) return false;
+        runInAction(()=>{
+            this.loading = "Saving changes...";
+        });
+        try {
+            await this.updateFileUseCase.execute({
+                id: this.file.id,
+                data: {
+                    name: data.name,
+                    description: data.description,
+                    tags: data.tags,
+                    accessControl: {
+                        type: data.accessControl
+                    }
+                }
+            });
+            return true;
+        } finally{
+            runInAction(()=>{
+                this.loading = null;
+            });
+        }
+    }
+    buildForm() {
+        return this.formModelFactory.create({
+            fields: (fields)=>({
+                    name: fields.text().label("Name").required().placeholder("Enter name"),
+                    description: fields.text().label("Description").renderer("textarea").placeholder("Enter description"),
+                    tags: fields.text().label("Tags").list().renderer("tags").placeholder("Add tags"),
+                    accessControl: fields.text().label("Access Control").help("Control who can access this file.").options([
+                        {
+                            label: "Public",
+                            value: "public"
+                        },
+                        {
+                            label: "Private (Authenticated)",
+                            value: "private-authenticated"
+                        }
+                    ]).defaultValue("public")
+                }),
+            layout: (layout)=>[
+                    layout.row("name"),
+                    layout.row("description"),
+                    layout.row("tags"),
+                    layout.row("accessControl")
+                ]
+        });
+    }
+    buildPreviewUrl() {
+        if (!this.file?.key) return null;
+        const srcPrefix = this.settingsRepository.settings?.srcPrefix ?? "";
+        return `${srcPrefix}${this.file.key}`;
+    }
+}
+const FileDetailsPresenter_FileDetailsPresenter = FileDetailsPresenter.createImplementation({
+    implementation: FileDetailsPresenterImpl,
+    dependencies: [
+        GetFileUseCase,
+        UpdateFileUseCase,
+        DeleteFileUseCase,
+        FormModelFactory,
+        FileManagerPermissions,
+        GetSettingsRepository
+    ]
+});
+export { FileDetailsPresenter_FileDetailsPresenter as FileDetailsPresenter };
+
+//# sourceMappingURL=FileDetailsPresenter.js.map

package/presentation/FileDetails/FileDetailsPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileDetails/FileDetailsPresenter.js","sources":["../../../src/presentation/FileDetails/FileDetailsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport {\n    FileDetailsPresenter as Abstraction,\n    type IFileDetailsPresenter,\n    type IFileDetailsViewModel\n} from \"./abstractions.js\";\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 { FileManagerPermissions } from \"../../features/permissions/abstractions.js\";\nimport { GetSettingsRepository } from \"../../features/settings/abstractions.js\";\nimport type { FmFile } from \"../../features/shared/types.js\";\n\nclass FileDetailsPresenterImpl implements IFileDetailsPresenter {\n    private file: FmFile | null = null;\n    private loading: string | null = null;\n    private form: IFormModel;\n\n    constructor(\n        private getFileUseCase: GetFileUseCase.Interface,\n        private updateFileUseCase: UpdateFileUseCase.Interface,\n        private deleteFileUseCase: DeleteFileUseCase.Interface,\n        private formModelFactory: FormModelFactory.Interface,\n        private permissions: FileManagerPermissions.Interface,\n        private settingsRepository: GetSettingsRepository.Interface\n    ) {\n        // Build an empty form initially.\n        this.form = this.buildForm();\n\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): IFileDetailsViewModel {\n        return {\n            file: this.file,\n            loading: this.loading,\n            form: this.form.vm,\n            previewUrl: this.buildPreviewUrl(),\n            permissions: {\n                canEdit: this.permissions.canEdit(\"file\", this.file ?? undefined),\n                canDelete: this.permissions.canDelete(\"file\", this.file ?? undefined)\n            }\n        };\n    }\n\n    async loadFile(id: string): Promise<void> {\n        runInAction(() => {\n            this.loading = \"Loading file...\";\n        });\n\n        try {\n            const result = await this.getFileUseCase.execute({ id });\n            runInAction(() => {\n                if (result.success) {\n                    this.file = result.file;\n                    this.form = this.buildForm();\n                    this.form.setData({\n                        name: result.file.name ?? \"\",\n                        description: result.file.description ?? \"\",\n                        tags: result.file.tags ?? [],\n                        accessControl: result.file.accessControl?.type ?? \"public\"\n                    });\n\n                    if (!this.permissions.canEdit(\"file\", result.file)) {\n                        this.form.field(\"name\").setDisabled(true);\n                        this.form.field(\"description\").setDisabled(true);\n                        this.form.field(\"tags\").setDisabled(true);\n                        this.form.field(\"accessControl\").setDisabled(true);\n                    }\n                }\n            });\n        } finally {\n            runInAction(() => {\n                this.loading = null;\n            });\n        }\n    }\n\n    async saveFile(): Promise<boolean> {\n        if (!this.file) {\n            return false;\n        }\n\n        const data = await this.form.submit();\n        if (!data) {\n            return false;\n        }\n\n        runInAction(() => {\n            this.loading = \"Saving changes...\";\n        });\n\n        try {\n            await this.updateFileUseCase.execute({\n                id: this.file.id,\n                data: {\n                    name: data.name as string,\n                    description: data.description as string,\n                    tags: data.tags as string[],\n                    accessControl: {\n                        type: data.accessControl as \"public\" | \"private-authenticated\"\n                    }\n                }\n            });\n            return true;\n        } finally {\n            runInAction(() => {\n                this.loading = null;\n            });\n        }\n    }\n\n    private buildForm(): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                name: fields.text().label(\"Name\").required().placeholder(\"Enter name\"),\n                description: fields\n                    .text()\n                    .label(\"Description\")\n                    .renderer(\"textarea\")\n                    .placeholder(\"Enter description\"),\n                tags: fields.text().label(\"Tags\").list().renderer(\"tags\").placeholder(\"Add tags\"),\n                accessControl: fields\n                    .text()\n                    .label(\"Access Control\")\n                    .help(\"Control who can access this file.\")\n                    .options([\n                        { label: \"Public\", value: \"public\" },\n                        { label: \"Private (Authenticated)\", value: \"private-authenticated\" }\n                    ])\n                    .defaultValue(\"public\")\n            }),\n            layout: layout => [\n                layout.row(\"name\"),\n                layout.row(\"description\"),\n                layout.row(\"tags\"),\n                layout.row(\"accessControl\")\n            ]\n        });\n    }\n\n    private buildPreviewUrl(): string | null {\n        if (!this.file?.key) {\n            return null;\n        }\n        const srcPrefix = this.settingsRepository.settings?.srcPrefix ?? \"\";\n        return `${srcPrefix}${this.file.key}`;\n    }\n}\n\nexport const FileDetailsPresenter = Abstraction.createImplementation({\n    implementation: FileDetailsPresenterImpl,\n    dependencies: [\n        GetFileUseCase,\n        UpdateFileUseCase,\n        DeleteFileUseCase,\n        FormModelFactory,\n        FileManagerPermissions,\n        GetSettingsRepository\n    ]\n});\n"],"names":["FileDetailsPresenterImpl","getFileUseCase","updateFileUseCase","deleteFileUseCase","formModelFactory","permissions","settingsRepository","makeAutoObservable","computed","undefined","id","runInAction","result","data","fields","layout","srcPrefix","FileDetailsPresenter","Abstraction","GetFileUseCase","UpdateFileUseCase","DeleteFileUseCase","FormModelFactory","FileManagerPermissions","GetSettingsRepository"],"mappings":"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"}

package/presentation/FileDetails/FileDetailsPresenter.test.d.ts

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

package/presentation/FileDetails/FileDetailsPresenter.test.js

@@ -0,0 +1,280 @@
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { Container } from "@webiny/di";
+import { GetFileUseCase } from "../../features/getFile/abstractions.js";
+import { UpdateFileUseCase } from "../../features/updateFile/abstractions.js";
+import { DeleteFileUseCase } from "../../features/deleteFile/abstractions.js";
+import { FormModelFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
+import { FileManagerPermissions } from "../../features/permissions/abstractions.js";
+import { GetSettingsRepository } from "../../features/settings/abstractions.js";
+import { FileDetailsPresenter } from "./abstractions.js";
+import { FileDetailsPresenter as external_FileDetailsPresenter_js_FileDetailsPresenter } from "./FileDetailsPresenter.js";
+function createMockFormModel(overrides) {
+    const vm = {
+        layout: [],
+        errors: [],
+        isDirty: false,
+        isValid: true,
+        submitCount: 0,
+        focusField: vi.fn(),
+        getData: vi.fn(()=>({})),
+        setData: vi.fn(),
+        ...overrides
+    };
+    const data = {};
+    return {
+        field: vi.fn(),
+        fields: vi.fn(),
+        layout: vi.fn(),
+        getData: vi.fn(()=>({
+                ...data
+            })),
+        setData: vi.fn((incoming)=>{
+            Object.assign(data, incoming);
+        }),
+        reset: vi.fn(),
+        validate: vi.fn().mockResolvedValue(true),
+        submit: vi.fn().mockResolvedValue({
+            ...data
+        }),
+        get isDirty () {
+            return vm.isDirty;
+        },
+        get isValid () {
+            return vm.isValid;
+        },
+        get errors () {
+            return vm.errors;
+        },
+        get vm () {
+            return vm;
+        }
+    };
+}
+function createMockFormModelFactory() {
+    const mockForm = createMockFormModel();
+    return {
+        create: vi.fn().mockReturnValue(mockForm)
+    };
+}
+function createMockGetFileUseCase() {
+    return {
+        execute: vi.fn().mockResolvedValue({
+            success: true,
+            file: createTestFile()
+        })
+    };
+}
+function createMockUpdateFileUseCase() {
+    return {
+        execute: vi.fn().mockResolvedValue({
+            success: true,
+            file: createTestFile()
+        })
+    };
+}
+function createMockDeleteFileUseCase() {
+    return {
+        execute: vi.fn().mockResolvedValue({
+            success: true
+        })
+    };
+}
+function createMockPermissions() {
+    return {
+        canAccess: vi.fn().mockReturnValue(true),
+        canRead: vi.fn().mockReturnValue(true),
+        canCreate: vi.fn().mockReturnValue(true),
+        canEdit: vi.fn().mockReturnValue(true),
+        canDelete: vi.fn().mockReturnValue(false),
+        canAction: vi.fn().mockReturnValue(true)
+    };
+}
+function createMockSettingsRepository() {
+    return {
+        execute: vi.fn().mockResolvedValue({
+            uploadMinFileSize: "0",
+            uploadMaxFileSize: "10485760",
+            srcPrefix: "https://cdn.example.com/"
+        }),
+        save: vi.fn().mockImplementation(async (data)=>data),
+        settings: {
+            uploadMinFileSize: "0",
+            uploadMaxFileSize: "10485760",
+            srcPrefix: "https://cdn.example.com/"
+        }
+    };
+}
+function createTestFile(overrides) {
+    return {
+        id: "file-1",
+        name: "photo.jpg",
+        key: "files/photo.jpg",
+        src: "https://cdn.example.com/files/photo.jpg",
+        type: "image/jpeg",
+        size: 12345,
+        metadata: {},
+        tags: [
+            "nature",
+            "landscape"
+        ],
+        createdOn: "2025-01-01T00:00:00Z",
+        savedOn: "2025-01-01T00:00:00Z",
+        createdBy: {
+            id: "user-1",
+            displayName: "Test User",
+            type: "admin"
+        },
+        savedBy: {
+            id: "user-1",
+            displayName: "Test User",
+            type: "admin"
+        },
+        location: {
+            folderId: "root"
+        },
+        accessControl: {
+            type: "public"
+        },
+        ...overrides
+    };
+}
+function createMocks() {
+    return {
+        getFileUseCase: createMockGetFileUseCase(),
+        updateFileUseCase: createMockUpdateFileUseCase(),
+        deleteFileUseCase: createMockDeleteFileUseCase(),
+        formModelFactory: createMockFormModelFactory(),
+        permissions: createMockPermissions(),
+        settingsRepository: createMockSettingsRepository()
+    };
+}
+function createContainer(mocks) {
+    const container = new Container();
+    container.registerInstance(GetFileUseCase, mocks.getFileUseCase);
+    container.registerInstance(UpdateFileUseCase, mocks.updateFileUseCase);
+    container.registerInstance(DeleteFileUseCase, mocks.deleteFileUseCase);
+    container.registerInstance(FormModelFactory, mocks.formModelFactory);
+    container.registerInstance(FileManagerPermissions, mocks.permissions);
+    container.registerInstance(GetSettingsRepository, mocks.settingsRepository);
+    container.register(external_FileDetailsPresenter_js_FileDetailsPresenter).inSingletonScope();
+    return container;
+}
+describe("FileDetailsPresenter", ()=>{
+    let mocks;
+    let presenter;
+    beforeEach(()=>{
+        mocks = createMocks();
+        const container = createContainer(mocks);
+        presenter = container.resolve(FileDetailsPresenter);
+    });
+    it("should have null file and loading=null before loadFile is called", ()=>{
+        expect(presenter.vm.file).toBeNull();
+        expect(presenter.vm.loading).toBeNull();
+    });
+    it("should have a form vm with layout and isDirty=false initially", ()=>{
+        expect(presenter.vm.form).toBeDefined();
+        expect(presenter.vm.form.layout).toBeDefined();
+        expect(presenter.vm.form.isDirty).toBe(false);
+    });
+    it("should have null previewUrl when no file is loaded", ()=>{
+        expect(presenter.vm.previewUrl).toBeNull();
+    });
+    it("should populate vm.file after loadFile", async ()=>{
+        await presenter.loadFile("file-1");
+        expect(presenter.vm.file).not.toBeNull();
+        expect(presenter.vm.file.id).toBe("file-1");
+        expect(presenter.vm.file.name).toBe("photo.jpg");
+    });
+    it("should set loading=null after loadFile completes", async ()=>{
+        await presenter.loadFile("file-1");
+        expect(presenter.vm.loading).toBeNull();
+    });
+    it("should call GetFileUseCase.execute with the file id", async ()=>{
+        await presenter.loadFile("file-1");
+        expect(mocks.getFileUseCase.execute).toHaveBeenCalledWith({
+            id: "file-1"
+        });
+    });
+    it("should rebuild the form and call setData after loadFile", async ()=>{
+        await presenter.loadFile("file-1");
+        expect(mocks.formModelFactory.create).toHaveBeenCalledTimes(2);
+    });
+    it("should have form.isDirty=false after loadFile", async ()=>{
+        await presenter.loadFile("file-1");
+        expect(presenter.vm.form.isDirty).toBe(false);
+    });
+    it("should call UpdateFileUseCase.execute when saveFile is called", async ()=>{
+        await presenter.loadFile("file-1");
+        const mockForm = mocks.formModelFactory.create.mock.results[1].value;
+        mockForm.submit.mockResolvedValue({
+            name: "updated.jpg",
+            tags: [
+                "updated"
+            ],
+            accessControl: "private-authenticated"
+        });
+        await presenter.saveFile();
+        expect(mocks.updateFileUseCase.execute).toHaveBeenCalledWith({
+            id: "file-1",
+            data: {
+                name: "updated.jpg",
+                tags: [
+                    "updated"
+                ],
+                accessControl: {
+                    type: "private-authenticated"
+                }
+            }
+        });
+    });
+    it("should not call UpdateFileUseCase when no file is loaded", async ()=>{
+        await presenter.saveFile();
+        expect(mocks.updateFileUseCase.execute).not.toHaveBeenCalled();
+    });
+    it("should not call UpdateFileUseCase when form submit returns false", async ()=>{
+        await presenter.loadFile("file-1");
+        const mockForm = mocks.formModelFactory.create.mock.results[1].value;
+        mockForm.submit.mockResolvedValue(false);
+        await presenter.saveFile();
+        expect(mocks.updateFileUseCase.execute).not.toHaveBeenCalled();
+    });
+    it("should expose permission flags in vm.permissions", ()=>{
+        expect(presenter.vm.permissions.canEdit).toBe(true);
+        expect(presenter.vm.permissions.canDelete).toBe(false);
+    });
+    it("should reflect updated permission mock values", ()=>{
+        mocks.permissions.canEdit.mockReturnValue(false);
+        mocks.permissions.canDelete.mockReturnValue(true);
+        expect(presenter.vm.permissions.canEdit).toBe(false);
+        expect(presenter.vm.permissions.canDelete).toBe(true);
+    });
+    it("should construct previewUrl from srcPrefix + file.key after loadFile", async ()=>{
+        await presenter.loadFile("file-1");
+        expect(presenter.vm.previewUrl).toBe("https://cdn.example.com/files/photo.jpg");
+    });
+    it("should return null previewUrl when file has no key", async ()=>{
+        mocks.getFileUseCase.execute.mockResolvedValue({
+            success: true,
+            file: createTestFile({
+                key: void 0
+            })
+        });
+        await presenter.loadFile("file-1");
+        expect(presenter.vm.previewUrl).toBeNull();
+    });
+    it("should set loading=true during loadFile and false after", async ()=>{
+        let loadingDuringExecution = null;
+        mocks.getFileUseCase.execute.mockImplementation(async ()=>{
+            loadingDuringExecution = presenter.vm.loading;
+            return {
+                success: true,
+                file: createTestFile()
+            };
+        });
+        await presenter.loadFile("file-1");
+        expect(loadingDuringExecution).toBe("Loading file...");
+        expect(presenter.vm.loading).toBeNull();
+    });
+});
+
+//# sourceMappingURL=FileDetailsPresenter.test.js.map

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

@@ -0,0 +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 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() 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    // -----------------------------------------------------------------------\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","vm","vi","data","incoming","Object","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":"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"}

package/presentation/FileDetails/abstractions.d.ts

@@ -0,0 +1,22 @@
+import type { IFormVM } from "@webiny/app-admin/features/formModel/abstractions.js";
+import type { FmFile } from "../../features/shared/types.js";
+export interface IFileDetailsViewModel {
+    file: FmFile | null;
+    loading: string | null;
+    form: IFormVM;
+    previewUrl: string | null;
+    permissions: {
+        canEdit: boolean;
+        canDelete: boolean;
+    };
+}
+export interface IFileDetailsPresenter {
+    vm: IFileDetailsViewModel;
+    loadFile(id: string): Promise<void>;
+    saveFile(): Promise<boolean>;
+}
+export declare const FileDetailsPresenter: import("@webiny/di").Abstraction<IFileDetailsPresenter>;
+export declare namespace FileDetailsPresenter {
+    type Interface = IFileDetailsPresenter;
+    type ViewModel = IFileDetailsViewModel;
+}

package/presentation/FileDetails/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const FileDetailsPresenter = createAbstraction("FileDetailsPresenter");
+export { FileDetailsPresenter };
+
+//# sourceMappingURL=abstractions.js.map