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

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

@@ -0,0 +1,65 @@
+import react, { useMemo } from "react";
+import { Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { observer } from "mobx-react-lite";
+import { useFeature } from "@webiny/app";
+import { BulkAction, getFilesLabel } from "./useBulkActionWorker.js";
+import { useFileManagerPresenter } from "../../FileManagerPresenterProvider.js";
+import { DeleteFileFeature } from "../../../../features/deleteFile/feature.js";
+const BulkActionDelete_BulkActionDelete = observer(function() {
+    const { useWorker, useButtons, useDialog } = BulkAction;
+    const { ButtonDefault } = useButtons();
+    const worker = useWorker();
+    const { showConfirmationDialog, showResultsDialog } = useDialog();
+    const { vm } = useFileManagerPresenter();
+    const { useCase: deleteFileUseCase } = useFeature(DeleteFileFeature);
+    const filesLabel = useMemo(()=>getFilesLabel(worker.items.length), [
+        worker.items.length
+    ]);
+    const openDeleteDialog = ()=>showConfirmationDialog({
+            title: "Delete files",
+            message: `You are about to delete ${filesLabel}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${filesLabel}`,
+            execute: async ()=>{
+                await worker.processInSeries(async ({ item, report })=>{
+                    try {
+                        const result = await deleteFileUseCase.execute({
+                            id: item.id
+                        });
+                        if (!result.success) return void report.error({
+                            title: `${item.name}`,
+                            message: result.error.message
+                        });
+                        report.success({
+                            title: `${item.name}`,
+                            message: "File successfully deleted."
+                        });
+                    } catch (e) {
+                        report.error({
+                            title: `${item.name}`,
+                            message: e.message
+                        });
+                    }
+                });
+                worker.resetItems();
+                showResultsDialog({
+                    results: worker.results,
+                    title: "Delete files",
+                    message: "Finished deleting files! See full report below:"
+                });
+            }
+        });
+    if (!vm.permissions.canDelete) return null;
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: `Delete ${filesLabel}`,
+        trigger: /*#__PURE__*/ react.createElement(ButtonDefault, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onAction: openDeleteDialog,
+            size: "sm"
+        }, "Delete")
+    });
+});
+export { BulkActionDelete_BulkActionDelete as BulkActionDelete };
+
+//# sourceMappingURL=BulkActionDelete.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/BulkActionDelete.js","sources":["../../../../../src/presentation/FileList/components/BulkActions/BulkActionDelete.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { useFeature } from \"@webiny/app\";\nimport { BulkAction, getFilesLabel } from \"./useBulkActionWorker.js\";\nimport { useFileManagerPresenter } from \"../../FileManagerPresenterProvider.js\";\nimport { DeleteFileFeature } from \"~/features/deleteFile/feature.js\";\n\nexport const BulkActionDelete = observer(function BulkActionDelete() {\n    const { useWorker, useButtons, useDialog } = BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const { vm } = useFileManagerPresenter();\n    const { useCase: deleteFileUseCase } = useFeature(DeleteFileFeature);\n\n    const filesLabel = useMemo(() => {\n        return getFilesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const openDeleteDialog = () =>\n        showConfirmationDialog({\n            title: \"Delete files\",\n            message: `You are about to delete ${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                        const result = await deleteFileUseCase.execute({ id: item.id });\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 deleted.\"\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: \"Delete files\",\n                    message: \"Finished deleting files! See full report below:\"\n                });\n            }\n        });\n\n    if (!vm.permissions.canDelete) {\n        return null;\n    }\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Delete ${filesLabel}`}\n            trigger={\n                <ButtonDefault icon={<DeleteIcon />} onAction={openDeleteDialog} size={\"sm\"}>\n                    {`Delete`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"names":["BulkActionDelete","observer","useWorker","useButtons","useDialog","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","vm","useFileManagerPresenter","deleteFileUseCase","useFeature","DeleteFileFeature","filesLabel","useMemo","getFilesLabel","openDeleteDialog","item","report","result","e","Tooltip","DeleteIcon"],"mappings":";;;;;;;;AASO,MAAMA,oCAAmBC,SAAS;IACrC,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGC;IAC7C,MAAM,EAAEC,aAAa,EAAE,GAAGH;IAC1B,MAAMI,SAASL;IACf,MAAM,EAAEM,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGL;IAEtD,MAAM,EAAEM,EAAE,EAAE,GAAGC;IACf,MAAM,EAAE,SAASC,iBAAiB,EAAE,GAAGC,WAAWC;IAElD,MAAMC,aAAaC,QAAQ,IAChBC,cAAcV,OAAO,KAAK,CAAC,MAAM,GACzC;QAACA,OAAO,KAAK,CAAC,MAAM;KAAC;IAExB,MAAMW,mBAAmB,IACrBV,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,wBAAwB,EAAEO,WAAW,oCAAoC,CAAC;YACpF,cAAc,CAAC,WAAW,EAAEA,YAAY;YACxC,SAAS;gBACL,MAAMR,OAAO,eAAe,CAAC,OAAO,EAAEY,IAAI,EAAEC,MAAM,EAAE;oBAChD,IAAI;wBACA,MAAMC,SAAS,MAAMT,kBAAkB,OAAO,CAAC;4BAAE,IAAIO,KAAK,EAAE;wBAAC;wBAE7D,IAAI,CAACE,OAAO,OAAO,EAAE,YACjBD,OAAO,KAAK,CAAC;4BACT,OAAO,GAAGD,KAAK,IAAI,EAAE;4BACrB,SAASE,OAAO,KAAK,CAAC,OAAO;wBACjC;wBAIJD,OAAO,OAAO,CAAC;4BACX,OAAO,GAAGD,KAAK,IAAI,EAAE;4BACrB,SAAS;wBACb;oBACJ,EAAE,OAAOG,GAAG;wBACRF,OAAO,KAAK,CAAC;4BACT,OAAO,GAAGD,KAAK,IAAI,EAAE;4BACrB,SAAUG,EAAY,OAAO;wBACjC;oBACJ;gBACJ;gBAEAf,OAAO,UAAU;gBAEjBE,kBAAkB;oBACd,SAASF,OAAO,OAAO;oBACvB,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IAEJ,IAAI,CAACG,GAAG,WAAW,CAAC,SAAS,EACzB,OAAO;IAGX,OAAO,WAAP,GACI,oBAACa,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,OAAO,EAAER,YAAY;QAC/B,uBACI,oBAACT,eAAAA;YAAc,oBAAM,oBAACkB,gBAAUA;YAAK,UAAUN;YAAkB,MAAM;WAClE;;AAKrB"}

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

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

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

