@webiny/app-file-manager 6.3.0-beta.4 → 6.4.0-beta.0

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

@@ -1,44 +0,0 @@
-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.createElement("div", {
-    className: "py-lg"
-  }, /*#__PURE__*/React.createElement(Form, {
-    ref: formRef,
-    data: props.vm.data,
-    onChange: props.onChange,
-    invalidFields: props.vm.invalidFields
-  }, () => /*#__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 +0,0 @@
-{"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,15 +0,0 @@
-import React from "react";
-import type { BatchDTO, FieldDTO } from "../../../../components/BulkActions/ActionEdit/domain/index.js";
-interface BatchEditorDialogProps {
-    fields: FieldDTO[];
-    batch: BatchDTO;
-    vm: {
-        isOpen: boolean;
-    };
-    onApply: (batch: BatchDTO) => void;
-    onClose: () => void;
-}
-export declare const BatchEditorDialog: ((props: BatchEditorDialogProps) => React.JSX.Element) & {
-    displayName: string;
-};
-export {};

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

@@ -1,54 +0,0 @@
-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;
-  }, []);
-  const ref = useRef(null);
-  useEffect(() => {
-    presenter.load(props.batch, props.fields);
-  }, [props.batch, props.fields]);
-  const onChange = data => {
-    presenter.setBatch(data);
-  };
-  const onApply = () => {
-    ref.current?.validate().then(isValid => {
-      if (isValid) {
-        presenter.onApply(batch => {
-          props.onApply(batch);
-        });
-      }
-    });
-  };
-  return /*#__PURE__*/React.createElement(Drawer, {
-    open: props.vm.isOpen,
-    onClose: props.onClose,
-    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: operationIndex => presenter.deleteOperation(operationIndex),
-    onAdd: () => presenter.addOperation(),
-    onSetOperationFieldData: (operationIndex, data) => presenter.setOperationFieldData(operationIndex, data),
-    vm: presenter.vm
-  }));
-});
-
-//# sourceMappingURL=BatchEditorDialog.js.map

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

@@ -1 +0,0 @@
-{"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,61 +0,0 @@
-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;
-    deleteOperation(operationIndex: number): void;
-    setOperationFieldData(operationIndex: number, data: string): void;
-    setBatch(data: any): void;
-    onApply(onSuccess?: (batch: BatchDTO) => void, onError?: (batch: BatchDTO) => void): void;
-    get vm(): BatchEditorDialogViewModel;
-}
-export interface BatchEditorDialogViewModel {
-    invalidFields: FormInvalidFields;
-    canAddOperation: boolean;
-    data: BatchEditorFormData;
-}
-export interface BatchEditorFormData {
-    operations: OperationFormData[];
-}
-export type OperationFormData = OperationDTO & {
-    canDelete: boolean;
-    title: string;
-    open: boolean;
-    fieldOptions: FieldDTO[];
-    operatorOptions: OperatorDTO[];
-    selectedField?: FieldDTO;
-};
-export declare class BatchEditorDialogPresenter implements IBatchEditorDialogPresenter {
-    private batch;
-    private fields;
-    private invalidFields;
-    private formWasSubmitted;
-    constructor();
-    load(batch: BatchDTO, fields: FieldDTO[]): void;
-    get vm(): {
-        invalidFields: FormInvalidFields;
-        canAddOperation: boolean;
-        data: {
-            operations: {
-                title: string;
-                open: boolean;
-                field: string;
-                operator: string;
-                value: Record<string, any> | undefined;
-                canDelete: boolean;
-                fieldOptions: FieldDTO[];
-                selectedField: FieldDTO | undefined;
-                operatorOptions: OperatorDTO[];
-            }[];
-        };
-    };
-    addOperation(): void;
-    deleteOperation(operationIndex: number): void;
-    setOperationFieldData(batchIndex: number, data: string): void;
-    setBatch(data: BatchEditorFormData): void;
-    onApply(onSuccess?: (batch: BatchDTO) => void, onError?: (batch: BatchDTO, invalidFields: BatchEditorDialogViewModel["invalidFields"]) => void): void;
-    private getOperations;
-    private getOperationTitle;
-    private getFieldOptions;
-    private validateBatch;
-}

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

@@ -1,140 +0,0 @@
-import { makeAutoObservable } from "mobx";
-import { Batch } from "../domain/index.js";
-export class BatchEditorDialogPresenter {
-  invalidFields = {};
-  formWasSubmitted = false;
-  constructor() {
-    this.batch = undefined;
-    this.fields = [];
-    makeAutoObservable(this);
-  }
-  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
-      }
-    };
-  }
-  addOperation() {
-    if (!this.batch) {
-      return;
-    }
-    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();
-    }
-  }
-  setOperationFieldData(batchIndex, data) {
-    if (!this.batch) {
-      return;
-    }
-    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;
-    }
-    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);
-    }
-  }
-  onApply(onSuccess, onError) {
-    if (!this.batch) {
-      return;
-    }
-    const result = this.validateBatch(this.batch);
-    if (result.success) {
-      onSuccess && onSuccess(this.batch);
-    } else {
-      onError && onError(this.batch, this.invalidFields);
-    }
-  }
-  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 +0,0 @@
-{"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":[]}