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

package/presentation/Settings/SettingsPresenter.d.ts

@@ -0,0 +1,14 @@
+import { FormModelFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
+import type { IFormVM } from "@webiny/app-admin/features/formModel/abstractions.js";
+import { GetSettingsRepository } from "../../features/settings/abstractions.js";
+export interface ISettingsViewModel {
+    loading: boolean;
+    saving: boolean;
+    form: IFormVM;
+}
+export interface ISettingsPresenter {
+    vm: ISettingsViewModel;
+    load(): Promise<void>;
+    save(): Promise<boolean>;
+}
+export declare function createSettingsPresenter(settingsRepository: GetSettingsRepository.Interface, formModelFactory: FormModelFactory.Interface): ISettingsPresenter;

package/presentation/Settings/SettingsPresenter.js

@@ -0,0 +1,78 @@
+import { computed, makeAutoObservable, runInAction } from "mobx";
+class SettingsPresenterImpl {
+    constructor(settingsRepository, formModelFactory){
+        this.settingsRepository = settingsRepository;
+        this.formModelFactory = formModelFactory;
+        this.loading = false;
+        this.saving = false;
+        this.form = this.buildForm();
+        makeAutoObservable(this, {
+            vm: computed
+        });
+    }
+    get vm() {
+        return {
+            loading: this.loading,
+            saving: this.saving,
+            form: this.form.vm
+        };
+    }
+    async load() {
+        runInAction(()=>{
+            this.loading = true;
+        });
+        try {
+            const settings = await this.settingsRepository.execute();
+            runInAction(()=>{
+                this.form.setData({
+                    uploadMinFileSize: settings.uploadMinFileSize,
+                    uploadMaxFileSize: settings.uploadMaxFileSize,
+                    srcPrefix: settings.srcPrefix
+                });
+            });
+        } finally{
+            runInAction(()=>{
+                this.loading = false;
+            });
+        }
+    }
+    async save() {
+        const data = await this.form.submit();
+        if (!data) return false;
+        runInAction(()=>{
+            this.saving = true;
+        });
+        try {
+            await this.settingsRepository.save({
+                uploadMinFileSize: data.uploadMinFileSize,
+                uploadMaxFileSize: data.uploadMaxFileSize,
+                srcPrefix: data.srcPrefix
+            });
+            return true;
+        } finally{
+            runInAction(()=>{
+                this.saving = false;
+            });
+        }
+    }
+    buildForm() {
+        return this.formModelFactory.create({
+            fields: (fields)=>({
+                    uploadMinFileSize: fields.text().label("Minimum file upload size").placeholder("e.g. 0"),
+                    uploadMaxFileSize: fields.text().label("Maximum file upload size").placeholder("e.g. 26214400"),
+                    srcPrefix: fields.text().label("File delivery URL").required("File delivery URL is required.")
+                }),
+            layout: (layout)=>[
+                    layout.row("uploadMinFileSize"),
+                    layout.row("uploadMaxFileSize"),
+                    layout.row("srcPrefix")
+                ]
+        });
+    }
+}
+function createSettingsPresenter(settingsRepository, formModelFactory) {
+    return new SettingsPresenterImpl(settingsRepository, formModelFactory);
+}
+export { createSettingsPresenter };
+
+//# sourceMappingURL=SettingsPresenter.js.map

package/presentation/Settings/SettingsPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/Settings/SettingsPresenter.js","sources":["../../../src/presentation/Settings/SettingsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\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 { GetSettingsRepository } from \"../../features/settings/abstractions.js\";\n\nexport interface ISettingsViewModel {\n    loading: boolean;\n    saving: boolean;\n    form: IFormVM;\n}\n\nexport interface ISettingsPresenter {\n    vm: ISettingsViewModel;\n    load(): Promise<void>;\n    save(): Promise<boolean>;\n}\n\nclass SettingsPresenterImpl implements ISettingsPresenter {\n    private loading = false;\n    private saving = false;\n    private form: IFormModel;\n\n    constructor(\n        private settingsRepository: GetSettingsRepository.Interface,\n        private formModelFactory: FormModelFactory.Interface\n    ) {\n        this.form = this.buildForm();\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): ISettingsViewModel {\n        return {\n            loading: this.loading,\n            saving: this.saving,\n            form: this.form.vm\n        };\n    }\n\n    async load(): Promise<void> {\n        runInAction(() => {\n            this.loading = true;\n        });\n\n        try {\n            const settings = await this.settingsRepository.execute();\n            runInAction(() => {\n                this.form.setData({\n                    uploadMinFileSize: settings.uploadMinFileSize,\n                    uploadMaxFileSize: settings.uploadMaxFileSize,\n                    srcPrefix: settings.srcPrefix\n                });\n            });\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n            });\n        }\n    }\n\n    async save(): Promise<boolean> {\n        const data = await this.form.submit();\n        if (!data) {\n            return false;\n        }\n\n        runInAction(() => {\n            this.saving = true;\n        });\n\n        try {\n            await this.settingsRepository.save({\n                uploadMinFileSize: data.uploadMinFileSize as string,\n                uploadMaxFileSize: data.uploadMaxFileSize as string,\n                srcPrefix: data.srcPrefix as string\n            });\n            return true;\n        } finally {\n            runInAction(() => {\n                this.saving = false;\n            });\n        }\n    }\n\n    private buildForm(): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                uploadMinFileSize: fields\n                    .text()\n                    .label(\"Minimum file upload size\")\n                    .placeholder(\"e.g. 0\"),\n                uploadMaxFileSize: fields\n                    .text()\n                    .label(\"Maximum file upload size\")\n                    .placeholder(\"e.g. 26214400\"),\n                srcPrefix: fields\n                    .text()\n                    .label(\"File delivery URL\")\n                    .required(\"File delivery URL is required.\")\n            }),\n            layout: layout => [\n                layout.row(\"uploadMinFileSize\"),\n                layout.row(\"uploadMaxFileSize\"),\n                layout.row(\"srcPrefix\")\n            ]\n        });\n    }\n}\n\n// Export a factory function for creating the presenter.\nexport function createSettingsPresenter(\n    settingsRepository: GetSettingsRepository.Interface,\n    formModelFactory: FormModelFactory.Interface\n): ISettingsPresenter {\n    return new SettingsPresenterImpl(settingsRepository, formModelFactory);\n}\n"],"names":["SettingsPresenterImpl","settingsRepository","formModelFactory","makeAutoObservable","computed","runInAction","settings","data","fields","layout","createSettingsPresenter"],"mappings":";AAkBA,MAAMA;IAKF,YACYC,kBAAmD,EACnDC,gBAA4C,CACtD;aAFUD,kBAAkB,GAAlBA;aACAC,gBAAgB,GAAhBA;aANJ,OAAO,GAAG;aACV,MAAM,GAAG;QAOb,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS;QAC1BC,mBAAmB,IAAI,EAAE;YAAE,IAAIC;QAAS;IAC5C;IAEA,IAAI,KAAyB;QACzB,OAAO;YACH,SAAS,IAAI,CAAC,OAAO;YACrB,QAAQ,IAAI,CAAC,MAAM;YACnB,MAAM,IAAI,CAAC,IAAI,CAAC,EAAE;QACtB;IACJ;IAEA,MAAM,OAAsB;QACxBC,YAAY;YACR,IAAI,CAAC,OAAO,GAAG;QACnB;QAEA,IAAI;YACA,MAAMC,WAAW,MAAM,IAAI,CAAC,kBAAkB,CAAC,OAAO;YACtDD,YAAY;gBACR,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;oBACd,mBAAmBC,SAAS,iBAAiB;oBAC7C,mBAAmBA,SAAS,iBAAiB;oBAC7C,WAAWA,SAAS,SAAS;gBACjC;YACJ;QACJ,SAAU;YACND,YAAY;gBACR,IAAI,CAAC,OAAO,GAAG;YACnB;QACJ;IACJ;IAEA,MAAM,OAAyB;QAC3B,MAAME,OAAO,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM;QACnC,IAAI,CAACA,MACD,OAAO;QAGXF,YAAY;YACR,IAAI,CAAC,MAAM,GAAG;QAClB;QAEA,IAAI;YACA,MAAM,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;gBAC/B,mBAAmBE,KAAK,iBAAiB;gBACzC,mBAAmBA,KAAK,iBAAiB;gBACzC,WAAWA,KAAK,SAAS;YAC7B;YACA,OAAO;QACX,SAAU;YACNF,YAAY;gBACR,IAAI,CAAC,MAAM,GAAG;YAClB;QACJ;IACJ;IAEQ,YAAwB;QAC5B,OAAO,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;YAChC,QAAQG,CAAAA,SAAW;oBACf,mBAAmBA,OACd,IAAI,GACJ,KAAK,CAAC,4BACN,WAAW,CAAC;oBACjB,mBAAmBA,OACd,IAAI,GACJ,KAAK,CAAC,4BACN,WAAW,CAAC;oBACjB,WAAWA,OACN,IAAI,GACJ,KAAK,CAAC,qBACN,QAAQ,CAAC;gBAClB;YACA,QAAQC,CAAAA,SAAU;oBACdA,OAAO,GAAG,CAAC;oBACXA,OAAO,GAAG,CAAC;oBACXA,OAAO,GAAG,CAAC;iBACd;QACL;IACJ;AACJ;AAGO,SAASC,wBACZT,kBAAmD,EACnDC,gBAA4C;IAE5C,OAAO,IAAIF,sBAAsBC,oBAAoBC;AACzD"}

