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

package/presentation/FileList/FileManagerPresenter.js

@@ -0,0 +1,213 @@
+import { computed, makeAutoObservable, reaction, runInAction } from "mobx";
+import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import { FolderTreePresenter } from "@webiny/app-aco/presentation/folderTree/abstractions.js";
+import { LocalStorage } from "@webiny/app/features/localStorage";
+import { GetDescendantFoldersUseCase } from "@webiny/app-aco/features/folders/getDescendantFolders/abstractions.js";
+import { FileManagerPresenter } from "./abstractions.js";
+import { FileListDataSource } from "./FileListDataSource.js";
+import { FileDetailsPresenter } from "../FileDetails/abstractions.js";
+import { FileManagerPermissions } from "../../features/permissions/abstractions.js";
+import { ListTagsRepository } from "../../features/tags/index.js";
+import { FileUploader } from "../../features/fileUploader/index.js";
+import { ListFilesUseCase } from "../../features/listFiles/index.js";
+import { FilesListCache } from "../../features/shared/index.js";
+import { FileModelProvider } from "../../features/fileModel/index.js";
+const VIEW_MODE_KEY = "fm:viewMode";
+const LAST_FOLDER_KEY = "fm:lastFolder";
+class FileManagerPresenterImpl {
+    constructor(listPresenter, folderTreePresenter, fileDetailsPresenter, permissions, tagsRepository, fileUploader, localStorage, listFilesUseCase, filesListCache, getDescendantFoldersUseCase, fileModelProvider){
+        this.listPresenter = listPresenter;
+        this.folderTreePresenter = folderTreePresenter;
+        this.fileDetailsPresenter = fileDetailsPresenter;
+        this.permissions = permissions;
+        this.tagsRepository = tagsRepository;
+        this.fileUploader = fileUploader;
+        this.localStorage = localStorage;
+        this.listFilesUseCase = listFilesUseCase;
+        this.filesListCache = filesListCache;
+        this.getDescendantFoldersUseCase = getDescendantFoldersUseCase;
+        this.fileModelProvider = fileModelProvider;
+        this._viewMode = "grid";
+        this._dragging = false;
+        this._disposeReaction = null;
+        this._fileDetails = null;
+        this._showingFilters = false;
+        this._fileModel = null;
+        this._persistFolder = true;
+        this.actions = {
+            search: {
+                set: (query)=>this.listPresenter.actions.search.set(query),
+                clear: ()=>this.listPresenter.actions.search.clear()
+            },
+            sort: {
+                set: (field, direction)=>this.listPresenter.actions.sort.set(field, direction),
+                toggle: (field)=>this.listPresenter.actions.sort.toggle(field)
+            },
+            filter: {
+                set: (key, value)=>this.listPresenter.actions.filter.set(key, value),
+                clear: (key)=>this.listPresenter.actions.filter.clear(key),
+                clearAll: ()=>this.listPresenter.actions.filter.clearAll()
+            },
+            selection: {
+                toggle: (id)=>this.listPresenter.actions.selection.toggle(id),
+                selectRangeTo: (id)=>this.listPresenter.actions.selection.selectRangeTo(id),
+                selectAll: ()=>this.listPresenter.actions.selection.selectAll(),
+                deselectAll: ()=>this.listPresenter.actions.selection.deselectAll(),
+                selectRows: (ids)=>this.listPresenter.actions.selection.selectRows(ids),
+                isSelected: (id)=>this.listPresenter.actions.selection.isSelected(id)
+            },
+            loadMore: ()=>this.listPresenter.actions.loadMore(),
+            refresh: ()=>this.listPresenter.actions.refresh(),
+            upload: async (files)=>{
+                const folderId = this.folderTreePresenter.vm.currentFolderId ?? "root";
+                await this.fileUploader.uploadMany(files.map((file)=>({
+                        file,
+                        data: {
+                            name: file.name,
+                            type: file.type,
+                            location: {
+                                folderId
+                            }
+                        }
+                    })));
+                this.fileUploader.clear();
+            },
+            setViewMode: (mode)=>{
+                this._viewMode = mode;
+                this.localStorage.set(VIEW_MODE_KEY, mode);
+            },
+            setDragging: (dragging)=>{
+                this._dragging = dragging;
+            },
+            showFilters: ()=>{
+                this._showingFilters = true;
+            },
+            hideFilters: ()=>{
+                this._showingFilters = false;
+            },
+            showFileDetails: (id)=>{
+                this._fileDetails = this.fileDetailsPresenter;
+                this.fileDetailsPresenter.loadFile(id);
+            },
+            hideFileDetails: ()=>{
+                this._fileDetails = null;
+            },
+            folders: {
+                selectFolder: (folderId)=>{
+                    this.listPresenter.actions.search.clear();
+                    this.folderTreePresenter.selectFolder(folderId);
+                },
+                createFolder: (parentFolderId)=>this.folderTreePresenter.createFolder(parentFolderId),
+                editFolder: (folderId)=>this.folderTreePresenter.editFolder(folderId),
+                deleteFolder: (folderId)=>this.folderTreePresenter.deleteFolder(folderId),
+                moveFolder: (folderId, targetParentId)=>this.folderTreePresenter.moveFolder(folderId, targetParentId),
+                loadChildFolders: (parentIds)=>this.folderTreePresenter.loadChildFolders(parentIds),
+                canManageStructure: (folderId)=>this.folderTreePresenter.canManageStructure(folderId),
+                getAncestorIds: (folderId)=>this.folderTreePresenter.getAncestorIds(folderId),
+                submitOperation: ()=>this.folderTreePresenter.submitOperation(),
+                cancelOperation: ()=>{
+                    this.folderTreePresenter.cancelOperation();
+                }
+            }
+        };
+        makeAutoObservable(this, {
+            _disposeReaction: false,
+            fileDetailsPresenter: false,
+            _persistFolder: false,
+            vm: computed
+        });
+        const stored = this.localStorage.get(VIEW_MODE_KEY);
+        if ("table" === stored || "grid" === stored) this._viewMode = stored;
+    }
+    get vm() {
+        return {
+            fileModel: this._fileModel,
+            list: this.listPresenter.vm,
+            folders: this.folderTreePresenter.vm,
+            fileDetails: this._fileDetails,
+            permissions: {
+                canRead: this.permissions.canRead("file"),
+                canCreate: this.permissions.canCreate("file"),
+                canEdit: this.permissions.canEdit("file"),
+                canDelete: this.permissions.canDelete("file"),
+                canEditFile: (file)=>this.permissions.canEdit("file", file),
+                canDeleteFile: (file)=>this.permissions.canDelete("file", file)
+            },
+            upload: {
+                jobs: this.fileUploader.vm.jobs,
+                overallProgress: {
+                    percentage: this.fileUploader.vm.overallProgress.percentage,
+                    bytesSent: this.fileUploader.vm.overallProgress.sent,
+                    totalBytes: this.fileUploader.vm.overallProgress.total
+                },
+                isUploading: this.fileUploader.vm.isUploading
+            },
+            tags: this.tagsRepository.tags,
+            showFolders: this.shouldShowFolders(),
+            viewMode: this._viewMode,
+            dragging: this._dragging,
+            showingFilters: this._showingFilters
+        };
+    }
+    init(config) {
+        const initialFolderId = config?.initialFolderId ?? this.localStorage.get(LAST_FOLDER_KEY) ?? "root";
+        this._persistFolder = !config?.initialFolderId;
+        const dataSource = new FileListDataSource(this.listFilesUseCase, this.filesListCache, this.getDescendantFoldersUseCase, config?.scope);
+        this.listPresenter.init({
+            dataSource,
+            initialSort: {
+                field: "createdOn",
+                direction: "DESC"
+            },
+            initialFilters: {
+                folderId: initialFolderId
+            },
+            limit: 50
+        });
+        if ("root" !== initialFolderId) this.folderTreePresenter.selectFolder(initialFolderId);
+        this._disposeReaction = reaction(()=>this.folderTreePresenter.vm.currentFolderId, (folderId)=>{
+            const effectiveFolderId = folderId ?? "root";
+            this.listPresenter.actions.filter.set("folderId", effectiveFolderId);
+            if (this._persistFolder) this.localStorage.set(LAST_FOLDER_KEY, effectiveFolderId);
+        });
+        this.tagsRepository.execute({});
+        this.fileModelProvider.getModel().then((model)=>{
+            runInAction(()=>{
+                this._fileModel = model;
+            });
+        });
+    }
+    dispose() {
+        if (this._disposeReaction) {
+            this._disposeReaction();
+            this._disposeReaction = null;
+        }
+    }
+    shouldShowFolders() {
+        const { appliedQuery } = this.listPresenter.vm;
+        if (!appliedQuery) return true;
+        if (appliedQuery.search) return false;
+        const filterKeys = Object.keys(appliedQuery.filters ?? {}).filter((k)=>"folderId" !== k);
+        if (filterKeys.length > 0) return false;
+        return true;
+    }
+}
+const FileManagerPresenter_FileManagerPresenter = FileManagerPresenter.createImplementation({
+    implementation: FileManagerPresenterImpl,
+    dependencies: [
+        ListPresenter,
+        FolderTreePresenter,
+        FileDetailsPresenter,
+        FileManagerPermissions,
+        ListTagsRepository,
+        FileUploader,
+        LocalStorage,
+        ListFilesUseCase,
+        FilesListCache,
+        GetDescendantFoldersUseCase,
+        FileModelProvider
+    ]
+});
+export { FileManagerPresenter_FileManagerPresenter as FileManagerPresenter };
+
+//# sourceMappingURL=FileManagerPresenter.js.map

