@webiny/app-file-manager 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/presentation/FileList/components/BulkActions/ActionEditPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/ActionEditPresenter.js","sources":["../../../../../src/presentation/FileList/components/BulkActions/ActionEditPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nimport type {\n    BatchDTO,\n    FieldDTO,\n    FieldRaw\n} from \"~/presentation/FileList/components/BulkActions/domain/index.js\";\nimport {\n    Batch,\n    BatchMapper,\n    Field,\n    FieldMapper\n} from \"~/presentation/FileList/components/BulkActions/domain/index.js\";\n\nfunction isBulkEditableField(field: FieldRaw) {\n    return field.tags && field.tags.includes(\"$bulk-edit\");\n}\n\ninterface IActionEditPresenter {\n    load: (fields: FieldRaw[]) => void;\n    openEditor: () => void;\n    closeEditor: () => void;\n    get vm(): {\n        show: boolean;\n        currentBatch: BatchDTO;\n        fields: FieldDTO[];\n        editorVm: {\n            isOpen: boolean;\n        };\n    };\n}\n\nexport class ActionEditPresenter implements IActionEditPresenter {\n    private showEditor = false;\n    private readonly currentBatch: BatchDTO;\n    private fields: FieldDTO[];\n\n    constructor() {\n        this.fields = [];\n        this.currentBatch = BatchMapper.toDTO(Batch.createEmpty());\n        makeAutoObservable(this);\n    }\n\n    load(fields: FieldRaw[]) {\n        this.fields = [...this.getBuiltInFields(fields), ...this.getExtensionFields(fields)];\n    }\n\n    get vm() {\n        return {\n            show: this.fields.length > 0,\n            currentBatch: this.currentBatch,\n            fields: this.fields,\n            editorVm: this.editorVm\n        };\n    }\n\n    openEditor() {\n        this.showEditor = true;\n    }\n\n    closeEditor() {\n        this.showEditor = false;\n    }\n\n    private getBuiltInFields(fields: FieldRaw[]) {\n        const builtInFields = fields\n            .filter(field => field.fieldId !== \"extensions\")\n            .filter(isBulkEditableField);\n\n        return FieldMapper.toDTO(builtInFields.map(field => Field.createFromRaw(field)));\n    }\n\n    private getExtensionFields(fields: FieldRaw[]) {\n        const extensions = fields.find(field => field.fieldId === \"extensions\");\n\n        if (!extensions?.settings?.fields) {\n            return [];\n        }\n\n        const extensionFields = extensions.settings.fields.filter(isBulkEditableField) || [];\n\n        const extFields = FieldMapper.toDTO(\n            extensionFields.map(field => Field.createFromRaw(field))\n        );\n\n        return extFields.map(field => {\n            return { ...field, value: `extensions.${field.value}` };\n        });\n    }\n\n    private get editorVm() {\n        return {\n            isOpen: this.showEditor\n        };\n    }\n}\n"],"names":["isBulkEditableField","field","ActionEditPresenter","BatchMapper","Batch","makeAutoObservable","fields","builtInFields","FieldMapper","Field","extensions","extensionFields","extFields"],"mappings":";;AAcA,SAASA,oBAAoBC,KAAe;IACxC,OAAOA,MAAM,IAAI,IAAIA,MAAM,IAAI,CAAC,QAAQ,CAAC;AAC7C;AAgBO,MAAMC;IAKT,aAAc;aAJN,UAAU,GAAG;QAKjB,IAAI,CAAC,MAAM,GAAG,EAAE;QAChB,IAAI,CAAC,YAAY,GAAGC,YAAY,KAAK,CAACC,MAAM,WAAW;QACvDC,mBAAmB,IAAI;IAC3B;IAEA,KAAKC,MAAkB,EAAE;QACrB,IAAI,CAAC,MAAM,GAAG;eAAI,IAAI,CAAC,gBAAgB,CAACA;eAAY,IAAI,CAAC,kBAAkB,CAACA;SAAQ;IACxF;IAEA,IAAI,KAAK;QACL,OAAO;YACH,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG;YAC3B,cAAc,IAAI,CAAC,YAAY;YAC/B,QAAQ,IAAI,CAAC,MAAM;YACnB,UAAU,IAAI,CAAC,QAAQ;QAC3B;IACJ;IAEA,aAAa;QACT,IAAI,CAAC,UAAU,GAAG;IACtB;IAEA,cAAc;QACV,IAAI,CAAC,UAAU,GAAG;IACtB;IAEQ,iBAAiBA,MAAkB,EAAE;QACzC,MAAMC,gBAAgBD,OACjB,MAAM,CAACL,CAAAA,QAASA,AAAkB,iBAAlBA,MAAM,OAAO,EAC7B,MAAM,CAACD;QAEZ,OAAOQ,YAAY,KAAK,CAACD,cAAc,GAAG,CAACN,CAAAA,QAASQ,MAAM,aAAa,CAACR;IAC5E;IAEQ,mBAAmBK,MAAkB,EAAE;QAC3C,MAAMI,aAAaJ,OAAO,IAAI,CAACL,CAAAA,QAASA,AAAkB,iBAAlBA,MAAM,OAAO;QAErD,IAAI,CAACS,YAAY,UAAU,QACvB,OAAO,EAAE;QAGb,MAAMC,kBAAkBD,WAAW,QAAQ,CAAC,MAAM,CAAC,MAAM,CAACV,wBAAwB,EAAE;QAEpF,MAAMY,YAAYJ,YAAY,KAAK,CAC/BG,gBAAgB,GAAG,CAACV,CAAAA,QAASQ,MAAM,aAAa,CAACR;QAGrD,OAAOW,UAAU,GAAG,CAACX,CAAAA,QACV;gBAAE,GAAGA,KAAK;gBAAE,OAAO,CAAC,WAAW,EAAEA,MAAM,KAAK,EAAE;YAAC;IAE9D;IAEA,IAAY,WAAW;QACnB,OAAO;YACH,QAAQ,IAAI,CAAC,UAAU;QAC3B;IACJ;AACJ"}