package/presentation/Settings/components/SettingsView.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const SettingsView: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/presentation/Settings/components/SettingsView.js

@@ -0,0 +1,45 @@
+import react, { useEffect, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { Button, OverlayLoader } from "@webiny/admin-ui";
+import { CenteredView, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader, useSnackbar } from "@webiny/app-admin";
+import { FormView } from "@webiny/app-admin/features/formModel/FormView.js";
+import { useContainer } from "@webiny/app";
+import { FormModelFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
+import { GetSettingsRepository } from "../../../features/settings/abstractions.js";
+import { createSettingsPresenter } from "../SettingsPresenter.js";
+function useSettingsPresenter() {
+    const container = useContainer();
+    return useMemo(()=>{
+        const settingsRepository = container.resolve(GetSettingsRepository);
+        const formModelFactory = container.resolve(FormModelFactory);
+        return createSettingsPresenter(settingsRepository, formModelFactory);
+    }, [
+        container
+    ]);
+}
+const SettingsView_SettingsView = observer(function() {
+    const presenter = useSettingsPresenter();
+    const { showSnackbar } = useSnackbar();
+    const { vm } = presenter;
+    useEffect(()=>{
+        presenter.load();
+    }, [
+        presenter
+    ]);
+    const handleSave = async ()=>{
+        const success = await presenter.save();
+        if (success) showSnackbar("Settings updated successfully.");
+    };
+    return /*#__PURE__*/ react.createElement(CenteredView, null, /*#__PURE__*/ react.createElement(SimpleForm, null, (vm.loading || vm.saving) && /*#__PURE__*/ react.createElement(OverlayLoader, null), /*#__PURE__*/ react.createElement(SimpleFormHeader, {
+        title: "General Settings"
+    }), /*#__PURE__*/ react.createElement(SimpleFormContent, null, /*#__PURE__*/ react.createElement(FormView, {
+        name: "File Manager Settings",
+        form: vm.form
+    })), /*#__PURE__*/ react.createElement(SimpleFormFooter, null, /*#__PURE__*/ react.createElement(Button, {
+        text: "Save settings",
+        onClick: handleSave
+    }))));
+});
+export { SettingsView_SettingsView as SettingsView };
+
+//# sourceMappingURL=SettingsView.js.map

package/presentation/Settings/components/SettingsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/Settings/components/SettingsView.js","sources":["../../../../src/presentation/Settings/components/SettingsView.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport {\n    CenteredView,\n    SimpleForm,\n    SimpleFormContent,\n    SimpleFormFooter,\n    SimpleFormHeader,\n    useSnackbar\n} from \"@webiny/app-admin\";\nimport { FormView } from \"@webiny/app-admin/features/formModel/FormView.js\";\nimport { useContainer } from \"@webiny/app\";\nimport { FormModelFactory } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { GetSettingsRepository } from \"../../../features/settings/abstractions.js\";\nimport { createSettingsPresenter } from \"../SettingsPresenter.js\";\n\n// Resolves DI dependencies and creates the presenter.\nfunction useSettingsPresenter() {\n    const container = useContainer();\n\n    return useMemo(() => {\n        const settingsRepository = container.resolve(GetSettingsRepository);\n        const formModelFactory = container.resolve(FormModelFactory);\n        return createSettingsPresenter(settingsRepository, formModelFactory);\n    }, [container]);\n}\n\nexport const SettingsView = observer(function SettingsView() {\n    const presenter = useSettingsPresenter();\n    const { showSnackbar } = useSnackbar();\n    const { vm } = presenter;\n\n    useEffect(() => {\n        void presenter.load();\n    }, [presenter]);\n\n    const handleSave = async () => {\n        const success = await presenter.save();\n        if (success) {\n            showSnackbar(\"Settings updated successfully.\");\n        }\n    };\n\n    return (\n        <CenteredView>\n            <SimpleForm>\n                {(vm.loading || vm.saving) && <OverlayLoader />}\n                <SimpleFormHeader title=\"General Settings\" />\n                <SimpleFormContent>\n                    <FormView name={\"File Manager Settings\"} form={vm.form} />\n                </SimpleFormContent>\n                <SimpleFormFooter>\n                    <Button text={\"Save settings\"} onClick={handleSave} />\n                </SimpleFormFooter>\n            </SimpleForm>\n        </CenteredView>\n    );\n});\n"],"names":["useSettingsPresenter","container","useContainer","useMemo","settingsRepository","GetSettingsRepository","formModelFactory","FormModelFactory","createSettingsPresenter","SettingsView","observer","presenter","showSnackbar","useSnackbar","vm","useEffect","handleSave","success","CenteredView","SimpleForm","OverlayLoader","SimpleFormHeader","SimpleFormContent","FormView","SimpleFormFooter","Button"],"mappings":";;;;;;;;;AAmBA,SAASA;IACL,MAAMC,YAAYC;IAElB,OAAOC,QAAQ;QACX,MAAMC,qBAAqBH,UAAU,OAAO,CAACI;QAC7C,MAAMC,mBAAmBL,UAAU,OAAO,CAACM;QAC3C,OAAOC,wBAAwBJ,oBAAoBE;IACvD,GAAG;QAACL;KAAU;AAClB;AAEO,MAAMQ,4BAAeC,SAAS;IACjC,MAAMC,YAAYX;IAClB,MAAM,EAAEY,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,EAAE,EAAE,GAAGH;IAEfI,UAAU;QACDJ,UAAU,IAAI;IACvB,GAAG;QAACA;KAAU;IAEd,MAAMK,aAAa;QACf,MAAMC,UAAU,MAAMN,UAAU,IAAI;QACpC,IAAIM,SACAL,aAAa;IAErB;IAEA,OAAO,WAAP,GACI,oBAACM,cAAYA,MAAAA,WAAAA,GACT,oBAACC,YAAUA,MACLL,AAAAA,CAAAA,GAAG,OAAO,IAAIA,GAAG,MAAK,mBAAM,oBAACM,eAAaA,OAAAA,WAAAA,GAC5C,oBAACC,kBAAgBA;QAAC,OAAM;sBACxB,oBAACC,mBAAiBA,MAAAA,WAAAA,GACd,oBAACC,UAAQA;QAAC,MAAM;QAAyB,MAAMT,GAAG,IAAI;uBAE1D,oBAACU,kBAAgBA,MAAAA,WAAAA,GACb,oBAACC,QAAMA;QAAC,MAAM;QAAiB,SAAST;;AAK5D"}