package/presentation/FileList/FileManagerPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/FileManagerPresenter.js","sources":["../../../src/presentation/FileList/FileManagerPresenter.ts"],"sourcesContent":["import { makeAutoObservable, reaction, runInAction, computed } from \"mobx\";\nimport type { FmFile } from \"@webiny/sdk\";\nimport type { CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport { FolderTreePresenter } from \"@webiny/app-aco/presentation/folderTree/abstractions.js\";\nimport { LocalStorage } from \"@webiny/app/features/localStorage\";\nimport { GetDescendantFoldersUseCase } from \"@webiny/app-aco/features/folders/getDescendantFolders/abstractions.js\";\nimport {\n    FileManagerPresenter as Abstraction,\n    type IFileManagerPresenter,\n    type IFileManagerViewModel,\n    type IFileManagerActions,\n    type IFileManagerInitConfig\n} from \"./abstractions.js\";\nimport { FileListDataSource } from \"./FileListDataSource.js\";\nimport { FileDetailsPresenter } from \"../FileDetails/abstractions.js\";\nimport { FileManagerPermissions } from \"~/features/permissions/abstractions.js\";\nimport { ListTagsRepository } from \"~/features/tags/index.js\";\nimport { FileUploader } from \"~/features/fileUploader/index.js\";\nimport { ListFilesUseCase } from \"~/features/listFiles/index.js\";\nimport { FilesListCache } from \"~/features/shared/index.js\";\nimport { FileModelProvider } from \"~/features/fileModel/index.js\";\nimport type { IFileDetailsPresenter } from \"../FileDetails/abstractions.js\";\n\nconst VIEW_MODE_KEY = \"fm:viewMode\";\nconst LAST_FOLDER_KEY = \"fm:lastFolder\";\n\nclass FileManagerPresenterImpl implements IFileManagerPresenter {\n    private _viewMode: \"table\" | \"grid\" = \"grid\";\n    private _dragging = false;\n    private _disposeReaction: (() => void) | null = null;\n    private _fileDetails: IFileDetailsPresenter | null = null;\n    private _showingFilters = false;\n    private _fileModel: CmsModel | null = null;\n    private _persistFolder = true;\n\n    constructor(\n        private listPresenter: ListPresenter.Interface<FmFile>,\n        private folderTreePresenter: FolderTreePresenter.Interface,\n        private fileDetailsPresenter: FileDetailsPresenter.Interface,\n        private permissions: FileManagerPermissions.Interface,\n        private tagsRepository: ListTagsRepository.Interface,\n        private fileUploader: FileUploader.Interface,\n        private localStorage: LocalStorage.Interface,\n        private listFilesUseCase: ListFilesUseCase.Interface,\n        private filesListCache: FilesListCache.Interface,\n        private getDescendantFoldersUseCase: GetDescendantFoldersUseCase.Interface,\n        private fileModelProvider: FileModelProvider.Interface\n    ) {\n        makeAutoObservable<\n            FileManagerPresenterImpl,\n            \"_disposeReaction\" | \"fileDetailsPresenter\" | \"_persistFolder\"\n        >(this, {\n            _disposeReaction: false,\n            fileDetailsPresenter: false,\n            _persistFolder: false,\n            vm: computed\n        });\n\n        const stored = this.localStorage.get<\"table\" | \"grid\">(VIEW_MODE_KEY);\n        if (stored === \"table\" || stored === \"grid\") {\n            this._viewMode = stored;\n        }\n    }\n\n    get vm(): IFileManagerViewModel {\n        return {\n            fileModel: this._fileModel,\n            list: this.listPresenter.vm,\n            folders: this.folderTreePresenter.vm,\n            fileDetails: this._fileDetails,\n            // Flat booleans for UI visibility (e.g., show/hide buttons).\n            // Per-file methods for ownership-aware checks (e.g., \"own\" scope).\n            permissions: {\n                canRead: this.permissions.canRead(\"file\"),\n                canCreate: this.permissions.canCreate(\"file\"),\n                canEdit: this.permissions.canEdit(\"file\"),\n                canDelete: this.permissions.canDelete(\"file\"),\n                canEditFile: (file: FmFile) => this.permissions.canEdit(\"file\", file),\n                canDeleteFile: (file: FmFile) => this.permissions.canDelete(\"file\", file)\n            },\n            upload: {\n                jobs: this.fileUploader.vm.jobs,\n                overallProgress: {\n                    percentage: this.fileUploader.vm.overallProgress.percentage,\n                    bytesSent: this.fileUploader.vm.overallProgress.sent,\n                    totalBytes: this.fileUploader.vm.overallProgress.total\n                },\n                isUploading: this.fileUploader.vm.isUploading\n            },\n            tags: this.tagsRepository.tags,\n            showFolders: this.shouldShowFolders(),\n            viewMode: this._viewMode,\n            dragging: this._dragging,\n            showingFilters: this._showingFilters\n        };\n    }\n\n    actions: IFileManagerActions = {\n        search: {\n            set: (query: string) => this.listPresenter.actions.search.set(query),\n            clear: () => this.listPresenter.actions.search.clear()\n        },\n        sort: {\n            set: (field: string, direction: \"ASC\" | \"DESC\") =>\n                this.listPresenter.actions.sort.set(field, direction),\n            toggle: (field: string) => this.listPresenter.actions.sort.toggle(field)\n        },\n        filter: {\n            set: (key: string, value: unknown) => this.listPresenter.actions.filter.set(key, value),\n            clear: (key: string) => this.listPresenter.actions.filter.clear(key),\n            clearAll: () => this.listPresenter.actions.filter.clearAll()\n        },\n        selection: {\n            toggle: (id: string) => this.listPresenter.actions.selection.toggle(id),\n            selectRangeTo: (id: string) => this.listPresenter.actions.selection.selectRangeTo(id),\n            selectAll: () => this.listPresenter.actions.selection.selectAll(),\n            deselectAll: () => this.listPresenter.actions.selection.deselectAll(),\n            selectRows: (ids: string[]) => this.listPresenter.actions.selection.selectRows(ids),\n            isSelected: (id: string) => this.listPresenter.actions.selection.isSelected(id)\n        },\n        loadMore: () => this.listPresenter.actions.loadMore(),\n        refresh: () => this.listPresenter.actions.refresh(),\n        upload: async (files: File[]) => {\n            const folderId = this.folderTreePresenter.vm.currentFolderId ?? \"root\";\n            await this.fileUploader.uploadMany(\n                files.map(file => ({\n                    file,\n                    data: {\n                        name: file.name,\n                        type: file.type,\n                        location: { folderId }\n                    }\n                }))\n            );\n            this.fileUploader.clear();\n        },\n        setViewMode: (mode: \"table\" | \"grid\") => {\n            this._viewMode = mode;\n            this.localStorage.set(VIEW_MODE_KEY, mode);\n        },\n        setDragging: (dragging: boolean) => {\n            this._dragging = dragging;\n        },\n        showFilters: () => {\n            this._showingFilters = true;\n        },\n        hideFilters: () => {\n            this._showingFilters = false;\n        },\n        showFileDetails: (id: string) => {\n            this._fileDetails = this.fileDetailsPresenter;\n            void this.fileDetailsPresenter.loadFile(id);\n        },\n        hideFileDetails: () => {\n            this._fileDetails = null;\n        },\n        folders: {\n            // Clear search when navigating to a folder — gives the user a clean slate.\n            selectFolder: (folderId: string | null) => {\n                this.listPresenter.actions.search.clear();\n                this.folderTreePresenter.selectFolder(folderId);\n            },\n            createFolder: (parentFolderId?: string) =>\n                this.folderTreePresenter.createFolder(parentFolderId),\n            editFolder: (folderId: string) => this.folderTreePresenter.editFolder(folderId),\n            deleteFolder: (folderId: string) => this.folderTreePresenter.deleteFolder(folderId),\n            moveFolder: (folderId: string, targetParentId: string | null) =>\n                this.folderTreePresenter.moveFolder(folderId, targetParentId),\n            loadChildFolders: (parentIds: string[]) =>\n                this.folderTreePresenter.loadChildFolders(parentIds),\n            canManageStructure: (folderId: string) =>\n                this.folderTreePresenter.canManageStructure(folderId),\n            getAncestorIds: (folderId: string) => this.folderTreePresenter.getAncestorIds(folderId),\n            submitOperation: () => this.folderTreePresenter.submitOperation(),\n            cancelOperation: () => {\n                this.folderTreePresenter.cancelOperation();\n            }\n        }\n    };\n\n    init(config?: IFileManagerInitConfig): void {\n        const initialFolderId =\n            config?.initialFolderId ?? this.localStorage.get<string>(LAST_FOLDER_KEY) ?? \"root\";\n\n        // Don't persist folder navigation when an explicit initial folder is provided (e.g., overlay).\n        this._persistFolder = !config?.initialFolderId;\n\n        const dataSource = new FileListDataSource(\n            this.listFilesUseCase,\n            this.filesListCache,\n            this.getDescendantFoldersUseCase,\n            config?.scope\n        );\n\n        this.listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            initialFilters: { folderId: initialFolderId },\n            limit: 50\n        });\n\n        if (initialFolderId !== \"root\") {\n            this.folderTreePresenter.selectFolder(initialFolderId);\n        }\n\n        // Sync folder navigation → file list: when the user selects a folder in the tree,\n        // update the folderId filter so the file list re-queries for that folder's contents.\n        this._disposeReaction = reaction(\n            () => this.folderTreePresenter.vm.currentFolderId,\n            folderId => {\n                const effectiveFolderId = folderId ?? \"root\";\n                this.listPresenter.actions.filter.set(\"folderId\", effectiveFolderId);\n\n                if (this._persistFolder) {\n                    this.localStorage.set(LAST_FOLDER_KEY, effectiveFolderId);\n                }\n            }\n        );\n\n        void this.tagsRepository.execute({});\n\n        // Load the CMS model in the background. The FileModelModule already kicks off\n        // loading at app startup, so this usually resolves from cache instantly.\n        // The view shows a loading overlay until `_fileModel` is set.\n        void this.fileModelProvider.getModel().then(model => {\n            runInAction(() => {\n                this._fileModel = model;\n            });\n        });\n    }\n\n    dispose(): void {\n        if (this._disposeReaction) {\n            this._disposeReaction();\n            this._disposeReaction = null;\n        }\n    }\n\n    // Hide folders when the user is actively filtering or searching.\n    // Uses `appliedQuery` (not `vm.search`) so folders stay visible while typing\n    // and only disappear once the debounced query has actually executed.\n    private shouldShowFolders(): boolean {\n        const { appliedQuery } = this.listPresenter.vm;\n        if (!appliedQuery) {\n            return true;\n        }\n\n        if (appliedQuery.search) {\n            return false;\n        }\n\n        // `folderId` is always present as a default filter; ignore it.\n        const filterKeys = Object.keys(appliedQuery.filters ?? {}).filter(k => k !== \"folderId\");\n        if (filterKeys.length > 0) {\n            return false;\n        }\n\n        return true;\n    }\n}\n\nexport const FileManagerPresenter = Abstraction.createImplementation({\n    implementation: FileManagerPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        FolderTreePresenter,\n        FileDetailsPresenter,\n        FileManagerPermissions,\n        ListTagsRepository,\n        FileUploader,\n        LocalStorage,\n        ListFilesUseCase,\n        FilesListCache,\n        GetDescendantFoldersUseCase,\n        FileModelProvider\n    ]\n});\n"],"names":["VIEW_MODE_KEY","LAST_FOLDER_KEY","FileManagerPresenterImpl","listPresenter","folderTreePresenter","fileDetailsPresenter","permissions","tagsRepository","fileUploader","localStorage","listFilesUseCase","filesListCache","getDescendantFoldersUseCase","fileModelProvider","query","field","direction","key","value","id","ids","files","folderId","file","mode","dragging","parentFolderId","targetParentId","parentIds","makeAutoObservable","computed","stored","config","initialFolderId","dataSource","FileListDataSource","reaction","effectiveFolderId","model","runInAction","appliedQuery","filterKeys","Object","k","FileManagerPresenter","Abstraction","ListPresenter","FolderTreePresenter","FileDetailsPresenter","FileManagerPermissions","ListTagsRepository","FileUploader","LocalStorage","ListFilesUseCase","FilesListCache","GetDescendantFoldersUseCase","FileModelProvider"],"mappings":"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"}

