@webiny/app-file-manager 5.39.0-beta.1 → 5.39.0-beta.3

package/components/BulkActions/ActionEdit/ActionEdit.js

@@ -1,139 +1,50 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ActionEdit = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireWildcard(require("react"));
-var _edit = require("@material-design-icons/svg/outlined/edit.svg");
-var _appHeadlessCmsCommon = require("@webiny/app-headless-cms-common");
 var _mobxReactLite = require("mobx-react-lite");
-var _omit = _interopRequireDefault(require("lodash/omit"));
+var _edit = require("@material-design-icons/svg/outlined/edit.svg");
 var _FileManagerViewConfig = require("../../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig");
-var _FileManagerApiContext = require("../../../modules/FileManagerApiProvider/FileManagerApiContext");
-var _FileManagerViewProvider = require("../../../modules/FileManagerRenderer/FileManagerViewProvider");
 var _useFileModel2 = require("../../../hooks/useFileModel");
-var _ = require("./..");
-var _GraphQLInputMapper = require("./GraphQLInputMapper");
 var _BatchEditorDialog = require("./BatchEditorDialog");
 var _ActionEditPresenter = require("./ActionEditPresenter");
+var _useActionEditWorker = require("./useActionEditWorker");
+var useButtons = _FileManagerViewConfig.FileManagerViewConfig.Browser.BulkAction.useButtons;
 var ActionEdit = (0, _mobxReactLite.observer)(function () {
   var _useFileModel = (0, _useFileModel2.useFileModel)(),
-    defaultFields = _useFileModel.fields;
-  var _FileManagerViewConfi = _FileManagerViewConfig.FileManagerViewConfig.Browser.BulkAction,
-    useWorker = _FileManagerViewConfi.useWorker,
-    useButtons = _FileManagerViewConfi.useButtons,
-    useBulkActionDialog = _FileManagerViewConfi.useDialog;
-  var worker = useWorker();
-  var _useFileManagerView = (0, _FileManagerViewProvider.useFileManagerView)(),
-    updateFile = _useFileManagerView.updateFile;
-  var _useFileManagerApi = (0, _FileManagerApiContext.useFileManagerApi)(),
-    canEdit = _useFileManagerApi.canEdit;
+    allModelFields = _useFileModel.fields;
+  var config = (0, _FileManagerViewConfig.useFileManagerViewConfig)();
   var _useButtons = useButtons(),
     IconButton = _useButtons.IconButton;
-  var _useBulkActionDialog = useBulkActionDialog(),
-    showConfirmationDialog = _useBulkActionDialog.showConfirmationDialog,
-    showResultsDialog = _useBulkActionDialog.showResultsDialog;
+  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";
+      });
+    }
+    return allModelFields;
+  }, [config, allModelFields]);
+  var worker = (0, _useActionEditWorker.useActionEditWorker)(fields);
   var presenter = (0, _react.useMemo)(function () {
     return new _ActionEditPresenter.ActionEditPresenter();
   }, []);
   (0, _react.useEffect)(function () {
-    presenter.load(defaultFields);
-  }, [defaultFields]);
-  var filesLabel = (0, _react.useMemo)(function () {
-    return (0, _.getFilesLabel)(worker.items.length);
-  }, [worker.items.length]);
-  var canEditAll = (0, _react.useMemo)(function () {
-    return worker.items.every(function (item) {
-      return canEdit(item);
-    });
-  }, [worker.items]);
-  var openWorkerDialog = function openWorkerDialog(batch) {
-    showConfirmationDialog({
-      title: "Edit files",
-      message: "You are about to edit ".concat(filesLabel, ". Are you sure you want to continue?"),
-      loadingLabel: "Processing ".concat(filesLabel),
-      execute: function () {
-        var _execute = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
-          return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return worker.processInSeries( /*#__PURE__*/function () {
-                  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(_ref) {
-                    var item, report, _extensions$settings, extensions, extensionsData, output, fileData;
-                    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-                      while (1) switch (_context.prev = _context.next) {
-                        case 0:
-                          item = _ref.item, report = _ref.report;
-                          _context.prev = 1;
-                          extensions = defaultFields.find(function (field) {
-                            return field.fieldId === "extensions";
-                          });
-                          extensionsData = _GraphQLInputMapper.GraphQLInputMapper.toGraphQLExtensions(item.extensions, batch);
-                          output = (0, _omit.default)(item, ["id", "createdBy", "createdOn", "src"]);
-                          fileData = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, output), {}, {
-                            extensions: (0, _appHeadlessCmsCommon.prepareFormData)(extensionsData, (extensions === null || extensions === void 0 ? void 0 : (_extensions$settings = extensions.settings) === null || _extensions$settings === void 0 ? void 0 : _extensions$settings.fields) || [])
-                          });
-                          _context.next = 8;
-                          return updateFile(item.id, fileData);
-                        case 8:
-                          report.success({
-                            title: "".concat(item.name),
-                            message: "File successfully edited."
-                          });
-                          _context.next = 14;
-                          break;
-                        case 11:
-                          _context.prev = 11;
-                          _context.t0 = _context["catch"](1);
-                          report.error({
-                            title: "".concat(item.name),
-                            message: _context.t0.message
-                          });
-                        case 14:
-                        case "end":
-                          return _context.stop();
-                      }
-                    }, _callee, null, [[1, 11]]);
-                  }));
-                  return function (_x) {
-                    return _ref2.apply(this, arguments);
-                  };
-                }());
-              case 2:
-                worker.resetItems();
-                showResultsDialog({
-                  results: worker.results,
-                  title: "Edit files",
-                  message: "Finished editing files! See full report below:"
-                });
-              case 4:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        function execute() {
-          return _execute.apply(this, arguments);
-        }
-        return execute;
-      }()
-    });
-  };
+    presenter.load(fields);
+  }, [fields]);
   var onBatchEditorSubmit = (0, _react.useCallback)(function (batch) {
     presenter.closeEditor();
-    openWorkerDialog(batch);
-  }, [openWorkerDialog]);
+    worker.openWorkerDialog(batch);
+  }, [worker.openWorkerDialog]);
   if (!presenter.vm.show) {
     return null;
   }