package/presentation/adapters/toFolderDto.d.ts

@@ -0,0 +1,3 @@
+import type { FolderDto } from "@webiny/app-aco";
+import type { IFolderTreeNode } from "@webiny/app-aco/presentation/folderTree/abstractions.js";
+export declare function toFolderDto(node: IFolderTreeNode): FolderDto;

package/presentation/adapters/toFolderDto.js

@@ -0,0 +1,30 @@
+const emptyIdentity = {
+    id: "",
+    displayName: "",
+    type: ""
+};
+function toFolderDto(node) {
+    return {
+        id: node.id,
+        title: node.name,
+        slug: node.slug,
+        type: "FmFile",
+        parentId: node.parentId,
+        path: "",
+        permissions: [],
+        hasNonInheritedPermissions: node.hasNonInheritedPermissions,
+        canManagePermissions: node.canManagePermissions,
+        canManageStructure: node.canManageStructure,
+        canManageContent: true,
+        createdBy: emptyIdentity,
+        createdOn: "",
+        savedBy: emptyIdentity,
+        savedOn: "",
+        modifiedBy: null,
+        modifiedOn: null,
+        extensions: {}
+    };
+}
+export { toFolderDto };
+
+//# sourceMappingURL=toFolderDto.js.map

package/presentation/adapters/toFolderDto.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/adapters/toFolderDto.js","sources":["../../../src/presentation/adapters/toFolderDto.ts"],"sourcesContent":["import type { FolderDto } from \"@webiny/app-aco\";\nimport type { IFolderTreeNode } from \"@webiny/app-aco/presentation/folderTree/abstractions.js\";\n\nconst emptyIdentity = { id: \"\", displayName: \"\", type: \"\" };\n\nexport function toFolderDto(node: IFolderTreeNode): FolderDto {\n    return {\n        id: node.id,\n        title: node.name,\n        slug: node.slug,\n        type: \"FmFile\",\n        parentId: node.parentId,\n        path: \"\",\n        permissions: [],\n        hasNonInheritedPermissions: node.hasNonInheritedPermissions,\n        canManagePermissions: node.canManagePermissions,\n        canManageStructure: node.canManageStructure,\n        canManageContent: true,\n        createdBy: emptyIdentity,\n        createdOn: \"\",\n        savedBy: emptyIdentity,\n        savedOn: \"\",\n        modifiedBy: null,\n        modifiedOn: null,\n        extensions: {}\n    };\n}\n"],"names":["emptyIdentity","toFolderDto","node"],"mappings":"AAGA,MAAMA,gBAAgB;IAAE,IAAI;IAAI,aAAa;IAAI,MAAM;AAAG;AAEnD,SAASC,YAAYC,IAAqB;IAC7C,OAAO;QACH,IAAIA,KAAK,EAAE;QACX,OAAOA,KAAK,IAAI;QAChB,MAAMA,KAAK,IAAI;QACf,MAAM;QACN,UAAUA,KAAK,QAAQ;QACvB,MAAM;QACN,aAAa,EAAE;QACf,4BAA4BA,KAAK,0BAA0B;QAC3D,sBAAsBA,KAAK,oBAAoB;QAC/C,oBAAoBA,KAAK,kBAAkB;QAC3C,kBAAkB;QAClB,WAAWF;QACX,WAAW;QACX,SAASA;QACT,SAAS;QACT,YAAY;QACZ,YAAY;QACZ,YAAY,CAAC;IACjB;AACJ"}