package/presentation/FileList/FileManagerPresenterProvider.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { IFileManagerPresenter } from "./abstractions.js";
+interface FileManagerPresenterProviderProps {
+    presenter: IFileManagerPresenter;
+    children: React.ReactNode;
+}
+export declare const FileManagerPresenterProvider: ({ presenter, children }: FileManagerPresenterProviderProps) => React.JSX.Element;
+export declare function useFileManagerPresenter(): IFileManagerPresenter;
+export {};

package/presentation/FileList/FileManagerPresenterProvider.js

@@ -0,0 +1,13 @@
+import react from "react";
+const FileManagerPresenterContext = /*#__PURE__*/ react.createContext(void 0);
+const FileManagerPresenterProvider = ({ presenter, children })=>/*#__PURE__*/ react.createElement(FileManagerPresenterContext.Provider, {
+        value: presenter
+    }, children);
+function useFileManagerPresenter() {
+    const context = react.useContext(FileManagerPresenterContext);
+    if (!context) throw Error("Missing <FileManagerPresenterProvider> in the component tree!");
+    return context;
+}
+export { FileManagerPresenterProvider, useFileManagerPresenter };
+
+//# sourceMappingURL=FileManagerPresenterProvider.js.map

package/presentation/FileList/FileManagerPresenterProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/FileManagerPresenterProvider.js","sources":["../../../src/presentation/FileList/FileManagerPresenterProvider.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { IFileManagerPresenter } from \"./abstractions.js\";\n\ninterface FileManagerPresenterProviderProps {\n    presenter: IFileManagerPresenter;\n    children: React.ReactNode;\n}\n\nconst FileManagerPresenterContext = React.createContext<IFileManagerPresenter | undefined>(\n    undefined\n);\n\nexport const FileManagerPresenterProvider = ({\n    presenter,\n    children\n}: FileManagerPresenterProviderProps) => {\n    return (\n        <FileManagerPresenterContext.Provider value={presenter}>\n            {children}\n        </FileManagerPresenterContext.Provider>\n    );\n};\n\nexport function useFileManagerPresenter(): IFileManagerPresenter {\n    const context = React.useContext(FileManagerPresenterContext);\n    if (!context) {\n        throw Error(`Missing <FileManagerPresenterProvider> in the component tree!`);\n    }\n    return context;\n}\n"],"names":["FileManagerPresenterContext","React","undefined","FileManagerPresenterProvider","presenter","children","useFileManagerPresenter","context","Error"],"mappings":";AASA,MAAMA,8BAA8B,WAAHA,GAAGC,MAAAA,aAAmB,CACnDC;AAGG,MAAMC,+BAA+B,CAAC,EACzCC,SAAS,EACTC,QAAQ,EACwB,GACzB,WAAP,GACI,oBAACL,4BAA4B,QAAQ;QAAC,OAAOI;OACxCC;AAKN,SAASC;IACZ,MAAMC,UAAUN,MAAAA,UAAgB,CAACD;IACjC,IAAI,CAACO,SACD,MAAMC,MAAM;IAEhB,OAAOD;AACX"}