@@ -0,0 +1,105 @@
+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

@@ -0,0 +1 @@
+{"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/FileList/components/BulkActions/BulkActionMove.d.ts

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

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

@@ -0,0 +1,87 @@
+import react, { useCallback, useMemo } from "react";
+import { ReactComponent } from "@webiny/icons/exit_to_app.svg";
+import { Tooltip } from "@webiny/admin-ui";
+import { useMoveToFolderDialog } from "@webiny/app-aco";
+import { observer } from "mobx-react-lite";
+import { useFeature } from "@webiny/app";
+import { BulkAction, getFilesLabel } from "./useBulkActionWorker.js";
+import { useFileManagerPresenter } from "../../FileManagerPresenterProvider.js";
+import { UpdateFileFeature } from "../../../../features/updateFile/feature.js";
+import { ROOT_FOLDER } from "../../../../domain/constants.js";
+const BulkActionMove_BulkActionMove = observer(function() {
+    const { useWorker, useButtons, useDialog } = BulkAction;
+    const { ButtonDefault } = useButtons();
+    const worker = useWorker();
+    const { showConfirmationDialog, showResultsDialog } = useDialog();
+    const { showDialog: showMoveDialog } = useMoveToFolderDialog();
+    const { vm } = useFileManagerPresenter();
+    const { useCase: updateFileUseCase } = useFeature(UpdateFileFeature);
+    const currentFolderId = vm.folders.currentFolderId;
+    const filesLabel = useMemo(()=>getFilesLabel(worker.items.length), [
+        worker.items.length
+    ]);
+    const openWorkerDialog = useCallback((folder)=>{
+        showConfirmationDialog({
+            title: "Move files",
+            message: `You are about to move ${filesLabel} to ${folder.label}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${filesLabel}`,
+            execute: async ()=>{
+                await worker.processInSeries(async ({ item, report })=>{
+                    try {
+                        const result = await updateFileUseCase.execute({
+                            id: item.id,
+                            data: {
+                                location: {
+                                    folderId: folder.id
+                                }
+                            }
+                        });
+                        if (!result.success) return void report.error({
+                            title: `${item.name}`,
+                            message: result.error.message
+                        });
+                        report.success({
+                            title: `${item.name}`,
+                            message: "File successfully moved."
+                        });
+                    } catch (e) {
+                        report.error({
+                            title: `${item.name}`,
+                            message: e.message
+                        });
+                    }
+                });
+                worker.resetItems();
+                showResultsDialog({
+                    results: worker.results,
+                    title: "Move files",
+                    message: "Finished moving files! See full report below:"
+                });
+            }
+        });
+    }, [
+        filesLabel
+    ]);
+    const openMoveDialog = ()=>showMoveDialog({
+            title: "Select folder",
+            message: "Select a new location for selected files:",
+            loadingLabel: `Processing ${filesLabel}`,
+            acceptLabel: "Move",
+            focusedFolderId: currentFolderId || ROOT_FOLDER,
+            async onAccept ({ folder }) {
+                openWorkerDialog(folder);
+            }
+        });
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: `Move ${filesLabel}`,
+        trigger: /*#__PURE__*/ react.createElement(ButtonDefault, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onAction: openMoveDialog,
+            size: "sm"
+        }, "Move")
+    });
+});
+export { BulkActionMove_BulkActionMove as BulkActionMove };
+
+//# sourceMappingURL=BulkActionMove.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/BulkActionMove.js","sources":["../../../../../src/presentation/FileList/components/BulkActions/BulkActionMove.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { ReactComponent as MoveIcon } from \"@webiny/icons/exit_to_app.svg\";\nimport { type NodeDto, Tooltip } from \"@webiny/admin-ui\";\nimport { useMoveToFolderDialog } from \"@webiny/app-aco\";\nimport { observer } from \"mobx-react-lite\";\nimport { useFeature } from \"@webiny/app\";\nimport { BulkAction, getFilesLabel } from \"./useBulkActionWorker.js\";\nimport { useFileManagerPresenter } from \"../../FileManagerPresenterProvider.js\";\nimport { UpdateFileFeature } from \"~/features/updateFile/feature.js\";\nimport { ROOT_FOLDER } from \"~/domain/constants.js\";\n\nexport const BulkActionMove = observer(function BulkActionMove() {\n    const { useWorker, useButtons, useDialog } = BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n    const { showDialog: showMoveDialog } = useMoveToFolderDialog();\n\n    const { vm } = useFileManagerPresenter();\n    const { useCase: updateFileUseCase } = useFeature(UpdateFileFeature);\n\n    const currentFolderId = vm.folders.currentFolderId;\n\n    const filesLabel = useMemo(() => {\n        return getFilesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const openWorkerDialog = useCallback(\n        (folder: NodeDto) => {\n            showConfirmationDialog({\n                title: \"Move files\",\n                message: `You are about to move ${filesLabel} to ${folder.label}. Are you sure you want to continue?`,\n                loadingLabel: `Processing ${filesLabel}`,\n                execute: async () => {\n                    await worker.processInSeries(async ({ item, report }) => {\n                        try {\n                            const result = await updateFileUseCase.execute({\n                                id: item.id,\n                                data: { location: { folderId: folder.id } }\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 moved.\"\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: \"Move files\",\n                        message: \"Finished moving files! See full report below:\"\n                    });\n                }\n            });\n        },\n        [filesLabel]\n    );\n\n    const openMoveDialog = () =>\n        showMoveDialog({\n            title: \"Select folder\",\n            message: \"Select a new location for selected files:\",\n            loadingLabel: `Processing ${filesLabel}`,\n            acceptLabel: `Move`,\n            focusedFolderId: currentFolderId || ROOT_FOLDER,\n            async onAccept({ folder }) {\n                openWorkerDialog(folder);\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Move ${filesLabel}`}\n            trigger={\n                <ButtonDefault icon={<MoveIcon />} onAction={openMoveDialog} size={\"sm\"}>\n                    {`Move`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"names":["BulkActionMove","observer","useWorker","useButtons","useDialog","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","showMoveDialog","useMoveToFolderDialog","vm","useFileManagerPresenter","updateFileUseCase","useFeature","UpdateFileFeature","currentFolderId","filesLabel","useMemo","getFilesLabel","openWorkerDialog","useCallback","folder","item","report","result","e","openMoveDialog","ROOT_FOLDER","Tooltip","MoveIcon"],"mappings":";;;;;;;;;;AAWO,MAAMA,gCAAiBC,SAAS;IACnC,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGC;IAC7C,MAAM,EAAEC,aAAa,EAAE,GAAGH;IAC1B,MAAMI,SAASL;IACf,MAAM,EAAEM,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGL;IACtD,MAAM,EAAE,YAAYM,cAAc,EAAE,GAAGC;IAEvC,MAAM,EAAEC,EAAE,EAAE,GAAGC;IACf,MAAM,EAAE,SAASC,iBAAiB,EAAE,GAAGC,WAAWC;IAElD,MAAMC,kBAAkBL,GAAG,OAAO,CAAC,eAAe;IAElD,MAAMM,aAAaC,QAAQ,IAChBC,cAAcb,OAAO,KAAK,CAAC,MAAM,GACzC;QAACA,OAAO,KAAK,CAAC,MAAM;KAAC;IAExB,MAAMc,mBAAmBC,YACrB,CAACC;QACGf,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,sBAAsB,EAAEU,WAAW,IAAI,EAAEK,OAAO,KAAK,CAAC,oCAAoC,CAAC;YACrG,cAAc,CAAC,WAAW,EAAEL,YAAY;YACxC,SAAS;gBACL,MAAMX,OAAO,eAAe,CAAC,OAAO,EAAEiB,IAAI,EAAEC,MAAM,EAAE;oBAChD,IAAI;wBACA,MAAMC,SAAS,MAAMZ,kBAAkB,OAAO,CAAC;4BAC3C,IAAIU,KAAK,EAAE;4BACX,MAAM;gCAAE,UAAU;oCAAE,UAAUD,OAAO,EAAE;gCAAC;4BAAE;wBAC9C;wBAEA,IAAI,CAACG,OAAO,OAAO,EAAE,YACjBD,OAAO,KAAK,CAAC;4BACT,OAAO,GAAGD,KAAK,IAAI,EAAE;4BACrB,SAASE,OAAO,KAAK,CAAC,OAAO;wBACjC;wBAIJD,OAAO,OAAO,CAAC;4BACX,OAAO,GAAGD,KAAK,IAAI,EAAE;4BACrB,SAAS;wBACb;oBACJ,EAAE,OAAOG,GAAG;wBACRF,OAAO,KAAK,CAAC;4BACT,OAAO,GAAGD,KAAK,IAAI,EAAE;4BACrB,SAAUG,EAAY,OAAO;wBACjC;oBACJ;gBACJ;gBAEApB,OAAO,UAAU;gBAEjBE,kBAAkB;oBACd,SAASF,OAAO,OAAO;oBACvB,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IACJ,GACA;QAACW;KAAW;IAGhB,MAAMU,iBAAiB,IACnBlB,eAAe;YACX,OAAO;YACP,SAAS;YACT,cAAc,CAAC,WAAW,EAAEQ,YAAY;YACxC,aAAa;YACb,iBAAiBD,mBAAmBY;YACpC,MAAM,UAAS,EAAEN,MAAM,EAAE;gBACrBF,iBAAiBE;YACrB;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACO,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,KAAK,EAAEZ,YAAY;QAC7B,uBACI,oBAACZ,eAAAA;YAAc,oBAAM,oBAACyB,gBAAQA;YAAK,UAAUH;YAAgB,MAAM;WAC9D;;AAKrB"}

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

