@webiny/app-file-manager 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/presentation/FileManager/OverlayContext.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import type { FmFile } from "../../features/shared/types.js";
+export interface OverlayConfig {
+    onFileClick: (file: FmFile) => void;
+    confirmSelection: () => void;
+    onClose: () => void;
+    accept: string[];
+    multiple: boolean;
+}
+export declare const OverlayProvider: ({ config, children }: {
+    config: OverlayConfig;
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare function useOverlay(): OverlayConfig | null;

package/presentation/FileManager/OverlayContext.js

@@ -0,0 +1,11 @@
+import react, { createContext, useContext } from "react";
+const OverlayCtx = /*#__PURE__*/ createContext(null);
+const OverlayProvider = ({ config, children })=>/*#__PURE__*/ react.createElement(OverlayCtx.Provider, {
+        value: config
+    }, children);
+function useOverlay() {
+    return useContext(OverlayCtx);
+}
+export { OverlayProvider, useOverlay };
+
+//# sourceMappingURL=OverlayContext.js.map

package/presentation/FileManager/OverlayContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileManager/OverlayContext.js","sources":["../../../src/presentation/FileManager/OverlayContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { FmFile } from \"~/features/shared/types.js\";\n\nexport interface OverlayConfig {\n    onFileClick: (file: FmFile) => void;\n    confirmSelection: () => void;\n    onClose: () => void;\n    accept: string[];\n    multiple: boolean;\n}\n\nconst OverlayCtx = createContext<OverlayConfig | null>(null);\n\nexport const OverlayProvider = ({\n    config,\n    children\n}: {\n    config: OverlayConfig;\n    children: React.ReactNode;\n}) => {\n    return <OverlayCtx.Provider value={config}>{children}</OverlayCtx.Provider>;\n};\n\nexport function useOverlay(): OverlayConfig | null {\n    return useContext(OverlayCtx);\n}\n"],"names":["OverlayCtx","createContext","OverlayProvider","config","children","useOverlay","useContext"],"mappings":";AAWA,MAAMA,aAAa,WAAHA,GAAGC,cAAoC;AAEhD,MAAMC,kBAAkB,CAAC,EAC5BC,MAAM,EACNC,QAAQ,EAIX,GACU,WAAP,GAAO,oBAACJ,WAAW,QAAQ;QAAC,OAAOG;OAASC;AAGzC,SAASC;IACZ,OAAOC,WAAWN;AACtB"}

package/presentation/FileManager/outputFileSelectionError.d.ts

@@ -0,0 +1,2 @@
+import type { FileError } from "@webiny/app-admin/presentation/browserFilePicker/index.js";
+export declare const outputFileSelectionError: (errors: FileError[]) => string | null;

package/presentation/FileManager/outputFileSelectionError.js

@@ -0,0 +1,27 @@
+import bytes from "bytes";
+const outputFileSelectionError = (errors)=>{
+    if (errors.length > 1) {
+        let error = errors.find((error)=>"multipleMaxCountExceeded" === error.type);
+        if (error) return `Cannot upload more than ${error.multipleMaxCount} files at once.`;
+        error = errors.find((error)=>"multipleMaxSizeExceeded" === error.type);
+        if (error) return `Cannot upload more than ${bytes.format(error.multipleMaxSize ?? 0)} at once.`;
+        return "Multiple invalid files selected.";
+    }
+    switch(errors[0].type){
+        case "unsupportedFileType":
+            return "Unsupported file type.";
+        case "maxSizeExceeded":
+            return "Max size exceeded.";
+        case "multipleMaxCountExceeded":
+            return "Multiple max files exceeded.";
+        case "multipleMaxSizeExceeded":
+            return "Multiple max size exceeded.";
+        case "multipleNotAllowed":
+            return "Only one file allowed.";
+        default:
+            return null;
+    }
+};
+export { outputFileSelectionError };
+
+//# sourceMappingURL=outputFileSelectionError.js.map

package/presentation/FileManager/outputFileSelectionError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileManager/outputFileSelectionError.js","sources":["../../../src/presentation/FileManager/outputFileSelectionError.ts"],"sourcesContent":["import bytes from \"bytes\";\nimport type { FileError } from \"@webiny/app-admin/presentation/browserFilePicker/index.js\";\n\nexport const outputFileSelectionError = (errors: FileError[]): string | null => {\n    if (errors.length > 1) {\n        let error = errors.find(error => error.type === \"multipleMaxCountExceeded\");\n        if (error) {\n            return `Cannot upload more than ${error.multipleMaxCount} files at once.`;\n        }\n\n        error = errors.find(error => error.type === \"multipleMaxSizeExceeded\");\n        if (error) {\n            return `Cannot upload more than ${bytes.format(error.multipleMaxSize ?? 0)} at once.`;\n        }\n\n        return \"Multiple invalid files selected.\";\n    }\n\n    switch (errors[0].type) {\n        case \"unsupportedFileType\":\n            return \"Unsupported file type.\";\n        case \"maxSizeExceeded\":\n            return \"Max size exceeded.\";\n        case \"multipleMaxCountExceeded\":\n            return \"Multiple max files exceeded.\";\n        case \"multipleMaxSizeExceeded\":\n            return \"Multiple max size exceeded.\";\n        case \"multipleNotAllowed\":\n            return \"Only one file allowed.\";\n        default:\n            return null;\n    }\n};\n"],"names":["outputFileSelectionError","errors","error","bytes"],"mappings":";AAGO,MAAMA,2BAA2B,CAACC;IACrC,IAAIA,OAAO,MAAM,GAAG,GAAG;QACnB,IAAIC,QAAQD,OAAO,IAAI,CAACC,CAAAA,QAASA,AAAe,+BAAfA,MAAM,IAAI;QAC3C,IAAIA,OACA,OAAO,CAAC,wBAAwB,EAAEA,MAAM,gBAAgB,CAAC,eAAe,CAAC;QAG7EA,QAAQD,OAAO,IAAI,CAACC,CAAAA,QAASA,AAAe,8BAAfA,MAAM,IAAI;QACvC,IAAIA,OACA,OAAO,CAAC,wBAAwB,EAAEC,MAAM,MAAM,CAACD,MAAM,eAAe,IAAI,GAAG,SAAS,CAAC;QAGzF,OAAO;IACX;IAEA,OAAQD,MAAM,CAAC,EAAE,CAAC,IAAI;QAClB,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX;YACI,OAAO;IACf;AACJ"}

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/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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"}