package/presentation/FileList/abstractions.d.ts

@@ -0,0 +1,75 @@
+import type { CmsModel } from "@webiny/app-headless-cms-common/types/index.js";
+import type { IListViewModel } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import type { IListActions } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import type { IFolderTreeViewModel } from "@webiny/app-aco/presentation/folderTree/abstractions.js";
+import type { IFileDetailsPresenter } from "../FileDetails/abstractions.js";
+import type { FmFile } from "../../features/shared/types.js";
+import type { FmTag } from "../../features/shared/types.js";
+import type { UploadJob } from "../../features/fileUploader/abstractions.js";
+export interface IFileManagerInitConfig {
+    initialFolderId?: string;
+    scope?: string;
+}
+export interface IFileManagerViewModel {
+    fileModel: CmsModel | null;
+    list: IListViewModel<FmFile>;
+    folders: IFolderTreeViewModel;
+    fileDetails: IFileDetailsPresenter | null;
+    tags: FmTag[];
+    upload: {
+        jobs: UploadJob[];
+        overallProgress: {
+            percentage: number;
+            bytesSent: number;
+            totalBytes: number;
+        };
+        isUploading: boolean;
+    };
+    showFolders: boolean;
+    viewMode: "table" | "grid";
+    dragging: boolean;
+    showingFilters: boolean;
+    permissions: {
+        canRead: boolean;
+        canCreate: boolean;
+        canEdit: boolean;
+        canDelete: boolean;
+        canEditFile: (file: FmFile) => boolean;
+        canDeleteFile: (file: FmFile) => boolean;
+    };
+}
+export interface IFolderActions {
+    selectFolder(folderId: string | null): void;
+    createFolder(parentFolderId?: string): void;
+    editFolder(folderId: string): void;
+    deleteFolder(folderId: string): Promise<void>;
+    moveFolder(folderId: string, targetParentId: string | null): Promise<void>;
+    loadChildFolders(parentIds: string[]): Promise<void>;
+    canManageStructure(folderId: string): boolean;
+    getAncestorIds(folderId: string): string[];
+    submitOperation(): Promise<boolean>;
+    cancelOperation(): void;
+}
+export interface IFileManagerActions extends IListActions {
+    showFileDetails(id: string): void;
+    hideFileDetails(): void;
+    upload(files: File[]): Promise<void>;
+    setViewMode(mode: "table" | "grid"): void;
+    setDragging(dragging: boolean): void;
+    showFilters(): void;
+    hideFilters(): void;
+    folders: IFolderActions;
+}
+export interface IFileManagerPresenter {
+    vm: IFileManagerViewModel;
+    actions: IFileManagerActions;
+    init(config?: IFileManagerInitConfig): void;
+    dispose(): void;
+}
+export declare const FileManagerPresenter: import("@webiny/di").Abstraction<IFileManagerPresenter>;
+export declare namespace FileManagerPresenter {
+    type Interface = IFileManagerPresenter;
+    type ViewModel = IFileManagerViewModel;
+    type Actions = IFileManagerActions;
+    type InitConfig = IFileManagerInitConfig;
+}

