@webiny/app-file-manager 5.38.0 → 5.38.1

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ActionEdit: (() => JSX.Element | null) & {
+    displayName: string;
+};

package/components/BulkActions/ActionEdit/ActionEdit.js

@@ -0,0 +1,159 @@
+"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 _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 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;
+  var _useButtons = useButtons(),
+    IconButton = _useButtons.IconButton;
+  var _useBulkActionDialog = useBulkActionDialog(),
+    showConfirmationDialog = _useBulkActionDialog.showConfirmationDialog,
+    showResultsDialog = _useBulkActionDialog.showResultsDialog;
+  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;
+      }()
+    });
+  };
+  var onBatchEditorSubmit = (0, _react.useCallback)(function (batch) {
+    presenter.closeEditor();
+    openWorkerDialog(batch);
+  }, [openWorkerDialog]);
+  if (!presenter.vm.show) {
+    return null;
+  }
+  if (!canEditAll) {
+    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(filesLabel),
+    tooltipPlacement: "bottom"
+  }), /*#__PURE__*/_react.default.createElement(_BatchEditorDialog.BatchEditorDialog, {
+    onClose: function onClose() {
+      return presenter.closeEditor();
+    },
+    fields: presenter.vm.fields,
+    batch: presenter.vm.currentBatch,
+    vm: presenter.vm.editorVm,
+    onApply: onBatchEditorSubmit
+  }));
+});
+exports.ActionEdit = ActionEdit;
+
+//# sourceMappingURL=ActionEdit.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,32 @@
+/// <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;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DialogContainer: import("@emotion/styled").StyledComponent<import("@webiny/ui/Dialog").DialogProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {
+    ref?: import("react").Ref<Dialog> | undefined;
+}>;
+export declare const BatchEditorContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AddOperationInner: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface ButtonIconProps {
+    disabled?: boolean;
+}
+export declare const ButtonIcon: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
+    alt?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & ButtonIconProps, {}, {}>;
+export {};

package/components/BulkActions/ActionEdit/ActionEdit.styled.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DialogContainer = exports.ButtonIcon = exports.BatchEditorContainer = exports.AddOperationInner = exports.ActionEditFormContainer = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _add = require("@material-design-icons/svg/round/add.svg");
+var _Dialog = require("@webiny/ui/Dialog");
+var ActionEditFormContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "ActionEditFormContainer",
+  target: "e8q9yhg0"
+})("margin:-24px !important;");
+exports.ActionEditFormContainer = ActionEditFormContainer;
+var DialogContainer = /*#__PURE__*/(0, _styled.default)(_Dialog.Dialog, {
+  label: "DialogContainer",
+  target: "e8q9yhg1"
+})("z-index:22;.mdc-dialog__surface{width:800px;min-width:800px;}");
+exports.DialogContainer = DialogContainer;
+var BatchEditorContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "BatchEditorContainer",
+  target: "e8q9yhg2"
+})("padding:24px;");
+exports.BatchEditorContainer = BatchEditorContainer;
+var AddOperationInner = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "AddOperationInner",
+  target: "e8q9yhg3"
+})("padding:24px 0 0;text-align:center;");
+exports.AddOperationInner = AddOperationInner;
+var ButtonIcon = /*#__PURE__*/(0, _styled.default)(_add.ReactComponent, {
+  label: "ButtonIcon",
+  target: "e8q9yhg4"
+})("fill:", function (props) {
+  return props.disabled ? "var(--mdc-theme-text-hint-on-light)" : "var(--mdc-theme-primary)";
+}, ";width:18px;margin-right:8px;");
+exports.ButtonIcon = ButtonIcon;
+
+//# sourceMappingURL=ActionEdit.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","_add","_Dialog","ActionEditFormContainer","styled","label","target","exports","DialogContainer","Dialog","BatchEditorContainer","AddOperationInner","ButtonIcon","AddIcon","props","disabled"],"sources":["ActionEdit.styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ReactComponent as AddIcon } from \"@material-design-icons/svg/round/add.svg\";\nimport { Dialog } from \"@webiny/ui/Dialog\";\n\nexport const ActionEditFormContainer = styled.div`\n    margin: -24px !important;\n`;\n\nexport const DialogContainer = styled(Dialog)`\n    z-index: 22;\n\n    .mdc-dialog__surface {\n        width: 800px;\n        min-width: 800px;\n    }\n`;\n\nexport const BatchEditorContainer = styled.div`\n    padding: 24px;\n`;\n\nexport const AddOperationInner = styled.div`\n    padding: 24px 0 0;\n    text-align: center;\n`;\n\ninterface ButtonIconProps {\n    disabled?: boolean;\n}\n\nexport const ButtonIcon = styled(AddIcon)<ButtonIconProps>`\n    fill: ${props =>\n        props.disabled ? \"var(--mdc-theme-text-hint-on-light)\" : \"var(--mdc-theme-primary)\"};\n    width: 18px;\n    margin-right: 8px;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEO,IAAMG,uBAAuB,oBAAGC,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,8BAE5C;AAACC,OAAA,CAAAJ,uBAAA,GAAAA,uBAAA;AAEK,IAAMK,eAAe,oBAAGJ,eAAM,EAACK,cAAM;EAAAJ,KAAA;EAAAC,MAAA;AAAA,mEAO3C;AAACC,OAAA,CAAAC,eAAA,GAAAA,eAAA;AAEK,IAAME,oBAAoB,oBAAGN,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,mBAEzC;AAACC,OAAA,CAAAG,oBAAA,GAAAA,oBAAA;AAEK,IAAMC,iBAAiB,oBAAGP,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,yCAGtC;AAACC,OAAA,CAAAI,iBAAA,GAAAA,iBAAA;AAMK,IAAMC,UAAU,oBAAGR,eAAM,EAACS,mBAAO;EAAAR,KAAA;EAAAC,MAAA;AAAA,YAC5B,UAAAQ,KAAK;EAAA,OACTA,KAAK,CAACC,QAAQ,GAAG,qCAAqC,GAAG,0BAA0B;AAAA,mCAG1F;AAACR,OAAA,CAAAK,UAAA,GAAAA,UAAA"}

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

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

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

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

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,34 @@
+import { BatchDTO, FieldDTO, FieldRaw } from "./domain";
+interface IActionEditPresenter {
+    load: (fields: FieldRaw[]) => void;
+    openEditor: () => void;
+    closeEditor: () => void;
+    get vm(): {
+        show: boolean;
+        currentBatch: BatchDTO;
+        fields: FieldDTO[];
+        editorVm: {
+            isOpen: boolean;
+        };
+    };
+}
+export declare class ActionEditPresenter implements IActionEditPresenter {
+    private showEditor;
+    private readonly currentBatch;
+    private extensionFields;
+    constructor();
+    load(fields: FieldRaw[]): void;
+    private getExtensionFields;
+    private get editorVm();
+    get vm(): {
+        show: boolean;
+        currentBatch: BatchDTO;
+        fields: FieldDTO[];
+        editorVm: {
+            isOpen: boolean;
+        };
+    };
+    openEditor(): void;
+    closeEditor(): void;
+}
+export {};

