@webiny/app-file-manager 0.0.0-mt-3 → 0.0.0-unstable.06b2ede40f

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["ActionEditPresenter","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","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 type { 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":[]}

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

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

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

@@ -0,0 +1,19 @@
+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: "wby-mt-lg wby-text-center"
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: onClick,
+    text: "Add new operation",
+    icon: /*#__PURE__*/React.createElement(AddIcon, null),
+    variant: "secondary",
+    disabled: disabled
+  }));
+};
+
+//# sourceMappingURL=AddOperation.js.map

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

@@ -0,0 +1 @@
+{"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={\"wby-mt-lg wby-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;EAA4B,gBACxCR,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

@@ -0,0 +1,15 @@
+import React from "react";
+import type { FormAPI, FormOnSubmit } from "@webiny/form";
+import type { BatchEditorDialogViewModel, BatchEditorFormData } from "./BatchEditorDialogPresenter";
+export interface BatchEditorProps {
+    onForm: (form: FormAPI) => void;
+    onAdd: () => void;
+    onDelete: (operationIndex: number) => void;
+    onChange: (data: BatchEditorFormData) => void;
+    onSetOperationFieldData: (operationIndex: number, data: string) => void;
+    onSubmit: FormOnSubmit<BatchEditorFormData>;
+    vm: BatchEditorDialogViewModel;
+}
+export declare const BatchEditor: ((props: BatchEditorProps) => React.JSX.Element) & {
+    displayName: string;
+};

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

@@ -0,0 +1,45 @@
+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";
+import { Operation } from "./Operation";
+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: "wby-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",
+    background: "light"
+  }, 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

@@ -0,0 +1 @@
+{"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","background","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\";\nimport { Operation } from \"~/components/BulkActions/ActionEdit/BatchEditorDialog/Operation\";\nimport type {\n    BatchEditorDialogViewModel,\n    BatchEditorFormData\n} from \"~/components/BulkActions/ActionEdit/BatchEditorDialog/BatchEditorDialogPresenter\";\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={\"wby-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\"} background={\"light\"}>\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;EAAY,gBACxBhB,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,WAAY;IAACC,UAAU,EAAE;EAAQ,GAChDd,KAAK,CAACS,EAAE,CAACD,IAAI,CAACO,UAAU,CAACC,GAAG,CAAC,CAACC,SAAS,EAAEC,cAAc,kBACpD5B,KAAA,CAAAe,aAAA,CAACP,SAAS,CAACqB,IAAI;IACXC,GAAG,EAAE,aAAaF,cAAc,EAAG;IACnCG,KAAK,EAAEJ,SAAS,CAACI,KAAM;IACvBC,WAAW,EAAEL,SAAS,CAACM,IAAK;IAC5BC,OAAO,eACHlC,KAAA,CAAAe,aAAA,CAACP,SAAS,CAACqB,IAAI,CAACM,MAAM;MAClBC,IAAI,eAAEpC,KAAA,CAAAe,aAAA,CAACX,UAAU,MAAE,CAAE;MACrBiC,OAAO,EAAEA,CAAA,KAAM3B,KAAK,CAAC4B,QAAQ,CAACV,cAAc,CAAE;MAC9CW,QAAQ,EAAE,CAACZ,SAAS,CAACa;IAAU,CAClC;EACJ,gBAEDxC,KAAA,CAAAe,aAAA,CAACR,SAAS;IACNkC,IAAI,EAAE,cAAcb,cAAc,EAAG;IACrCD,SAAS,EAAEA,SAAU;IACrBW,QAAQ,EAAEA,CAAA,KAAM5B,KAAK,CAAC4B,QAAQ,CAACV,cAAc,CAAE;IAC/Cc,uBAAuB,EAAExB,IAAI,IACzBR,KAAK,CAACgC,uBAAuB,CAACd,cAAc,EAAEV,IAAI;EACrD,CACJ,CACW,CACnB,CACM,CAAC,eACZlB,KAAA,CAAAe,aAAA,CAACT,YAAY;IACTiC,QAAQ,EAAE,CAAC7B,KAAK,CAACS,EAAE,CAACwB,eAAgB;IACpCN,OAAO,EAAEA,CAAA,KAAM3B,KAAK,CAACkC,KAAK,CAAC;EAAE,CAChC,CACH,CAEJ,CACL,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+import React from "react";
+import type { BatchDTO, FieldDTO } from "../domain";
+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

@@ -0,0 +1,52 @@
+import React, { useMemo, useEffect, useRef } from "react";
+import { Drawer } from "@webiny/admin-ui";
+import { observer } from "mobx-react-lite";
+import { BatchEditorDialogPresenter } from "./BatchEditorDialogPresenter";
+import { BatchEditor } from "./BatchEditor";
+export const BatchEditorDialog = observer(props => {
+  const presenter = useMemo(() => {
+    return new BatchEditorDialogPresenter();
+  }, []);
+  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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useEffect","useRef","Drawer","observer","BatchEditorDialogPresenter","BatchEditor","BatchEditorDialog","props","presenter","ref","load","batch","fields","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\";\nimport { BatchEditorDialogPresenter } from \"./BatchEditorDialogPresenter\";\nimport { BatchEditor } from \"~/components/BulkActions/ActionEdit/BatchEditorDialog/BatchEditor\";\nimport type { 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        <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,OAAO,IAAIK,0BAA0B,CAAC,CAAC;EAC3C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,GAAG,GAAGR,MAAM,CAAiB,IAAI,CAAC;EAExCD,SAAS,CAAC,MAAM;IACZQ,SAAS,CAACE,IAAI,CAACH,KAAK,CAACI,KAAK,EAAEJ,KAAK,CAACK,MAAM,CAAC;EAC7C,CAAC,EAAE,CAACL,KAAK,CAACI,KAAK,EAAEJ,KAAK,CAACK,MAAM,CAAC,CAAC;EAE/B,MAAMC,QAAQ,GAAIC,IAAyB,IAAK;IAC5CN,SAAS,CAACO,QAAQ,CAACD,IAAI,CAAC;EAC5B,CAAC;EAED,MAAME,OAAO,GAAGA,CAAA,KAAM;IAClBP,GAAG,CAACQ,OAAO,EAAEC,QAAQ,CAAC,CAAC,CAACC,IAAI,CAACC,OAAO,IAAI;MACpC,IAAIA,OAAO,EAAE;QACTZ,SAAS,CAACQ,OAAO,CAACL,KAAK,IAAI;UACvBJ,KAAK,CAACS,OAAO,CAACL,KAAK,CAAC;QACxB,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,oBACIb,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,IAAK7B,GAAG,CAACQ,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

@@ -0,0 +1,61 @@
+import type { BatchDTO, FieldDTO, OperationDTO, OperatorDTO } from "../domain";
+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

@@ -0,0 +1,140 @@
+import { makeAutoObservable } from "mobx";
+import { Batch } from "../domain";
+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 ?? false;
+    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

@@ -0,0 +1 @@
+{"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 type {\n    BatchDTO,\n    FieldDTO,\n    OperationDTO,\n    OperatorDTO\n} from \"~/components/BulkActions/ActionEdit/domain\";\nimport { Batch } from \"~/components/BulkActions/ActionEdit/domain\";\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 ?? 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":[]}

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

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