package/presentation/FileList/abstractions.js

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

package/presentation/FileList/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/abstractions.js","sources":["../../../src/presentation/FileList/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type { IListViewModel } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { IListActions } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { IFolderTreeViewModel } from \"@webiny/app-aco/presentation/folderTree/abstractions.js\";\nimport type { IFileDetailsPresenter } from \"../FileDetails/abstractions.js\";\nimport type { FmFile } from \"../../features/shared/types.js\";\nimport type { FmTag } from \"../../features/shared/types.js\";\nimport type { UploadJob } from \"../../features/fileUploader/abstractions.js\";\n\n// ---------------------------------------------------------------------------\n// Init config passed to presenter.init().\n// ---------------------------------------------------------------------------\n\nexport interface IFileManagerInitConfig {\n    initialFolderId?: string;\n    scope?: string;\n}\n\n// ---------------------------------------------------------------------------\n// FileManagerViewModel\n// ---------------------------------------------------------------------------\n\nexport interface IFileManagerViewModel {\n    fileModel: CmsModel | null;\n    list: IListViewModel<FmFile>;\n    folders: IFolderTreeViewModel;\n    fileDetails: IFileDetailsPresenter | null;\n    tags: FmTag[];\n    upload: {\n        jobs: UploadJob[];\n        overallProgress: { percentage: number; bytesSent: number; totalBytes: number };\n        isUploading: boolean;\n    };\n    showFolders: boolean;\n    viewMode: \"table\" | \"grid\";\n    dragging: boolean;\n    showingFilters: boolean;\n    permissions: {\n        canRead: boolean;\n        canCreate: boolean;\n        canEdit: boolean;\n        canDelete: boolean;\n        canEditFile: (file: FmFile) => boolean;\n        canDeleteFile: (file: FmFile) => boolean;\n    };\n}\n\n// ---------------------------------------------------------------------------\n// Folder actions exposed by the FileManagerPresenter.\n// ---------------------------------------------------------------------------\n\nexport interface IFolderActions {\n    selectFolder(folderId: string | null): void;\n    createFolder(parentFolderId?: string): void;\n    editFolder(folderId: string): void;\n    deleteFolder(folderId: string): Promise<void>;\n    moveFolder(folderId: string, targetParentId: string | null): Promise<void>;\n    loadChildFolders(parentIds: string[]): Promise<void>;\n    canManageStructure(folderId: string): boolean;\n    getAncestorIds(folderId: string): string[];\n    submitOperation(): Promise<boolean>;\n    cancelOperation(): void;\n}\n\n// ---------------------------------------------------------------------------\n// FileManagerPresenter actions (extends ListActions with domain-specific actions).\n// ---------------------------------------------------------------------------\n\nexport interface IFileManagerActions extends IListActions {\n    showFileDetails(id: string): void;\n    hideFileDetails(): void;\n    upload(files: File[]): Promise<void>;\n    setViewMode(mode: \"table\" | \"grid\"): void;\n    setDragging(dragging: boolean): void;\n    showFilters(): void;\n    hideFilters(): void;\n    folders: IFolderActions;\n}\n\n// ---------------------------------------------------------------------------\n// IFileManagerPresenter\n// ---------------------------------------------------------------------------\n\nexport interface IFileManagerPresenter {\n    vm: IFileManagerViewModel;\n    actions: IFileManagerActions;\n    init(config?: IFileManagerInitConfig): void;\n    dispose(): void;\n}\n\nexport const FileManagerPresenter =\n    createAbstraction<IFileManagerPresenter>(\"FileManagerPresenter\");\n\nexport namespace FileManagerPresenter {\n    export type Interface = IFileManagerPresenter;\n    export type ViewModel = IFileManagerViewModel;\n    export type Actions = IFileManagerActions;\n    export type InitConfig = IFileManagerInitConfig;\n}\n"],"names":["FileManagerPresenter","createAbstraction"],"mappings":";AA2FO,MAAMA,uBACTC,kBAAyC"}

package/presentation/FileList/components/BottomInfoBar/BottomInfoBar.js

@@ -0,0 +1,12 @@
+import react from "react";
+import { Separator } from "@webiny/admin-ui";
+import { SupportedFileTypes } from "./SupportedFileTypes.js";
+import ListStatus from "./ListStatus.js";
+const BottomInfoBar = (props)=>/*#__PURE__*/ react.createElement("div", {
+        className: "bg-neutral-base w-full overflow-hidden z-5"
+    }, /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
+        className: "h-xl px-md py-sm flex items-center justify-between"
+    }, /*#__PURE__*/ react.createElement(SupportedFileTypes, props), /*#__PURE__*/ react.createElement(ListStatus, props)));
+export { BottomInfoBar };
+
+//# sourceMappingURL=BottomInfoBar.js.map