package/presentation/FileList/components/BulkActions/ActionEditPresenter.test.d.ts

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

package/presentation/FileList/components/BulkActions/ActionEditPresenter.test.js

@@ -0,0 +1,170 @@
+import { ActionEditPresenter } from "./ActionEditPresenter.js";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+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"
+            },
+            list: 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)=>[
+            {
+                id: "name",
+                storageId: "text@name",
+                fieldId: "name",
+                label: "Name",
+                type: "text",
+                settings: {},
+                listValidation: [],
+                validation: [
+                    {
+                        name: "required",
+                        message: "Value is required."
+                    }
+                ],
+                list: 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: [],
+                list: false,
+                predefinedValues: {
+                    values: [],
+                    enabled: false
+                },
+                renderer: {
+                    name: "any"
+                }
+            }
+        ];
+    let presenter;
+    beforeEach(()=>{
+        vi.clearAllMocks();
+        presenter = new ActionEditPresenter();
+    });
+    it("should create a presenter and load extensions fields", ()=>{
+        presenter.load(createFields(extensionFields));
+        expect(presenter.vm.show).toEqual(true);
+        expect(presenter.vm.currentBatch).toEqual({
+            operations: [
+                {
+                    field: "",
+                    operator: "",
+                    value: void 0
+                }
+            ]
+        });
+        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]
+            }
+        ]);
+        expect(presenter.vm.editorVm).toEqual({
+            isOpen: false
+        });
+    });
+    it("should not show the bulk action if no `extensions` fields are defined", ()=>{
+        presenter.load(createFields([]));
+        expect(presenter.vm.show).toBe(false);
+    });
+    it("should open / close the editor", ()=>{
+        presenter.load(createFields(extensionFields));
+        expect(presenter.vm.editorVm.isOpen).toBe(false);
+        presenter.openEditor();
+        expect(presenter.vm.editorVm.isOpen).toBe(true);
+        presenter.closeEditor();
+        expect(presenter.vm.editorVm.isOpen).toBe(false);
+    });
+});
+
+//# sourceMappingURL=ActionEditPresenter.test.js.map

package/presentation/FileList/components/BulkActions/ActionEditPresenter.test.js.map

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

package/presentation/FileList/components/BulkActions/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/presentation/FileList/components/BulkActions/BatchEditorDialog/AddOperation.js