package/components/BulkActions/ActionEdit/ActionEditPresenter.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionEditPresenter = void 0;
+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");
+var ActionEditPresenter = /*#__PURE__*/function () {
+  function ActionEditPresenter() {
+    (0, _classCallCheck2.default)(this, ActionEditPresenter);
+    (0, _defineProperty2.default)(this, "showEditor", false);
+    this.extensionFields = [];
+    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
+      };
+    }
+  }, {
+    key: "vm",
+    get: function get() {
+      return {
+        show: this.extensionFields.length > 0,
+        currentBatch: this.currentBatch,
+        fields: this.extensionFields,
+        editorVm: this.editorVm
+      };
+    }
+  }, {
+    key: "openEditor",
+    value: function openEditor() {
+      this.showEditor = true;
+    }
+  }, {
+    key: "closeEditor",
+    value: function closeEditor() {
+      this.showEditor = false;
+    }
+  }]);
+  return ActionEditPresenter;
+}();
+exports.ActionEditPresenter = ActionEditPresenter;
+
+//# sourceMappingURL=ActionEditPresenter.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,162 @@
+"use strict";
+
+var _ActionEditPresenter = require("./ActionEditPresenter");
+describe("ActionEditPresenter", function () {
+  var extensionFields = [{
+    id: "field1",
+    fieldId: "field1",
+    label: "Field 1",
+    type: "text",
+    renderer: {
+      name: "text-input"
+    },
+    tags: ["$bulk-edit"],
+    storageId: "text@field1"
+  }, {
+    id: "field2",
+    fieldId: "field2",
+    label: "Field 2",
+    type: "ref",
+    renderer: {
+      name: "ref-inputs"
+    },
+    multipleValues: true,
+    settings: {
+      models: [{
+        modelId: "any-model"
+      }]
+    },
+    tags: ["$bulk-edit"],
+    storageId: "ref@field2"
+  }, {
+    id: "field3",
+    fieldId: "field3",
+    label: "Field 3",
+    type: "number",
+    renderer: {
+      name: "number-input"
+    },
+    tags: [],
+    storageId: "number@field3"
+  }];
+  var createFields = function createFields(extensionFields) {
+    return [{
+      id: "name",
+      storageId: "text@name",
+      fieldId: "name",
+      label: "Name",
+      type: "text",
+      settings: {},
+      listValidation: [],
+      validation: [{
+        name: "required",
+        message: "Value is required."
+      }],
+      multipleValues: false,
+      predefinedValues: {
+        values: [],
+        enabled: false
+      },
+      renderer: {
+        name: "text-input"
+      }
+    }, {
+      id: "extensions",
+      storageId: "object@extensions",
+      fieldId: "extensions",
+      label: "Extensions",
+      type: "object",
+      settings: {
+        layout: extensionFields.map(function (field) {
+          return [field.id];
+        }),
+        fields: extensionFields
+      },
+      listValidation: [],
+      validation: [],
+      multipleValues: false,
+      predefinedValues: {
+        values: [],
+        enabled: false
+      },
+      renderer: {
+        name: "any"
+      }
+    }];
+  };
+  var presenter;
+  beforeEach(function () {
+    jest.clearAllMocks();
+    presenter = new _ActionEditPresenter.ActionEditPresenter();
+  });
+  it("should create a presenter and load extensions fields", function () {
+    presenter.load(createFields(extensionFields));
+
+    // I should see the bulk edit action
+    expect(presenter.vm.show).toEqual(true);
+
+    // I should receive a `currentBatch`
+    expect(presenter.vm.currentBatch).toEqual({
+      operations: [{
+        field: "",
+        operator: "",
+        value: {}
+      }]
+    });
+
+    // I should receive the `fields` available for bulk edit
+    expect(presenter.vm.fields).toEqual([{
+      label: "Field 1",
+      value: "field1",
+      operators: [{
+        label: "Override existing values",
+        value: "OVERRIDE"
+      }, {
+        label: "Clear all existing values",
+        value: "REMOVE"
+      }],
+      raw: extensionFields[0]
+    }, {
+      label: "Field 2",
+      value: "field2",
+      operators: [{
+        label: "Override existing values",
+        value: "OVERRIDE"
+      }, {
+        label: "Clear all existing values",
+        value: "REMOVE"
+      }, {
+        label: "Append to existing values",
+        value: "APPEND"
+      }],
+      raw: extensionFields[1]
+    }]);
+
+    // I should receive the editor.vm
+    expect(presenter.vm.editorVm).toEqual({
+      isOpen: false
+    });
+  });
+  it("should not show the bulk action if no `extensions` fields are defined", function () {
+    presenter.load(createFields([]));
+
+    // The editor action should not be rendered
+    expect(presenter.vm.show).toBe(false);
+  });
+  it("should open / close the editor", function () {
+    presenter.load(createFields(extensionFields));
+
+    // The editor should be closed by default
+    expect(presenter.vm.editorVm.isOpen).toBe(false);
+
+    // Let's open the editor
+    presenter.openEditor();
+    expect(presenter.vm.editorVm.isOpen).toBe(true);
+
+    // Let's open the editor
+    presenter.closeEditor();
+    expect(presenter.vm.editorVm.isOpen).toBe(false);
+  });
+});
+
+//# sourceMappingURL=ActionEditPresenter.test.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface AddOperationProps {
+    disabled: boolean;
+    onClick: () => void;
+}
+export declare const AddOperation: ({ disabled, onClick }: AddOperationProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AddOperation = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Button = require("@webiny/ui/Button");
+var _ActionEdit = require("../ActionEdit.styled");
+var AddOperation = function AddOperation(_ref) {
+  var disabled = _ref.disabled,
+    onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_ActionEdit.AddOperationInner, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
+    disabled: disabled,
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(_ActionEdit.ButtonIcon, {
+    disabled: disabled
+  }), " ", "Add new operation"));
+};
+exports.AddOperation = AddOperation;
+
+//# sourceMappingURL=AddOperation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_ActionEdit","AddOperation","_ref","disabled","onClick","default","createElement","AddOperationInner","ButtonDefault","ButtonIcon","exports"],"sources":["AddOperation.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ButtonDefault } from \"@webiny/ui/Button\";\n\nimport {\n    AddOperationInner,\n    ButtonIcon\n} from \"~/components/BulkActions/ActionEdit/ActionEdit.styled\";\n\ninterface AddOperationProps {\n    disabled: boolean;\n    onClick: () => void;\n}\n\nexport const AddOperation = ({ disabled, onClick }: AddOperationProps) => {\n    return (\n        <AddOperationInner>\n            <ButtonDefault disabled={disabled} onClick={onClick}>\n                <ButtonIcon disabled={disabled} /> {\"Add new operation\"}\n            </ButtonDefault>\n        </AddOperationInner>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAUO,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAiD;EAAA,IAA3CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAC5C,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,WAAA,CAAAO,iBAAiB,qBACdX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAS,aAAa;IAACL,QAAQ,EAAEA,QAAS;IAACC,OAAO,EAAEA;EAAQ,gBAChDR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,WAAA,CAAAS,UAAU;IAACN,QAAQ,EAAEA;EAAS,CAAE,CAAC,KAAC,EAAC,mBACzB,CACA,CAAC;AAE5B,CAAC;AAACO,OAAA,CAAAT,YAAA,GAAAA,YAAA"}