package/presentation/FileList/components/BottomInfoBar/BottomInfoBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BottomInfoBar/BottomInfoBar.js","sources":["../../../../../src/presentation/FileList/components/BottomInfoBar/BottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\n\nimport type { SupportedFileTypesProps } from \"./SupportedFileTypes.js\";\nimport { SupportedFileTypes } from \"./SupportedFileTypes.js\";\nimport type { ListStatusProps } from \"./ListStatus.js\";\nimport ListStatus from \"./ListStatus.js\";\n\ntype BottomInfoBarProps = SupportedFileTypesProps & ListStatusProps;\n\nexport const BottomInfoBar = (props: BottomInfoBarProps) => {\n    return (\n        <div className=\"bg-neutral-base w-full overflow-hidden z-5\">\n            <Separator />\n            <div className={\"h-xl px-md py-sm flex items-center justify-between\"}>\n                <SupportedFileTypes {...props} />\n                <ListStatus {...props} />\n            </div>\n        </div>\n    );\n};\n"],"names":["BottomInfoBar","props","Separator","SupportedFileTypes","ListStatus"],"mappings":";;;;AAUO,MAAMA,gBAAgB,CAACC,QACnB,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACC,WAASA,OAAAA,WAAAA,GACV,oBAAC;QAAI,WAAW;qBACZ,oBAACC,oBAAuBF,QAAAA,WAAAA,GACxB,oBAACG,YAAeH"}

package/presentation/FileList/components/BottomInfoBar/ListStatus.js

@@ -0,0 +1,20 @@
+import react from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Loader, Text } from "@webiny/admin-ui";
+const t = i18n.ns("app-admin/file-manager/components/bottom-info-bar/list-status");
+const ListStatus = ({ listing })=>{
+    if (!listing) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        as: "div",
+        className: "text-neutral-strong"
+    }, t`Loading more files...`), /*#__PURE__*/ react.createElement(Loader, {
+        size: "xs"
+    }));
+};
+const BottomInfoBar_ListStatus = ListStatus;
+export default BottomInfoBar_ListStatus;
+
+//# sourceMappingURL=ListStatus.js.map

package/presentation/FileList/components/BottomInfoBar/ListStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BottomInfoBar/ListStatus.js","sources":["../../../../../src/presentation/FileList/components/BottomInfoBar/ListStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Loader, Text } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/bottom-info-bar/list-status\");\n\nexport interface ListStatusProps {\n    listing: boolean;\n}\n\nconst ListStatus = ({ listing }: ListStatusProps) => {\n    if (!listing) {\n        return null;\n    }\n\n    return (\n        <div className=\"flex items-center gap-sm\">\n            <Text size={\"sm\"} as={\"div\"} className={\"text-neutral-strong\"}>\n                {t`Loading more files...`}\n            </Text>\n            <Loader size={\"xs\"} />\n        </div>\n    );\n};\n\nexport default ListStatus;\n"],"names":["t","i18n","ListStatus","listing","Text","Loader"],"mappings":";;;AAIA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAMlB,MAAMC,aAAa,CAAC,EAAEC,OAAO,EAAmB;IAC5C,IAAI,CAACA,SACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACC,MAAIA;QAAC,MAAM;QAAM,IAAI;QAAO,WAAW;OACnCJ,CAAC,CAAC,qBAAqB,CAAC,iBAE7B,oBAACK,QAAMA;QAAC,MAAM;;AAG1B;AAEA,iCAAeH"}

package/presentation/FileList/components/BottomInfoBar/SupportedFileTypes.js

@@ -0,0 +1,56 @@
+import react, { useCallback } from "react";
+import { Text } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Mime } from "mime";
+import other from "mime/types/other.js";
+import standard from "mime/types/standard.js";
+const mime = new Mime(standard, other);
+mime.define({
+    "image/x-icon": [
+        "ico"
+    ]
+}, true);
+mime.define({
+    "image/jpg": [
+        "jpg"
+    ]
+}, true);
+mime.define({
+    "application/vnd.microsoft.icon": [
+        "ico"
+    ]
+}, true);
+const t = i18n.ns("app-admin/file-manager/components/bottom-info-bar/supported-files");
+const getUniqueFilePlugins = (accept)=>{
+    const exts = {};
+    accept.forEach((item)=>{
+        const ext = mime.getExtension(item);
+        if (!ext) return;
+        exts[ext] = true;
+    });
+    return Object.keys(exts);
+};
+const SupportedFileTypes = ({ accept, loading, totalCount, currentCount })=>{
+    const getLabel = useCallback((count = 0)=>`${count} ${1 === count ? "file" : "files"}`, []);
+    if (!accept || loading) return null;
+    if (0 === accept.length) return /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        as: "div",
+        className: "text-neutral-strong"
+    }, t`Showing {currentCountLabel} out of {totalCountLabel} from all file extensions.`({
+        currentCountLabel: String(currentCount),
+        totalCountLabel: getLabel(totalCount)
+    }));
+    return /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        as: "div",
+        className: "text-neutral-strong"
+    }, t`Showing {currentCountLabel} out of {totalCountLabel} from the following file extensions: {files}.`({
+        currentCountLabel: String(currentCount),
+        totalCountLabel: getLabel(totalCount),
+        files: getUniqueFilePlugins(accept).join(", ")
+    }));
+};
+export { SupportedFileTypes };
+
+//# sourceMappingURL=SupportedFileTypes.js.map

