@webiny/app-file-manager 6.0.0-beta.0 → 6.0.0-rc.0

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

@@ -1,8 +1,7 @@
-"use strict";
-
-var _ActionEditPresenter = require("./ActionEditPresenter");
-describe("ActionEditPresenter", function () {
-  var extensionFields = [{
+import { describe, it, expect, beforeEach, vi } from "vitest";
+import { ActionEditPresenter } from "./ActionEditPresenter.js";
+describe("ActionEditPresenter", () => {
+  const extensionFields = [{
     id: "field1",
     fieldId: "field1",
     label: "Field 1",
@@ -20,7 +19,7 @@ describe("ActionEditPresenter", function () {
     renderer: {
       name: "ref-inputs"
     },
-    multipleValues: true,
+    list: true,
     settings: {
       models: [{
         modelId: "any-model"
@@ -39,7 +38,7 @@ describe("ActionEditPresenter", function () {
     tags: [],
     storageId: "number@field3"
   }];
-  var createFields = function createFields(extensionFields) {
+  const createFields = extensionFields => {
     return [{
       id: "name",
       storageId: "text@name",
@@ -52,7 +51,7 @@ describe("ActionEditPresenter", function () {
         name: "required",
         message: "Value is required."
       }],
-      multipleValues: false,
+      list: false,
       predefinedValues: {
         values: [],
         enabled: false
@@ -67,14 +66,12 @@ describe("ActionEditPresenter", function () {
       label: "Extensions",
       type: "object",
       settings: {
-        layout: extensionFields.map(function (field) {
-          return [field.id];
-        }),
+        layout: extensionFields.map(field => [field.id]),
         fields: extensionFields
       },
       listValidation: [],
       validation: [],
-      multipleValues: false,
+      list: false,
       predefinedValues: {
         values: [],
         enabled: false
@@ -84,12 +81,12 @@ describe("ActionEditPresenter", function () {
       }
     }];
   };
-  var presenter;
-  beforeEach(function () {
-    jest.clearAllMocks();
-    presenter = new _ActionEditPresenter.ActionEditPresenter();
+  let presenter;
+  beforeEach(() => {
+    vi.clearAllMocks();
+    presenter = new ActionEditPresenter();
   });
-  it("should create a presenter and load extensions fields", function () {
+  it("should create a presenter and load extensions fields", () => {
     presenter.load(createFields(extensionFields));
 
     // I should see the bulk edit action
@@ -137,13 +134,13 @@ describe("ActionEditPresenter", function () {
       isOpen: false
     });
   });
-  it("should not show the bulk action if no `extensions` fields are defined", function () {
+  it("should not show the bulk action if no `extensions` fields are defined", () => {
     presenter.load(createFields([]));
 
     // The editor action should not be rendered
     expect(presenter.vm.show).toBe(false);
   });
-  it("should open / close the editor", function () {
+  it("should open / close the editor", () => {
     presenter.load(createFields(extensionFields));
 
     // The editor should be closed by default

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","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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","ignoreList":[]}
+{"version":3,"names":["describe","it","expect","beforeEach","vi","ActionEditPresenter","extensionFields","id","fieldId","label","type","renderer","name","tags","storageId","list","settings","models","modelId","createFields","listValidation","validation","message","predefinedValues","values","enabled","layout","map","field","fields","presenter","clearAllMocks","load","vm","show","toEqual","currentBatch","operations","operator","value","undefined","operators","raw","editorVm","isOpen","toBe","openEditor","closeEditor"],"sources":["ActionEditPresenter.test.ts"],"sourcesContent":["import { describe, it, expect, beforeEach, vi } from \"vitest\";\nimport { ActionEditPresenter } from \"./ActionEditPresenter.js\";\nimport { type FieldRaw } from \"~/components/BulkActions/ActionEdit/domain/index.js\";\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            list: 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                list: 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                list: 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        vi.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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","ignoreList":[]}

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

@@ -1,22 +1,19 @@
-"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 = exports.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, {
+import React from "react";
+import { Button } from "@webiny/admin-ui";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+export const AddOperation = ({
+  disabled,
+  onClick
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "mt-lg text-center"
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: onClick,
+    text: "Add new operation",
+    icon: /*#__PURE__*/React.createElement(AddIcon, null),
+    variant: "secondary",
     disabled: disabled
-  }), " ", "Add new operation"));
+  }));
 };
 
 //# sourceMappingURL=AddOperation.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_ActionEdit","AddOperation","exports","_ref","disabled","onClick","default","createElement","AddOperationInner","ButtonDefault","ButtonIcon"],"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,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAAE,IAAA,EAAiD;EAAA,IAA3CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAC5C,oBACIT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,WAAA,CAAAQ,iBAAiB,qBACdZ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,OAAA,CAAAU,aAAa;IAACL,QAAQ,EAAEA,QAAS;IAACC,OAAO,EAAEA;EAAQ,gBAChDT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,WAAA,CAAAU,UAAU;IAACN,QAAQ,EAAEA;EAAS,CAAE,CAAC,KAAC,EAAC,mBACzB,CACA,CAAC;AAE5B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Button","ReactComponent","AddIcon","AddOperation","disabled","onClick","createElement","className","text","icon","variant"],"sources":["AddOperation.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\n\ninterface AddOperationProps {\n    disabled: boolean;\n    onClick: () => void;\n}\n\nexport const AddOperation = ({ disabled, onClick }: AddOperationProps) => {\n    return (\n        <div className={\"mt-lg text-center\"}>\n            <Button\n                onClick={onClick}\n                text={\"Add new operation\"}\n                icon={<AddIcon />}\n                variant={\"secondary\"}\n                disabled={disabled}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AAOjE,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAA2B,CAAC,KAAK;EACtE,oBACIN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAE;EAAoB,gBAChCR,KAAA,CAAAO,aAAA,CAACN,MAAM;IACHK,OAAO,EAAEA,OAAQ;IACjBG,IAAI,EAAE,mBAAoB;IAC1BC,IAAI,eAAEV,KAAA,CAAAO,aAAA,CAACJ,OAAO,MAAE,CAAE;IAClBQ,OAAO,EAAE,WAAY;IACrBN,QAAQ,EAAEA;EAAS,CACtB,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { FormAPI, FormOnSubmit } from "@webiny/form";
-import { BatchEditorDialogViewModel, BatchEditorFormData } from "./BatchEditorDialogPresenter";
+import type { FormAPI, FormOnSubmit } from "@webiny/form";
+import type { BatchEditorDialogViewModel, BatchEditorFormData } from "../../../../components/BulkActions/ActionEdit/BatchEditorDialog/BatchEditorDialogPresenter.js";
 export interface BatchEditorProps {
     onForm: (form: FormAPI) => void;
     onAdd: () => void;

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

@@ -1,65 +1,44 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BatchEditor = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _mobxReactLite = require("mobx-react-lite");
-var _delete_outline = require("@material-design-icons/svg/outlined/delete_outline.svg");
-var _form = require("@webiny/form");
-var _Accordion = require("@webiny/ui/Accordion");
-var _AddOperation = require("./AddOperation");
-var _Operation = require("./Operation");
-var _ActionEdit = require("../ActionEdit.styled");
-var BatchEditor = exports.BatchEditor = (0, _mobxReactLite.observer)(function (props) {
-  var formRef = /*#__PURE__*/_react.default.createRef();
-  (0, _react.useEffect)(function () {
+import React, { useEffect } from "react";
+import { observer } from "mobx-react-lite";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete_outline.svg";
+import { Form } from "@webiny/form";
+import { AddOperation } from "./AddOperation.js";
+import { Operation } from "./Operation.js";
+import { Accordion } from "@webiny/admin-ui";
+export const BatchEditor = observer(props => {
+  const formRef = /*#__PURE__*/React.createRef();
+  useEffect(() => {
     if (formRef.current) {
       props.onForm(formRef.current);
     }
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_form.Form, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "py-lg"
+  }, /*#__PURE__*/React.createElement(Form, {
     ref: formRef,
     data: props.vm.data,
     onChange: props.onChange,
-    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, {
-      elevation: 1
-    }, props.vm.data.operations.map(function (operation, operationIndex) {
-      return /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
-        key: "operation-".concat(operationIndex),
-        title: operation.title,
-        open: operation.open,
-        actions: /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem.Actions, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem.Action, {
-          icon: /*#__PURE__*/_react.default.createElement(_delete_outline.ReactComponent, null),
-          onClick: function onClick() {
-            return props.onDelete(operationIndex);
-          },
-          disabled: !operation.canDelete
-        }))
-      }, /*#__PURE__*/_react.default.createElement(_Operation.Operation, {
-        name: "operations.".concat(operationIndex),
-        operation: operation,
-        onDelete: function onDelete() {
-          return props.onDelete(operationIndex);
-        },
-        onSetOperationFieldData: function onSetOperationFieldData(data) {
-          return props.onSetOperationFieldData(operationIndex, data);
-        }
-      }));
-    })), /*#__PURE__*/_react.default.createElement(_AddOperation.AddOperation, {
-      disabled: !props.vm.canAddOperation,
-      onClick: function onClick() {
-        return props.onAdd();
-      }
-    }));
-  });
+  }, () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Accordion, {
+    variant: "container"
+  }, props.vm.data.operations.map((operation, operationIndex) => /*#__PURE__*/React.createElement(Accordion.Item, {
+    key: `operation-${operationIndex}`,
+    title: operation.title,
+    defaultOpen: operation.open,
+    actions: /*#__PURE__*/React.createElement(Accordion.Item.Action, {
+      icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+      onClick: () => props.onDelete(operationIndex),
+      disabled: !operation.canDelete
+    })
+  }, /*#__PURE__*/React.createElement(Operation, {
+    name: `operations.${operationIndex}`,
+    operation: operation,
+    onDelete: () => props.onDelete(operationIndex),
+    onSetOperationFieldData: data => props.onSetOperationFieldData(operationIndex, data)
+  })))), /*#__PURE__*/React.createElement(AddOperation, {
+    disabled: !props.vm.canAddOperation,
+    onClick: () => props.onAdd()
+  }))));
 });
 
 //# sourceMappingURL=BatchEditor.js.map

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","exports","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"],"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":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","observer","ReactComponent","DeleteIcon","Form","AddOperation","Operation","Accordion","BatchEditor","props","formRef","createRef","current","onForm","createElement","className","ref","data","vm","onChange","invalidFields","Fragment","variant","operations","map","operation","operationIndex","Item","key","title","defaultOpen","open","actions","Action","icon","onClick","onDelete","disabled","canDelete","name","onSetOperationFieldData","canAddOperation","onAdd"],"sources":["BatchEditor.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\n\nimport { observer } from \"mobx-react-lite\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport type { FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\nimport { AddOperation } from \"~/components/BulkActions/ActionEdit/BatchEditorDialog/AddOperation.js\";\nimport { Operation } from \"~/components/BulkActions/ActionEdit/BatchEditorDialog/Operation.js\";\nimport type {\n    BatchEditorDialogViewModel,\n    BatchEditorFormData\n} from \"~/components/BulkActions/ActionEdit/BatchEditorDialog/BatchEditorDialogPresenter.js\";\nimport { Accordion } from \"@webiny/admin-ui\";\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        <div className={\"py-lg\"}>\n            <Form\n                ref={formRef}\n                data={props.vm.data}\n                onChange={props.onChange}\n                invalidFields={props.vm.invalidFields}\n            >\n                {() => (\n                    <>\n                        <Accordion variant={\"container\"}>\n                            {props.vm.data.operations.map((operation, operationIndex) => (\n                                <Accordion.Item\n                                    key={`operation-${operationIndex}`}\n                                    title={operation.title}\n                                    defaultOpen={operation.open}\n                                    actions={\n                                        <Accordion.Item.Action\n                                            icon={<DeleteIcon />}\n                                            onClick={() => props.onDelete(operationIndex)}\n                                            disabled={!operation.canDelete}\n                                        />\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                                </Accordion.Item>\n                            ))}\n                        </Accordion>\n                        <AddOperation\n                            disabled={!props.vm.canAddOperation}\n                            onClick={() => props.onAdd()}\n                        />\n                    </>\n                )}\n            </Form>\n        </div>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,cAAc,IAAIC,UAAU,QAAQ,kCAAkC;AAE/E,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,YAAY;AACrB,SAASC,SAAS;AAKlB,SAASC,SAAS,QAAQ,kBAAkB;AAY5C,OAAO,MAAMC,WAAW,GAAGP,QAAQ,CAAEQ,KAAuB,IAAK;EAC7D,MAAMC,OAAO,gBAAGX,KAAK,CAACY,SAAS,CAAU,CAAC;EAE1CX,SAAS,CAAC,MAAM;IACZ,IAAIU,OAAO,CAACE,OAAO,EAAE;MACjBH,KAAK,CAACI,MAAM,CAACH,OAAO,CAACE,OAAO,CAAC;IACjC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIb,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAAQ,gBACpBhB,KAAA,CAAAe,aAAA,CAACV,IAAI;IACDY,GAAG,EAAEN,OAAQ;IACbO,IAAI,EAAER,KAAK,CAACS,EAAE,CAACD,IAAK;IACpBE,QAAQ,EAAEV,KAAK,CAACU,QAAS;IACzBC,aAAa,EAAEX,KAAK,CAACS,EAAE,CAACE;EAAc,GAErC,mBACGrB,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAsB,QAAA,qBACItB,KAAA,CAAAe,aAAA,CAACP,SAAS;IAACe,OAAO,EAAE;EAAY,GAC3Bb,KAAK,CAACS,EAAE,CAACD,IAAI,CAACM,UAAU,CAACC,GAAG,CAAC,CAACC,SAAS,EAAEC,cAAc,kBACpD3B,KAAA,CAAAe,aAAA,CAACP,SAAS,CAACoB,IAAI;IACXC,GAAG,EAAE,aAAaF,cAAc,EAAG;IACnCG,KAAK,EAAEJ,SAAS,CAACI,KAAM;IACvBC,WAAW,EAAEL,SAAS,CAACM,IAAK;IAC5BC,OAAO,eACHjC,KAAA,CAAAe,aAAA,CAACP,SAAS,CAACoB,IAAI,CAACM,MAAM;MAClBC,IAAI,eAAEnC,KAAA,CAAAe,aAAA,CAACX,UAAU,MAAE,CAAE;MACrBgC,OAAO,EAAEA,CAAA,KAAM1B,KAAK,CAAC2B,QAAQ,CAACV,cAAc,CAAE;MAC9CW,QAAQ,EAAE,CAACZ,SAAS,CAACa;IAAU,CAClC;EACJ,gBAEDvC,KAAA,CAAAe,aAAA,CAACR,SAAS;IACNiC,IAAI,EAAE,cAAcb,cAAc,EAAG;IACrCD,SAAS,EAAEA,SAAU;IACrBW,QAAQ,EAAEA,CAAA,KAAM3B,KAAK,CAAC2B,QAAQ,CAACV,cAAc,CAAE;IAC/Cc,uBAAuB,EAAEvB,IAAI,IACzBR,KAAK,CAAC+B,uBAAuB,CAACd,cAAc,EAAET,IAAI;EACrD,CACJ,CACW,CACnB,CACM,CAAC,eACZlB,KAAA,CAAAe,aAAA,CAACT,YAAY;IACTgC,QAAQ,EAAE,CAAC5B,KAAK,CAACS,EAAE,CAACuB,eAAgB;IACpCN,OAAO,EAAEA,CAAA,KAAM1B,KAAK,CAACiC,KAAK,CAAC;EAAE,CAChC,CACH,CAEJ,CACL,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { BatchDTO, FieldDTO } from "../domain";
+import type { BatchDTO, FieldDTO } from "../../../../components/BulkActions/ActionEdit/domain/index.js";
 interface BatchEditorDialogProps {
     fields: FieldDTO[];
     batch: BatchDTO;

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

@@ -1,64 +1,54 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BatchEditorDialog = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _mobxReactLite = require("mobx-react-lite");
-var _Button = require("@webiny/ui/Button");
-var _Dialog = require("@webiny/ui/Dialog");
-var _BatchEditorDialogPresenter = require("./BatchEditorDialogPresenter");
-var _BatchEditor = require("./BatchEditor");
-var _ActionEdit = require("../ActionEdit.styled");
-var BatchEditorDialog = exports.BatchEditorDialog = (0, _mobxReactLite.observer)(function (props) {
-  var presenter = (0, _react.useMemo)(function () {
-    return new _BatchEditorDialogPresenter.BatchEditorDialogPresenter();
+import React, { useMemo, useEffect, useRef } from "react";
+import { Drawer } from "@webiny/admin-ui";
+import { observer } from "mobx-react-lite";
+import { BatchEditorDialogPresenter } from "./BatchEditorDialogPresenter.js";
+import { BatchEditor } from "./BatchEditor.js";
+export const BatchEditorDialog = observer(props => {
+  const presenter = useMemo(() => {
+    const presenter = new BatchEditorDialogPresenter();
+    presenter.load(props.batch, props.fields);
+    return presenter;
   }, []);
-  var ref = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
+  const ref = useRef(null);
+  useEffect(() => {
     presenter.load(props.batch, props.fields);
   }, [props.batch, props.fields]);
-  var _onChange = function onChange(data) {
+  const onChange = data => {
     presenter.setBatch(data);
   };
-  var onApply = function onApply() {
-    ref.current?.validate().then(function (isValid) {
+  const onApply = () => {
+    ref.current?.validate().then(isValid => {
       if (isValid) {
-        presenter.onApply(function (batch) {
+        presenter.onApply(batch => {
           props.onApply(batch);
         });
       }
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_ActionEdit.DialogContainer, {
+  return /*#__PURE__*/React.createElement(Drawer, {
     open: props.vm.isOpen,
     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;
-    },
-    onChange: function onChange(data) {
-      return _onChange(data);
-    },
+    modal: true,
+    width: 800,
+    headerSeparator: true,
+    footerSeparator: true,
+    title: "Edit items",
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer.CancelButton, {
+      text: "Cancel",
+      onClick: props.onClose
+    }), /*#__PURE__*/React.createElement(Drawer.ConfirmButton, {
+      onClick: onApply,
+      text: "Submit"
+    }))
+  }, /*#__PURE__*/React.createElement(BatchEditor, {
+    onForm: form => ref.current = form,
+    onChange: data => onChange(data),
     onSubmit: onApply,
-    onDelete: function onDelete(operationIndex) {
-      return presenter.deleteOperation(operationIndex);
-    },
-    onAdd: function onAdd() {
-      return presenter.addOperation();
-    },
-    onSetOperationFieldData: function onSetOperationFieldData(operationIndex, data) {
-      return presenter.setOperationFieldData(operationIndex, data);
-    },
+    onDelete: operationIndex => presenter.deleteOperation(operationIndex),
+    onAdd: () => presenter.addOperation(),
+    onSetOperationFieldData: (operationIndex, data) => presenter.setOperationFieldData(operationIndex, data),
     vm: presenter.vm
-  }))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Dialog.DialogCancel, {
-    onClick: props.onClose
-  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-    onClick: onApply
-  }, "Submit"))) : null);
+  }));
 });
 
 //# sourceMappingURL=BatchEditorDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_Button","_Dialog","_BatchEditorDialogPresenter","_BatchEditor","_ActionEdit","BatchEditorDialog","exports","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"],"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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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useEffect","useRef","Drawer","observer","BatchEditorDialogPresenter","BatchEditor","BatchEditorDialog","props","presenter","load","batch","fields","ref","onChange","data","setBatch","onApply","current","validate","then","isValid","createElement","open","vm","isOpen","onClose","modal","width","headerSeparator","footerSeparator","title","actions","Fragment","CancelButton","text","onClick","ConfirmButton","onForm","form","onSubmit","onDelete","operationIndex","deleteOperation","onAdd","addOperation","onSetOperationFieldData","setOperationFieldData"],"sources":["BatchEditorDialog.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useRef } from \"react\";\n\nimport { Drawer } from \"@webiny/admin-ui\";\nimport { observer } from \"mobx-react-lite\";\nimport type { FormAPI } from \"@webiny/form\";\n\nimport type { BatchEditorFormData } from \"./BatchEditorDialogPresenter.js\";\nimport { BatchEditorDialogPresenter } from \"./BatchEditorDialogPresenter.js\";\nimport { BatchEditor } from \"~/components/BulkActions/ActionEdit/BatchEditorDialog/BatchEditor.js\";\nimport type { BatchDTO, FieldDTO } from \"~/components/BulkActions/ActionEdit/domain/index.js\";\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        const presenter = new BatchEditorDialogPresenter();\n        presenter.load(props.batch, props.fields);\n        return presenter;\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        <Drawer\n            open={props.vm.isOpen}\n            onClose={props.onClose}\n            modal={true}\n            width={800}\n            headerSeparator={true}\n            footerSeparator={true}\n            title={\"Edit items\"}\n            actions={\n                <>\n                    <Drawer.CancelButton text={\"Cancel\"} onClick={props.onClose} />\n                    <Drawer.ConfirmButton onClick={onApply} text={\"Submit\"} />\n                </>\n            }\n        >\n            <BatchEditor\n                onForm={form => (ref.current = form)}\n                onChange={data => onChange(data)}\n                onSubmit={onApply}\n                onDelete={operationIndex => presenter.deleteOperation(operationIndex)}\n                onAdd={() => presenter.addOperation()}\n                onSetOperationFieldData={(operationIndex, data) =>\n                    presenter.setOperationFieldData(operationIndex, data)\n                }\n                vm={presenter.vm}\n            />\n        </Drawer>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEzD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,QAAQ,QAAQ,iBAAiB;AAI1C,SAASC,0BAA0B;AACnC,SAASC,WAAW;AAapB,OAAO,MAAMC,iBAAiB,GAAGH,QAAQ,CAAEI,KAA6B,IAAK;EACzE,MAAMC,SAAS,GAAGT,OAAO,CAA6B,MAAM;IACxD,MAAMS,SAAS,GAAG,IAAIJ,0BAA0B,CAAC,CAAC;IAClDI,SAAS,CAACC,IAAI,CAACF,KAAK,CAACG,KAAK,EAAEH,KAAK,CAACI,MAAM,CAAC;IACzC,OAAOH,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,GAAG,GAAGX,MAAM,CAAiB,IAAI,CAAC;EAExCD,SAAS,CAAC,MAAM;IACZQ,SAAS,CAACC,IAAI,CAACF,KAAK,CAACG,KAAK,EAAEH,KAAK,CAACI,MAAM,CAAC;EAC7C,CAAC,EAAE,CAACJ,KAAK,CAACG,KAAK,EAAEH,KAAK,CAACI,MAAM,CAAC,CAAC;EAE/B,MAAME,QAAQ,GAAIC,IAAyB,IAAK;IAC5CN,SAAS,CAACO,QAAQ,CAACD,IAAI,CAAC;EAC5B,CAAC;EAED,MAAME,OAAO,GAAGA,CAAA,KAAM;IAClBJ,GAAG,CAACK,OAAO,EAAEC,QAAQ,CAAC,CAAC,CAACC,IAAI,CAACC,OAAO,IAAI;MACpC,IAAIA,OAAO,EAAE;QACTZ,SAAS,CAACQ,OAAO,CAACN,KAAK,IAAI;UACvBH,KAAK,CAACS,OAAO,CAACN,KAAK,CAAC;QACxB,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,oBACIZ,KAAA,CAAAuB,aAAA,CAACnB,MAAM;IACHoB,IAAI,EAAEf,KAAK,CAACgB,EAAE,CAACC,MAAO;IACtBC,OAAO,EAAElB,KAAK,CAACkB,OAAQ;IACvBC,KAAK,EAAE,IAAK;IACZC,KAAK,EAAE,GAAI;IACXC,eAAe,EAAE,IAAK;IACtBC,eAAe,EAAE,IAAK;IACtBC,KAAK,EAAE,YAAa;IACpBC,OAAO,eACHjC,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAkC,QAAA,qBACIlC,KAAA,CAAAuB,aAAA,CAACnB,MAAM,CAAC+B,YAAY;MAACC,IAAI,EAAE,QAAS;MAACC,OAAO,EAAE5B,KAAK,CAACkB;IAAQ,CAAE,CAAC,eAC/D3B,KAAA,CAAAuB,aAAA,CAACnB,MAAM,CAACkC,aAAa;MAACD,OAAO,EAAEnB,OAAQ;MAACkB,IAAI,EAAE;IAAS,CAAE,CAC3D;EACL,gBAEDpC,KAAA,CAAAuB,aAAA,CAAChB,WAAW;IACRgC,MAAM,EAAEC,IAAI,IAAK1B,GAAG,CAACK,OAAO,GAAGqB,IAAM;IACrCzB,QAAQ,EAAEC,IAAI,IAAID,QAAQ,CAACC,IAAI,CAAE;IACjCyB,QAAQ,EAAEvB,OAAQ;IAClBwB,QAAQ,EAAEC,cAAc,IAAIjC,SAAS,CAACkC,eAAe,CAACD,cAAc,CAAE;IACtEE,KAAK,EAAEA,CAAA,KAAMnC,SAAS,CAACoC,YAAY,CAAC,CAAE;IACtCC,uBAAuB,EAAEA,CAACJ,cAAc,EAAE3B,IAAI,KAC1CN,SAAS,CAACsC,qBAAqB,CAACL,cAAc,EAAE3B,IAAI,CACvD;IACDS,EAAE,EAAEf,SAAS,CAACe;EAAG,CACpB,CACG,CAAC;AAEjB,CAAC,CAAC","ignoreList":[]}

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

@@ -1,4 +1,5 @@
-import { BatchDTO, FieldDTO, OperationDTO, OperatorDTO } from "../domain";
+import { type BatchDTO, type FieldDTO, type OperationDTO, type OperatorDTO } from "../../../../components/BulkActions/ActionEdit/domain/index.js";
+import type { FormInvalidFields } from "@webiny/form";
 export interface IBatchEditorDialogPresenter {
     load(batch: BatchDTO, fields: FieldDTO[]): void;
     addOperation(): void;
@@ -9,17 +10,14 @@ export interface IBatchEditorDialogPresenter {
     get vm(): BatchEditorDialogViewModel;
 }
 export interface BatchEditorDialogViewModel {
-    invalidFields: Record<string, {
-        isValid: boolean;
-        message: string;
-    }>;
+    invalidFields: FormInvalidFields;
     canAddOperation: boolean;
     data: BatchEditorFormData;
 }
 export interface BatchEditorFormData {
     operations: OperationFormData[];
 }
-export declare type OperationFormData = OperationDTO & {
+export type OperationFormData = OperationDTO & {
     canDelete: boolean;
     title: string;
     open: boolean;
@@ -35,10 +33,7 @@ export declare class BatchEditorDialogPresenter implements IBatchEditorDialogPre
     constructor();
     load(batch: BatchDTO, fields: FieldDTO[]): void;
     get vm(): {
-        invalidFields: Record<string, {
-            isValid: boolean;
-            message: string;
-        }>;
+        invalidFields: FormInvalidFields;
         canAddOperation: boolean;
         data: {
             operations: {