@@ -0,0 +1,23 @@
+import type { FileItem } from "../../../../domain/types.js";
+import type { BatchDTO } from "../../../../presentation/FileList/components/BulkActions/domain/index.js";
+export declare class GraphQLInputMapper {
+    static applyOperations(data: FileItem, batch: BatchDTO): {
+        [x: string]: any;
+        id: string;
+        createdOn: Date | string;
+        modifiedOn?: Date | string;
+        savedOn: Date | string;
+        createdBy: import("@webiny/sdk/index").FmIdentity;
+        modifiedBy?: import("@webiny/sdk/index").FmIdentity;
+        savedBy: import("@webiny/sdk/index").FmIdentity;
+        location: import("@webiny/sdk/index").FmLocation;
+        src: string;
+        name: string;
+        key: string;
+        type: string;
+        size: number;
+        metadata: import("@webiny/sdk/methods/fileManager/fileManagerTypes").FmFile_Metadata;
+        tags: string[];
+        accessControl?: import("@webiny/sdk/methods/fileManager/fileManagerTypes").FmFile_AccessControl;
+    };
+}

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

@@ -0,0 +1,40 @@
+import set from "lodash/set.js";
+import get from "lodash/get.js";
+import { OperatorType } from "./domain/index.js";
+class GraphQLInputMapper {
+    static applyOperations(data, batch) {
+        const update = {
+            ...data
+        };
+        batch.operations.forEach((operation)=>{
+            const { field, operator, value } = operation;
+            const fieldValue = get(value, field);
+            switch(operator){
+                case OperatorType.OVERRIDE:
+                    if (!fieldValue) return;
+                    set(update, field, fieldValue);
+                    break;
+                case OperatorType.REMOVE:
+                    set(update, field, null);
+                    break;
+                case OperatorType.APPEND:
+                    if (!value || !fieldValue || !Array.isArray(fieldValue)) return;
+                    const oldData = (data && get(data, field)) ?? [];
+                    set(update, field, [
+                        ...oldData,
+                        ...fieldValue
+                    ]);
+                    break;
+                default:
+                    break;
+            }
+        });
+        return {
+            ...data,
+            ...update
+        };
+    }
+}
+export { GraphQLInputMapper };
+
+//# sourceMappingURL=GraphQLInputMapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/GraphQLInputMapper.js","sources":["../../../../../src/presentation/FileList/components/BulkActions/GraphQLInputMapper.ts"],"sourcesContent":["import set from \"lodash/set.js\";\nimport get from \"lodash/get.js\";\nimport type { FileItem } from \"~/domain/types.js\";\nimport type { BatchDTO } from \"~/presentation/FileList/components/BulkActions/domain/index.js\";\nimport { OperatorType } from \"~/presentation/FileList/components/BulkActions/domain/index.js\";\n\nexport class GraphQLInputMapper {\n    static applyOperations(data: FileItem, batch: BatchDTO) {\n        const update = { ...data };\n\n        batch.operations.forEach(operation => {\n            const { field, operator, value } = operation;\n            const fieldValue = get(value, field);\n\n            switch (operator) {\n                case OperatorType.OVERRIDE:\n                    if (!fieldValue) {\n                        return;\n                    }\n\n                    set(update, field, fieldValue);\n                    break;\n                case OperatorType.REMOVE:\n                    set(update, field, null);\n                    break;\n                case OperatorType.APPEND:\n                    if (!value || !fieldValue || !Array.isArray(fieldValue)) {\n                        return;\n                    }\n\n                    const oldData = (data && get(data, field)) ?? [];\n                    set(update, field, [...oldData, ...fieldValue]);\n\n                    break;\n                default:\n                    break;\n            }\n        });\n\n        return {\n            ...data,\n            ...update\n        };\n    }\n}\n"],"names":["GraphQLInputMapper","data","batch","update","operation","field","operator","value","fieldValue","get","OperatorType","set","Array","oldData"],"mappings":";;;AAMO,MAAMA;IACT,OAAO,gBAAgBC,IAAc,EAAEC,KAAe,EAAE;QACpD,MAAMC,SAAS;YAAE,GAAGF,IAAI;QAAC;QAEzBC,MAAM,UAAU,CAAC,OAAO,CAACE,CAAAA;YACrB,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGH;YACnC,MAAMI,aAAaC,IAAIF,OAAOF;YAE9B,OAAQC;gBACJ,KAAKI,aAAa,QAAQ;oBACtB,IAAI,CAACF,YACD;oBAGJG,IAAIR,QAAQE,OAAOG;oBACnB;gBACJ,KAAKE,aAAa,MAAM;oBACpBC,IAAIR,QAAQE,OAAO;oBACnB;gBACJ,KAAKK,aAAa,MAAM;oBACpB,IAAI,CAACH,SAAS,CAACC,cAAc,CAACI,MAAM,OAAO,CAACJ,aACxC;oBAGJ,MAAMK,UAAWZ,AAAAA,CAAAA,QAAQQ,IAAIR,MAAMI,MAAK,KAAM,EAAE;oBAChDM,IAAIR,QAAQE,OAAO;2BAAIQ;2BAAYL;qBAAW;oBAE9C;gBACJ;oBACI;YACR;QACJ;QAEA,OAAO;YACH,GAAGP,IAAI;YACP,GAAGE,MAAM;QACb;IACJ;AACJ"}

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

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