@webiny/app-file-manager 6.4.5 → 6.6.0-alpha.0

package/presentation/FileList/components/BulkActions/BatchEditorDialog/index.d.ts

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

package/presentation/FileList/components/BulkActions/BatchEditorDialog/index.js

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

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

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

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

@@ -1,105 +0,0 @@
-import react, { useCallback, useEffect, useMemo } from "react";
-import { observer } from "mobx-react-lite";
-import { ReactComponent } from "@webiny/icons/edit.svg";
-import { Tooltip } from "@webiny/admin-ui";
-import { useFeature } from "@webiny/app";
-import omit from "lodash/omit.js";
-import { prepareFormData } from "@webiny/app-headless-cms-common";
-import { BulkAction, getFilesLabel } from "./useBulkActionWorker.js";
-import { useFileManagerPresenter } from "../../FileManagerPresenterProvider.js";
-import { UpdateFileFeature } from "../../../../features/updateFile/feature.js";
-import { ActionEditPresenter } from "./ActionEditPresenter.js";
-import { BatchEditorDialog } from "./BatchEditorDialog/BatchEditorDialog.js";
-import { GraphQLInputMapper } from "./GraphQLInputMapper.js";
-const { useButtons: useButtons } = BulkAction;
-const BulkActionEdit_BulkActionEdit = observer(function() {
-    const { ButtonDefault } = useButtons();
-    const { vm } = useFileManagerPresenter();
-    const { useCase: updateFileUseCase } = useFeature(UpdateFileFeature);
-    const { useWorker, useDialog } = BulkAction;
-    const worker = useWorker();
-    const { showConfirmationDialog, showResultsDialog } = useDialog();
-    const fields = vm.fileModel?.fields ?? [];
-    const presenter = useMemo(()=>new ActionEditPresenter(), []);
-    useEffect(()=>{
-        presenter.load(fields);
-    }, [
-        fields
-    ]);
-    const filesLabel = useMemo(()=>getFilesLabel(worker.items.length), [
-        worker.items.length
-    ]);
-    const openWorkerDialog = useCallback((batch, modelFields)=>{
-        showConfirmationDialog({
-            title: "Edit files",
-            message: `You are about to edit ${filesLabel}. Are you sure you want to continue?`,
-            loadingLabel: `Processing ${filesLabel}`,
-            execute: async ()=>{
-                await worker.processInSeries(async ({ item, report })=>{
-                    try {
-                        const modifiedFileData = GraphQLInputMapper.applyOperations(item, batch);
-                        const output = omit(modifiedFileData, [
-                            "id",
-                            "createdBy",
-                            "createdOn",
-                            "src"
-                        ]);
-                        const fileData = prepareFormData(output, modelFields);
-                        const result = await updateFileUseCase.execute({
-                            id: item.id,
-                            data: fileData
-                        });
-                        if (!result.success) return void report.error({
-                            title: `${item.name}`,
-                            message: result.error.message
-                        });
-                        report.success({
-                            title: `${item.name}`,
-                            message: "File successfully edited."
-                        });
-                    } catch (e) {
-                        report.error({
-                            title: `${item.name}`,
-                            message: e.message
-                        });
-                    }
-                });
-                worker.resetItems();
-                showResultsDialog({
-                    results: worker.results,
-                    title: "Edit files",
-                    message: "Finished editing files! See full report below:"
-                });
-            }
-        });
-    }, [
-        filesLabel
-    ]);
-    const onBatchEditorSubmit = useCallback((batch)=>{
-        presenter.closeEditor();
-        openWorkerDialog(batch, fields);
-    }, [
-        openWorkerDialog,
-        fields
-    ]);
-    if (!presenter.vm.show) return null;
-    if (!vm.permissions.canEdit) return null;
-    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Tooltip, {
-        side: "bottom",
-        content: `Edit ${filesLabel}`,
-        trigger: /*#__PURE__*/ react.createElement(ButtonDefault, {
-            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
-            onAction: ()=>presenter.openEditor(),
-            size: "sm"
-        }, "Edit")
-    }), /*#__PURE__*/ react.createElement(BatchEditorDialog, {
-        onClose: ()=>presenter.closeEditor(),
-        fields: presenter.vm.fields,
-        batch: presenter.vm.currentBatch,
-        vm: presenter.vm.editorVm,
-        onApply: onBatchEditorSubmit
-    }));
-});
-export { BulkActionEdit_BulkActionEdit as BulkActionEdit };
-
-//# sourceMappingURL=BulkActionEdit.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"presentation/FileList/components/BulkActions/BulkActionEdit.js","sources":["../../../../../src/presentation/FileList/components/BulkActions/BulkActionEdit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport omit from \"lodash/omit.js\";\nimport { prepareFormData } from \"@webiny/app-headless-cms-common\";\nimport type { CmsModelField } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { BulkAction, getFilesLabel } from \"./useBulkActionWorker.js\";\nimport { useFileManagerPresenter } from \"../../FileManagerPresenterProvider.js\";\nimport { UpdateFileFeature } from \"~/features/updateFile/feature.js\";\nimport { ActionEditPresenter } from \"~/presentation/FileList/components/BulkActions/ActionEditPresenter.js\";\nimport { BatchEditorDialog } from \"~/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialog.js\";\nimport { GraphQLInputMapper } from \"~/presentation/FileList/components/BulkActions/GraphQLInputMapper.js\";\nimport type { BatchDTO } from \"~/presentation/FileList/components/BulkActions/domain/index.js\";\nimport type { FmFile } from \"~/features/shared/types.js\";\n\nconst { useButtons } = BulkAction;\n\nexport const BulkActionEdit = observer(function BulkActionEdit() {\n    const { ButtonDefault } = useButtons();\n\n    const { vm } = useFileManagerPresenter();\n    const { useCase: updateFileUseCase } = useFeature(UpdateFileFeature);\n\n    const { useWorker, useDialog } = BulkAction;\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const fields = vm.fileModel?.fields ?? [];\n\n    const presenter = useMemo<ActionEditPresenter>(() => {\n        return new ActionEditPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.load(fields);\n    }, [fields]);\n\n    const filesLabel = useMemo(() => {\n        return getFilesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const openWorkerDialog = useCallback(\n        (batch: BatchDTO, modelFields: CmsModelField[]) => {\n            showConfirmationDialog({\n                title: \"Edit files\",\n                message: `You are about to edit ${filesLabel}. Are you sure you want to continue?`,\n                loadingLabel: `Processing ${filesLabel}`,\n                execute: async () => {\n                    await worker.processInSeries(async ({ item, report }) => {\n                        try {\n                            // Apply batch operations to the file data.\n                            const modifiedFileData = GraphQLInputMapper.applyOperations(\n                                item as any,\n                                batch\n                            ) as FmFile;\n\n                            const output = omit(modifiedFileData, [\n                                \"id\",\n                                \"createdBy\",\n                                \"createdOn\",\n                                \"src\"\n                            ]);\n\n                            const fileData = prepareFormData(output, modelFields);\n\n                            const result = await updateFileUseCase.execute({\n                                id: item.id,\n                                data: fileData\n                            });\n\n                            if (!result.success) {\n                                report.error({\n                                    title: `${item.name}`,\n                                    message: result.error.message\n                                });\n                                return;\n                            }\n\n                            report.success({\n                                title: `${item.name}`,\n                                message: \"File successfully edited.\"\n                            });\n                        } catch (e) {\n                            report.error({\n                                title: `${item.name}`,\n                                message: (e as Error).message\n                            });\n                        }\n                    });\n\n                    worker.resetItems();\n\n                    showResultsDialog({\n                        results: worker.results,\n                        title: \"Edit files\",\n                        message: \"Finished editing files! See full report below:\"\n                    });\n                }\n            });\n        },\n        [filesLabel]\n    );\n\n    const onBatchEditorSubmit = useCallback(\n        (batch: BatchDTO) => {\n            presenter.closeEditor();\n            openWorkerDialog(batch, fields);\n        },\n        [openWorkerDialog, fields]\n    );\n\n    if (!presenter.vm.show) {\n        return null;\n    }\n\n    if (!vm.permissions.canEdit) {\n        return null;\n    }\n\n    return (\n        <>\n            <Tooltip\n                side={\"bottom\"}\n                content={`Edit ${filesLabel}`}\n                trigger={\n                    <ButtonDefault\n                        icon={<EditIcon />}\n                        onAction={() => presenter.openEditor()}\n                        size={\"sm\"}\n                    >\n                        {\"Edit\"}\n                    </ButtonDefault>\n                }\n            />\n            <BatchEditorDialog\n                onClose={() => presenter.closeEditor()}\n                fields={presenter.vm.fields}\n                batch={presenter.vm.currentBatch}\n                vm={presenter.vm.editorVm}\n                onApply={onBatchEditorSubmit}\n            />\n        </>\n    );\n});\n"],"names":["useButtons","BulkAction","BulkActionEdit","observer","ButtonDefault","vm","useFileManagerPresenter","updateFileUseCase","useFeature","UpdateFileFeature","useWorker","useDialog","worker","showConfirmationDialog","showResultsDialog","fields","presenter","useMemo","ActionEditPresenter","useEffect","filesLabel","getFilesLabel","openWorkerDialog","useCallback","batch","modelFields","item","report","modifiedFileData","GraphQLInputMapper","output","omit","fileData","prepareFormData","result","e","onBatchEditorSubmit","Tooltip","EditIcon","BatchEditorDialog"],"mappings":";;;;;;;;;;;;;AAiBA,MAAM,EAAEA,YAAAA,UAAU,EAAE,GAAGC;AAEhB,MAAMC,gCAAiBC,SAAS;IACnC,MAAM,EAAEC,aAAa,EAAE,GAAGJ;IAE1B,MAAM,EAAEK,EAAE,EAAE,GAAGC;IACf,MAAM,EAAE,SAASC,iBAAiB,EAAE,GAAGC,WAAWC;IAElD,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAAGV;IACjC,MAAMW,SAASF;IACf,MAAM,EAAEG,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGH;IAEtD,MAAMI,SAASV,GAAG,SAAS,EAAE,UAAU,EAAE;IAEzC,MAAMW,YAAYC,QAA6B,IACpC,IAAIC,uBACZ,EAAE;IAELC,UAAU;QACNH,UAAU,IAAI,CAACD;IACnB,GAAG;QAACA;KAAO;IAEX,MAAMK,aAAaH,QAAQ,IAChBI,cAAcT,OAAO,KAAK,CAAC,MAAM,GACzC;QAACA,OAAO,KAAK,CAAC,MAAM;KAAC;IAExB,MAAMU,mBAAmBC,YACrB,CAACC,OAAiBC;QACdZ,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,sBAAsB,EAAEO,WAAW,oCAAoC,CAAC;YAClF,cAAc,CAAC,WAAW,EAAEA,YAAY;YACxC,SAAS;gBACL,MAAMR,OAAO,eAAe,CAAC,OAAO,EAAEc,IAAI,EAAEC,MAAM,EAAE;oBAChD,IAAI;wBAEA,MAAMC,mBAAmBC,mBAAmB,eAAe,CACvDH,MACAF;wBAGJ,MAAMM,SAASC,KAAKH,kBAAkB;4BAClC;4BACA;4BACA;4BACA;yBACH;wBAED,MAAMI,WAAWC,gBAAgBH,QAAQL;wBAEzC,MAAMS,SAAS,MAAM3B,kBAAkB,OAAO,CAAC;4BAC3C,IAAImB,KAAK,EAAE;4BACX,MAAMM;wBACV;wBAEA,IAAI,CAACE,OAAO,OAAO,EAAE,YACjBP,OAAO,KAAK,CAAC;4BACT,OAAO,GAAGD,KAAK,IAAI,EAAE;4BACrB,SAASQ,OAAO,KAAK,CAAC,OAAO;wBACjC;wBAIJP,OAAO,OAAO,CAAC;4BACX,OAAO,GAAGD,KAAK,IAAI,EAAE;4BACrB,SAAS;wBACb;oBACJ,EAAE,OAAOS,GAAG;wBACRR,OAAO,KAAK,CAAC;4BACT,OAAO,GAAGD,KAAK,IAAI,EAAE;4BACrB,SAAUS,EAAY,OAAO;wBACjC;oBACJ;gBACJ;gBAEAvB,OAAO,UAAU;gBAEjBE,kBAAkB;oBACd,SAASF,OAAO,OAAO;oBACvB,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IACJ,GACA;QAACQ;KAAW;IAGhB,MAAMgB,sBAAsBb,YACxB,CAACC;QACGR,UAAU,WAAW;QACrBM,iBAAiBE,OAAOT;IAC5B,GACA;QAACO;QAAkBP;KAAO;IAG9B,IAAI,CAACC,UAAU,EAAE,CAAC,IAAI,EAClB,OAAO;IAGX,IAAI,CAACX,GAAG,WAAW,CAAC,OAAO,EACvB,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAACgC,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,KAAK,EAAEjB,YAAY;QAC7B,uBACI,oBAAChB,eAAAA;YACG,oBAAM,oBAACkC,gBAAQA;YACf,UAAU,IAAMtB,UAAU,UAAU;YACpC,MAAM;WAEL;sBAIb,oBAACuB,mBAAiBA;QACd,SAAS,IAAMvB,UAAU,WAAW;QACpC,QAAQA,UAAU,EAAE,CAAC,MAAM;QAC3B,OAAOA,UAAU,EAAE,CAAC,YAAY;QAChC,IAAIA,UAAU,EAAE,CAAC,QAAQ;QACzB,SAASoB;;AAIzB"}