-  if (!canEditAll) {
+  if (!worker.canEditAll) {
     console.log("You don't have permissions to edit files.");
     return null;
   }
@@ -142,7 +53,7 @@ var ActionEdit = (0, _mobxReactLite.observer)(function () {
     onAction: function onAction() {
       return presenter.openEditor();
     },
-    label: "Edit ".concat(filesLabel),
+    label: "Edit ".concat(worker.filesLabel),
     tooltipPlacement: "bottom"
   }), /*#__PURE__*/_react.default.createElement(_BatchEditorDialog.BatchEditorDialog, {
     onClose: function onClose() {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_edit","_appHeadlessCmsCommon","_mobxReactLite","_omit","_interopRequireDefault","_FileManagerViewConfig","_FileManagerApiContext","_FileManagerViewProvider","_useFileModel2","_","_GraphQLInputMapper","_BatchEditorDialog","_ActionEditPresenter","ActionEdit","observer","_useFileModel","useFileModel","defaultFields","fields","_FileManagerViewConfi","FileManagerViewConfig","Browser","BulkAction","useWorker","useButtons","useBulkActionDialog","useDialog","worker","_useFileManagerView","useFileManagerView","updateFile","_useFileManagerApi","useFileManagerApi","canEdit","_useButtons","IconButton","_useBulkActionDialog","showConfirmationDialog","showResultsDialog","presenter","useMemo","ActionEditPresenter","useEffect","load","filesLabel","getFilesLabel","items","length","canEditAll","every","item","openWorkerDialog","batch","title","message","concat","loadingLabel","execute","_execute","_asyncToGenerator2","default","_regeneratorRuntime2","mark","_callee2","wrap","_callee2$","_context2","prev","next","processInSeries","_ref2","_callee","_ref","report","_extensions$settings","extensions","extensionsData","output","fileData","_callee$","_context","find","field","fieldId","GraphQLInputMapper","toGraphQLExtensions","omit","_objectSpread2","prepareFormData","settings","id","success","name","t0","error","stop","_x","apply","arguments","resetItems","results","onBatchEditorSubmit","useCallback","closeEditor","vm","show","console","log","createElement","Fragment","icon","ReactComponent","onAction","openEditor","label","tooltipPlacement","BatchEditorDialog","onClose","currentBatch","editorVm","onApply","exports"],"sources":["ActionEdit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from \"react\";\nimport { ReactComponent as EditIcon } from \"@material-design-icons/svg/outlined/edit.svg\";\nimport { prepareFormData } from \"@webiny/app-headless-cms-common\";\nimport { observer } from \"mobx-react-lite\";\nimport omit from \"lodash/omit\";\n\nimport { FileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig\";\nimport { useFileManagerApi } from \"~/modules/FileManagerApiProvider/FileManagerApiContext\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\n\nimport { useFileModel } from \"~/hooks/useFileModel\";\nimport { getFilesLabel } from \"~/components/BulkActions\";\nimport { GraphQLInputMapper } from \"~/components/BulkActions/ActionEdit/GraphQLInputMapper\";\nimport { BatchDTO } from \"~/components/BulkActions/ActionEdit/domain\";\n\nimport { BatchEditorDialog } from \"./BatchEditorDialog\";\nimport { ActionEditPresenter } from \"./ActionEditPresenter\";\n\nexport const ActionEdit = observer(() => {\n    const { fields: defaultFields } = useFileModel();\n    const {\n        useWorker,\n        useButtons,\n        useDialog: useBulkActionDialog\n    } = FileManagerViewConfig.Browser.BulkAction;\n    const worker = useWorker();\n    const { updateFile } = useFileManagerView();\n    const { canEdit } = useFileManagerApi();\n    const { IconButton } = useButtons();\n    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();\n\n    const presenter = useMemo<ActionEditPresenter>(() => {\n        return new ActionEditPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.load(defaultFields);\n    }, [defaultFields]);\n\n    const filesLabel = useMemo(() => {\n        return getFilesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const canEditAll = useMemo(() => {\n        return worker.items.every(item => canEdit(item));\n    }, [worker.items]);\n\n    const openWorkerDialog = (batch: BatchDTO) => {\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                        const extensions = defaultFields.find(\n                            field => field.fieldId === \"extensions\"\n                        );\n\n                        const extensionsData = GraphQLInputMapper.toGraphQLExtensions(\n                            item.extensions,\n                            batch\n                        );\n\n                        const output = omit(item, [\"id\", \"createdBy\", \"createdOn\", \"src\"]);\n\n                        const fileData = {\n                            ...output,\n                            extensions: prepareFormData(\n                                extensionsData,\n                                extensions?.settings?.fields || []\n                            )\n                        };\n\n                        await updateFile(item.id, fileData);\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.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\n    const onBatchEditorSubmit = useCallback(\n        (batch: BatchDTO) => {\n            presenter.closeEditor();\n            openWorkerDialog(batch);\n        },\n        [openWorkerDialog]\n    );\n\n    if (!presenter.vm.show) {\n        return null;\n    }\n\n    if (!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 ${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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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_edit","_FileManagerViewConfig","_useFileModel2","_BatchEditorDialog","_ActionEditPresenter","_useActionEditWorker","useButtons","FileManagerViewConfig","Browser","BulkAction","ActionEdit","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","exports"],"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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"}

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

@@ -1,6 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
-/// <reference types="web" />
 import { Dialog } from "@webiny/ui/Dialog";
 export declare const ActionEditFormContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

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

@@ -15,11 +15,9 @@ interface IActionEditPresenter {
 export declare class ActionEditPresenter implements IActionEditPresenter {
     private showEditor;
     private readonly currentBatch;
-    private extensionFields;
+    private fields;
     constructor();
     load(fields: FieldRaw[]): void;
-    private getExtensionFields;
-    private get editorVm();
     get vm(): {
         show: boolean;
         currentBatch: BatchDTO;
@@ -30,5 +28,8 @@ export declare class ActionEditPresenter implements IActionEditPresenter {
     };
     openEditor(): void;
     closeEditor(): void;
+    private getBuiltInFields;
+    private getExtensionFields;
+    private get editorVm();
 }
 export {};

package/components/BulkActions/ActionEdit/ActionEditPresenter.js

@@ -5,55 +5,36 @@ 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");
+function isBulkEditableField(field) {
+  return field.tags && field.tags.includes("$bulk-edit");
+}
 var ActionEditPresenter = /*#__PURE__*/function () {
   function ActionEditPresenter() {
     (0, _classCallCheck2.default)(this, ActionEditPresenter);
     (0, _defineProperty2.default)(this, "showEditor", false);
-    this.extensionFields = [];
+    this.fields = [];
     this.currentBatch = _domain.BatchMapper.toDTO(_domain.Batch.createEmpty());
     (0, _mobx.makeAutoObservable)(this);
   }
   (0, _createClass2.default)(ActionEditPresenter, [{
     key: "load",
     value: function load(fields) {
-      this.extensionFields = this.getExtensionFields(fields);
-    }
-  }, {
-    key: "getExtensionFields",
-    value: function getExtensionFields(fields) {
-      var _extensions$settings;
-      var extensions = fields.find(function (field) {
-        return field.fieldId === "extensions";
-      });
-      if (!(extensions !== null && extensions !== void 0 && (_extensions$settings = extensions.settings) !== null && _extensions$settings !== void 0 && _extensions$settings.fields)) {
-        return [];
-      }
-      var extensionFields = extensions.settings.fields.filter(function (field) {
-        return field.tags && field.tags.includes("$bulk-edit");
-      }) || [];
-      return _domain.FieldMapper.toDTO(extensionFields.map(function (field) {
-        return _domain.Field.createFromRaw(field);
-      }));
-    }
-  }, {
-    key: "editorVm",
-    get: function get() {
-      return {
-        isOpen: this.showEditor
-      };
+      this.fields = [].concat((0, _toConsumableArray2.default)(this.getBuiltInFields(fields)), (0, _toConsumableArray2.default)(this.getExtensionFields(fields)));
     }
   }, {
     key: "vm",
     get: function get() {
       return {
-        show: this.extensionFields.length > 0,
+        show: this.fields.length > 0,
         currentBatch: this.currentBatch,
-        fields: this.extensionFields,
+        fields: this.fields,
         editorVm: this.editorVm
       };
     }
@@ -67,6 +48,42 @@ var ActionEditPresenter = /*#__PURE__*/function () {
     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)
+        });
+      });
+    }
+  }, {
+    key: "editorVm",
+    get: function get() {
+      return {
+        isOpen: this.showEditor
+      };
+    }
   }]);
   return ActionEditPresenter;
 }();

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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_domain","ActionEditPresenter","_classCallCheck2","default","_defineProperty2","extensionFields","currentBatch","BatchMapper","toDTO","Batch","createEmpty","makeAutoObservable","_createClass2","key","value","load","fields","getExtensionFields","_extensions$settings","extensions","find","field","fieldId","settings","filter","tags","includes","FieldMapper","map","Field","createFromRaw","get","isOpen","showEditor","show","length","editorVm","openEditor","closeEditor","exports"],"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\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 extensionFields: FieldDTO[];\n\n    constructor() {\n        this.extensionFields = [];\n        this.currentBatch = BatchMapper.toDTO(Batch.createEmpty());\n        makeAutoObservable(this);\n    }\n\n    load(fields: FieldRaw[]) {\n        this.extensionFields = this.getExtensionFields(fields);\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 =\n            extensions.settings.fields.filter(\n                field => field.tags && field.tags.includes(\"$bulk-edit\")\n            ) || [];\n\n        return FieldMapper.toDTO(extensionFields.map(field => Field.createFromRaw(field)));\n    }\n\n    private get editorVm() {\n        return {\n            isOpen: this.showEditor\n        };\n    }\n\n    get vm() {\n        return {\n            show: this.extensionFields.length > 0,\n            currentBatch: this.currentBatch,\n            fields: this.extensionFields,\n            editorVm: this.editorVm\n        };\n    }\n\n    openEditor() {\n        this.showEditor = true;\n    }\n\n    closeEditor() {\n        this.showEditor = false;\n    }\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAQoD,IAgBvCE,mBAAmB;EAK5B,SAAAA,oBAAA,EAAc;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAF,mBAAA;IAAA,IAAAG,gBAAA,CAAAD,OAAA,sBAJO,KAAK;IAKtB,IAAI,CAACE,eAAe,GAAG,EAAE;IACzB,IAAI,CAACC,YAAY,GAAGC,mBAAW,CAACC,KAAK,CAACC,aAAK,CAACC,WAAW,CAAC,CAAC,CAAC;IAC1D,IAAAC,wBAAkB,EAAC,IAAI,CAAC;EAC5B;EAAC,IAAAC,aAAA,CAAAT,OAAA,EAAAF,mBAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,KAAKC,MAAkB,EAAE;MACrB,IAAI,CAACX,eAAe,GAAG,IAAI,CAACY,kBAAkB,CAACD,MAAM,CAAC;IAC1D;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,mBAA2BD,MAAkB,EAAE;MAAA,IAAAE,oBAAA;MAC3C,IAAMC,UAAU,GAAGH,MAAM,CAACI,IAAI,CAAC,UAAAC,KAAK;QAAA,OAAIA,KAAK,CAACC,OAAO,KAAK,YAAY;MAAA,EAAC;MAEvE,IAAI,EAACH,UAAU,aAAVA,UAAU,gBAAAD,oBAAA,GAAVC,UAAU,CAAEI,QAAQ,cAAAL,oBAAA,eAApBA,oBAAA,CAAsBF,MAAM,GAAE;QAC/B,OAAO,EAAE;MACb;MAEA,IAAMX,eAAe,GACjBc,UAAU,CAACI,QAAQ,CAACP,MAAM,CAACQ,MAAM,CAC7B,UAAAH,KAAK;QAAA,OAAIA,KAAK,CAACI,IAAI,IAAIJ,KAAK,CAACI,IAAI,CAACC,QAAQ,CAAC,YAAY,CAAC;MAAA,CAC5D,CAAC,IAAI,EAAE;MAEX,OAAOC,mBAAW,CAACnB,KAAK,CAACH,eAAe,CAACuB,GAAG,CAAC,UAAAP,KAAK;QAAA,OAAIQ,aAAK,CAACC,aAAa,CAACT,KAAK,CAAC;MAAA,EAAC,CAAC;IACtF;EAAC;IAAAR,GAAA;IAAAkB,GAAA,EAED,SAAAA,IAAA,EAAuB;MACnB,OAAO;QACHC,MAAM,EAAE,IAAI,CAACC;MACjB,CAAC;IACL;EAAC;IAAApB,GAAA;IAAAkB,GAAA,EAED,SAAAA,IAAA,EAAS;MACL,OAAO;QACHG,IAAI,EAAE,IAAI,CAAC7B,eAAe,CAAC8B,MAAM,GAAG,CAAC;QACrC7B,YAAY,EAAE,IAAI,CAACA,YAAY;QAC/BU,MAAM,EAAE,IAAI,CAACX,eAAe;QAC5B+B,QAAQ,EAAE,IAAI,CAACA;MACnB,CAAC;IACL;EAAC;IAAAvB,GAAA;IAAAC,KAAA,EAED,SAAAuB,WAAA,EAAa;MACT,IAAI,CAACJ,UAAU,GAAG,IAAI;IAC1B;EAAC;IAAApB,GAAA;IAAAC,KAAA,EAED,SAAAwB,YAAA,EAAc;MACV,IAAI,CAACL,UAAU,GAAG,KAAK;IAC3B;EAAC;EAAA,OAAAhC,mBAAA;AAAA;AAAAsC,OAAA,CAAAtC,mBAAA,GAAAA,mBAAA"}
+{"version":3,"names":["_mobx","require","_domain","isBulkEditableField","field","tags","includes","ActionEditPresenter","_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","exports"],"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":"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"}

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

@@ -100,14 +100,14 @@ describe("ActionEditPresenter", function () {
       operations: [{
         field: "",
         operator: "",
-        value: {}
+        value: undefined
       }]
     });
 
     // I should receive the `fields` available for bulk edit
     expect(presenter.vm.fields).toEqual([{
       label: "Field 1",
-      value: "field1",
+      value: "extensions.field1",
       operators: [{
         label: "Override existing values",
         value: "OVERRIDE"
@@ -118,7 +118,7 @@ describe("ActionEditPresenter", function () {
       raw: extensionFields[0]
     }, {
       label: "Field 2",
-      value: "field2",
+      value: "extensions.field2",
       operators: [{
         label: "Override existing values",
         value: "OVERRIDE"

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

@@ -1 +1 @@
-{"version":3,"names":["_ActionEditPresenter","require","describe","extensionFields","id","fieldId","label","type","renderer","name","tags","storageId","multipleValues","settings","models","modelId","createFields","listValidation","validation","message","predefinedValues","values","enabled","layout","map","field","fields","presenter","beforeEach","jest","clearAllMocks","ActionEditPresenter","it","load","expect","vm","show","toEqual","currentBatch","operations","operator","value","operators","raw","editorVm","isOpen","toBe","openEditor","closeEditor"],"sources":["ActionEditPresenter.test.ts"],"sourcesContent":["import { ActionEditPresenter } from \"./ActionEditPresenter\";\nimport { FieldRaw } from \"~/components/BulkActions/ActionEdit/domain\";\n\ndescribe(\"ActionEditPresenter\", () => {\n    const extensionFields = [\n        {\n            id: \"field1\",\n            fieldId: \"field1\",\n            label: \"Field 1\",\n            type: \"text\",\n            renderer: {\n                name: \"text-input\"\n            },\n            tags: [\"$bulk-edit\"],\n            storageId: \"text@field1\"\n        },\n        {\n            id: \"field2\",\n            fieldId: \"field2\",\n            label: \"Field 2\",\n            type: \"ref\",\n            renderer: {\n                name: \"ref-inputs\"\n            },\n            multipleValues: true,\n            settings: {\n                models: [\n                    {\n                        modelId: \"any-model\"\n                    }\n                ]\n            },\n            tags: [\"$bulk-edit\"],\n            storageId: \"ref@field2\"\n        },\n        {\n            id: \"field3\",\n            fieldId: \"field3\",\n            label: \"Field 3\",\n            type: \"number\",\n            renderer: {\n                name: \"number-input\"\n            },\n            tags: [],\n            storageId: \"number@field3\"\n        }\n    ];\n\n    const createFields = (extensionFields: FieldRaw[]) => {\n        return [\n            {\n                id: \"name\",\n                storageId: \"text@name\",\n                fieldId: \"name\",\n                label: \"Name\",\n                type: \"text\",\n                settings: {},\n                listValidation: [],\n                validation: [\n                    {\n                        name: \"required\",\n                        message: \"Value is required.\"\n                    }\n                ],\n                multipleValues: false,\n                predefinedValues: {\n                    values: [],\n                    enabled: false\n                },\n                renderer: {\n                    name: \"text-input\"\n                }\n            },\n            {\n                id: \"extensions\",\n                storageId: \"object@extensions\",\n                fieldId: \"extensions\",\n                label: \"Extensions\",\n                type: \"object\",\n                settings: {\n                    layout: extensionFields.map(field => [field.id]),\n                    fields: extensionFields\n                },\n                listValidation: [],\n                validation: [],\n                multipleValues: false,\n                predefinedValues: {\n                    values: [],\n                    enabled: false\n                },\n                renderer: {\n                    name: \"any\"\n                }\n            }\n        ];\n    };\n\n    let presenter: ActionEditPresenter;\n\n    beforeEach(() => {\n        jest.clearAllMocks();\n        presenter = new ActionEditPresenter();\n    });\n\n    it(\"should create a presenter and load extensions fields\", () => {\n        presenter.load(createFields(extensionFields));\n\n        // I should see the bulk edit action\n        expect(presenter.vm.show).toEqual(true);\n\n        // I should receive a `currentBatch`\n        expect(presenter.vm.currentBatch).toEqual({\n            operations: [\n                {\n                    field: \"\",\n                    operator: \"\",\n                    value: {}\n                }\n            ]\n        });\n\n        // I should receive the `fields` available for bulk edit\n        expect(presenter.vm.fields).toEqual([\n            {\n                label: \"Field 1\",\n                value: \"field1\",\n                operators: [\n                    {\n                        label: \"Override existing values\",\n                        value: \"OVERRIDE\"\n                    },\n                    {\n                        label: \"Clear all existing values\",\n                        value: \"REMOVE\"\n                    }\n                ],\n                raw: extensionFields[0]\n            },\n            {\n                label: \"Field 2\",\n                value: \"field2\",\n                operators: [\n                    {\n                        label: \"Override existing values\",\n                        value: \"OVERRIDE\"\n                    },\n                    {\n                        label: \"Clear all existing values\",\n                        value: \"REMOVE\"\n                    },\n                    {\n                        label: \"Append to existing values\",\n                        value: \"APPEND\"\n                    }\n                ],\n                raw: extensionFields[1]\n            }\n        ]);\n\n        // I should receive the editor.vm\n        expect(presenter.vm.editorVm).toEqual({\n            isOpen: false\n        });\n    });\n\n    it(\"should not show the bulk action if no `extensions` fields are defined\", () => {\n        presenter.load(createFields([]));\n\n        // The editor action should not be rendered\n        expect(presenter.vm.show).toBe(false);\n    });\n\n    it(\"should open / close the editor\", () => {\n        presenter.load(createFields(extensionFields));\n\n        // The editor should be closed by default\n        expect(presenter.vm.editorVm.isOpen).toBe(false);\n\n        // Let's open the editor\n        presenter.openEditor();\n        expect(presenter.vm.editorVm.isOpen).toBe(true);\n\n        // Let's open the editor\n        presenter.closeEditor();\n        expect(presenter.vm.editorVm.isOpen).toBe(false);\n    });\n});\n"],"mappings":";;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAGAC,QAAQ,CAAC,qBAAqB,EAAE,YAAM;EAClC,IAAMC,eAAe,GAAG,CACpB;IACIC,EAAE,EAAE,QAAQ;IACZC,OAAO,EAAE,QAAQ;IACjBC,KAAK,EAAE,SAAS;IAChBC,IAAI,EAAE,MAAM;IACZC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV,CAAC;IACDC,IAAI,EAAE,CAAC,YAAY,CAAC;IACpBC,SAAS,EAAE;EACf,CAAC,EACD;IACIP,EAAE,EAAE,QAAQ;IACZC,OAAO,EAAE,QAAQ;IACjBC,KAAK,EAAE,SAAS;IAChBC,IAAI,EAAE,KAAK;IACXC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV,CAAC;IACDG,cAAc,EAAE,IAAI;IACpBC,QAAQ,EAAE;MACNC,MAAM,EAAE,CACJ;QACIC,OAAO,EAAE;MACb,CAAC;IAET,CAAC;IACDL,IAAI,EAAE,CAAC,YAAY,CAAC;IACpBC,SAAS,EAAE;EACf,CAAC,EACD;IACIP,EAAE,EAAE,QAAQ;IACZC,OAAO,EAAE,QAAQ;IACjBC,KAAK,EAAE,SAAS;IAChBC,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV,CAAC;IACDC,IAAI,EAAE,EAAE;IACRC,SAAS,EAAE;EACf,CAAC,CACJ;EAED,IAAMK,YAAY,GAAG,SAAfA,YAAYA,CAAIb,eAA2B,EAAK;IAClD,OAAO,CACH;MACIC,EAAE,EAAE,MAAM;MACVO,SAAS,EAAE,WAAW;MACtBN,OAAO,EAAE,MAAM;MACfC,KAAK,EAAE,MAAM;MACbC,IAAI,EAAE,MAAM;MACZM,QAAQ,EAAE,CAAC,CAAC;MACZI,cAAc,EAAE,EAAE;MAClBC,UAAU,EAAE,CACR;QACIT,IAAI,EAAE,UAAU;QAChBU,OAAO,EAAE;MACb,CAAC,CACJ;MACDP,cAAc,EAAE,KAAK;MACrBQ,gBAAgB,EAAE;QACdC,MAAM,EAAE,EAAE;QACVC,OAAO,EAAE;MACb,CAAC;MACDd,QAAQ,EAAE;QACNC,IAAI,EAAE;MACV;IACJ,CAAC,EACD;MACIL,EAAE,EAAE,YAAY;MAChBO,SAAS,EAAE,mBAAmB;MAC9BN,OAAO,EAAE,YAAY;MACrBC,KAAK,EAAE,YAAY;MACnBC,IAAI,EAAE,QAAQ;MACdM,QAAQ,EAAE;QACNU,MAAM,EAAEpB,eAAe,CAACqB,GAAG,CAAC,UAAAC,KAAK;UAAA,OAAI,CAACA,KAAK,CAACrB,EAAE,CAAC;QAAA,EAAC;QAChDsB,MAAM,EAAEvB;MACZ,CAAC;MACDc,cAAc,EAAE,EAAE;MAClBC,UAAU,EAAE,EAAE;MACdN,cAAc,EAAE,KAAK;MACrBQ,gBAAgB,EAAE;QACdC,MAAM,EAAE,EAAE;QACVC,OAAO,EAAE;MACb,CAAC;MACDd,QAAQ,EAAE;QACNC,IAAI,EAAE;MACV;IACJ,CAAC,CACJ;EACL,CAAC;EAED,IAAIkB,SAA8B;EAElCC,UAAU,CAAC,YAAM;IACbC,IAAI,CAACC,aAAa,CAAC,CAAC;IACpBH,SAAS,GAAG,IAAII,wCAAmB,CAAC,CAAC;EACzC,CAAC,CAAC;EAEFC,EAAE,CAAC,sDAAsD,EAAE,YAAM;IAC7DL,SAAS,CAACM,IAAI,CAACjB,YAAY,CAACb,eAAe,CAAC,CAAC;;IAE7C;IACA+B,MAAM,CAACP,SAAS,CAACQ,EAAE,CAACC,IAAI,CAAC,CAACC,OAAO,CAAC,IAAI,CAAC;;IAEvC;IACAH,MAAM,CAACP,SAAS,CAACQ,EAAE,CAACG,YAAY,CAAC,CAACD,OAAO,CAAC;MACtCE,UAAU,EAAE,CACR;QACId,KAAK,EAAE,EAAE;QACTe,QAAQ,EAAE,EAAE;QACZC,KAAK,EAAE,CAAC;MACZ,CAAC;IAET,CAAC,CAAC;;IAEF;IACAP,MAAM,CAACP,SAAS,CAACQ,EAAE,CAACT,MAAM,CAAC,CAACW,OAAO,CAAC,CAChC;MACI/B,KAAK,EAAE,SAAS;MAChBmC,KAAK,EAAE,QAAQ;MACfC,SAAS,EAAE,CACP;QACIpC,KAAK,EAAE,0BAA0B;QACjCmC,KAAK,EAAE;MACX,CAAC,EACD;QACInC,KAAK,EAAE,2BAA2B;QAClCmC,KAAK,EAAE;MACX,CAAC,CACJ;MACDE,GAAG,EAAExC,eAAe,CAAC,CAAC;IAC1B,CAAC,EACD;MACIG,KAAK,EAAE,SAAS;MAChBmC,KAAK,EAAE,QAAQ;MACfC,SAAS,EAAE,CACP;QACIpC,KAAK,EAAE,0BAA0B;QACjCmC,KAAK,EAAE;MACX,CAAC,EACD;QACInC,KAAK,EAAE,2BAA2B;QAClCmC,KAAK,EAAE;MACX,CAAC,EACD;QACInC,KAAK,EAAE,2BAA2B;QAClCmC,KAAK,EAAE;MACX,CAAC,CACJ;MACDE,GAAG,EAAExC,eAAe,CAAC,CAAC;IAC1B,CAAC,CACJ,CAAC;;IAEF;IACA+B,MAAM,CAACP,SAAS,CAACQ,EAAE,CAACS,QAAQ,CAAC,CAACP,OAAO,CAAC;MAClCQ,MAAM,EAAE;IACZ,CAAC,CAAC;EACN,CAAC,CAAC;EAEFb,EAAE,CAAC,uEAAuE,EAAE,YAAM;IAC9EL,SAAS,CAACM,IAAI,CAACjB,YAAY,CAAC,EAAE,CAAC,CAAC;;IAEhC;IACAkB,MAAM,CAACP,SAAS,CAACQ,EAAE,CAACC,IAAI,CAAC,CAACU,IAAI,CAAC,KAAK,CAAC;EACzC,CAAC,CAAC;EAEFd,EAAE,CAAC,gCAAgC,EAAE,YAAM;IACvCL,SAAS,CAACM,IAAI,CAACjB,YAAY,CAACb,eAAe,CAAC,CAAC;;IAE7C;IACA+B,MAAM,CAACP,SAAS,CAACQ,EAAE,CAACS,QAAQ,CAACC,MAAM,CAAC,CAACC,IAAI,CAAC,KAAK,CAAC;;IAEhD;IACAnB,SAAS,CAACoB,UAAU,CAAC,CAAC;IACtBb,MAAM,CAACP,SAAS,CAACQ,EAAE,CAACS,QAAQ,CAACC,MAAM,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC;;IAE/C;IACAnB,SAAS,CAACqB,WAAW,CAAC,CAAC;IACvBd,MAAM,CAACP,SAAS,CAACQ,EAAE,CAACS,QAAQ,CAACC,MAAM,CAAC,CAACC,IAAI,CAAC,KAAK,CAAC;EACpD,CAAC,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"names":["_ActionEditPresenter","require","describe","extensionFields","id","fieldId","label","type","renderer","name","tags","storageId","multipleValues","settings","models","modelId","createFields","listValidation","validation","message","predefinedValues","values","enabled","layout","map","field","fields","presenter","beforeEach","jest","clearAllMocks","ActionEditPresenter","it","load","expect","vm","show","toEqual","currentBatch","operations","operator","value","undefined","operators","raw","editorVm","isOpen","toBe","openEditor","closeEditor"],"sources":["ActionEditPresenter.test.ts"],"sourcesContent":["import { ActionEditPresenter } from \"./ActionEditPresenter\";\nimport { FieldRaw } from \"~/components/BulkActions/ActionEdit/domain\";\n\ndescribe(\"ActionEditPresenter\", () => {\n    const extensionFields = [\n        {\n            id: \"field1\",\n            fieldId: \"field1\",\n            label: \"Field 1\",\n            type: \"text\",\n            renderer: {\n                name: \"text-input\"\n            },\n            tags: [\"$bulk-edit\"],\n            storageId: \"text@field1\"\n        },\n        {\n            id: \"field2\",\n            fieldId: \"field2\",\n            label: \"Field 2\",\n            type: \"ref\",\n            renderer: {\n                name: \"ref-inputs\"\n            },\n            multipleValues: true,\n            settings: {\n                models: [\n                    {\n                        modelId: \"any-model\"\n                    }\n                ]\n            },\n            tags: [\"$bulk-edit\"],\n            storageId: \"ref@field2\"\n        },\n        {\n            id: \"field3\",\n            fieldId: \"field3\",\n            label: \"Field 3\",\n            type: \"number\",\n            renderer: {\n                name: \"number-input\"\n            },\n            tags: [],\n            storageId: \"number@field3\"\n        }\n    ];\n\n    const createFields = (extensionFields: FieldRaw[]) => {\n        return [\n            {\n                id: \"name\",\n                storageId: \"text@name\",\n                fieldId: \"name\",\n                label: \"Name\",\n                type: \"text\",\n                settings: {},\n                listValidation: [],\n                validation: [\n                    {\n                        name: \"required\",\n                        message: \"Value is required.\"\n                    }\n                ],\n                multipleValues: false,\n                predefinedValues: {\n                    values: [],\n                    enabled: false\n                },\n                renderer: {\n                    name: \"text-input\"\n                }\n            },\n            {\n                id: \"extensions\",\n                storageId: \"object@extensions\",\n                fieldId: \"extensions\",\n                label: \"Extensions\",\n                type: \"object\",\n                settings: {\n                    layout: extensionFields.map(field => [field.id]),\n                    fields: extensionFields\n                },\n                listValidation: [],\n                validation: [],\n                multipleValues: false,\n                predefinedValues: {\n                    values: [],\n                    enabled: false\n                },\n                renderer: {\n                    name: \"any\"\n                }\n            }\n        ];\n    };\n\n    let presenter: ActionEditPresenter;\n\n    beforeEach(() => {\n        jest.clearAllMocks();\n        presenter = new ActionEditPresenter();\n    });\n\n    it(\"should create a presenter and load extensions fields\", () => {\n        presenter.load(createFields(extensionFields));\n\n        // I should see the bulk edit action\n        expect(presenter.vm.show).toEqual(true);\n\n        // I should receive a `currentBatch`\n        expect(presenter.vm.currentBatch).toEqual({\n            operations: [\n                {\n                    field: \"\",\n                    operator: \"\",\n                    value: undefined\n                }\n            ]\n        });\n\n        // I should receive the `fields` available for bulk edit\n        expect(presenter.vm.fields).toEqual([\n            {\n                label: \"Field 1\",\n                value: \"extensions.field1\",\n                operators: [\n                    {\n                        label: \"Override existing values\",\n                        value: \"OVERRIDE\"\n                    },\n                    {\n                        label: \"Clear all existing values\",\n                        value: \"REMOVE\"\n                    }\n                ],\n                raw: extensionFields[0]\n            },\n            {\n                label: \"Field 2\",\n                value: \"extensions.field2\",\n                operators: [\n                    {\n                        label: \"Override existing values\",\n                        value: \"OVERRIDE\"\n                    },\n                    {\n                        label: \"Clear all existing values\",\n                        value: \"REMOVE\"\n                    },\n                    {\n                        label: \"Append to existing values\",\n                        value: \"APPEND\"\n                    }\n                ],\n                raw: extensionFields[1]\n            }\n        ]);\n\n        // I should receive the editor.vm\n        expect(presenter.vm.editorVm).toEqual({\n            isOpen: false\n        });\n    });\n\n    it(\"should not show the bulk action if no `extensions` fields are defined\", () => {\n        presenter.load(createFields([]));\n\n        // The editor action should not be rendered\n        expect(presenter.vm.show).toBe(false);\n    });\n\n    it(\"should open / close the editor\", () => {\n        presenter.load(createFields(extensionFields));\n\n        // The editor should be closed by default\n        expect(presenter.vm.editorVm.isOpen).toBe(false);\n\n        // Let's open the editor\n        presenter.openEditor();\n        expect(presenter.vm.editorVm.isOpen).toBe(true);\n\n        // Let's open the editor\n        presenter.closeEditor();\n        expect(presenter.vm.editorVm.isOpen).toBe(false);\n    });\n});\n"],"mappings":"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"}

package/components/BulkActions/ActionEdit/BatchEditorDialog/BatchEditor.js

@@ -24,7 +24,9 @@ var BatchEditor = (0, _mobxReactLite.observer)(function (props) {
     ref: formRef,
     data: props.vm.data,
     onChange: props.onChange,
-    onSubmit: props.onSubmit,
+    onSubmit: function onSubmit(data) {
+      console.log("data", data);
+    },
     invalidFields: props.vm.invalidFields
   }, function () {
     return /*#__PURE__*/_react.default.createElement(_ActionEdit.BatchEditorContainer, null, /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_delete_outline","_form","_Accordion","_AddOperation","_Operation","_ActionEdit","BatchEditor","observer","props","formRef","React","createRef","useEffect","current","onForm","default","createElement","Form","ref","data","vm","onChange","onSubmit","invalidFields","BatchEditorContainer","Accordion","elevation","operations","map","operation","operationIndex","AccordionItem","key","concat","title","open","actions","Actions","Action","icon","ReactComponent","onClick","onDelete","disabled","canDelete","Operation","name","onSetOperationFieldData","AddOperation","canAddOperation","onAdd","exports"],"sources":["BatchEditor.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\n\nimport { observer } from \"mobx-react-lite\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete_outline.svg\";\nimport { Form, FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\n\nimport { AddOperation } from \"~/components/BulkActions/ActionEdit/BatchEditorDialog/AddOperation\";\nimport { Operation } from \"~/components/BulkActions/ActionEdit/BatchEditorDialog/Operation\";\nimport {\n    BatchEditorDialogViewModel,\n    BatchEditorFormData\n} from \"~/components/BulkActions/ActionEdit/BatchEditorDialog/BatchEditorDialogPresenter\";\nimport { BatchEditorContainer } from \"~/components/BulkActions/ActionEdit/ActionEdit.styled\";\n\nexport interface BatchEditorProps {\n    onForm: (form: FormAPI) => void;\n    onAdd: () => void;\n    onDelete: (operationIndex: number) => void;\n    onChange: (data: BatchEditorFormData) => void;\n    onSetOperationFieldData: (operationIndex: number, data: string) => void;\n    onSubmit: FormOnSubmit<BatchEditorFormData>;\n    vm: BatchEditorDialogViewModel;\n}\n\nexport const BatchEditor = observer((props: BatchEditorProps) => {\n    const formRef = React.createRef<FormAPI>();\n\n    useEffect(() => {\n        if (formRef.current) {\n            props.onForm(formRef.current);\n        }\n    }, []);\n\n    return (\n        <Form\n            ref={formRef}\n            data={props.vm.data}\n            onChange={props.onChange}\n            onSubmit={props.onSubmit}\n            invalidFields={props.vm.invalidFields}\n        >\n            {() => (\n                <BatchEditorContainer>\n                    <Accordion elevation={1}>\n                        {props.vm.data.operations.map((operation, operationIndex) => (\n                            <AccordionItem\n                                key={`operation-${operationIndex}`}\n                                title={operation.title}\n                                open={operation.open}\n                                actions={\n                                    <AccordionItem.Actions>\n                                        <AccordionItem.Action\n                                            icon={<DeleteIcon />}\n                                            onClick={() => props.onDelete(operationIndex)}\n                                            disabled={!operation.canDelete}\n                                        />\n                                    </AccordionItem.Actions>\n                                }\n                            >\n                                <Operation\n                                    name={`operations.${operationIndex}`}\n                                    operation={operation}\n                                    onDelete={() => props.onDelete(operationIndex)}\n                                    onSetOperationFieldData={data =>\n                                        props.onSetOperationFieldData(operationIndex, data)\n                                    }\n                                />\n                            </AccordionItem>\n                        ))}\n                    </Accordion>\n                    <AddOperation\n                        disabled={!props.vm.canAddOperation}\n                        onClick={() => props.onAdd()}\n                    />\n                </BatchEditorContainer>\n            )}\n        </Form>\n    );\n});\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_delete_outline","_form","_Accordion","_AddOperation","_Operation","_ActionEdit","BatchEditor","observer","props","formRef","React","createRef","useEffect","current","onForm","default","createElement","Form","ref","data","vm","onChange","onSubmit","console","log","invalidFields","BatchEditorContainer","Accordion","elevation","operations","map","operation","operationIndex","AccordionItem","key","concat","title","open","actions","Actions","Action","icon","ReactComponent","onClick","onDelete","disabled","canDelete","Operation","name","onSetOperationFieldData","AddOperation","canAddOperation","onAdd","exports"],"sources":["BatchEditor.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\n\nimport { observer } from \"mobx-react-lite\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete_outline.svg\";\nimport { Form, FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\n\nimport { AddOperation } from \"~/components/BulkActions/ActionEdit/BatchEditorDialog/AddOperation\";\nimport { Operation } from \"~/components/BulkActions/ActionEdit/BatchEditorDialog/Operation\";\nimport {\n    BatchEditorDialogViewModel,\n    BatchEditorFormData\n} from \"~/components/BulkActions/ActionEdit/BatchEditorDialog/BatchEditorDialogPresenter\";\nimport { BatchEditorContainer } from \"~/components/BulkActions/ActionEdit/ActionEdit.styled\";\n\nexport interface BatchEditorProps {\n    onForm: (form: FormAPI) => void;\n    onAdd: () => void;\n    onDelete: (operationIndex: number) => void;\n    onChange: (data: BatchEditorFormData) => void;\n    onSetOperationFieldData: (operationIndex: number, data: string) => void;\n    onSubmit: FormOnSubmit<BatchEditorFormData>;\n    vm: BatchEditorDialogViewModel;\n}\n\nexport const BatchEditor = observer((props: BatchEditorProps) => {\n    const formRef = React.createRef<FormAPI>();\n\n    useEffect(() => {\n        if (formRef.current) {\n            props.onForm(formRef.current);\n        }\n    }, []);\n\n    return (\n        <Form\n            ref={formRef}\n            data={props.vm.data}\n            onChange={props.onChange}\n            onSubmit={data => {\n                console.log(\"data\", data);\n            }}\n            invalidFields={props.vm.invalidFields}\n        >\n            {() => (\n                <BatchEditorContainer>\n                    <Accordion elevation={1}>\n                        {props.vm.data.operations.map((operation, operationIndex) => (\n                            <AccordionItem\n                                key={`operation-${operationIndex}`}\n                                title={operation.title}\n                                open={operation.open}\n                                actions={\n                                    <AccordionItem.Actions>\n                                        <AccordionItem.Action\n                                            icon={<DeleteIcon />}\n                                            onClick={() => props.onDelete(operationIndex)}\n                                            disabled={!operation.canDelete}\n                                        />\n                                    </AccordionItem.Actions>\n                                }\n                            >\n                                <Operation\n                                    name={`operations.${operationIndex}`}\n                                    operation={operation}\n                                    onDelete={() => props.onDelete(operationIndex)}\n                                    onSetOperationFieldData={data =>\n                                        props.onSetOperationFieldData(operationIndex, data)\n                                    }\n                                />\n                            </AccordionItem>\n                        ))}\n                    </Accordion>\n                    <AddOperation\n                        disabled={!props.vm.canAddOperation}\n                        onClick={() => props.onAdd()}\n                    />\n                </BatchEditorContainer>\n            )}\n        </Form>\n    );\n});\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAEA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAKA,IAAAO,WAAA,GAAAP,OAAA;AAYO,IAAMQ,WAAW,GAAG,IAAAC,uBAAQ,EAAC,UAACC,KAAuB,EAAK;EAC7D,IAAMC,OAAO,gBAAGC,cAAK,CAACC,SAAS,CAAU,CAAC;EAE1C,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAIH,OAAO,CAACI,OAAO,EAAE;MACjBL,KAAK,CAACM,MAAM,CAACL,OAAO,CAACI,OAAO,CAAC;IACjC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,KAAA,CAAAgB,IAAI;IACDC,GAAG,EAAET,OAAQ;IACbU,IAAI,EAAEX,KAAK,CAACY,EAAE,CAACD,IAAK;IACpBE,QAAQ,EAAEb,KAAK,CAACa,QAAS;IACzBC,QAAQ,EAAE,SAAAA,SAAAH,IAAI,EAAI;MACdI,OAAO,CAACC,GAAG,CAAC,MAAM,EAAEL,IAAI,CAAC;IAC7B,CAAE;IACFM,aAAa,EAAEjB,KAAK,CAACY,EAAE,CAACK;EAAc,GAErC;IAAA,oBACG7B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACX,WAAA,CAAAqB,oBAAoB,qBACjB9B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACd,UAAA,CAAAyB,SAAS;MAACC,SAAS,EAAE;IAAE,GACnBpB,KAAK,CAACY,EAAE,CAACD,IAAI,CAACU,UAAU,CAACC,GAAG,CAAC,UAACC,SAAS,EAAEC,cAAc;MAAA,oBACpDpC,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACd,UAAA,CAAA+B,aAAa;QACVC,GAAG,eAAAC,MAAA,CAAeH,cAAc,CAAG;QACnCI,KAAK,EAAEL,SAAS,CAACK,KAAM;QACvBC,IAAI,EAAEN,SAAS,CAACM,IAAK;QACrBC,OAAO,eACH1C,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACd,UAAA,CAAA+B,aAAa,CAACM,OAAO,qBAClB3C,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACd,UAAA,CAAA+B,aAAa,CAACO,MAAM;UACjBC,IAAI,eAAE7C,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,eAAA,CAAA0C,cAAU,MAAE,CAAE;UACrBC,OAAO,EAAE,SAAAA,QAAA;YAAA,OAAMnC,KAAK,CAACoC,QAAQ,CAACZ,cAAc,CAAC;UAAA,CAAC;UAC9Ca,QAAQ,EAAE,CAACd,SAAS,CAACe;QAAU,CAClC,CACkB;MAC1B,gBAEDlD,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACZ,UAAA,CAAA2C,SAAS;QACNC,IAAI,gBAAAb,MAAA,CAAgBH,cAAc,CAAG;QACrCD,SAAS,EAAEA,SAAU;QACrBa,QAAQ,EAAE,SAAAA,SAAA;UAAA,OAAMpC,KAAK,CAACoC,QAAQ,CAACZ,cAAc,CAAC;QAAA,CAAC;QAC/CiB,uBAAuB,EAAE,SAAAA,wBAAA9B,IAAI;UAAA,OACzBX,KAAK,CAACyC,uBAAuB,CAACjB,cAAc,EAAEb,IAAI,CAAC;QAAA;MACtD,CACJ,CACU,CAAC;IAAA,CACnB,CACM,CAAC,eACZvB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAA+C,YAAY;MACTL,QAAQ,EAAE,CAACrC,KAAK,CAACY,EAAE,CAAC+B,eAAgB;MACpCR,OAAO,EAAE,SAAAA,QAAA;QAAA,OAAMnC,KAAK,CAAC4C,KAAK,CAAC,CAAC;MAAA;IAAC,CAChC,CACiB,CAAC;EAAA,CAEzB,CAAC;AAEf,CAAC,CAAC;AAACC,OAAA,CAAA/C,WAAA,GAAAA,WAAA"}

package/components/BulkActions/ActionEdit/BatchEditorDialog/BatchEditorDialog.js

@@ -16,6 +16,7 @@ var BatchEditorDialog = (0, _mobxReactLite.observer)(function (props) {
   var presenter = (0, _react.useMemo)(function () {
     return new _BatchEditorDialogPresenter.BatchEditorDialogPresenter();
   }, []);
+  var ref = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     presenter.load(props.batch, props.fields);
   }, [props.batch, props.fields]);
@@ -23,14 +24,18 @@ var BatchEditorDialog = (0, _mobxReactLite.observer)(function (props) {
     presenter.setBatch(data);
   };
   var onApply = function onApply() {
-    presenter.onApply(function (batch) {
-      props.onApply(batch);
+    ref.current?.validate().then(function (isValid) {
+      if (isValid) {
+        presenter.onApply(function (batch) {
+          props.onApply(batch);
+        });
+      }
     });
   };
-  var ref = (0, _react.useRef)(null);
   return /*#__PURE__*/_react.default.createElement(_ActionEdit.DialogContainer, {
     open: props.vm.isOpen,
-    onClose: props.onClose
+    onClose: props.onClose,
+    preventOutsideDismiss: true
   }, props.vm.isOpen ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, "Edit items"), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_ActionEdit.ActionEditFormContainer, null, /*#__PURE__*/_react.default.createElement(_BatchEditor.BatchEditor, {
     onForm: function onForm(form) {
       return ref.current = form;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_Button","_Dialog","_BatchEditorDialogPresenter","_BatchEditor","_ActionEdit","BatchEditorDialog","observer","props","presenter","useMemo","BatchEditorDialogPresenter","useEffect","load","batch","fields","onChange","data","setBatch","onApply","ref","useRef","default","createElement","DialogContainer","open","vm","isOpen","onClose","Fragment","DialogTitle","DialogContent","ActionEditFormContainer","BatchEditor","onForm","form","current","onSubmit","onDelete","operationIndex","deleteOperation","onAdd","addOperation","onSetOperationFieldData","setOperationFieldData","DialogActions","DialogCancel","onClick","ButtonPrimary","exports"],"sources":["BatchEditorDialog.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useRef } from \"react\";\n\nimport { observer } from \"mobx-react-lite\";\nimport { FormAPI } from \"@webiny/form\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { DialogActions, DialogCancel, DialogContent, DialogTitle } from \"@webiny/ui/Dialog\";\n\nimport { BatchEditorDialogPresenter, BatchEditorFormData } from \"./BatchEditorDialogPresenter\";\nimport { BatchEditor } from \"~/components/BulkActions/ActionEdit/BatchEditorDialog/BatchEditor\";\nimport { ActionEditFormContainer, DialogContainer } from \"../ActionEdit.styled\";\nimport { BatchDTO, FieldDTO } from \"~/components/BulkActions/ActionEdit/domain\";\n\ninterface BatchEditorDialogProps {\n    fields: FieldDTO[];\n    batch: BatchDTO;\n    vm: {\n        isOpen: boolean;\n    };\n    onApply: (batch: BatchDTO) => void;\n    onClose: () => void;\n}\n\nexport const BatchEditorDialog = observer((props: BatchEditorDialogProps) => {\n    const presenter = useMemo<BatchEditorDialogPresenter>(() => {\n        return new BatchEditorDialogPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.load(props.batch, props.fields);\n    }, [props.batch, props.fields]);\n\n    const onChange = (data: BatchEditorFormData) => {\n        presenter.setBatch(data);\n    };\n\n    const onApply = () => {\n        presenter.onApply(batch => {\n            props.onApply(batch);\n        });\n    };\n\n    const ref = useRef<FormAPI | null>(null);\n\n    return (\n        <DialogContainer open={props.vm.isOpen} onClose={props.onClose}>\n            {props.vm.isOpen ? (\n                <>\n                    <DialogTitle>{\"Edit items\"}</DialogTitle>\n                    <DialogContent>\n                        <ActionEditFormContainer>\n                            <BatchEditor\n                                onForm={form => (ref.current = form)}\n                                onChange={data => onChange(data)}\n                                onSubmit={onApply}\n                                onDelete={operationIndex =>\n                                    presenter.deleteOperation(operationIndex)\n                                }\n                                onAdd={() => presenter.addOperation()}\n                                onSetOperationFieldData={(operationIndex, data) =>\n                                    presenter.setOperationFieldData(operationIndex, data)\n                                }\n                                vm={presenter.vm}\n                            />\n                        </ActionEditFormContainer>\n                    </DialogContent>\n                    <DialogActions>\n                        <DialogCancel onClick={props.onClose}>{\"Cancel\"}</DialogCancel>\n                        <ButtonPrimary onClick={onApply}>{\"Submit\"}</ButtonPrimary>\n                    </DialogActions>\n                </>\n            ) : null}\n        </DialogContainer>\n    );\n});\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_Button","_Dialog","_BatchEditorDialogPresenter","_BatchEditor","_ActionEdit","BatchEditorDialog","observer","props","presenter","useMemo","BatchEditorDialogPresenter","ref","useRef","useEffect","load","batch","fields","onChange","data","setBatch","onApply","current","validate","then","isValid","default","createElement","DialogContainer","open","vm","isOpen","onClose","preventOutsideDismiss","Fragment","DialogTitle","DialogContent","ActionEditFormContainer","BatchEditor","onForm","form","onSubmit","onDelete","operationIndex","deleteOperation","onAdd","addOperation","onSetOperationFieldData","setOperationFieldData","DialogActions","DialogCancel","onClick","ButtonPrimary","exports"],"sources":["BatchEditorDialog.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useRef } from \"react\";\n\nimport { observer } from \"mobx-react-lite\";\nimport { FormAPI } from \"@webiny/form\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { DialogActions, DialogCancel, DialogContent, DialogTitle } from \"@webiny/ui/Dialog\";\n\nimport { BatchEditorDialogPresenter, BatchEditorFormData } from \"./BatchEditorDialogPresenter\";\nimport { BatchEditor } from \"~/components/BulkActions/ActionEdit/BatchEditorDialog/BatchEditor\";\nimport { ActionEditFormContainer, DialogContainer } from \"../ActionEdit.styled\";\nimport { BatchDTO, FieldDTO } from \"~/components/BulkActions/ActionEdit/domain\";\n\ninterface BatchEditorDialogProps {\n    fields: FieldDTO[];\n    batch: BatchDTO;\n    vm: {\n        isOpen: boolean;\n    };\n    onApply: (batch: BatchDTO) => void;\n    onClose: () => void;\n}\n\nexport const BatchEditorDialog = observer((props: BatchEditorDialogProps) => {\n    const presenter = useMemo<BatchEditorDialogPresenter>(() => {\n        return new BatchEditorDialogPresenter();\n    }, []);\n\n    const ref = useRef<FormAPI | null>(null);\n\n    useEffect(() => {\n        presenter.load(props.batch, props.fields);\n    }, [props.batch, props.fields]);\n\n    const onChange = (data: BatchEditorFormData) => {\n        presenter.setBatch(data);\n    };\n\n    const onApply = () => {\n        ref.current?.validate().then(isValid => {\n            if (isValid) {\n                presenter.onApply(batch => {\n                    props.onApply(batch);\n                });\n            }\n        });\n    };\n\n    return (\n        <DialogContainer\n            open={props.vm.isOpen}\n            onClose={props.onClose}\n            preventOutsideDismiss={true}\n        >\n            {props.vm.isOpen ? (\n                <>\n                    <DialogTitle>{\"Edit items\"}</DialogTitle>\n                    <DialogContent>\n                        <ActionEditFormContainer>\n                            <BatchEditor\n                                onForm={form => (ref.current = form)}\n                                onChange={data => onChange(data)}\n                                onSubmit={onApply}\n                                onDelete={operationIndex =>\n                                    presenter.deleteOperation(operationIndex)\n                                }\n                                onAdd={() => presenter.addOperation()}\n                                onSetOperationFieldData={(operationIndex, data) =>\n                                    presenter.setOperationFieldData(operationIndex, data)\n                                }\n                                vm={presenter.vm}\n                            />\n                        </ActionEditFormContainer>\n                    </DialogContent>\n                    <DialogActions>\n                        <DialogCancel onClick={props.onClose}>{\"Cancel\"}</DialogCancel>\n                        <ButtonPrimary onClick={onApply}>{\"Submit\"}</ButtonPrimary>\n                    </DialogActions>\n                </>\n            ) : null}\n        </DialogContainer>\n    );\n});\n"],"mappings":"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"}

package/components/BulkActions/ActionEdit/BatchEditorDialog/BatchEditorDialogPresenter.d.ts

@@ -54,13 +54,13 @@ export declare class BatchEditorDialogPresenter implements IBatchEditorDialogPre
             }[];
         };
     };
-    private getOperations;
-    private getOperationTitle;
-    private getFieldOptions;
     addOperation(): void;
     deleteOperation(operationIndex: number): void;
     setOperationFieldData(batchIndex: number, data: string): void;
     setBatch(data: BatchEditorFormData): void;
     onApply(onSuccess?: (batch: BatchDTO) => void, onError?: (batch: BatchDTO, invalidFields: BatchEditorDialogViewModel["invalidFields"]) => void): void;
+    private getOperations;
+    private getOperationTitle;
+    private getFieldOptions;
     private validateBatch;
 }