package/presentation/FileList/components/BottomInfoBar/SupportedFileTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BottomInfoBar/SupportedFileTypes.js","sources":["../../../../../src/presentation/FileList/components/BottomInfoBar/SupportedFileTypes.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Mime } from \"mime\";\nimport vendorTypes from \"mime/types/other.js\";\nimport standardTypes from \"mime/types/standard.js\";\n\nconst mime = new Mime(standardTypes, vendorTypes);\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"application/vnd.microsoft.icon\": [\"ico\"] }, true);\n\nconst t = i18n.ns(\"app-admin/file-manager/components/bottom-info-bar/supported-files\");\n\nconst getUniqueFilePlugins = (accept: string[]): string[] => {\n    const exts: Record<string, boolean> = {};\n    accept.forEach(item => {\n        const ext = mime.getExtension(item);\n        if (!ext) {\n            return;\n        }\n        exts[ext] = true;\n    });\n\n    return Object.keys(exts);\n};\n\nexport interface SupportedFileTypesProps {\n    accept: string[];\n    loading: boolean;\n    totalCount: number;\n    currentCount: number;\n}\n\nexport const SupportedFileTypes = ({\n    accept,\n    loading,\n    totalCount,\n    currentCount\n}: SupportedFileTypesProps) => {\n    const getLabel = useCallback((count = 0): string => {\n        return `${count} ${count === 1 ? \"file\" : \"files\"}`;\n    }, []);\n\n    if (!accept || loading) {\n        return null;\n    }\n\n    if (accept.length === 0) {\n        return (\n            <Text size={\"sm\"} as={\"div\"} className={\"text-neutral-strong\"}>\n                {t`Showing {currentCountLabel} out of {totalCountLabel} from all file extensions.`({\n                    currentCountLabel: String(currentCount),\n                    totalCountLabel: getLabel(totalCount)\n                })}\n            </Text>\n        );\n    }\n\n    return (\n        <Text size={\"sm\"} as={\"div\"} className={\"text-neutral-strong\"}>\n            {t`Showing {currentCountLabel} out of {totalCountLabel} from the following file extensions: {files}.`(\n                {\n                    currentCountLabel: String(currentCount),\n                    totalCountLabel: getLabel(totalCount),\n                    files: getUniqueFilePlugins(accept).join(\", \")\n                }\n            )}\n        </Text>\n    );\n};\n"],"names":["mime","Mime","standardTypes","vendorTypes","t","i18n","getUniqueFilePlugins","accept","exts","item","ext","Object","SupportedFileTypes","loading","totalCount","currentCount","getLabel","useCallback","count","Text","String"],"mappings":";;;;;;AAOA,MAAMA,OAAO,IAAIC,KAAKC,UAAeC;AACrCH,KAAK,MAAM,CAAC;IAAE,gBAAgB;QAAC;KAAM;AAAC,GAAG;AACzCA,KAAK,MAAM,CAAC;IAAE,aAAa;QAAC;KAAM;AAAC,GAAG;AACtCA,KAAK,MAAM,CAAC;IAAE,kCAAkC;QAAC;KAAM;AAAC,GAAG;AAE3D,MAAMI,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,uBAAuB,CAACC;IAC1B,MAAMC,OAAgC,CAAC;IACvCD,OAAO,OAAO,CAACE,CAAAA;QACX,MAAMC,MAAMV,KAAK,YAAY,CAACS;QAC9B,IAAI,CAACC,KACD;QAEJF,IAAI,CAACE,IAAI,GAAG;IAChB;IAEA,OAAOC,OAAO,IAAI,CAACH;AACvB;AASO,MAAMI,qBAAqB,CAAC,EAC/BL,MAAM,EACNM,OAAO,EACPC,UAAU,EACVC,YAAY,EACU;IACtB,MAAMC,WAAWC,YAAY,CAACC,QAAQ,CAAC,GAC5B,GAAGA,MAAM,CAAC,EAAEA,AAAU,MAAVA,QAAc,SAAS,SAAS,EACpD,EAAE;IAEL,IAAI,CAACX,UAAUM,SACX,OAAO;IAGX,IAAIN,AAAkB,MAAlBA,OAAO,MAAM,EACb,OAAO,WAAP,GACI,oBAACY,MAAIA;QAAC,MAAM;QAAM,IAAI;QAAO,WAAW;OACnCf,CAAC,CAAC,8EAA8E,CAAC,CAAC;QAC/E,mBAAmBgB,OAAOL;QAC1B,iBAAiBC,SAASF;IAC9B;IAKZ,OAAO,WAAP,GACI,oBAACK,MAAIA;QAAC,MAAM;QAAM,IAAI;QAAO,WAAW;OACnCf,CAAC,CAAC,iGAAiG,CAAC,CACjG;QACI,mBAAmBgB,OAAOL;QAC1B,iBAAiBC,SAASF;QAC1B,OAAOR,qBAAqBC,QAAQ,IAAI,CAAC;IAC7C;AAIhB"}

package/presentation/FileList/components/BottomInfoBar/index.js

@@ -0,0 +1 @@
+export * from "./BottomInfoBar.js";

package/presentation/FileList/components/BulkActions/ActionEdit.types.d.ts

@@ -0,0 +1,2 @@
+import type { FileItem } from "../../../../domain/types.js";
+export type ActionFormData = Partial<Omit<FileItem, "id">>;

package/presentation/FileList/components/BulkActions/ActionEditPresenter.d.ts

@@ -0,0 +1,35 @@
+import type { BatchDTO, FieldDTO, FieldRaw } from "../../../../presentation/FileList/components/BulkActions/domain/index.js";
+interface IActionEditPresenter {
+    load: (fields: FieldRaw[]) => void;
+    openEditor: () => void;
+    closeEditor: () => void;
+    get vm(): {
+        show: boolean;
+        currentBatch: BatchDTO;
+        fields: FieldDTO[];
+        editorVm: {
+            isOpen: boolean;
+        };
+    };
+}
+export declare class ActionEditPresenter implements IActionEditPresenter {
+    private showEditor;
+    private readonly currentBatch;
+    private fields;
+    constructor();
+    load(fields: FieldRaw[]): void;
+    get vm(): {
+        show: boolean;
+        currentBatch: BatchDTO;
+        fields: FieldDTO[];
+        editorVm: {
+            isOpen: boolean;
+        };
+    };
+    openEditor(): void;
+    closeEditor(): void;
+    private getBuiltInFields;
+    private getExtensionFields;
+    private get editorVm();
+}
+export {};

package/presentation/FileList/components/BulkActions/ActionEditPresenter.js

@@ -0,0 +1,55 @@
+import { makeAutoObservable } from "mobx";
+import { Batch, BatchMapper, Field, FieldMapper } from "./domain/index.js";
+function isBulkEditableField(field) {
+    return field.tags && field.tags.includes("$bulk-edit");
+}
+class ActionEditPresenter {
+    constructor(){
+        this.showEditor = false;
+        this.fields = [];
+        this.currentBatch = BatchMapper.toDTO(Batch.createEmpty());
+        makeAutoObservable(this);
+    }
+    load(fields) {
+        this.fields = [
+            ...this.getBuiltInFields(fields),
+            ...this.getExtensionFields(fields)
+        ];
+    }
+    get vm() {
+        return {
+            show: this.fields.length > 0,
+            currentBatch: this.currentBatch,
+            fields: this.fields,
+            editorVm: this.editorVm
+        };
+    }
+    openEditor() {
+        this.showEditor = true;
+    }
+    closeEditor() {
+        this.showEditor = false;
+    }
+    getBuiltInFields(fields) {
+        const builtInFields = fields.filter((field)=>"extensions" !== field.fieldId).filter(isBulkEditableField);
+        return FieldMapper.toDTO(builtInFields.map((field)=>Field.createFromRaw(field)));
+    }
+    getExtensionFields(fields) {
+        const extensions = fields.find((field)=>"extensions" === field.fieldId);
+        if (!extensions?.settings?.fields) return [];
+        const extensionFields = extensions.settings.fields.filter(isBulkEditableField) || [];
+        const extFields = FieldMapper.toDTO(extensionFields.map((field)=>Field.createFromRaw(field)));
+        return extFields.map((field)=>({
+                ...field,
+                value: `extensions.${field.value}`
+            }));
+    }
+    get editorVm() {
+        return {
+            isOpen: this.showEditor
+        };
+    }
+}
+export { ActionEditPresenter };
+
+//# sourceMappingURL=ActionEditPresenter.js.map

