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

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

@@ -1,188 +1,140 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BatchEditorDialogPresenter = void 0;
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _mobx = require("mobx");
-var _domain = require("../domain");
-var BatchEditorDialogPresenter = exports.BatchEditorDialogPresenter = /*#__PURE__*/function () {
-  function BatchEditorDialogPresenter() {
-    var _this = this;
-    (0, _classCallCheck2.default)(this, BatchEditorDialogPresenter);
-    (0, _defineProperty2.default)(this, "invalidFields", {});
-    (0, _defineProperty2.default)(this, "formWasSubmitted", false);
-    (0, _defineProperty2.default)(this, "getOperations", function () {
-      return _this.batch?.operations.map(function (operation, operationIndex) {
-        var fieldOptions = _this.getFieldOptions(operation.field);
-        var selectedField = fieldOptions.find(function (field) {
-          return field.value === operation.field;
-        });
-        var operatorOptions = selectedField?.operators || [];
-        return {
-          title: _this.getOperationTitle(operation.field, operation.operator) ?? "Operation #".concat(operationIndex + 1),
-          open: true,
-          field: operation.field,
-          operator: operation.operator,
-          value: operation.value,
-          canDelete: operationIndex !== 0,
-          fieldOptions: fieldOptions,
-          selectedField: selectedField,
-          operatorOptions: operatorOptions
-        };
-      }) || [];
-    });
+import { makeAutoObservable } from "mobx";
+import { Batch } from "../domain/index.js";
+export class BatchEditorDialogPresenter {
+  invalidFields = {};
+  formWasSubmitted = false;
+  constructor() {
     this.batch = undefined;
     this.fields = [];
-    (0, _mobx.makeAutoObservable)(this);
+    makeAutoObservable(this);
   }
-  return (0, _createClass2.default)(BatchEditorDialogPresenter, [{
-    key: "load",
-    value: function load(batch, fields) {
-      this.batch = batch;
-      this.fields = fields;
-    }
-  }, {
-    key: "vm",
-    get: function get() {
-      var operations = this.getOperations();
-      var canAddOperation = operations[operations.length - 1].fieldOptions.length > 1 ?? false;
-      return {
-        invalidFields: this.invalidFields,
-        canAddOperation: canAddOperation,
-        data: {
-          operations: operations
-        }
-      };
-    }
-  }, {
-    key: "addOperation",
-    value: function addOperation() {
-      if (!this.batch) {
-        return;
+  load(batch, fields) {
+    this.batch = batch;
+    this.fields = fields;
+  }
+  get vm() {
+    const operations = this.getOperations();
+    const canAddOperation = operations[operations.length - 1].fieldOptions.length > 1;
+    return {
+      invalidFields: this.invalidFields,
+      canAddOperation,
+      data: {
+        operations
       }
-      this.batch.operations.push({
-        field: "",
-        operator: "",
-        value: undefined
-      });
+    };
+  }
+  addOperation() {
+    if (!this.batch) {
+      return;
     }
-  }, {
-    key: "deleteOperation",
-    value: function deleteOperation(operationIndex) {
-      if (!this.batch) {
-        return;
-      }
-      this.batch.operations = this.batch.operations.filter(function (_, index) {
-        return index !== operationIndex;
-      });
+    this.batch.operations.push({
+      field: "",
+      operator: "",
+      value: undefined
+    });
+  }
+  deleteOperation(operationIndex) {
+    if (!this.batch) {
+      return;
+    }
+    this.batch.operations = this.batch.operations.filter((_, index) => index !== operationIndex);
 
-      // Make sure we always have at least 1 operation!
-      if (this.batch.operations.length === 0) {
-        this.addOperation();
-      }
+    // Make sure we always have at least 1 operation!
+    if (this.batch.operations.length === 0) {
+      this.addOperation();
     }
-  }, {
-    key: "setOperationFieldData",
-    value: function setOperationFieldData(batchIndex, data) {
-      if (!this.batch) {
-        return;
-      }
-      this.batch.operations = [].concat((0, _toConsumableArray2.default)(this.batch.operations.slice(0, batchIndex)), [{
-        field: data,
-        operator: "",
-        value: undefined
-      }], (0, _toConsumableArray2.default)(this.batch.operations.slice(batchIndex + 1)));
+  }
+  setOperationFieldData(batchIndex, data) {
+    if (!this.batch) {
+      return;
     }
-  }, {
-    key: "setBatch",
-    value: function setBatch(data) {
-      if (!this.batch) {
-        return;
-      }
-      this.batch = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, this.batch), {}, {
-        operations: data.operations.map(function (operation) {
-          return {
-            field: operation.field,
-            operator: operation.operator,
-            value: operation.value
-          };
-        })
-      });
-      if (this.formWasSubmitted) {
-        this.validateBatch(this.batch);
-      }
+    this.batch.operations = [...this.batch.operations.slice(0, batchIndex), {
+      field: data,
+      operator: "",
+      value: undefined
+    }, ...this.batch.operations.slice(batchIndex + 1)];
+  }
+  setBatch(data) {
+    if (!this.batch) {
+      return;
     }
-  }, {
-    key: "onApply",
-    value: function onApply(onSuccess, onError) {
-      if (!this.batch) {
-        return;
-      }
-      var result = this.validateBatch(this.batch);
-      if (result.success) {
-        onSuccess && onSuccess(this.batch);
-      } else {
-        onError && onError(this.batch, this.invalidFields);
-      }
+    this.batch = {
+      ...this.batch,
+      operations: data.operations.map(operation => ({
+        field: operation.field,
+        operator: operation.operator,
+        value: operation.value
+      }))
+    };
+    if (this.formWasSubmitted) {
+      this.validateBatch(this.batch);
     }
-  }, {
-    key: "getOperationTitle",
-    value: function getOperationTitle(inputField, inputOperation) {
-      if (!inputField || !inputOperation) {
-        return undefined;
-      }
-      var field = this.fields.find(function (field) {
-        return field.value === inputField;
-      });
-      if (!field) {
-        return undefined;
-      }
-      var operator = field.operators.find(function (operator) {
-        return operator.value === inputOperation;
-      });
-      if (!operator) {
-        return undefined;
-      }
-      return "".concat(operator.label, " for field \"").concat(field.label, "\"");
+  }
+  onApply(onSuccess, onError) {
+    if (!this.batch) {
+      return;
     }
-  }, {
-    key: "getFieldOptions",
-    value: function getFieldOptions() {
-      var currentFieldId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
-      if (!this.batch) {
-        return [];
-      }
-      var existings = this.batch.operations.filter(function (operation) {
-        return operation.field !== currentFieldId;
-      }).map(function (operation) {
-        return operation.field;
-      });
-      return this.fields.filter(function (field) {
-        return !existings.includes(field.value);
-      });
+    const result = this.validateBatch(this.batch);
+    if (result.success) {
+      onSuccess && onSuccess(this.batch);
+    } else {
+      onError && onError(this.batch, this.invalidFields);
     }
-  }, {
-    key: "validateBatch",
-    value: function validateBatch(data) {
-      this.formWasSubmitted = true;
-      var validation = _domain.Batch.validate(data);
-      if (!validation.success) {
-        this.invalidFields = validation.error.issues.reduce(function (acc, issue) {
-          return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, acc), {}, (0, _defineProperty2.default)({}, issue.path.join("."), issue.message));
-        }, {});
-      } else {
-        this.invalidFields = {};
-      }
-      return validation;
+  }
+  getOperations = () => {
+    return this.batch?.operations.map((operation, operationIndex) => {
+      const fieldOptions = this.getFieldOptions(operation.field);
+      const selectedField = fieldOptions.find(field => field.value === operation.field);
+      const operatorOptions = selectedField?.operators || [];
+      return {
+        title: this.getOperationTitle(operation.field, operation.operator) ?? `Operation #${operationIndex + 1}`,
+        open: true,
+        field: operation.field,
+        operator: operation.operator,
+        value: operation.value,
+        canDelete: operationIndex !== 0,
+        fieldOptions,
+        selectedField,
+        operatorOptions
+      };
+    }) || [];
+  };
+  getOperationTitle(inputField, inputOperation) {
+    if (!inputField || !inputOperation) {
+      return undefined;
+    }
+    const field = this.fields.find(field => field.value === inputField);
+    if (!field) {
+      return undefined;
+    }
+    const operator = field.operators.find(operator => operator.value === inputOperation);
+    if (!operator) {
+      return undefined;
+    }
+    return `${operator.label} for field "${field.label}"`;
+  }
+  getFieldOptions(currentFieldId = "") {
+    if (!this.batch) {
+      return [];
     }
-  }]);
-}();
+    const existings = this.batch.operations.filter(operation => operation.field !== currentFieldId).map(operation => operation.field);
+    return this.fields.filter(field => !existings.includes(field.value));
+  }
+  validateBatch(data) {
+    this.formWasSubmitted = true;
+    const validation = Batch.validate(data);
+    if (!validation.success) {
+      this.invalidFields = validation.error.issues.reduce((acc, issue) => {
+        return {
+          ...acc,
+          [issue.path.join(".")]: issue.message
+        };
+      }, {});
+    } else {
+      this.invalidFields = {};
+    }
+    return validation;
+  }
+}
 
 //# sourceMappingURL=BatchEditorDialogPresenter.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_domain","BatchEditorDialogPresenter","exports","_this","_classCallCheck2","default","_defineProperty2","batch","operations","map","operation","operationIndex","fieldOptions","getFieldOptions","field","selectedField","find","value","operatorOptions","operators","title","getOperationTitle","operator","concat","open","canDelete","undefined","fields","makeAutoObservable","_createClass2","key","load","get","getOperations","canAddOperation","length","invalidFields","data","addOperation","push","deleteOperation","filter","_","index","setOperationFieldData","batchIndex","_toConsumableArray2","slice","setBatch","_objectSpread3","formWasSubmitted","validateBatch","onApply","onSuccess","onError","result","success","inputField","inputOperation","label","currentFieldId","arguments","existings","includes","validation","Batch","validate","error","issues","reduce","acc","issue","path","join","message"],"sources":["BatchEditorDialogPresenter.tsx"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nimport {\n    Batch,\n    BatchDTO,\n    FieldDTO,\n    OperationDTO,\n    OperatorDTO\n} from \"~/components/BulkActions/ActionEdit/domain\";\n\nexport interface IBatchEditorDialogPresenter {\n    load(batch: BatchDTO, fields: FieldDTO[]): void;\n    addOperation(): void;\n    deleteOperation(operationIndex: number): void;\n    setOperationFieldData(operationIndex: number, data: string): void;\n    setBatch(data: any): void;\n    onApply(onSuccess?: (batch: BatchDTO) => void, onError?: (batch: BatchDTO) => void): void;\n    get vm(): BatchEditorDialogViewModel;\n}\n\nexport interface BatchEditorDialogViewModel {\n    invalidFields: Record<string, { isValid: boolean; message: string }>;\n    canAddOperation: boolean;\n    data: BatchEditorFormData;\n}\n\nexport interface BatchEditorFormData {\n    operations: OperationFormData[];\n}\n\nexport type OperationFormData = OperationDTO & {\n    canDelete: boolean;\n    title: string;\n    open: boolean;\n    fieldOptions: FieldDTO[];\n    operatorOptions: OperatorDTO[];\n    selectedField?: FieldDTO;\n};\n\nexport class BatchEditorDialogPresenter implements IBatchEditorDialogPresenter {\n    private batch: BatchDTO | undefined;\n    private fields: FieldDTO[];\n    private invalidFields: BatchEditorDialogViewModel[\"invalidFields\"] = {};\n    private formWasSubmitted = false;\n\n    constructor() {\n        this.batch = undefined;\n        this.fields = [];\n        makeAutoObservable(this);\n    }\n\n    load(batch: BatchDTO, fields: FieldDTO[]) {\n        this.batch = batch;\n        this.fields = fields;\n    }\n\n    get vm() {\n        const operations = this.getOperations();\n        const canAddOperation = operations[operations.length - 1].fieldOptions.length > 1 ?? false;\n\n        return {\n            invalidFields: this.invalidFields,\n            canAddOperation,\n            data: {\n                operations\n            }\n        };\n    }\n\n    addOperation(): void {\n        if (!this.batch) {\n            return;\n        }\n\n        this.batch.operations.push({\n            field: \"\",\n            operator: \"\",\n            value: undefined\n        });\n    }\n\n    deleteOperation(operationIndex: number): void {\n        if (!this.batch) {\n            return;\n        }\n\n        this.batch.operations = this.batch.operations.filter(\n            (_, index) => index !== operationIndex\n        );\n\n        // Make sure we always have at least 1 operation!\n        if (this.batch.operations.length === 0) {\n            this.addOperation();\n        }\n    }\n\n    setOperationFieldData(batchIndex: number, data: string) {\n        if (!this.batch) {\n            return;\n        }\n\n        this.batch.operations = [\n            ...this.batch.operations.slice(0, batchIndex),\n            {\n                field: data,\n                operator: \"\",\n                value: undefined\n            },\n            ...this.batch.operations.slice(batchIndex + 1)\n        ];\n    }\n\n    setBatch(data: BatchEditorFormData): void {\n        if (!this.batch) {\n            return;\n        }\n\n        this.batch = {\n            ...this.batch,\n            operations: data.operations.map(operation => ({\n                field: operation.field,\n                operator: operation.operator,\n                value: operation.value\n            }))\n        };\n\n        if (this.formWasSubmitted) {\n            this.validateBatch(this.batch);\n        }\n    }\n\n    onApply(\n        onSuccess?: (batch: BatchDTO) => void,\n        onError?: (\n            batch: BatchDTO,\n            invalidFields: BatchEditorDialogViewModel[\"invalidFields\"]\n        ) => void\n    ) {\n        if (!this.batch) {\n            return;\n        }\n\n        const result = this.validateBatch(this.batch);\n        if (result.success) {\n            onSuccess && onSuccess(this.batch);\n        } else {\n            onError && onError(this.batch, this.invalidFields);\n        }\n    }\n\n    private getOperations = () => {\n        return (\n            this.batch?.operations.map((operation: OperationDTO, operationIndex) => {\n                const fieldOptions = this.getFieldOptions(operation.field);\n                const selectedField = fieldOptions.find(field => field.value === operation.field);\n                const operatorOptions = selectedField?.operators || [];\n\n                return {\n                    title:\n                        this.getOperationTitle(operation.field, operation.operator) ??\n                        `Operation #${operationIndex + 1}`,\n                    open: true,\n                    field: operation.field,\n                    operator: operation.operator,\n                    value: operation.value,\n                    canDelete: operationIndex !== 0,\n                    fieldOptions,\n                    selectedField,\n                    operatorOptions\n                };\n            }) || []\n        );\n    };\n\n    private getOperationTitle(inputField?: string, inputOperation?: string) {\n        if (!inputField || !inputOperation) {\n            return undefined;\n        }\n\n        const field = this.fields.find(field => field.value === inputField);\n\n        if (!field) {\n            return undefined;\n        }\n\n        const operator = field.operators.find(operator => operator.value === inputOperation);\n\n        if (!operator) {\n            return undefined;\n        }\n\n        return `${operator.label} for field \"${field.label}\"`;\n    }\n\n    private getFieldOptions(currentFieldId = \"\") {\n        if (!this.batch) {\n            return [];\n        }\n\n        const existings = this.batch.operations\n            .filter(operation => operation.field !== currentFieldId)\n            .map(operation => operation.field);\n\n        return this.fields.filter(field => !existings.includes(field.value));\n    }\n\n    private validateBatch(data: BatchDTO) {\n        this.formWasSubmitted = true;\n        const validation = Batch.validate(data);\n\n        if (!validation.success) {\n            this.invalidFields = validation.error.issues.reduce((acc, issue) => {\n                return {\n                    ...acc,\n                    [issue.path.join(\".\")]: issue.message\n                };\n            }, {});\n        } else {\n            this.invalidFields = {};\n        }\n\n        return validation;\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","Batch","BatchEditorDialogPresenter","invalidFields","formWasSubmitted","constructor","batch","undefined","fields","load","vm","operations","getOperations","canAddOperation","length","fieldOptions","data","addOperation","push","field","operator","value","deleteOperation","operationIndex","filter","_","index","setOperationFieldData","batchIndex","slice","setBatch","map","operation","validateBatch","onApply","onSuccess","onError","result","success","getFieldOptions","selectedField","find","operatorOptions","operators","title","getOperationTitle","open","canDelete","inputField","inputOperation","label","currentFieldId","existings","includes","validation","validate","error","issues","reduce","acc","issue","path","join","message"],"sources":["BatchEditorDialogPresenter.tsx"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nimport {\n    Batch,\n    type BatchDTO,\n    type FieldDTO,\n    type OperationDTO,\n    type OperatorDTO\n} from \"~/components/BulkActions/ActionEdit/domain/index.js\";\nimport type { FormInvalidFields } from \"@webiny/form\";\n\nexport interface IBatchEditorDialogPresenter {\n    load(batch: BatchDTO, fields: FieldDTO[]): void;\n    addOperation(): void;\n    deleteOperation(operationIndex: number): void;\n    setOperationFieldData(operationIndex: number, data: string): void;\n    setBatch(data: any): void;\n    onApply(onSuccess?: (batch: BatchDTO) => void, onError?: (batch: BatchDTO) => void): void;\n    get vm(): BatchEditorDialogViewModel;\n}\n\nexport interface BatchEditorDialogViewModel {\n    invalidFields: FormInvalidFields;\n    canAddOperation: boolean;\n    data: BatchEditorFormData;\n}\n\nexport interface BatchEditorFormData {\n    operations: OperationFormData[];\n}\n\nexport type OperationFormData = OperationDTO & {\n    canDelete: boolean;\n    title: string;\n    open: boolean;\n    fieldOptions: FieldDTO[];\n    operatorOptions: OperatorDTO[];\n    selectedField?: FieldDTO;\n};\n\nexport class BatchEditorDialogPresenter implements IBatchEditorDialogPresenter {\n    private batch: BatchDTO | undefined;\n    private fields: FieldDTO[];\n    private invalidFields: BatchEditorDialogViewModel[\"invalidFields\"] = {};\n    private formWasSubmitted = false;\n\n    constructor() {\n        this.batch = undefined;\n        this.fields = [];\n        makeAutoObservable(this);\n    }\n\n    load(batch: BatchDTO, fields: FieldDTO[]) {\n        this.batch = batch;\n        this.fields = fields;\n    }\n\n    get vm() {\n        const operations = this.getOperations();\n        const canAddOperation = operations[operations.length - 1].fieldOptions.length > 1;\n\n        return {\n            invalidFields: this.invalidFields,\n            canAddOperation,\n            data: {\n                operations\n            }\n        };\n    }\n\n    addOperation(): void {\n        if (!this.batch) {\n            return;\n        }\n\n        this.batch.operations.push({\n            field: \"\",\n            operator: \"\",\n            value: undefined\n        });\n    }\n\n    deleteOperation(operationIndex: number): void {\n        if (!this.batch) {\n            return;\n        }\n\n        this.batch.operations = this.batch.operations.filter(\n            (_, index) => index !== operationIndex\n        );\n\n        // Make sure we always have at least 1 operation!\n        if (this.batch.operations.length === 0) {\n            this.addOperation();\n        }\n    }\n\n    setOperationFieldData(batchIndex: number, data: string) {\n        if (!this.batch) {\n            return;\n        }\n\n        this.batch.operations = [\n            ...this.batch.operations.slice(0, batchIndex),\n            {\n                field: data,\n                operator: \"\",\n                value: undefined\n            },\n            ...this.batch.operations.slice(batchIndex + 1)\n        ];\n    }\n\n    setBatch(data: BatchEditorFormData): void {\n        if (!this.batch) {\n            return;\n        }\n\n        this.batch = {\n            ...this.batch,\n            operations: data.operations.map(operation => ({\n                field: operation.field,\n                operator: operation.operator,\n                value: operation.value\n            }))\n        };\n\n        if (this.formWasSubmitted) {\n            this.validateBatch(this.batch);\n        }\n    }\n\n    onApply(\n        onSuccess?: (batch: BatchDTO) => void,\n        onError?: (\n            batch: BatchDTO,\n            invalidFields: BatchEditorDialogViewModel[\"invalidFields\"]\n        ) => void\n    ) {\n        if (!this.batch) {\n            return;\n        }\n\n        const result = this.validateBatch(this.batch);\n        if (result.success) {\n            onSuccess && onSuccess(this.batch);\n        } else {\n            onError && onError(this.batch, this.invalidFields);\n        }\n    }\n\n    private getOperations = () => {\n        return (\n            this.batch?.operations.map((operation: OperationDTO, operationIndex) => {\n                const fieldOptions = this.getFieldOptions(operation.field);\n                const selectedField = fieldOptions.find(field => field.value === operation.field);\n                const operatorOptions = selectedField?.operators || [];\n\n                return {\n                    title:\n                        this.getOperationTitle(operation.field, operation.operator) ??\n                        `Operation #${operationIndex + 1}`,\n                    open: true,\n                    field: operation.field,\n                    operator: operation.operator,\n                    value: operation.value,\n                    canDelete: operationIndex !== 0,\n                    fieldOptions,\n                    selectedField,\n                    operatorOptions\n                };\n            }) || []\n        );\n    };\n\n    private getOperationTitle(inputField?: string, inputOperation?: string) {\n        if (!inputField || !inputOperation) {\n            return undefined;\n        }\n\n        const field = this.fields.find(field => field.value === inputField);\n\n        if (!field) {\n            return undefined;\n        }\n\n        const operator = field.operators.find(operator => operator.value === inputOperation);\n\n        if (!operator) {\n            return undefined;\n        }\n\n        return `${operator.label} for field \"${field.label}\"`;\n    }\n\n    private getFieldOptions(currentFieldId = \"\") {\n        if (!this.batch) {\n            return [];\n        }\n\n        const existings = this.batch.operations\n            .filter(operation => operation.field !== currentFieldId)\n            .map(operation => operation.field);\n\n        return this.fields.filter(field => !existings.includes(field.value));\n    }\n\n    private validateBatch(data: BatchDTO) {\n        this.formWasSubmitted = true;\n        const validation = Batch.validate(data);\n\n        if (!validation.success) {\n            this.invalidFields = validation.error.issues.reduce((acc, issue) => {\n                return {\n                    ...acc,\n                    [issue.path.join(\".\")]: issue.message\n                };\n            }, {});\n        } else {\n            this.invalidFields = {};\n        }\n\n        return validation;\n    }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,26 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _BatchEditorDialogPresenter = require("./BatchEditorDialogPresenter");
-var _domain = require("../domain");
-describe("BatchEditorDialogPresenter", function () {
-  var batch = {
+import { describe, it, expect, beforeEach, vi } from "vitest";
+import { BatchEditorDialogPresenter } from "./BatchEditorDialogPresenter.js";
+import { OperatorType } from "../domain/index.js";
+describe("BatchEditorDialogPresenter", () => {
+  const batch = {
     operations: [{
       field: "",
       operator: "",
       value: undefined
     }]
   };
-  var fields = [{
+  const fields = [{
     label: "Field 1",
     value: "field1",
     operators: [{
       label: "Override existing values",
-      value: _domain.OperatorType.OVERRIDE
+      value: OperatorType.OVERRIDE
     }, {
       label: "Clear all existing values",
-      value: _domain.OperatorType.REMOVE
+      value: OperatorType.REMOVE
     }],
     raw: {
       id: "field1",
@@ -38,10 +35,10 @@ describe("BatchEditorDialogPresenter", function () {
     value: "field2",
     operators: [{
       label: "Override existing values",
-      value: _domain.OperatorType.OVERRIDE
+      value: OperatorType.OVERRIDE
     }, {
       label: "Clear all existing values",
-      value: _domain.OperatorType.REMOVE
+      value: OperatorType.REMOVE
     }],
     raw: {
       id: "field2",
@@ -55,22 +52,22 @@ describe("BatchEditorDialogPresenter", function () {
       storageId: "text@field2"
     }
   }];
-  var operators = [{
-    value: _domain.OperatorType.OVERRIDE,
+  const operators = [{
+    value: OperatorType.OVERRIDE,
     label: "Override existing values"
   }, {
-    value: _domain.OperatorType.REMOVE,
+    value: OperatorType.REMOVE,
     label: "Clear all existing values"
   }, {
-    value: _domain.OperatorType.APPEND,
+    value: OperatorType.APPEND,
     label: "Append to existing values"
   }];
-  var presenter;
-  beforeEach(function () {
-    jest.clearAllMocks();
-    presenter = new _BatchEditorDialogPresenter.BatchEditorDialogPresenter();
+  let presenter;
+  beforeEach(() => {
+    vi.clearAllMocks();
+    presenter = new BatchEditorDialogPresenter();
   });
-  it("should load data", function () {
+  it("should load data", () => {
     presenter.load(batch, fields);
 
     // `vm` should have the expected `data` definition
@@ -94,7 +91,7 @@ describe("BatchEditorDialogPresenter", function () {
     // `vm` should have the expected `canAddOperation` definition
     expect(presenter.vm.canAddOperation).toEqual(true);
   });
-  it("should be able to add and delete operations", function () {
+  it("should be able to add and delete operations", () => {
     presenter.load(batch, fields);
 
     // should only have 1 operator, created by default
@@ -168,17 +165,19 @@ describe("BatchEditorDialogPresenter", function () {
       selectedField: undefined
     }]);
   });
-  it("should be able to handle the `fieldOptions` based operations set in the batch", function () {
+  it("should be able to handle the `fieldOptions` based operations set in the batch", () => {
     presenter.load(batch, fields);
 
     // let's set some `data` back to the operation
     presenter.setBatch({
       operations: [{
-        title: "Override existing values for field \"".concat(fields[0].label, "\""),
+        title: `Override existing values for field "${fields[0].label}"`,
         open: true,
         field: fields[0].value,
-        operator: _domain.OperatorType.OVERRIDE,
-        value: (0, _defineProperty2.default)({}, fields[0].value, "newValue"),
+        operator: OperatorType.OVERRIDE,
+        value: {
+          [fields[0].value]: "newValue"
+        },
         canDelete: false,
         fieldOptions: fields,
         operatorOptions: [operators[0], operators[1]],
@@ -206,20 +205,22 @@ describe("BatchEditorDialogPresenter", function () {
     // let's set some `data` back to the operations
     presenter.setBatch({
       operations: [{
-        title: "Override existing values for field \"".concat(fields[0].label, "\""),
+        title: `Override existing values for field "${fields[0].label}"`,
         open: true,
         field: fields[0].value,
-        operator: _domain.OperatorType.OVERRIDE,
-        value: (0, _defineProperty2.default)({}, fields[0].value, "newValue"),
+        operator: OperatorType.OVERRIDE,
+        value: {
+          [fields[0].value]: "newValue"
+        },
         canDelete: false,
         fieldOptions: fields,
         operatorOptions: [operators[0], operators[1]],
         selectedField: fields[0]
       }, {
-        title: "Remove all values for field \"".concat(fields[1].label, "\""),
+        title: `Remove all values for field "${fields[1].label}"`,
         open: false,
         field: fields[1].value,
-        operator: _domain.OperatorType.REMOVE,
+        operator: OperatorType.REMOVE,
         value: undefined,
         canDelete: true,
         fieldOptions: [fields[1]],
@@ -231,17 +232,19 @@ describe("BatchEditorDialogPresenter", function () {
     // I should NOT be able to add a new operation
     expect(presenter.vm.canAddOperation).toBeFalsy();
   });
-  it("should be able to set data back to the operation", function () {
+  it("should be able to set data back to the operation", () => {
     presenter.load(batch, fields);
 
     // should be able to set the `data` operation
     presenter.setBatch({
       operations: [{
-        title: "Remove all values for field \"".concat(fields[0].label, "\""),
+        title: `Remove all values for field "${fields[0].label}"`,
         open: false,
         field: fields[0].value,
-        operator: _domain.OperatorType.OVERRIDE,
-        value: (0, _defineProperty2.default)({}, fields[0].value, "newValue"),
+        operator: OperatorType.OVERRIDE,
+        value: {
+          [fields[0].value]: "newValue"
+        },
         canDelete: false,
         fieldOptions: fields,
         operatorOptions: [operators[0], operators[1]],
@@ -249,19 +252,23 @@ describe("BatchEditorDialogPresenter", function () {
       }]
     });
     expect(presenter.vm.data.operations[0].field).toEqual(fields[0].value);
-    expect(presenter.vm.data.operations[0].operator).toEqual(_domain.OperatorType.OVERRIDE);
-    expect(presenter.vm.data.operations[0].value).toEqual((0, _defineProperty2.default)({}, fields[0].value, "newValue"));
+    expect(presenter.vm.data.operations[0].operator).toEqual(OperatorType.OVERRIDE);
+    expect(presenter.vm.data.operations[0].value).toEqual({
+      [fields[0].value]: "newValue"
+    });
     expect(presenter.vm.data.operations[0].fieldOptions).toEqual(fields);
   });
-  it("should able to set the operation `field` data", function () {
+  it("should able to set the operation `field` data", () => {
     presenter.load(batch, fields);
     presenter.setBatch({
       operations: [{
-        title: "Override existing values for field \"".concat(fields[0].label, "\""),
+        title: `Override existing values for field "${fields[0].label}"`,
         open: true,
         field: fields[0].value,
-        operator: _domain.OperatorType.OVERRIDE,
-        value: (0, _defineProperty2.default)({}, fields[0].value, "newValue"),
+        operator: OperatorType.OVERRIDE,
+        value: {
+          [fields[0].value]: "newValue"
+        },
         canDelete: false,
         fieldOptions: fields,
         operatorOptions: [operators[0], operators[1]],
@@ -285,13 +292,13 @@ describe("BatchEditorDialogPresenter", function () {
       selectedField: undefined
     });
   });
-  it("should perform validation and call provided callbacks `onApply`", function () {
+  it("should perform validation and call provided callbacks `onApply`", () => {
     presenter.load(batch, fields);
-    var onSuccess = jest.fn();
-    var onError = jest.fn();
+    const onSuccess = vi.fn();
+    const onError = vi.fn();
     presenter.setBatch({
       operations: [{
-        title: "Override existing values for field \"".concat(fields[0].label, "\""),
+        title: `Override existing values for field "${fields[0].label}"`,
         open: true,
         field: fields[0].value,
         operator: "",
@@ -308,11 +315,13 @@ describe("BatchEditorDialogPresenter", function () {
     expect(Object.keys(presenter.vm.invalidFields).length).toBe(1);
     presenter.setBatch({
       operations: [{
-        title: "Override existing values for field \"".concat(fields[0].label, "\""),
+        title: `Override existing values for field "${fields[0].label}"`,
         open: true,
         field: fields[0].value,
-        operator: _domain.OperatorType.OVERRIDE,
-        value: (0, _defineProperty2.default)({}, fields[0].value, "newValue"),
+        operator: OperatorType.OVERRIDE,
+        value: {
+          [fields[0].value]: "newValue"
+        },
         canDelete: false,
         fieldOptions: fields,
         operatorOptions: [operators[0], operators[1]],