@@ -0,0 +1,15 @@
+import react from "react";
+import { Button } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/add.svg";
+const AddOperation = ({ disabled, onClick })=>/*#__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(ReactComponent, null),
+        variant: "secondary",
+        disabled: disabled
+    }));
+export { AddOperation };
+
+//# sourceMappingURL=AddOperation.js.map

package/presentation/FileList/components/BulkActions/BatchEditorDialog/AddOperation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/BatchEditorDialog/AddOperation.js","sources":["../../../../../../src/presentation/FileList/components/BulkActions/BatchEditorDialog/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"],"names":["AddOperation","disabled","onClick","Button","AddIcon"],"mappings":";;;AASO,MAAMA,eAAe,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAqB,GAC1D,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,QAAMA;QACH,SAASD;QACT,MAAM;QACN,oBAAM,oBAACE,gBAAOA;QACd,SAAS;QACT,UAAUH"}

package/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditor.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { FormAPI, FormOnSubmit } from "@webiny/form";
+import type { BatchEditorDialogViewModel, BatchEditorFormData } from "../../../../../presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialogPresenter.js";
+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/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditor.js

@@ -0,0 +1,44 @@
+import react, { useEffect } from "react";
+import { observer } from "mobx-react-lite";
+import { ReactComponent } 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";
+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(ReactComponent, 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()
+        }))));
+});
+export { BatchEditor };
+
+//# sourceMappingURL=BatchEditor.js.map

package/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditor.js","sources":["../../../../../../src/presentation/FileList/components/BulkActions/BatchEditorDialog/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 \"~/presentation/FileList/components/BulkActions/BatchEditorDialog/AddOperation.js\";\nimport { Operation } from \"~/presentation/FileList/components/BulkActions/BatchEditorDialog/Operation.js\";\nimport type {\n    BatchEditorDialogViewModel,\n    BatchEditorFormData\n} from \"~/presentation/FileList/components/BulkActions/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={\"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"],"names":["BatchEditor","observer","props","formRef","React","useEffect","Form","Accordion","operation","operationIndex","DeleteIcon","Operation","data","AddOperation"],"mappings":";;;;;;;AAyBO,MAAMA,cAAcC,SAAS,CAACC;IACjC,MAAMC,UAAU,WAAVA,GAAUC,MAAAA,SAAe;IAE/BC,UAAU;QACN,IAAIF,QAAQ,OAAO,EACfD,MAAM,MAAM,CAACC,QAAQ,OAAO;IAEpC,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACG,MAAIA;QACD,KAAKH;QACL,MAAMD,MAAM,EAAE,CAAC,IAAI;QACnB,UAAUA,MAAM,QAAQ;QACxB,eAAeA,MAAM,EAAE,CAAC,aAAa;OAEpC,kBACG,wDACI,oBAACK,WAASA;YAAC,SAAS;YAAa,YAAY;WACxCL,MAAM,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAACM,WAAWC,iBAAAA,WAAAA,GACtC,oBAACF,UAAU,IAAI;gBACX,KAAK,CAAC,UAAU,EAAEE,gBAAgB;gBAClC,OAAOD,UAAU,KAAK;gBACtB,aAAaA,UAAU,IAAI;gBAC3B,uBACI,oBAACD,UAAU,IAAI,CAAC,MAAM;oBAClB,oBAAM,oBAACG,gBAAUA;oBACjB,SAAS,IAAMR,MAAM,QAAQ,CAACO;oBAC9B,UAAU,CAACD,UAAU,SAAS;;6BAItC,oBAACG,WAASA;gBACN,MAAM,CAAC,WAAW,EAAEF,gBAAgB;gBACpC,WAAWD;gBACX,UAAU,IAAMN,MAAM,QAAQ,CAACO;gBAC/B,yBAAyBG,CAAAA,OACrBV,MAAM,uBAAuB,CAACO,gBAAgBG;iCAMlE,oBAACC,cAAYA;YACT,UAAU,CAACX,MAAM,EAAE,CAAC,eAAe;YACnC,SAAS,IAAMA,MAAM,KAAK;;AAOtD"}

package/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialog.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { BatchDTO, FieldDTO } from "../../../../../presentation/FileList/components/BulkActions/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/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialog.js

@@ -0,0 +1,52 @@
+import react, { useEffect, useMemo, 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";
+const BatchEditorDialog = observer((props)=>{
+    const presenter = useMemo(()=>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
+    }));
+});
+export { BatchEditorDialog };
+
+//# sourceMappingURL=BatchEditorDialog.js.map

package/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialog.js","sources":["../../../../../../src/presentation/FileList/components/BulkActions/BatchEditorDialog/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 \"~/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditor.js\";\nimport type {\n    BatchDTO,\n    FieldDTO\n} from \"~/presentation/FileList/components/BulkActions/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        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"],"names":["BatchEditorDialog","observer","props","presenter","useMemo","BatchEditorDialogPresenter","ref","useRef","useEffect","onChange","data","onApply","isValid","batch","Drawer","BatchEditor","form","operationIndex"],"mappings":";;;;;AAwBO,MAAMA,oBAAoBC,SAAS,CAACC;IACvC,MAAMC,YAAYC,QAAoC,IAC3C,IAAIC,8BACZ,EAAE;IAEL,MAAMC,MAAMC,OAAuB;IAEnCC,UAAU;QACNL,UAAU,IAAI,CAACD,MAAM,KAAK,EAAEA,MAAM,MAAM;IAC5C,GAAG;QAACA,MAAM,KAAK;QAAEA,MAAM,MAAM;KAAC;IAE9B,MAAMO,WAAW,CAACC;QACdP,UAAU,QAAQ,CAACO;IACvB;IAEA,MAAMC,UAAU;QACZL,IAAI,OAAO,EAAE,WAAW,KAAKM,CAAAA;YACzB,IAAIA,SACAT,UAAU,OAAO,CAACU,CAAAA;gBACdX,MAAM,OAAO,CAACW;YAClB;QAER;IACJ;IAEA,OAAO,WAAP,GACI,oBAACC,QAAMA;QACH,MAAMZ,MAAM,EAAE,CAAC,MAAM;QACrB,SAASA,MAAM,OAAO;QACtB,OAAO;QACP,OAAO;QACP,iBAAiB;QACjB,iBAAiB;QACjB,OAAO;QACP,uBACI,wDACI,oBAACY,OAAO,YAAY;YAAC,MAAM;YAAU,SAASZ,MAAM,OAAO;0BAC3D,oBAACY,OAAO,aAAa;YAAC,SAASH;YAAS,MAAM;;qBAItD,oBAACI,aAAWA;QACR,QAAQC,CAAAA,OAASV,IAAI,OAAO,GAAGU;QAC/B,UAAUN,CAAAA,OAAQD,SAASC;QAC3B,UAAUC;QACV,UAAUM,CAAAA,iBAAkBd,UAAU,eAAe,CAACc;QACtD,OAAO,IAAMd,UAAU,YAAY;QACnC,yBAAyB,CAACc,gBAAgBP,OACtCP,UAAU,qBAAqB,CAACc,gBAAgBP;QAEpD,IAAIP,UAAU,EAAE;;AAIhC"}

package/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialogPresenter.d.ts

@@ -0,0 +1,61 @@
+import type { BatchDTO, FieldDTO, OperationDTO, OperatorDTO } from "../../../../../presentation/FileList/components/BulkActions/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/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialogPresenter.js

@@ -0,0 +1,111 @@
+import { makeAutoObservable } from "mobx";
+import { Batch } from "../domain/index.js";
+class BatchEditorDialogPresenter {
+    constructor(){
+        this.invalidFields = {};
+        this.formWasSubmitted = false;
+        this.getOperations = ()=>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: 0 !== operationIndex,
+                    fieldOptions,
+                    selectedField,
+                    operatorOptions
+                };
+            }) || [];
+        this.batch = void 0;
+        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: void 0
+        });
+    }
+    deleteOperation(operationIndex) {
+        if (!this.batch) return;
+        this.batch.operations = this.batch.operations.filter((_, index)=>index !== operationIndex);
+        if (0 === this.batch.operations.length) this.addOperation();
+    }
+    setOperationFieldData(batchIndex, data) {
+        if (!this.batch) return;
+        this.batch.operations = [
+            ...this.batch.operations.slice(0, batchIndex),
+            {
+                field: data,
+                operator: "",
+                value: void 0
+            },
+            ...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);
+    }
+    getOperationTitle(inputField, inputOperation) {
+        if (!inputField || !inputOperation) return;
+        const field = this.fields.find((field)=>field.value === inputField);
+        if (!field) return;
+        const operator = field.operators.find((operator)=>operator.value === inputOperation);
+        if (!operator) return;
+        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 = {};
+        else this.invalidFields = validation.error.issues.reduce((acc, issue)=>({
+                ...acc,
+                [issue.path.join(".")]: issue.message
+            }), {});
+        return validation;
+    }
+}
+export { BatchEditorDialogPresenter };
+
+//# sourceMappingURL=BatchEditorDialogPresenter.js.map

package/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialogPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialogPresenter.js","sources":["../../../../../../src/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialogPresenter.tsx"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nimport type {\n    BatchDTO,\n    FieldDTO,\n    OperationDTO,\n    OperatorDTO\n} from \"~/presentation/FileList/components/BulkActions/domain/index.js\";\nimport { Batch } from \"~/presentation/FileList/components/BulkActions/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 || 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"],"names":["BatchEditorDialogPresenter","operation","operationIndex","fieldOptions","selectedField","field","operatorOptions","undefined","makeAutoObservable","batch","fields","operations","canAddOperation","_","index","batchIndex","data","onSuccess","onError","result","inputField","inputOperation","operator","currentFieldId","existings","validation","Batch","acc","issue"],"mappings":"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"}

package/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialogPresenter.test.d.ts

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