package/presentation/FileList/components/BulkActions/ActionEditPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/ActionEditPresenter.js","sources":["../../../../../src/presentation/FileList/components/BulkActions/ActionEditPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nimport type {\n    BatchDTO,\n    FieldDTO,\n    FieldRaw\n} from \"~/presentation/FileList/components/BulkActions/domain/index.js\";\nimport {\n    Batch,\n    BatchMapper,\n    Field,\n    FieldMapper\n} from \"~/presentation/FileList/components/BulkActions/domain/index.js\";\n\nfunction isBulkEditableField(field: FieldRaw) {\n    return field.tags && field.tags.includes(\"$bulk-edit\");\n}\n\ninterface IActionEditPresenter {\n    load: (fields: FieldRaw[]) => void;\n    openEditor: () => void;\n    closeEditor: () => void;\n    get vm(): {\n        show: boolean;\n        currentBatch: BatchDTO;\n        fields: FieldDTO[];\n        editorVm: {\n            isOpen: boolean;\n        };\n    };\n}\n\nexport class ActionEditPresenter implements IActionEditPresenter {\n    private showEditor = false;\n    private readonly currentBatch: BatchDTO;\n    private fields: FieldDTO[];\n\n    constructor() {\n        this.fields = [];\n        this.currentBatch = BatchMapper.toDTO(Batch.createEmpty());\n        makeAutoObservable(this);\n    }\n\n    load(fields: FieldRaw[]) {\n        this.fields = [...this.getBuiltInFields(fields), ...this.getExtensionFields(fields)];\n    }\n\n    get vm() {\n        return {\n            show: this.fields.length > 0,\n            currentBatch: this.currentBatch,\n            fields: this.fields,\n            editorVm: this.editorVm\n        };\n    }\n\n    openEditor() {\n        this.showEditor = true;\n    }\n\n    closeEditor() {\n        this.showEditor = false;\n    }\n\n    private getBuiltInFields(fields: FieldRaw[]) {\n        const builtInFields = fields\n            .filter(field => field.fieldId !== \"extensions\")\n            .filter(isBulkEditableField);\n\n        return FieldMapper.toDTO(builtInFields.map(field => Field.createFromRaw(field)));\n    }\n\n    private getExtensionFields(fields: FieldRaw[]) {\n        const extensions = fields.find(field => field.fieldId === \"extensions\");\n\n        if (!extensions?.settings?.fields) {\n            return [];\n        }\n\n        const extensionFields = extensions.settings.fields.filter(isBulkEditableField) || [];\n\n        const extFields = FieldMapper.toDTO(\n            extensionFields.map(field => Field.createFromRaw(field))\n        );\n\n        return extFields.map(field => {\n            return { ...field, value: `extensions.${field.value}` };\n        });\n    }\n\n    private get editorVm() {\n        return {\n            isOpen: this.showEditor\n        };\n    }\n}\n"],"names":["isBulkEditableField","field","ActionEditPresenter","BatchMapper","Batch","makeAutoObservable","fields","builtInFields","FieldMapper","Field","extensions","extensionFields","extFields"],"mappings":";;AAcA,SAASA,oBAAoBC,KAAe;IACxC,OAAOA,MAAM,IAAI,IAAIA,MAAM,IAAI,CAAC,QAAQ,CAAC;AAC7C;AAgBO,MAAMC;IAKT,aAAc;aAJN,UAAU,GAAG;QAKjB,IAAI,CAAC,MAAM,GAAG,EAAE;QAChB,IAAI,CAAC,YAAY,GAAGC,YAAY,KAAK,CAACC,MAAM,WAAW;QACvDC,mBAAmB,IAAI;IAC3B;IAEA,KAAKC,MAAkB,EAAE;QACrB,IAAI,CAAC,MAAM,GAAG;eAAI,IAAI,CAAC,gBAAgB,CAACA;eAAY,IAAI,CAAC,kBAAkB,CAACA;SAAQ;IACxF;IAEA,IAAI,KAAK;QACL,OAAO;YACH,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG;YAC3B,cAAc,IAAI,CAAC,YAAY;YAC/B,QAAQ,IAAI,CAAC,MAAM;YACnB,UAAU,IAAI,CAAC,QAAQ;QAC3B;IACJ;IAEA,aAAa;QACT,IAAI,CAAC,UAAU,GAAG;IACtB;IAEA,cAAc;QACV,IAAI,CAAC,UAAU,GAAG;IACtB;IAEQ,iBAAiBA,MAAkB,EAAE;QACzC,MAAMC,gBAAgBD,OACjB,MAAM,CAACL,CAAAA,QAASA,AAAkB,iBAAlBA,MAAM,OAAO,EAC7B,MAAM,CAACD;QAEZ,OAAOQ,YAAY,KAAK,CAACD,cAAc,GAAG,CAACN,CAAAA,QAASQ,MAAM,aAAa,CAACR;IAC5E;IAEQ,mBAAmBK,MAAkB,EAAE;QAC3C,MAAMI,aAAaJ,OAAO,IAAI,CAACL,CAAAA,QAASA,AAAkB,iBAAlBA,MAAM,OAAO;QAErD,IAAI,CAACS,YAAY,UAAU,QACvB,OAAO,EAAE;QAGb,MAAMC,kBAAkBD,WAAW,QAAQ,CAAC,MAAM,CAAC,MAAM,CAACV,wBAAwB,EAAE;QAEpF,MAAMY,YAAYJ,YAAY,KAAK,CAC/BG,gBAAgB,GAAG,CAACV,CAAAA,QAASQ,MAAM,aAAa,CAACR;QAGrD,OAAOW,UAAU,GAAG,CAACX,CAAAA,QACV;gBAAE,GAAGA,KAAK;gBAAE,OAAO,CAAC,WAAW,EAAEA,MAAM,KAAK,EAAE;YAAC;IAE9D;IAEA,IAAY,WAAW;QACnB,OAAO;YACH,QAAQ,IAAI,CAAC,UAAU;QAC3B;IACJ;AACJ"}

package/presentation/FileList/components/BulkActions/ActionEditPresenter.test.d.ts

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