package/presentation/config/configComponents/Browser/FolderFieldDecorator.d.ts

@@ -1,7 +0,0 @@
-import type React from "react";
-import type { FieldElement } from "@webiny/app-headless-cms-common";
-export type FieldProps = React.ComponentProps<typeof FieldElement>;
-export type FolderFieldDecoratorProps = {
-    id?: string;
-};
-export declare const shouldDecorateFolderField: (decoratorProps: FolderFieldDecoratorProps, componentProps: FieldProps) => boolean;

package/presentation/config/configComponents/Browser/FolderFieldDecorator.js

@@ -1,11 +0,0 @@
-import { useFoldersType } from "@webiny/app-aco";
-const shouldDecorateFolderField = (decoratorProps, componentProps)=>{
-    const { id } = decoratorProps;
-    const type = useFoldersType();
-    if ("FmFile" !== type) return false;
-    if (id) return "*" === id ? true : id === componentProps.field.id;
-    return true;
-};
-export { shouldDecorateFolderField };
-
-//# sourceMappingURL=FolderFieldDecorator.js.map

package/presentation/config/configComponents/Browser/FolderFieldDecorator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"presentation/config/configComponents/Browser/FolderFieldDecorator.js","sources":["../../../../../src/presentation/config/configComponents/Browser/FolderFieldDecorator.tsx"],"sourcesContent":["import type React from \"react\";\nimport type { FieldElement } from \"@webiny/app-headless-cms-common\";\nimport { useFoldersType } from \"@webiny/app-aco\";\n\nexport type FieldProps = React.ComponentProps<typeof FieldElement>;\n\nexport type FolderFieldDecoratorProps = {\n    id?: string;\n};\n\nexport const shouldDecorateFolderField = (\n    decoratorProps: FolderFieldDecoratorProps,\n    componentProps: FieldProps\n) => {\n    const { id } = decoratorProps;\n    const type = useFoldersType();\n\n    if (type !== \"FmFile\") {\n        return false;\n    }\n\n    if (id) {\n        return id === \"*\" ? true : id === componentProps.field.id;\n    }\n\n    return true;\n};\n"],"names":["shouldDecorateFolderField","decoratorProps","componentProps","id","type","useFoldersType"],"mappings":";AAUO,MAAMA,4BAA4B,CACrCC,gBACAC;IAEA,MAAM,EAAEC,EAAE,EAAE,GAAGF;IACf,MAAMG,OAAOC;IAEb,IAAID,AAAS,aAATA,MACA,OAAO;IAGX,IAAID,IACA,OAAOA,AAAO,QAAPA,KAAa,OAAOA,OAAOD,eAAe,KAAK,CAAC,EAAE;IAG7D,OAAO;AACX"}