@webiny/app-file-manager 5.43.3 → 6.0.0-alpha.1

package/components/BulkActions/ActionDelete.js

@@ -1,80 +1,79 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ActionDelete = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _delete = require("@material-design-icons/svg/outlined/delete.svg");
-var _mobxReactLite = require("mobx-react-lite");
-var _FileManagerViewConfig = require("../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig");
-var _FileManagerApiContext = require("../../modules/FileManagerApiProvider/FileManagerApiContext");
-var _FileManagerViewProvider = require("../../modules/FileManagerRenderer/FileManagerViewProvider");
-var _BulkActions = require("./BulkActions");
-var ActionDelete = exports.ActionDelete = (0, _mobxReactLite.observer)(function () {
-  var _useFileManagerView = (0, _FileManagerViewProvider.useFileManagerView)(),
-    deleteFile = _useFileManagerView.deleteFile;
-  var _useFileManagerApi = (0, _FileManagerApiContext.useFileManagerApi)(),
-    canDelete = _useFileManagerApi.canDelete;
-  var _FileManagerViewConfi = _FileManagerViewConfig.FileManagerViewConfig.Browser.BulkAction,
-    useWorker = _FileManagerViewConfi.useWorker,
-    useButtons = _FileManagerViewConfi.useButtons,
-    useDialog = _FileManagerViewConfi.useDialog;
-  var _useButtons = useButtons(),
-    IconButton = _useButtons.IconButton;
-  var worker = useWorker();
-  var _useDialog = useDialog(),
-    showConfirmationDialog = _useDialog.showConfirmationDialog,
-    showResultsDialog = _useDialog.showResultsDialog;
-  var filesLabel = (0, _react.useMemo)(function () {
-    return (0, _BulkActions.getFilesLabel)(worker.items.length);
+import React, { useMemo } from "react";
+import { Tooltip } from "@webiny/admin-ui";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { observer } from "mobx-react-lite";
+import { FileManagerViewConfig } from "../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig";
+import { useFileManagerApi } from "../../modules/FileManagerApiProvider/FileManagerApiContext";
+import { useFileManagerView } from "../../modules/FileManagerRenderer/FileManagerViewProvider";
+import { getFilesLabel } from "./BulkActions";
+export const ActionDelete = observer(() => {
+  const {
+    deleteFile
+  } = useFileManagerView();
+  const {
+    canDelete
+  } = useFileManagerApi();
+  const {
+    useWorker,
+    useButtons,
+    useDialog
+  } = FileManagerViewConfig.Browser.BulkAction;
+  const {
+    ButtonDefault
+  } = useButtons();
+  const worker = useWorker();
+  const {
+    showConfirmationDialog,
+    showResultsDialog
+  } = useDialog();
+  const filesLabel = useMemo(() => {
+    return getFilesLabel(worker.items.length);
   }, [worker.items.length]);
-  var canDeleteAll = (0, _react.useMemo)(function () {
-    return worker.items.every(function (item) {
-      return canDelete(item);
-    });
+  const canDeleteAll = useMemo(() => {
+    return worker.items.every(item => canDelete(item));
   }, [worker.items]);
-  var openDeleteDialog = function openDeleteDialog() {
-    return showConfirmationDialog({
-      title: "Delete files",
-      message: "You are about to delete ".concat(filesLabel, ". Are you sure you want to continue?"),
-      loadingLabel: "Processing ".concat(filesLabel),
-      execute: async function execute() {
-        await worker.processInSeries(async function (_ref) {
-          var item = _ref.item,
-            report = _ref.report;
-          try {
-            await deleteFile(item.id);
-            report.success({
-              title: "".concat(item.name),
-              message: "File successfully deleted."
-            });
-          } catch (e) {
-            report.error({
-              title: "".concat(item.name),
-              message: e.message
-            });
-          }
-        });
-        worker.resetItems();
-        showResultsDialog({
-          results: worker.results,
-          title: "Delete files",
-          message: "Finished deleting files! See full report below:"
-        });
-      }
-    });
-  };
+  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 {
+          await deleteFile(item.id);
+          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 (!canDeleteAll) {
     console.log("You don't have permissions to delete files.");
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null),
-    onAction: openDeleteDialog,
-    label: "Delete ".concat(filesLabel),
-    tooltipPlacement: "bottom"
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    side: "bottom",
+    content: `Delete ${filesLabel}`,
+    trigger: /*#__PURE__*/React.createElement(ButtonDefault, {
+      icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+      onAction: openDeleteDialog,
+      size: "sm"
+    }, `Delete`)
   });
 });
 

package/components/BulkActions/ActionDelete.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_delete","_mobxReactLite","_FileManagerViewConfig","_FileManagerApiContext","_FileManagerViewProvider","_BulkActions","ActionDelete","exports","observer","_useFileManagerView","useFileManagerView","deleteFile","_useFileManagerApi","useFileManagerApi","canDelete","_FileManagerViewConfi","FileManagerViewConfig","Browser","BulkAction","useWorker","useButtons","useDialog","_useButtons","IconButton","worker","_useDialog","showConfirmationDialog","showResultsDialog","filesLabel","useMemo","getFilesLabel","items","length","canDeleteAll","every","item","openDeleteDialog","title","message","concat","loadingLabel","execute","processInSeries","_ref","report","id","success","name","e","error","resetItems","results","console","log","default","createElement","icon","ReactComponent","onAction","label","tooltipPlacement"],"sources":["ActionDelete.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete.svg\";\nimport { observer } from \"mobx-react-lite\";\n\nimport { FileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig\";\nimport { useFileManagerApi } from \"~/modules/FileManagerApiProvider/FileManagerApiContext\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\nimport { getFilesLabel } from \"~/components/BulkActions/BulkActions\";\n\nexport const ActionDelete = observer(() => {\n    const { deleteFile } = useFileManagerView();\n    const { canDelete } = useFileManagerApi();\n\n    const { useWorker, useButtons, useDialog } = FileManagerViewConfig.Browser.BulkAction;\n    const { IconButton } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const filesLabel = useMemo(() => {\n        return getFilesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const canDeleteAll = useMemo(() => {\n        return worker.items.every(item => canDelete(item));\n    }, [worker.items]);\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                        await deleteFile(item.id);\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.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 (!canDeleteAll) {\n        console.log(\"You don't have permissions to delete files.\");\n        return null;\n    }\n\n    return (\n        <IconButton\n            icon={<DeleteIcon />}\n            onAction={openDeleteDialog}\n            label={`Delete ${filesLabel}`}\n            tooltipPlacement={\"bottom\"}\n        />\n    );\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Tooltip","ReactComponent","DeleteIcon","observer","FileManagerViewConfig","useFileManagerApi","useFileManagerView","getFilesLabel","ActionDelete","deleteFile","canDelete","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","filesLabel","items","length","canDeleteAll","every","item","openDeleteDialog","title","message","loadingLabel","execute","processInSeries","report","id","success","name","e","error","resetItems","results","console","log","createElement","side","content","trigger","icon","onAction","size"],"sources":["ActionDelete.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\";\n\nimport { FileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig\";\nimport { useFileManagerApi } from \"~/modules/FileManagerApiProvider/FileManagerApiContext\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\nimport { getFilesLabel } from \"~/components/BulkActions/BulkActions\";\n\nexport const ActionDelete = observer(() => {\n    const { deleteFile } = useFileManagerView();\n    const { canDelete } = useFileManagerApi();\n\n    const { useWorker, useButtons, useDialog } = FileManagerViewConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const filesLabel = useMemo(() => {\n        return getFilesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const canDeleteAll = useMemo(() => {\n        return worker.items.every(item => canDelete(item));\n    }, [worker.items]);\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                        await deleteFile(item.id);\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.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 (!canDeleteAll) {\n        console.log(\"You don't have permissions to delete files.\");\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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,SAASC,qBAAqB;AAC9B,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB;AAC3B,SAASC,aAAa;AAEtB,OAAO,MAAMC,YAAY,GAAGL,QAAQ,CAAC,MAAM;EACvC,MAAM;IAAEM;EAAW,CAAC,GAAGH,kBAAkB,CAAC,CAAC;EAC3C,MAAM;IAAEI;EAAU,CAAC,GAAGL,iBAAiB,CAAC,CAAC;EAEzC,MAAM;IAAEM,SAAS;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAGT,qBAAqB,CAACU,OAAO,CAACC,UAAU;EACrF,MAAM;IAAEC;EAAc,CAAC,GAAGJ,UAAU,CAAC,CAAC;EACtC,MAAMK,MAAM,GAAGN,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEO,sBAAsB;IAAEC;EAAkB,CAAC,GAAGN,SAAS,CAAC,CAAC;EAEjE,MAAMO,UAAU,GAAGrB,OAAO,CAAC,MAAM;IAC7B,OAAOQ,aAAa,CAACU,MAAM,CAACI,KAAK,CAACC,MAAM,CAAC;EAC7C,CAAC,EAAE,CAACL,MAAM,CAACI,KAAK,CAACC,MAAM,CAAC,CAAC;EAEzB,MAAMC,YAAY,GAAGxB,OAAO,CAAC,MAAM;IAC/B,OAAOkB,MAAM,CAACI,KAAK,CAACG,KAAK,CAACC,IAAI,IAAIf,SAAS,CAACe,IAAI,CAAC,CAAC;EACtD,CAAC,EAAE,CAACR,MAAM,CAACI,KAAK,CAAC,CAAC;EAElB,MAAMK,gBAAgB,GAAGA,CAAA,KACrBR,sBAAsB,CAAC;IACnBS,KAAK,EAAE,cAAc;IACrBC,OAAO,EAAE,2BAA2BR,UAAU,sCAAsC;IACpFS,YAAY,EAAE,cAAcT,UAAU,EAAE;IACxCU,OAAO,EAAE,MAAAA,CAAA,KAAY;MACjB,MAAMb,MAAM,CAACc,eAAe,CAAC,OAAO;QAAEN,IAAI;QAAEO;MAAO,CAAC,KAAK;QACrD,IAAI;UACA,MAAMvB,UAAU,CAACgB,IAAI,CAACQ,EAAE,CAAC;UAEzBD,MAAM,CAACE,OAAO,CAAC;YACXP,KAAK,EAAE,GAAGF,IAAI,CAACU,IAAI,EAAE;YACrBP,OAAO,EAAE;UACb,CAAC,CAAC;QACN,CAAC,CAAC,OAAOQ,CAAC,EAAE;UACRJ,MAAM,CAACK,KAAK,CAAC;YACTV,KAAK,EAAE,GAAGF,IAAI,CAACU,IAAI,EAAE;YACrBP,OAAO,EAAEQ,CAAC,CAACR;UACf,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;MAEFX,MAAM,CAACqB,UAAU,CAAC,CAAC;MAEnBnB,iBAAiB,CAAC;QACdoB,OAAO,EAAEtB,MAAM,CAACsB,OAAO;QACvBZ,KAAK,EAAE,cAAc;QACrBC,OAAO,EAAE;MACb,CAAC,CAAC;IACN;EACJ,CAAC,CAAC;EAEN,IAAI,CAACL,YAAY,EAAE;IACfiB,OAAO,CAACC,GAAG,CAAC,6CAA6C,CAAC;IAC1D,OAAO,IAAI;EACf;EAEA,oBACI3C,KAAA,CAAA4C,aAAA,CAAC1C,OAAO;IACJ2C,IAAI,EAAE,QAAS;IACfC,OAAO,EAAE,UAAUxB,UAAU,EAAG;IAChCyB,OAAO,eACH/C,KAAA,CAAA4C,aAAA,CAAC1B,aAAa;MAAC8B,IAAI,eAAEhD,KAAA,CAAA4C,aAAA,CAACxC,UAAU,MAAE,CAAE;MAAC6C,QAAQ,EAAErB,gBAAiB;MAACsB,IAAI,EAAE;IAAK,GACvE,QACU;EAClB,CACJ,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/components/BulkActions/ActionEdit/ActionEdit.js

@@ -1,43 +1,37 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ActionEdit = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _mobxReactLite = require("mobx-react-lite");
-var _edit = require("@material-design-icons/svg/outlined/edit.svg");
-var _FileManagerViewConfig = require("../../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig");
-var _useFileModel2 = require("../../../hooks/useFileModel");
-var _BatchEditorDialog = require("./BatchEditorDialog");
-var _ActionEditPresenter = require("./ActionEditPresenter");
-var _useActionEditWorker = require("./useActionEditWorker");
-var useButtons = _FileManagerViewConfig.FileManagerViewConfig.Browser.BulkAction.useButtons;
-var ActionEdit = exports.ActionEdit = (0, _mobxReactLite.observer)(function () {
-  var _useFileModel = (0, _useFileModel2.useFileModel)(),
-    allModelFields = _useFileModel.fields;
-  var config = (0, _FileManagerViewConfig.useFileManagerViewConfig)();
-  var _useButtons = useButtons(),
-    IconButton = _useButtons.IconButton;
-  var fields = (0, _react.useMemo)(function () {
-    if (!config.fileDetails.fields.find(function (field) {
-      return field.name === "tags";
-    })) {
-      return allModelFields.filter(function (field) {
-        return field.fieldId !== "tags";
-      });
+import React, { useCallback, useEffect, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
+import { FileManagerViewConfig, useFileManagerViewConfig } from "../../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig";
+import { useFileModel } from "../../../hooks/useFileModel";
+import { BatchEditorDialog } from "./BatchEditorDialog";
+import { ActionEditPresenter } from "./ActionEditPresenter";
+import { useActionEditWorker } from "./useActionEditWorker";
+import { Tooltip } from "@webiny/admin-ui";
+const {
+  useButtons
+} = FileManagerViewConfig.Browser.BulkAction;
+export const ActionEdit = observer(() => {
+  const {
+    fields: allModelFields
+  } = useFileModel();
+  const config = useFileManagerViewConfig();
+  const {
+    ButtonDefault
+  } = useButtons();
+  const fields = useMemo(() => {
+    if (!config.fileDetails.fields.find(field => field.name === "tags")) {
+      return allModelFields.filter(field => field.fieldId !== "tags");
     }
     return allModelFields;
   }, [config, allModelFields]);
-  var worker = (0, _useActionEditWorker.useActionEditWorker)(fields);
-  var presenter = (0, _react.useMemo)(function () {
-    return new _ActionEditPresenter.ActionEditPresenter();
+  const worker = useActionEditWorker(fields);
+  const presenter = useMemo(() => {
+    return new ActionEditPresenter();
   }, []);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     presenter.load(fields);
   }, [fields]);
-  var onBatchEditorSubmit = (0, _react.useCallback)(function (batch) {
+  const onBatchEditorSubmit = useCallback(batch => {
     presenter.closeEditor();
     worker.openWorkerDialog(batch);
   }, [worker.openWorkerDialog]);
@@ -48,17 +42,16 @@ var ActionEdit = exports.ActionEdit = (0, _mobxReactLite.observer)(function () {
     console.log("You don't have permissions to edit files.");
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_edit.ReactComponent, null),
-    onAction: function onAction() {
-      return presenter.openEditor();
-    },
-    label: "Edit ".concat(worker.filesLabel),
-    tooltipPlacement: "bottom"
-  }), /*#__PURE__*/_react.default.createElement(_BatchEditorDialog.BatchEditorDialog, {
-    onClose: function onClose() {
-      return presenter.closeEditor();
-    },
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+    side: "bottom",
+    content: `Edit ${worker.filesLabel}`,
+    trigger: /*#__PURE__*/React.createElement(ButtonDefault, {
+      icon: /*#__PURE__*/React.createElement(EditIcon, 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,

package/components/BulkActions/ActionEdit/ActionEdit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_edit","_FileManagerViewConfig","_useFileModel2","_BatchEditorDialog","_ActionEditPresenter","_useActionEditWorker","useButtons","FileManagerViewConfig","Browser","BulkAction","ActionEdit","exports","observer","_useFileModel","useFileModel","allModelFields","fields","config","useFileManagerViewConfig","_useButtons","IconButton","useMemo","fileDetails","find","field","name","filter","fieldId","worker","useActionEditWorker","presenter","ActionEditPresenter","useEffect","load","onBatchEditorSubmit","useCallback","batch","closeEditor","openWorkerDialog","vm","show","canEditAll","console","log","default","createElement","Fragment","icon","ReactComponent","onAction","openEditor","label","concat","filesLabel","tooltipPlacement","BatchEditorDialog","onClose","currentBatch","editorVm","onApply"],"sources":["ActionEdit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { ReactComponent as EditIcon } from \"@material-design-icons/svg/outlined/edit.svg\";\nimport {\n    FileManagerViewConfig,\n    useFileManagerViewConfig\n} from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig\";\nimport { useFileModel } from \"~/hooks/useFileModel\";\nimport { BatchDTO } from \"~/components/BulkActions/ActionEdit/domain\";\nimport { BatchEditorDialog } from \"./BatchEditorDialog\";\nimport { ActionEditPresenter } from \"./ActionEditPresenter\";\nimport { useActionEditWorker } from \"~/components/BulkActions/ActionEdit/useActionEditWorker\";\n\nconst { useButtons } = FileManagerViewConfig.Browser.BulkAction;\n\nexport const ActionEdit = observer(() => {\n    const { fields: allModelFields } = useFileModel();\n    const config = useFileManagerViewConfig();\n    const { IconButton } = useButtons();\n\n    const fields = useMemo(() => {\n        if (!config.fileDetails.fields.find(field => field.name === \"tags\")) {\n            return allModelFields.filter(field => field.fieldId !== \"tags\");\n        }\n\n        return allModelFields;\n    }, [config, allModelFields]);\n\n    const worker = useActionEditWorker(fields);\n\n    const presenter = useMemo<ActionEditPresenter>(() => {\n        return new ActionEditPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.load(fields);\n    }, [fields]);\n\n    const onBatchEditorSubmit = useCallback(\n        (batch: BatchDTO) => {\n            presenter.closeEditor();\n            worker.openWorkerDialog(batch);\n        },\n        [worker.openWorkerDialog]\n    );\n\n    if (!presenter.vm.show) {\n        return null;\n    }\n\n    if (!worker.canEditAll) {\n        console.log(\"You don't have permissions to edit files.\");\n        return null;\n    }\n\n    return (\n        <>\n            <IconButton\n                icon={<EditIcon />}\n                onAction={() => presenter.openEditor()}\n                label={`Edit ${worker.filesLabel}`}\n                tooltipPlacement={\"bottom\"}\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","observer","ReactComponent","EditIcon","FileManagerViewConfig","useFileManagerViewConfig","useFileModel","BatchEditorDialog","ActionEditPresenter","useActionEditWorker","Tooltip","useButtons","Browser","BulkAction","ActionEdit","fields","allModelFields","config","ButtonDefault","fileDetails","find","field","name","filter","fieldId","worker","presenter","load","onBatchEditorSubmit","batch","closeEditor","openWorkerDialog","vm","show","canEditAll","console","log","createElement","Fragment","side","content","filesLabel","trigger","icon","onAction","openEditor","size","onClose","currentBatch","editorVm","onApply"],"sources":["ActionEdit.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 {\n    FileManagerViewConfig,\n    useFileManagerViewConfig\n} from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig\";\nimport { useFileModel } from \"~/hooks/useFileModel\";\nimport type { BatchDTO } from \"~/components/BulkActions/ActionEdit/domain\";\nimport { BatchEditorDialog } from \"./BatchEditorDialog\";\nimport { ActionEditPresenter } from \"./ActionEditPresenter\";\nimport { useActionEditWorker } from \"~/components/BulkActions/ActionEdit/useActionEditWorker\";\nimport { Tooltip } from \"@webiny/admin-ui\";\n\nconst { useButtons } = FileManagerViewConfig.Browser.BulkAction;\n\nexport const ActionEdit = observer(() => {\n    const { fields: allModelFields } = useFileModel();\n    const config = useFileManagerViewConfig();\n    const { ButtonDefault } = useButtons();\n\n    const fields = useMemo(() => {\n        if (!config.fileDetails.fields.find(field => field.name === \"tags\")) {\n            return allModelFields.filter(field => field.fieldId !== \"tags\");\n        }\n\n        return allModelFields;\n    }, [config, allModelFields]);\n\n    const worker = useActionEditWorker(fields);\n\n    const presenter = useMemo<ActionEditPresenter>(() => {\n        return new ActionEditPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.load(fields);\n    }, [fields]);\n\n    const onBatchEditorSubmit = useCallback(\n        (batch: BatchDTO) => {\n            presenter.closeEditor();\n            worker.openWorkerDialog(batch);\n        },\n        [worker.openWorkerDialog]\n    );\n\n    if (!presenter.vm.show) {\n        return null;\n    }\n\n    if (!worker.canEditAll) {\n        console.log(\"You don't have permissions to edit files.\");\n        return null;\n    }\n\n    return (\n        <>\n            <Tooltip\n                side={\"bottom\"}\n                content={`Edit ${worker.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"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import { FileItem } from "@webiny/app-admin/types";
+import type { FileItem } from "@webiny/app-admin/types";
 export type ActionFormData = Partial<Omit<FileItem, "id">>;

package/components/BulkActions/ActionEdit/ActionEdit.types.js

@@ -1,7 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};
 
 //# sourceMappingURL=ActionEdit.types.js.map

package/components/BulkActions/ActionEdit/ActionEdit.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ActionEdit.types.ts"],"sourcesContent":["import { FileItem } from \"@webiny/app-admin/types\";\n\nexport type ActionFormData = Partial<Omit<FileItem, \"id\">>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["ActionEdit.types.ts"],"sourcesContent":["import type { FileItem } from \"@webiny/app-admin/types\";\n\nexport type ActionFormData = Partial<Omit<FileItem, \"id\">>;\n"],"mappings":"","ignoreList":[]}

package/components/BulkActions/ActionEdit/ActionEditPresenter.d.ts

@@ -1,4 +1,4 @@
-import { BatchDTO, FieldDTO, FieldRaw } from "./domain";
+import type { BatchDTO, FieldDTO, FieldRaw } from "./domain";
 interface IActionEditPresenter {
     load: (fields: FieldRaw[]) => void;
     openEditor: () => void;

package/components/BulkActions/ActionEdit/ActionEditPresenter.js

@@ -1,90 +1,55 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ActionEditPresenter = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _mobx = require("mobx");
-var _domain = require("./domain");
+import { makeAutoObservable } from "mobx";
+import { Batch, BatchMapper, Field, FieldMapper } from "./domain";
 function isBulkEditableField(field) {
   return field.tags && field.tags.includes("$bulk-edit");
 }
-var ActionEditPresenter = exports.ActionEditPresenter = /*#__PURE__*/function () {
-  function ActionEditPresenter() {
-    (0, _classCallCheck2.default)(this, ActionEditPresenter);
-    (0, _defineProperty2.default)(this, "showEditor", false);
+export class ActionEditPresenter {
+  showEditor = false;
+  constructor() {
     this.fields = [];
-    this.currentBatch = _domain.BatchMapper.toDTO(_domain.Batch.createEmpty());
-    (0, _mobx.makeAutoObservable)(this);
+    this.currentBatch = BatchMapper.toDTO(Batch.createEmpty());
+    makeAutoObservable(this);
   }
-  return (0, _createClass2.default)(ActionEditPresenter, [{
-    key: "load",
-    value: function load(fields) {
-      this.fields = [].concat((0, _toConsumableArray2.default)(this.getBuiltInFields(fields)), (0, _toConsumableArray2.default)(this.getExtensionFields(fields)));
-    }
-  }, {
-    key: "vm",
-    get: function get() {
-      return {
-        show: this.fields.length > 0,
-        currentBatch: this.currentBatch,
-        fields: this.fields,
-        editorVm: this.editorVm
-      };
-    }
-  }, {
-    key: "openEditor",
-    value: function openEditor() {
-      this.showEditor = true;
-    }
-  }, {
-    key: "closeEditor",
-    value: function closeEditor() {
-      this.showEditor = false;
-    }
-  }, {
-    key: "getBuiltInFields",
-    value: function getBuiltInFields(fields) {
-      var builtInFields = fields.filter(function (field) {
-        return field.fieldId !== "extensions";
-      }).filter(isBulkEditableField);
-      return _domain.FieldMapper.toDTO(builtInFields.map(function (field) {
-        return _domain.Field.createFromRaw(field);
-      }));
-    }
-  }, {
-    key: "getExtensionFields",
-    value: function getExtensionFields(fields) {
-      var extensions = fields.find(function (field) {
-        return field.fieldId === "extensions";
-      });
-      if (!extensions?.settings?.fields) {
-        return [];
-      }
-      var extensionFields = extensions.settings.fields.filter(isBulkEditableField) || [];
-      var extFields = _domain.FieldMapper.toDTO(extensionFields.map(function (field) {
-        return _domain.Field.createFromRaw(field);
-      }));
-      return extFields.map(function (field) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, field), {}, {
-          value: "extensions.".concat(field.value)
-        });
-      });
+  load(fields) {
+    this.fields = [...this.getBuiltInFields(fields), ...this.getExtensionFields(fields)];
+  }
+  get vm() {
+    return {
+      show: this.fields.length > 0,
+      currentBatch: this.currentBatch,
+      fields: this.fields,
+      editorVm: this.editorVm
+    };
+  }
+  openEditor() {
+    this.showEditor = true;
+  }
+  closeEditor() {
+    this.showEditor = false;
+  }
+  getBuiltInFields(fields) {
+    const builtInFields = fields.filter(field => field.fieldId !== "extensions").filter(isBulkEditableField);
+    return FieldMapper.toDTO(builtInFields.map(field => Field.createFromRaw(field)));
+  }
+  getExtensionFields(fields) {
+    const extensions = fields.find(field => field.fieldId === "extensions");
+    if (!extensions?.settings?.fields) {
+      return [];
     }
-  }, {
-    key: "editorVm",
-    get: function get() {
+    const extensionFields = extensions.settings.fields.filter(isBulkEditableField) || [];
+    const extFields = FieldMapper.toDTO(extensionFields.map(field => Field.createFromRaw(field)));
+    return extFields.map(field => {
       return {
-        isOpen: this.showEditor
+        ...field,
+        value: `extensions.${field.value}`
       };
-    }
-  }]);
-}();
+    });
+  }
+  get editorVm() {
+    return {
+      isOpen: this.showEditor
+    };
+  }
+}
 
 //# sourceMappingURL=ActionEditPresenter.js.map

package/components/BulkActions/ActionEdit/ActionEditPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_domain","isBulkEditableField","field","tags","includes","ActionEditPresenter","exports","_classCallCheck2","default","_defineProperty2","fields","currentBatch","BatchMapper","toDTO","Batch","createEmpty","makeAutoObservable","_createClass2","key","value","load","concat","_toConsumableArray2","getBuiltInFields","getExtensionFields","get","show","length","editorVm","openEditor","showEditor","closeEditor","builtInFields","filter","fieldId","FieldMapper","map","Field","createFromRaw","extensions","find","settings","extensionFields","extFields","_objectSpread2","isOpen"],"sources":["ActionEditPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nimport {\n    Batch,\n    BatchDTO,\n    BatchMapper,\n    Field,\n    FieldDTO,\n    FieldMapper,\n    FieldRaw\n} from \"~/components/BulkActions/ActionEdit/domain\";\n\nfunction isBulkEditableField(field: FieldRaw) {\n    return field.tags && field.tags.includes(\"$bulk-edit\");\n}\n\ninterface IActionEditPresenter {\n    load: (fields: FieldRaw[]) => void;\n    openEditor: () => void;\n    closeEditor: () => void;\n    get vm(): {\n        show: boolean;\n        currentBatch: BatchDTO;\n        fields: FieldDTO[];\n        editorVm: {\n            isOpen: boolean;\n        };\n    };\n}\n\nexport class ActionEditPresenter implements IActionEditPresenter {\n    private showEditor = false;\n    private readonly currentBatch: BatchDTO;\n    private fields: FieldDTO[];\n\n    constructor() {\n        this.fields = [];\n        this.currentBatch = BatchMapper.toDTO(Batch.createEmpty());\n        makeAutoObservable(this);\n    }\n\n    load(fields: FieldRaw[]) {\n        this.fields = [...this.getBuiltInFields(fields), ...this.getExtensionFields(fields)];\n    }\n\n    get vm() {\n        return {\n            show: this.fields.length > 0,\n            currentBatch: this.currentBatch,\n            fields: this.fields,\n            editorVm: this.editorVm\n        };\n    }\n\n    openEditor() {\n        this.showEditor = true;\n    }\n\n    closeEditor() {\n        this.showEditor = false;\n    }\n\n    private getBuiltInFields(fields: FieldRaw[]) {\n        const builtInFields = fields\n            .filter(field => field.fieldId !== \"extensions\")\n            .filter(isBulkEditableField);\n\n        return FieldMapper.toDTO(builtInFields.map(field => Field.createFromRaw(field)));\n    }\n\n    private getExtensionFields(fields: FieldRaw[]) {\n        const extensions = fields.find(field => field.fieldId === \"extensions\");\n\n        if (!extensions?.settings?.fields) {\n            return [];\n        }\n\n        const extensionFields = extensions.settings.fields.filter(isBulkEditableField) || [];\n\n        const extFields = FieldMapper.toDTO(\n            extensionFields.map(field => Field.createFromRaw(field))\n        );\n\n        return extFields.map(field => {\n            return { ...field, value: `extensions.${field.value}` };\n        });\n    }\n\n    private get editorVm() {\n        return {\n            isOpen: this.showEditor\n        };\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAUA,SAASE,mBAAmBA,CAACC,KAAe,EAAE;EAC1C,OAAOA,KAAK,CAACC,IAAI,IAAID,KAAK,CAACC,IAAI,CAACC,QAAQ,CAAC,YAAY,CAAC;AAC1D;AAAC,IAgBYC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA;EAK5B,SAAAA,oBAAA,EAAc;IAAA,IAAAE,gBAAA,CAAAC,OAAA,QAAAH,mBAAA;IAAA,IAAAI,gBAAA,CAAAD,OAAA,sBAJO,KAAK;IAKtB,IAAI,CAACE,MAAM,GAAG,EAAE;IAChB,IAAI,CAACC,YAAY,GAAGC,mBAAW,CAACC,KAAK,CAACC,aAAK,CAACC,WAAW,CAAC,CAAC,CAAC;IAC1D,IAAAC,wBAAkB,EAAC,IAAI,CAAC;EAC5B;EAAC,WAAAC,aAAA,CAAAT,OAAA,EAAAH,mBAAA;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAAC,IAAIA,CAACV,MAAkB,EAAE;MACrB,IAAI,CAACA,MAAM,MAAAW,MAAA,KAAAC,mBAAA,CAAAd,OAAA,EAAO,IAAI,CAACe,gBAAgB,CAACb,MAAM,CAAC,OAAAY,mBAAA,CAAAd,OAAA,EAAK,IAAI,CAACgB,kBAAkB,CAACd,MAAM,CAAC,EAAC;IACxF;EAAC;IAAAQ,GAAA;IAAAO,GAAA,EAED,SAAAA,IAAA,EAAS;MACL,OAAO;QACHC,IAAI,EAAE,IAAI,CAAChB,MAAM,CAACiB,MAAM,GAAG,CAAC;QAC5BhB,YAAY,EAAE,IAAI,CAACA,YAAY;QAC/BD,MAAM,EAAE,IAAI,CAACA,MAAM;QACnBkB,QAAQ,EAAE,IAAI,CAACA;MACnB,CAAC;IACL;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,UAAUA,CAAA,EAAG;MACT,IAAI,CAACC,UAAU,GAAG,IAAI;IAC1B;EAAC;IAAAZ,GAAA;IAAAC,KAAA,EAED,SAAAY,WAAWA,CAAA,EAAG;MACV,IAAI,CAACD,UAAU,GAAG,KAAK;IAC3B;EAAC;IAAAZ,GAAA;IAAAC,KAAA,EAED,SAAQI,gBAAgBA,CAACb,MAAkB,EAAE;MACzC,IAAMsB,aAAa,GAAGtB,MAAM,CACvBuB,MAAM,CAAC,UAAA/B,KAAK;QAAA,OAAIA,KAAK,CAACgC,OAAO,KAAK,YAAY;MAAA,EAAC,CAC/CD,MAAM,CAAChC,mBAAmB,CAAC;MAEhC,OAAOkC,mBAAW,CAACtB,KAAK,CAACmB,aAAa,CAACI,GAAG,CAAC,UAAAlC,KAAK;QAAA,OAAImC,aAAK,CAACC,aAAa,CAACpC,KAAK,CAAC;MAAA,EAAC,CAAC;IACpF;EAAC;IAAAgB,GAAA;IAAAC,KAAA,EAED,SAAQK,kBAAkBA,CAACd,MAAkB,EAAE;MAC3C,IAAM6B,UAAU,GAAG7B,MAAM,CAAC8B,IAAI,CAAC,UAAAtC,KAAK;QAAA,OAAIA,KAAK,CAACgC,OAAO,KAAK,YAAY;MAAA,EAAC;MAEvE,IAAI,CAACK,UAAU,EAAEE,QAAQ,EAAE/B,MAAM,EAAE;QAC/B,OAAO,EAAE;MACb;MAEA,IAAMgC,eAAe,GAAGH,UAAU,CAACE,QAAQ,CAAC/B,MAAM,CAACuB,MAAM,CAAChC,mBAAmB,CAAC,IAAI,EAAE;MAEpF,IAAM0C,SAAS,GAAGR,mBAAW,CAACtB,KAAK,CAC/B6B,eAAe,CAACN,GAAG,CAAC,UAAAlC,KAAK;QAAA,OAAImC,aAAK,CAACC,aAAa,CAACpC,KAAK,CAAC;MAAA,EAC3D,CAAC;MAED,OAAOyC,SAAS,CAACP,GAAG,CAAC,UAAAlC,KAAK,EAAI;QAC1B,WAAA0C,cAAA,CAAApC,OAAA,MAAAoC,cAAA,CAAApC,OAAA,MAAYN,KAAK;UAAEiB,KAAK,gBAAAE,MAAA,CAAgBnB,KAAK,CAACiB,KAAK;QAAE;MACzD,CAAC,CAAC;IACN;EAAC;IAAAD,GAAA;IAAAO,GAAA,EAED,SAAAA,IAAA,EAAuB;MACnB,OAAO;QACHoB,MAAM,EAAE,IAAI,CAACf;MACjB,CAAC;IACL;EAAC;AAAA","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","Batch","BatchMapper","Field","FieldMapper","isBulkEditableField","field","tags","includes","ActionEditPresenter","showEditor","constructor","fields","currentBatch","toDTO","createEmpty","load","getBuiltInFields","getExtensionFields","vm","show","length","editorVm","openEditor","closeEditor","builtInFields","filter","fieldId","map","createFromRaw","extensions","find","settings","extensionFields","extFields","value","isOpen"],"sources":["ActionEditPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nimport type { BatchDTO, FieldDTO, FieldRaw } from \"~/components/BulkActions/ActionEdit/domain\";\nimport { Batch, BatchMapper, Field, FieldMapper } from \"~/components/BulkActions/ActionEdit/domain\";\n\nfunction isBulkEditableField(field: FieldRaw) {\n    return field.tags && field.tags.includes(\"$bulk-edit\");\n}\n\ninterface IActionEditPresenter {\n    load: (fields: FieldRaw[]) => void;\n    openEditor: () => void;\n    closeEditor: () => void;\n    get vm(): {\n        show: boolean;\n        currentBatch: BatchDTO;\n        fields: FieldDTO[];\n        editorVm: {\n            isOpen: boolean;\n        };\n    };\n}\n\nexport class ActionEditPresenter implements IActionEditPresenter {\n    private showEditor = false;\n    private readonly currentBatch: BatchDTO;\n    private fields: FieldDTO[];\n\n    constructor() {\n        this.fields = [];\n        this.currentBatch = BatchMapper.toDTO(Batch.createEmpty());\n        makeAutoObservable(this);\n    }\n\n    load(fields: FieldRaw[]) {\n        this.fields = [...this.getBuiltInFields(fields), ...this.getExtensionFields(fields)];\n    }\n\n    get vm() {\n        return {\n            show: this.fields.length > 0,\n            currentBatch: this.currentBatch,\n            fields: this.fields,\n            editorVm: this.editorVm\n        };\n    }\n\n    openEditor() {\n        this.showEditor = true;\n    }\n\n    closeEditor() {\n        this.showEditor = false;\n    }\n\n    private getBuiltInFields(fields: FieldRaw[]) {\n        const builtInFields = fields\n            .filter(field => field.fieldId !== \"extensions\")\n            .filter(isBulkEditableField);\n\n        return FieldMapper.toDTO(builtInFields.map(field => Field.createFromRaw(field)));\n    }\n\n    private getExtensionFields(fields: FieldRaw[]) {\n        const extensions = fields.find(field => field.fieldId === \"extensions\");\n\n        if (!extensions?.settings?.fields) {\n            return [];\n        }\n\n        const extensionFields = extensions.settings.fields.filter(isBulkEditableField) || [];\n\n        const extFields = FieldMapper.toDTO(\n            extensionFields.map(field => Field.createFromRaw(field))\n        );\n\n        return extFields.map(field => {\n            return { ...field, value: `extensions.${field.value}` };\n        });\n    }\n\n    private get editorVm() {\n        return {\n            isOpen: this.showEditor\n        };\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAGzC,SAASC,KAAK,EAAEC,WAAW,EAAEC,KAAK,EAAEC,WAAW;AAE/C,SAASC,mBAAmBA,CAACC,KAAe,EAAE;EAC1C,OAAOA,KAAK,CAACC,IAAI,IAAID,KAAK,CAACC,IAAI,CAACC,QAAQ,CAAC,YAAY,CAAC;AAC1D;AAgBA,OAAO,MAAMC,mBAAmB,CAAiC;EACrDC,UAAU,GAAG,KAAK;EAI1BC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,MAAM,GAAG,EAAE;IAChB,IAAI,CAACC,YAAY,GAAGX,WAAW,CAACY,KAAK,CAACb,KAAK,CAACc,WAAW,CAAC,CAAC,CAAC;IAC1Df,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAgB,IAAIA,CAACJ,MAAkB,EAAE;IACrB,IAAI,CAACA,MAAM,GAAG,CAAC,GAAG,IAAI,CAACK,gBAAgB,CAACL,MAAM,CAAC,EAAE,GAAG,IAAI,CAACM,kBAAkB,CAACN,MAAM,CAAC,CAAC;EACxF;EAEA,IAAIO,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,IAAI,EAAE,IAAI,CAACR,MAAM,CAACS,MAAM,GAAG,CAAC;MAC5BR,YAAY,EAAE,IAAI,CAACA,YAAY;MAC/BD,MAAM,EAAE,IAAI,CAACA,MAAM;MACnBU,QAAQ,EAAE,IAAI,CAACA;IACnB,CAAC;EACL;EAEAC,UAAUA,CAAA,EAAG;IACT,IAAI,CAACb,UAAU,GAAG,IAAI;EAC1B;EAEAc,WAAWA,CAAA,EAAG;IACV,IAAI,CAACd,UAAU,GAAG,KAAK;EAC3B;EAEQO,gBAAgBA,CAACL,MAAkB,EAAE;IACzC,MAAMa,aAAa,GAAGb,MAAM,CACvBc,MAAM,CAACpB,KAAK,IAAIA,KAAK,CAACqB,OAAO,KAAK,YAAY,CAAC,CAC/CD,MAAM,CAACrB,mBAAmB,CAAC;IAEhC,OAAOD,WAAW,CAACU,KAAK,CAACW,aAAa,CAACG,GAAG,CAACtB,KAAK,IAAIH,KAAK,CAAC0B,aAAa,CAACvB,KAAK,CAAC,CAAC,CAAC;EACpF;EAEQY,kBAAkBA,CAACN,MAAkB,EAAE;IAC3C,MAAMkB,UAAU,GAAGlB,MAAM,CAACmB,IAAI,CAACzB,KAAK,IAAIA,KAAK,CAACqB,OAAO,KAAK,YAAY,CAAC;IAEvE,IAAI,CAACG,UAAU,EAAEE,QAAQ,EAAEpB,MAAM,EAAE;MAC/B,OAAO,EAAE;IACb;IAEA,MAAMqB,eAAe,GAAGH,UAAU,CAACE,QAAQ,CAACpB,MAAM,CAACc,MAAM,CAACrB,mBAAmB,CAAC,IAAI,EAAE;IAEpF,MAAM6B,SAAS,GAAG9B,WAAW,CAACU,KAAK,CAC/BmB,eAAe,CAACL,GAAG,CAACtB,KAAK,IAAIH,KAAK,CAAC0B,aAAa,CAACvB,KAAK,CAAC,CAC3D,CAAC;IAED,OAAO4B,SAAS,CAACN,GAAG,CAACtB,KAAK,IAAI;MAC1B,OAAO;QAAE,GAAGA,KAAK;QAAE6B,KAAK,EAAE,cAAc7B,KAAK,CAAC6B,KAAK;MAAG,CAAC;IAC3D,CAAC,CAAC;EACN;EAEA,IAAYb,QAAQA,CAAA,EAAG;IACnB,OAAO;MACHc,MAAM,EAAE,IAAI,CAAC1B;IACjB,CAAC;EACL;AACJ","ignoreList":[]}

package/components/BulkActions/ActionEdit/ActionEditPresenter.test.js

@@ -1,8 +1,6 @@
-"use strict";
-
-var _ActionEditPresenter = require("./ActionEditPresenter");
-describe("ActionEditPresenter", function () {
-  var extensionFields = [{
+import { ActionEditPresenter } from "./ActionEditPresenter";
+describe("ActionEditPresenter", () => {
+  const extensionFields = [{
     id: "field1",
     fieldId: "field1",
     label: "Field 1",
@@ -39,7 +37,7 @@ describe("ActionEditPresenter", function () {
     tags: [],
     storageId: "number@field3"
   }];
-  var createFields = function createFields(extensionFields) {
+  const createFields = extensionFields => {
     return [{
       id: "name",
       storageId: "text@name",
@@ -67,9 +65,7 @@ describe("ActionEditPresenter", function () {
       label: "Extensions",
       type: "object",
       settings: {
-        layout: extensionFields.map(function (field) {
-          return [field.id];
-        }),
+        layout: extensionFields.map(field => [field.id]),
         fields: extensionFields
       },
       listValidation: [],
@@ -84,12 +80,12 @@ describe("ActionEditPresenter", function () {
       }
     }];
   };
-  var presenter;
-  beforeEach(function () {
+  let presenter;
+  beforeEach(() => {
     jest.clearAllMocks();
-    presenter = new _ActionEditPresenter.ActionEditPresenter();
+    presenter = new ActionEditPresenter();
   });
-  it("should create a presenter and load extensions fields", function () {
+  it("should create a presenter and load extensions fields", () => {
     presenter.load(createFields(extensionFields));
 
     // I should see the bulk edit action
@@ -137,13 +133,13 @@ describe("ActionEditPresenter", function () {
       isOpen: false
     });
   });
-  it("should not show the bulk action if no `extensions` fields are defined", function () {
+  it("should not show the bulk action if no `extensions` fields are defined", () => {
     presenter.load(createFields([]));
 
     // The editor action should not be rendered
     expect(presenter.vm.show).toBe(false);
   });
-  it("should open / close the editor", function () {
+  it("should open / close the editor", () => {
     presenter.load(createFields(extensionFields));
 
     // The editor should be closed by default