package/presentation/config/DefaultFileManagerConfig.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DefaultFileManagerConfig: () => React.JSX.Element;

package/presentation/config/DefaultFileManagerConfig.js

@@ -0,0 +1,118 @@
+import react from "react";
+import { Wcp } from "@webiny/app-admin";
+import { DeleteFolder, EditFolder, SetFolderPermissions } from "@webiny/app-aco";
+import { FileManagerViewConfig } from "./FileManagerViewConfig.js";
+import { FilterByType } from "../FileList/components/Filters/FilterByType.js";
+import { BulkActionDelete, BulkActionEdit, BulkActionMove } from "../FileList/components/BulkActions/index.js";
+import { AccessControl, Tags } from "./fields/index.js";
+import { CellActions, CellAuthor, CellCreated, CellModified, CellName, CellSize, CellType, CopyFile, DeleteFile, EditFile, MoveFile } from "../FileList/components/Table/index.js";
+import { GridItemDefaultRenderer } from "./thumbnailRenderers/GridItemDefaultRenderer.js";
+import { GridItemImageRenderer } from "./thumbnailRenderers/GridItemImageRenderer.js";
+import { FileActions } from "../FileActions/index.js";
+import { FilePreviewImageRenderer } from "./thumbnailRenderers/FilePreviewImageRenderer.js";
+import { TableItemDefaultRenderer } from "./thumbnailRenderers/TableItemDefaultRenderer.js";
+import { TableItemImageRenderer } from "./thumbnailRenderers/TableItemImageRenderer.js";
+import { FilePreviewDefaultRenderer } from "./thumbnailRenderers/FilePreviewDefaultRenderer.js";
+const { Browser: Browser, FileDetails: FileDetails } = FileManagerViewConfig;
+const DefaultFileManagerConfig = ()=>/*#__PURE__*/ react.createElement(FileManagerViewConfig, null, /*#__PURE__*/ react.createElement(Browser.FilterByTags, null), /*#__PURE__*/ react.createElement(Browser.Filter, {
+        name: "type",
+        element: /*#__PURE__*/ react.createElement(FilterByType, null)
+    }), /*#__PURE__*/ react.createElement(Browser.BulkAction, {
+        name: "edit",
+        element: /*#__PURE__*/ react.createElement(BulkActionEdit, null)
+    }), /*#__PURE__*/ react.createElement(Browser.BulkAction, {
+        name: "move",
+        element: /*#__PURE__*/ react.createElement(BulkActionMove, null)
+    }), /*#__PURE__*/ react.createElement(Browser.BulkAction, {
+        name: "delete",
+        element: /*#__PURE__*/ react.createElement(BulkActionDelete, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Folder.Action, {
+        name: "edit",
+        element: /*#__PURE__*/ react.createElement(EditFolder, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Folder.Action, {
+        name: "permissions",
+        element: /*#__PURE__*/ react.createElement(SetFolderPermissions, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Folder.Action, {
+        name: "delete",
+        element: /*#__PURE__*/ react.createElement(DeleteFolder, null)
+    }), /*#__PURE__*/ react.createElement(Browser.File.Action, {
+        name: "copy",
+        element: /*#__PURE__*/ react.createElement(CopyFile, null)
+    }), /*#__PURE__*/ react.createElement(Browser.File.Action, {
+        name: "edit",
+        element: /*#__PURE__*/ react.createElement(EditFile, null)
+    }), /*#__PURE__*/ react.createElement(Browser.File.Action, {
+        name: "move",
+        element: /*#__PURE__*/ react.createElement(MoveFile, null)
+    }), /*#__PURE__*/ react.createElement(Browser.File.Action, {
+        name: "delete",
+        element: /*#__PURE__*/ react.createElement(DeleteFile, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "name",
+        header: "Name",
+        cell: /*#__PURE__*/ react.createElement(CellName, null),
+        sortable: true,
+        hideable: false,
+        size: 200
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "type",
+        header: "Type",
+        cell: /*#__PURE__*/ react.createElement(CellType, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "size",
+        header: "Size",
+        cell: /*#__PURE__*/ react.createElement(CellSize, null),
+        sortable: true
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "createdBy",
+        header: "Author",
+        cell: /*#__PURE__*/ react.createElement(CellAuthor, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "createdOn",
+        header: "Created",
+        cell: /*#__PURE__*/ react.createElement(CellCreated, null),
+        sortable: true
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "savedOn",
+        header: "Modified",
+        cell: /*#__PURE__*/ react.createElement(CellModified, null),
+        sortable: true
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "actions",
+        header: " ",
+        cell: /*#__PURE__*/ react.createElement(CellActions, null),
+        size: 56,
+        truncate: false,
+        className: "flex justify-center",
+        hideable: false,
+        resizable: false
+    }), /*#__PURE__*/ react.createElement(Browser.BulkEditField, {
+        name: "tags",
+        element: /*#__PURE__*/ react.createElement(Tags, null)
+    }), /*#__PURE__*/ react.createElement(FileActions, null), /*#__PURE__*/ react.createElement(Wcp.CanUsePrivateFiles, null, /*#__PURE__*/ react.createElement(Browser.BulkEditField, {
+        name: "accessControl",
+        element: /*#__PURE__*/ react.createElement(AccessControl, {
+            placeholder: "Select privacy settings"
+        })
+    })), /*#__PURE__*/ react.createElement(Browser.Grid.Item.Thumbnail, {
+        type: "*/*",
+        element: /*#__PURE__*/ react.createElement(GridItemDefaultRenderer, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Grid.Item.Thumbnail, {
+        type: "image/*",
+        element: /*#__PURE__*/ react.createElement(GridItemImageRenderer, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Cell.Thumbnail, {
+        type: "image/*",
+        element: /*#__PURE__*/ react.createElement(TableItemImageRenderer, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Cell.Thumbnail, {
+        type: "*/*",
+        element: /*#__PURE__*/ react.createElement(TableItemDefaultRenderer, null)
+    }), /*#__PURE__*/ react.createElement(FileDetails.Preview.Thumbnail, {
+        type: "*/*",
+        element: /*#__PURE__*/ react.createElement(FilePreviewDefaultRenderer, null)
+    }), /*#__PURE__*/ react.createElement(FileDetails.Preview.Thumbnail, {
+        type: "image/*",
+        element: /*#__PURE__*/ react.createElement(FilePreviewImageRenderer, null)
+    }));
+export { DefaultFileManagerConfig };
+
+//# sourceMappingURL=DefaultFileManagerConfig.js.map

package/presentation/config/DefaultFileManagerConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/DefaultFileManagerConfig.js","sources":["../../../src/presentation/config/DefaultFileManagerConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { Wcp } from \"@webiny/app-admin\";\nimport { DeleteFolder, EditFolder, SetFolderPermissions } from \"@webiny/app-aco\";\nimport { FileManagerViewConfig as FileManagerConfig } from \"~/presentation/config/FileManagerViewConfig.js\";\nimport { FilterByType } from \"~/presentation/FileList/components/Filters/FilterByType.js\";\nimport {\n    BulkActionDelete,\n    BulkActionEdit,\n    BulkActionMove\n} from \"~/presentation/FileList/components/BulkActions/index.js\";\nimport { Tags, AccessControl } from \"~/presentation/config/fields/index.js\";\nimport {\n    CellActions,\n    CellAuthor,\n    CellCreated,\n    CellModified,\n    CellName,\n    CellSize,\n    CellType,\n    CopyFile,\n    DeleteFile,\n    EditFile,\n    MoveFile\n} from \"~/presentation/FileList/components/Table/index.js\";\nimport { GridItemDefaultRenderer } from \"~/presentation/config/thumbnailRenderers/GridItemDefaultRenderer.js\";\nimport { GridItemImageRenderer } from \"~/presentation/config/thumbnailRenderers/GridItemImageRenderer.js\";\nimport { FileActions } from \"~/presentation/FileActions/index.js\";\nimport { FilePreviewImageRenderer } from \"~/presentation/config/thumbnailRenderers/FilePreviewImageRenderer.js\";\nimport { TableItemDefaultRenderer } from \"~/presentation/config/thumbnailRenderers/TableItemDefaultRenderer.js\";\nimport { TableItemImageRenderer } from \"~/presentation/config/thumbnailRenderers/TableItemImageRenderer.js\";\nimport { FilePreviewDefaultRenderer } from \"~/presentation/config/thumbnailRenderers/FilePreviewDefaultRenderer.js\";\n\nconst { Browser, FileDetails } = FileManagerConfig;\n\nexport const DefaultFileManagerConfig = () => {\n    return (\n        <FileManagerConfig>\n            {/* Filters */}\n            <Browser.FilterByTags />\n            <Browser.Filter name={\"type\"} element={<FilterByType />} />\n            {/* Bulk Actions */}\n            <Browser.BulkAction name={\"edit\"} element={<BulkActionEdit />} />\n            <Browser.BulkAction name={\"move\"} element={<BulkActionMove />} />\n            <Browser.BulkAction name={\"delete\"} element={<BulkActionDelete />} />\n            {/* Folder Actions */}\n            <Browser.Folder.Action name={\"edit\"} element={<EditFolder />} />\n            <Browser.Folder.Action name={\"permissions\"} element={<SetFolderPermissions />} />\n            <Browser.Folder.Action name={\"delete\"} element={<DeleteFolder />} />\n            {/* File Actions */}\n            <Browser.File.Action name={\"copy\"} element={<CopyFile />} />\n            <Browser.File.Action name={\"edit\"} element={<EditFile />} />\n            <Browser.File.Action name={\"move\"} element={<MoveFile />} />\n            <Browser.File.Action name={\"delete\"} element={<DeleteFile />} />\n            {/* Table Columns */}\n            <Browser.Table.Column\n                name={\"name\"}\n                header={\"Name\"}\n                cell={<CellName />}\n                sortable={true}\n                hideable={false}\n                size={200}\n            />\n            <Browser.Table.Column name={\"type\"} header={\"Type\"} cell={<CellType />} />\n            <Browser.Table.Column\n                name={\"size\"}\n                header={\"Size\"}\n                cell={<CellSize />}\n                sortable={true}\n            />\n            <Browser.Table.Column name={\"createdBy\"} header={\"Author\"} cell={<CellAuthor />} />\n            <Browser.Table.Column\n                name={\"createdOn\"}\n                header={\"Created\"}\n                cell={<CellCreated />}\n                sortable={true}\n            />\n            <Browser.Table.Column\n                name={\"savedOn\"}\n                header={\"Modified\"}\n                cell={<CellModified />}\n                sortable={true}\n            />\n            <Browser.Table.Column\n                name={\"actions\"}\n                header={\" \"}\n                cell={<CellActions />}\n                size={56}\n                truncate={false}\n                className={\"flex justify-center\"}\n                hideable={false}\n                resizable={false}\n            />\n            <Browser.BulkEditField name={\"tags\"} element={<Tags />} />\n            {/* File Details Actions */}\n            <FileActions />\n            {/* Access Control */}\n            <Wcp.CanUsePrivateFiles>\n                <Browser.BulkEditField\n                    name={\"accessControl\"}\n                    element={<AccessControl placeholder={\"Select privacy settings\"} />}\n                />\n            </Wcp.CanUsePrivateFiles>\n            {/* Grid Thumbnail */}\n            <Browser.Grid.Item.Thumbnail type={\"*/*\"} element={<GridItemDefaultRenderer />} />\n            <Browser.Grid.Item.Thumbnail type={\"image/*\"} element={<GridItemImageRenderer />} />\n            {/* Table Thumbnail */}\n            <Browser.Table.Cell.Thumbnail type={\"image/*\"} element={<TableItemImageRenderer />} />\n            <Browser.Table.Cell.Thumbnail type={\"*/*\"} element={<TableItemDefaultRenderer />} />\n            {/* File Details Thumbnail */}\n            <FileDetails.Preview.Thumbnail type={\"*/*\"} element={<FilePreviewDefaultRenderer />} />\n            <FileDetails.Preview.Thumbnail\n                type={\"image/*\"}\n                element={<FilePreviewImageRenderer />}\n            />\n        </FileManagerConfig>\n    );\n};\n"],"names":["Browser","FileDetails","FileManagerConfig","DefaultFileManagerConfig","FilterByType","BulkActionEdit","BulkActionMove","BulkActionDelete","EditFolder","SetFolderPermissions","DeleteFolder","CopyFile","EditFile","MoveFile","DeleteFile","CellName","CellType","CellSize","CellAuthor","CellCreated","CellModified","CellActions","Tags","FileActions","Wcp","AccessControl","GridItemDefaultRenderer","GridItemImageRenderer","TableItemImageRenderer","TableItemDefaultRenderer","FilePreviewDefaultRenderer","FilePreviewImageRenderer"],"mappings":"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"}

package/presentation/config/FileManagerViewConfig.d.ts

@@ -0,0 +1,248 @@
+import React from "react";
+export declare const FileManagerViewConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => React.JSX.Element) & {
+    Browser: {
+        Grid: {
+            Item: (({ file, fileBody, selected, onSelect, children }: import("../FileList/components/Grid/File.js").FileProps) => React.JSX.Element) & {
+                original: ({ file, fileBody, selected, onSelect, children }: import("../FileList/components/Grid/File.js").FileProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (({ file, fileBody, selected, onSelect, children }: import("../FileList/components/Grid/File.js").FileProps) => React.JSX.Element) & {
+                    original: ({ file, fileBody, selected, onSelect, children }: import("../FileList/components/Grid/File.js").FileProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ file, fileBody, selected, onSelect, children }: import("../FileList/components/Grid/File.js").FileProps) => React.JSX.Element) & {
+                    original: ({ file, fileBody, selected, onSelect, children }: import("../FileList/components/Grid/File.js").FileProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            } & {
+                Thumbnail: (({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                    original: ({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    original: (({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                        original: ({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    };
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                        original: ({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    }>) => (props: unknown) => React.JSX.Element;
+                };
+                Action: (({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element) & {
+                    original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    original: (({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element) & {
+                        original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    };
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element) & {
+                        original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    }>) => (props: unknown) => React.JSX.Element;
+                } & {
+                    IconButton: ({ icon, label, onAction, disabled, ...props }: import("../FileList/components/Grid/ActionButton.js").ActionButtonProps) => React.JSX.Element;
+                };
+            };
+        };
+        BulkAction: (({ name, after, before, remove, element }: import("./configComponents/Browser/BulkAction.js").BulkActionProps) => React.JSX.Element) & {
+            useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons.js").ButtonsProviderContext;
+            useWorker: () => {
+                items: import("@webiny/sdk/index.js").FmFile[];
+                process: (callback: (items: import("../../domain/types.js").FileItem[]) => void) => void;
+                processInSeries: (callback: ({ item, allItems, report }: import("@webiny/app-admin/index.js").CallbackParams<import("../../domain/types.js").FileItem>) => Promise<void>, chunkSize?: number) => Promise<void>;
+                resetItems: () => void;
+                results: import("@webiny/app-admin/index.js").Result[];
+            };
+            useDialog: () => import("@webiny/app-admin/index.js").UseDialogWithReportResponse;
+        };
+        BulkEditField: ({ name, element }: import("./configComponents/Browser/BulkEditField.js").BulkEditFieldProps) => React.JSX.Element;
+        Filter: (({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element) & {
+            original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element) & {
+                original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element) & {
+                original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element) & {
+                original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: {
+                name: string;
+            }) => React.JSX.Element;
+        };
+        FiltersToWhere: ({ converter }: {
+            converter: import("./configComponents/Browser/FiltersToWhere.js").FiltersToWhereConverter;
+        }) => React.JSX.Element;
+        FilterByTags: ({ remove }: import("./configComponents/Browser/FilterByTags.js").FilterByTagProps) => React.JSX.Element;
+        Folder: {
+            ExtensionField: {
+                createDecorator: (decorator: import("@webiny/react-composition").Decorator<import("@webiny/react-composition").GenericComponent<import("@webiny/app-aco").FieldProps>>) => (props: import("@webiny/app-aco").FieldDecoratorProps) => React.JSX.Element;
+            };
+            Action: ((props: import("@webiny/app-aco/config/folder/Action.js").ActionProps) => React.JSX.Element) & {
+                OptionsMenuItem: (props: import("@webiny/app-admin/index.js").OptionsMenuItemProps) => React.JSX.Element;
+            };
+            DropConfirmation: (props: import("@webiny/app-aco/config/folder/DropConfirmation.js").DropConfirmationProps) => React.JSX.Element;
+        };
+        File: {
+            Action: ((props: import("@webiny/app-aco/config/record/Action.js").ActionProps) => React.JSX.Element) & {
+                OptionsMenuItem: (props: import("@webiny/app-admin/index.js").OptionsMenuItemProps) => React.JSX.Element;
+                OptionsMenuLink: (props: import("@webiny/app-admin/index.js").OptionsMenuLinkProps) => React.JSX.Element;
+            };
+        };
+        Table: {
+            Column: ((props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            } & {
+                useTableRow: {
+                    (): import("@webiny/app-aco").TableRowContextData<import("../../domain/types.js").TableItem>;
+                    <TUserRow>(): import("@webiny/app-aco").TableRowContextData<import("../../domain/types.js").TableItem & {
+                        data: TUserRow;
+                    }>;
+                };
+                isFolderRow: (row: import("@webiny/app-aco").TableRow) => row is import("@webiny/app-aco").FolderTableRow;
+            };
+            Cell: {
+                Thumbnail: (({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                    original: ({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    original: (({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                        original: ({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    };
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                        original: ({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    }>) => (props: unknown) => React.JSX.Element;
+                };
+            };
+        };
+    };
+    FileDetails: {
+        Action: (({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element) & {
+            original: ({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element) & {
+                original: ({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element) & {
+                original: ({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            Button: ({ label, icon, onAction, disabled, className, ...props }: import("../FileDetails/components/ActionButton.js").ActionButtonProps) => React.JSX.Element;
+        };
+        Preview: {
+            Thumbnail: (({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                original: ({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                    original: ({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element) & {
+                    original: ({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+        };
+        Width: ({ value }: import("./configComponents/FileDetails/Width.js").WidthProps) => React.JSX.Element;
+    };
+};
+export declare const FileManagerViewWithConfig: ({ onProperties, children }: import("@webiny/react-properties").WithConfigProps) => React.JSX.Element;
+export declare function useFileManagerConfig(): {
+    getThumbnailRenderer: <T extends {
+        type: string;
+    }>(renderers: T[], file: import("../../domain/types.js").FileItem) => T;
+    browser: {
+        table: {
+            cellThumbnails: import("./configComponents/Browser/Table/Thumbnail.js").ThumbnailConfig[];
+            columns: import("@webiny/app-aco").TableColumnConfig[];
+        };
+        grid: {
+            itemActions: import("./configComponents/Browser/Grid/Action.js").ActionConfig[];
+            itemThumbnails: import("./configComponents/Browser/Grid/Thumbnail.js").ThumbnailConfig[];
+        };
+        bulkActions: import("./configComponents/Browser/BulkAction.js").BulkActionConfig[];
+        bulkEditFields: import("./configComponents/Browser/BulkEditField.js").BulkEditFieldConfig[];
+        filterByTags: boolean;
+        filters: import("./configComponents/Browser/Filter.js").FilterConfig[];
+        filtersToWhere: import("./configComponents/Browser/FiltersToWhere.js").FiltersToWhereConverter[];
+        folder: import("@webiny/app-aco/config/folder/index.js").FolderConfig;
+        file: import("@webiny/app-aco/config/record/index.js").RecordConfig;
+    };
+    fileDetails: {
+        actions: import("./configComponents/FileDetails/Action.js").ActionConfig[];
+        thumbnails: import("./configComponents/FileDetails/Thumbnail.js").ThumbnailConfig[];
+        width: string;
+    };
+};