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

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

@@ -0,0 +1,372 @@
+import { BatchEditorDialogPresenter } from "./BatchEditorDialogPresenter.js";
+import { OperatorType } from "../domain/index.js";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+describe("BatchEditorDialogPresenter", ()=>{
+    const batch = {
+        operations: [
+            {
+                field: "",
+                operator: "",
+                value: void 0
+            }
+        ]
+    };
+    const fields = [
+        {
+            label: "Field 1",
+            value: "field1",
+            operators: [
+                {
+                    label: "Override existing values",
+                    value: OperatorType.OVERRIDE
+                },
+                {
+                    label: "Clear all existing values",
+                    value: OperatorType.REMOVE
+                }
+            ],
+            raw: {
+                id: "field1",
+                fieldId: "field1",
+                label: "Field 1",
+                type: "text",
+                renderer: {
+                    name: "text-input"
+                },
+                tags: [
+                    "$bulk-edit"
+                ],
+                storageId: "text@field1"
+            }
+        },
+        {
+            label: "Field 2",
+            value: "field2",
+            operators: [
+                {
+                    label: "Override existing values",
+                    value: OperatorType.OVERRIDE
+                },
+                {
+                    label: "Clear all existing values",
+                    value: OperatorType.REMOVE
+                }
+            ],
+            raw: {
+                id: "field2",
+                fieldId: "field2",
+                label: "Field 1",
+                type: "text",
+                renderer: {
+                    name: "text-input"
+                },
+                tags: [
+                    "$bulk-edit"
+                ],
+                storageId: "text@field2"
+            }
+        }
+    ];
+    const operators = [
+        {
+            value: OperatorType.OVERRIDE,
+            label: "Override existing values"
+        },
+        {
+            value: OperatorType.REMOVE,
+            label: "Clear all existing values"
+        },
+        {
+            value: OperatorType.APPEND,
+            label: "Append to existing values"
+        }
+    ];
+    let presenter;
+    beforeEach(()=>{
+        vi.clearAllMocks();
+        presenter = new BatchEditorDialogPresenter();
+    });
+    it("should load data", ()=>{
+        presenter.load(batch, fields);
+        expect(presenter.vm.data).toEqual({
+            operations: [
+                {
+                    title: "Operation #1",
+                    open: true,
+                    canDelete: false,
+                    field: "",
+                    operator: "",
+                    value: void 0,
+                    fieldOptions: fields,
+                    operatorOptions: [],
+                    selectedField: void 0
+                }
+            ]
+        });
+        expect(presenter.vm.invalidFields).toEqual({});
+        expect(presenter.vm.canAddOperation).toEqual(true);
+    });
+    it("should be able to add and delete operations", ()=>{
+        presenter.load(batch, fields);
+        expect(presenter.vm.data.operations.length).toBe(1);
+        expect(presenter.vm.data.operations).toEqual([
+            {
+                title: "Operation #1",
+                open: true,
+                field: "",
+                operator: "",
+                value: void 0,
+                canDelete: false,
+                fieldOptions: fields,
+                operatorOptions: [],
+                selectedField: void 0
+            }
+        ]);
+        presenter.addOperation();
+        expect(presenter.vm.data.operations.length).toBe(2);
+        expect(presenter.vm.data.operations).toEqual([
+            {
+                title: "Operation #1",
+                open: true,
+                field: "",
+                operator: "",
+                value: void 0,
+                canDelete: false,
+                fieldOptions: fields,
+                operatorOptions: [],
+                selectedField: void 0
+            },
+            {
+                title: "Operation #2",
+                open: true,
+                field: "",
+                operator: "",
+                value: void 0,
+                canDelete: true,
+                fieldOptions: fields,
+                operatorOptions: [],
+                selectedField: void 0
+            }
+        ]);
+        presenter.deleteOperation(0);
+        expect(presenter.vm.data.operations.length).toBe(1);
+        expect(presenter.vm.data.operations).toEqual([
+            {
+                title: "Operation #1",
+                open: true,
+                field: "",
+                operator: "",
+                value: void 0,
+                canDelete: false,
+                fieldOptions: fields,
+                operatorOptions: [],
+                selectedField: void 0
+            }
+        ]);
+        presenter.deleteOperation(0);
+        expect(presenter.vm.data.operations.length).toBe(1);
+        expect(presenter.vm.data.operations).toEqual([
+            {
+                title: "Operation #1",
+                open: true,
+                field: "",
+                operator: "",
+                value: void 0,
+                canDelete: false,
+                fieldOptions: fields,
+                operatorOptions: [],
+                selectedField: void 0
+            }
+        ]);
+    });
+    it("should be able to handle the `fieldOptions` based operations set in the batch", ()=>{
+        presenter.load(batch, fields);
+        presenter.setBatch({
+            operations: [
+                {
+                    title: `Override existing values for field "${fields[0].label}"`,
+                    open: true,
+                    field: fields[0].value,
+                    operator: OperatorType.OVERRIDE,
+                    value: {
+                        [fields[0].value]: "newValue"
+                    },
+                    canDelete: false,
+                    fieldOptions: fields,
+                    operatorOptions: [
+                        operators[0],
+                        operators[1]
+                    ],
+                    selectedField: fields[0]
+                }
+            ]
+        });
+        expect(presenter.vm.canAddOperation).toBeTruthy();
+        presenter.addOperation();
+        expect(presenter.vm.data.operations[1]).toEqual({
+            title: "Operation #2",
+            open: true,
+            field: "",
+            operator: "",
+            value: void 0,
+            canDelete: true,
+            fieldOptions: [
+                fields[1]
+            ],
+            operatorOptions: [],
+            selectedField: void 0
+        });
+        presenter.setBatch({
+            operations: [
+                {
+                    title: `Override existing values for field "${fields[0].label}"`,
+                    open: true,
+                    field: fields[0].value,
+                    operator: OperatorType.OVERRIDE,
+                    value: {
+                        [fields[0].value]: "newValue"
+                    },
+                    canDelete: false,
+                    fieldOptions: fields,
+                    operatorOptions: [
+                        operators[0],
+                        operators[1]
+                    ],
+                    selectedField: fields[0]
+                },
+                {
+                    title: `Remove all values for field "${fields[1].label}"`,
+                    open: false,
+                    field: fields[1].value,
+                    operator: OperatorType.REMOVE,
+                    value: void 0,
+                    canDelete: true,
+                    fieldOptions: [
+                        fields[1]
+                    ],
+                    operatorOptions: [
+                        operators[0],
+                        operators[1]
+                    ],
+                    selectedField: fields[1]
+                }
+            ]
+        });
+        expect(presenter.vm.canAddOperation).toBeFalsy();
+    });
+    it("should be able to set data back to the operation", ()=>{
+        presenter.load(batch, fields);
+        presenter.setBatch({
+            operations: [
+                {
+                    title: `Remove all values for field "${fields[0].label}"`,
+                    open: false,
+                    field: fields[0].value,
+                    operator: OperatorType.OVERRIDE,
+                    value: {
+                        [fields[0].value]: "newValue"
+                    },
+                    canDelete: false,
+                    fieldOptions: fields,
+                    operatorOptions: [
+                        operators[0],
+                        operators[1]
+                    ],
+                    selectedField: fields[0]
+                }
+            ]
+        });
+        expect(presenter.vm.data.operations[0].field).toEqual(fields[0].value);
+        expect(presenter.vm.data.operations[0].operator).toEqual(OperatorType.OVERRIDE);
+        expect(presenter.vm.data.operations[0].value).toEqual({
+            [fields[0].value]: "newValue"
+        });
+        expect(presenter.vm.data.operations[0].fieldOptions).toEqual(fields);
+    });
+    it("should able to set the operation `field` data", ()=>{
+        presenter.load(batch, fields);
+        presenter.setBatch({
+            operations: [
+                {
+                    title: `Override existing values for field "${fields[0].label}"`,
+                    open: true,
+                    field: fields[0].value,
+                    operator: OperatorType.OVERRIDE,
+                    value: {
+                        [fields[0].value]: "newValue"
+                    },
+                    canDelete: false,
+                    fieldOptions: fields,
+                    operatorOptions: [
+                        operators[0],
+                        operators[1]
+                    ],
+                    selectedField: fields[0]
+                }
+            ]
+        });
+        presenter.setOperationFieldData(0, "new-field");
+        expect(presenter.vm.data.operations[0]).toEqual({
+            title: "Operation #1",
+            open: true,
+            field: "new-field",
+            operator: "",
+            value: void 0,
+            canDelete: false,
+            fieldOptions: fields,
+            operatorOptions: [],
+            selectedField: void 0
+        });
+    });
+    it("should perform validation and call provided callbacks `onApply`", ()=>{
+        presenter.load(batch, fields);
+        const onSuccess = vi.fn();
+        const onError = vi.fn();
+        presenter.setBatch({
+            operations: [
+                {
+                    title: `Override existing values for field "${fields[0].label}"`,
+                    open: true,
+                    field: fields[0].value,
+                    operator: "",
+                    value: void 0,
+                    canDelete: false,
+                    fieldOptions: fields,
+                    operatorOptions: [
+                        operators[0],
+                        operators[1]
+                    ],
+                    selectedField: fields[0]
+                }
+            ]
+        });
+        presenter.onApply(onSuccess, onError);
+        expect(onError).toHaveBeenCalledTimes(1);
+        expect(Object.keys(presenter.vm.invalidFields).length).toBe(1);
+        presenter.setBatch({
+            operations: [
+                {
+                    title: `Override existing values for field "${fields[0].label}"`,
+                    open: true,
+                    field: fields[0].value,
+                    operator: OperatorType.OVERRIDE,
+                    value: {
+                        [fields[0].value]: "newValue"
+                    },
+                    canDelete: false,
+                    fieldOptions: fields,
+                    operatorOptions: [
+                        operators[0],
+                        operators[1]
+                    ],
+                    selectedField: fields[0]
+                }
+            ]
+        });
+        presenter.onApply(onSuccess, onError);
+        expect(onSuccess).toHaveBeenCalledTimes(1);
+        expect(presenter.vm.invalidFields).toEqual({});
+    });
+});
+
+//# sourceMappingURL=BatchEditorDialogPresenter.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialogPresenter.test.js","sources":["../../../../../../src/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialogPresenter.test.ts"],"sourcesContent":["import { BatchEditorDialogPresenter } from \"./BatchEditorDialogPresenter.js\";\nimport type {\n    BatchDTO,\n    FieldDTO,\n    OperatorDTO\n} from \"~/presentation/FileList/components/BulkActions/domain/index.js\";\nimport { OperatorType } from \"~/presentation/FileList/components/BulkActions/domain/index.js\";\nimport { vi, describe, it, expect, beforeEach } from \"vitest\";\n\ndescribe(\"BatchEditorDialogPresenter\", () => {\n    const batch: BatchDTO = {\n        operations: [\n            {\n                field: \"\",\n                operator: \"\",\n                value: undefined\n            }\n        ]\n    };\n\n    const fields: FieldDTO[] = [\n        {\n            label: \"Field 1\",\n            value: \"field1\",\n            operators: [\n                {\n                    label: \"Override existing values\",\n                    value: OperatorType.OVERRIDE\n                },\n                {\n                    label: \"Clear all existing values\",\n                    value: OperatorType.REMOVE\n                }\n            ],\n            raw: {\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        {\n            label: \"Field 2\",\n            value: \"field2\",\n            operators: [\n                {\n                    label: \"Override existing values\",\n                    value: OperatorType.OVERRIDE\n                },\n                {\n                    label: \"Clear all existing values\",\n                    value: OperatorType.REMOVE\n                }\n            ],\n            raw: {\n                id: \"field2\",\n                fieldId: \"field2\",\n                label: \"Field 1\",\n                type: \"text\",\n                renderer: {\n                    name: \"text-input\"\n                },\n                tags: [\"$bulk-edit\"],\n                storageId: \"text@field2\"\n            }\n        }\n    ];\n\n    const operators: OperatorDTO[] = [\n        {\n            value: OperatorType.OVERRIDE,\n            label: \"Override existing values\"\n        },\n        {\n            value: OperatorType.REMOVE,\n            label: \"Clear all existing values\"\n        },\n        {\n            value: OperatorType.APPEND,\n            label: \"Append to existing values\"\n        }\n    ];\n\n    let presenter: BatchEditorDialogPresenter;\n\n    beforeEach(() => {\n        vi.clearAllMocks();\n        presenter = new BatchEditorDialogPresenter();\n    });\n\n    it(\"should load data\", () => {\n        presenter.load(batch, fields);\n\n        // `vm` should have the expected `data` definition\n        expect(presenter.vm.data).toEqual({\n            operations: [\n                {\n                    title: \"Operation #1\",\n                    open: true,\n                    canDelete: false,\n                    field: \"\",\n                    operator: \"\",\n                    value: undefined,\n                    fieldOptions: fields,\n                    operatorOptions: [],\n                    selectedField: undefined\n                }\n            ]\n        });\n\n        // `vm` should have the expected `invalidFields` definition\n        expect(presenter.vm.invalidFields).toEqual({});\n\n        // `vm` should have the expected `canAddOperation` definition\n        expect(presenter.vm.canAddOperation).toEqual(true);\n    });\n\n    it(\"should be able to add and delete operations\", () => {\n        presenter.load(batch, fields);\n\n        // should only have 1 operator, created by default\n        expect(presenter.vm.data.operations.length).toBe(1);\n        expect(presenter.vm.data.operations).toEqual([\n            {\n                title: \"Operation #1\",\n                open: true,\n                field: \"\",\n                operator: \"\",\n                value: undefined,\n                canDelete: false,\n                fieldOptions: fields,\n                operatorOptions: [],\n                selectedField: undefined\n            }\n        ]);\n\n        presenter.addOperation();\n\n        // should only have 2 operators\n        expect(presenter.vm.data.operations.length).toBe(2);\n        expect(presenter.vm.data.operations).toEqual([\n            {\n                title: \"Operation #1\",\n                open: true,\n                field: \"\",\n                operator: \"\",\n                value: undefined,\n                canDelete: false,\n                fieldOptions: fields,\n                operatorOptions: [],\n                selectedField: undefined\n            },\n            {\n                title: \"Operation #2\",\n                open: true,\n                field: \"\",\n                operator: \"\",\n                value: undefined,\n                canDelete: true,\n                fieldOptions: fields,\n                operatorOptions: [],\n                selectedField: undefined\n            }\n        ]);\n\n        // let's delete the first operation\n        presenter.deleteOperation(0);\n\n        expect(presenter.vm.data.operations.length).toBe(1);\n        expect(presenter.vm.data.operations).toEqual([\n            {\n                title: \"Operation #1\",\n                open: true,\n                field: \"\",\n                operator: \"\",\n                value: undefined,\n                canDelete: false,\n                fieldOptions: fields,\n                operatorOptions: [],\n                selectedField: undefined\n            }\n        ]);\n\n        // let's delete the remaining operation\n        presenter.deleteOperation(0);\n\n        // should still have 1 default operation\n        expect(presenter.vm.data.operations.length).toBe(1);\n        expect(presenter.vm.data.operations).toEqual([\n            {\n                title: \"Operation #1\",\n                open: true,\n                field: \"\",\n                operator: \"\",\n                value: undefined,\n                canDelete: false,\n                fieldOptions: fields,\n                operatorOptions: [],\n                selectedField: undefined\n            }\n        ]);\n    });\n\n    it(\"should be able to handle the `fieldOptions` based operations set in the batch\", () => {\n        presenter.load(batch, fields);\n\n        // let's set some `data` back to the operation\n        presenter.setBatch({\n            operations: [\n                {\n                    title: `Override existing values for field \"${fields[0].label}\"`,\n                    open: true,\n                    field: fields[0].value,\n                    operator: OperatorType.OVERRIDE,\n                    value: {\n                        [fields[0].value]: \"newValue\"\n                    },\n                    canDelete: false,\n                    fieldOptions: fields,\n                    operatorOptions: [operators[0], operators[1]],\n                    selectedField: fields[0]\n                }\n            ]\n        });\n\n        // I should be able to add a new operation\n        expect(presenter.vm.canAddOperation).toBeTruthy();\n\n        presenter.addOperation();\n\n        // Only the not-set field should be available\n        expect(presenter.vm.data.operations[1]).toEqual({\n            title: \"Operation #2\",\n            open: true,\n            field: \"\",\n            operator: \"\",\n            value: undefined,\n            canDelete: true,\n            fieldOptions: [fields[1]],\n            operatorOptions: [],\n            selectedField: undefined\n        });\n\n        // let's set some `data` back to the operations\n        presenter.setBatch({\n            operations: [\n                {\n                    title: `Override existing values for field \"${fields[0].label}\"`,\n                    open: true,\n                    field: fields[0].value,\n                    operator: OperatorType.OVERRIDE,\n                    value: {\n                        [fields[0].value]: \"newValue\"\n                    },\n                    canDelete: false,\n                    fieldOptions: fields,\n                    operatorOptions: [operators[0], operators[1]],\n                    selectedField: fields[0]\n                },\n                {\n                    title: `Remove all values for field \"${fields[1].label}\"`,\n                    open: false,\n                    field: fields[1].value,\n                    operator: OperatorType.REMOVE,\n                    value: undefined,\n                    canDelete: true,\n                    fieldOptions: [fields[1]],\n                    operatorOptions: [operators[0], operators[1]],\n                    selectedField: fields[1]\n                }\n            ]\n        });\n\n        // I should NOT be able to add a new operation\n        expect(presenter.vm.canAddOperation).toBeFalsy();\n    });\n\n    it(\"should be able to set data back to the operation\", () => {\n        presenter.load(batch, fields);\n\n        // should be able to set the `data` operation\n        presenter.setBatch({\n            operations: [\n                {\n                    title: `Remove all values for field \"${fields[0].label}\"`,\n                    open: false,\n                    field: fields[0].value,\n                    operator: OperatorType.OVERRIDE,\n                    value: {\n                        [fields[0].value]: \"newValue\"\n                    },\n                    canDelete: false,\n                    fieldOptions: fields,\n                    operatorOptions: [operators[0], operators[1]],\n                    selectedField: fields[0]\n                }\n            ]\n        });\n\n        expect(presenter.vm.data.operations[0].field).toEqual(fields[0].value);\n        expect(presenter.vm.data.operations[0].operator).toEqual(OperatorType.OVERRIDE);\n        expect(presenter.vm.data.operations[0].value).toEqual({\n            [fields[0].value]: \"newValue\"\n        });\n        expect(presenter.vm.data.operations[0].fieldOptions).toEqual(fields);\n    });\n\n    it(\"should able to set the operation `field` data\", () => {\n        presenter.load(batch, fields);\n\n        presenter.setBatch({\n            operations: [\n                {\n                    title: `Override existing values for field \"${fields[0].label}\"`,\n                    open: true,\n                    field: fields[0].value,\n                    operator: OperatorType.OVERRIDE,\n                    value: {\n                        [fields[0].value]: \"newValue\"\n                    },\n                    canDelete: false,\n                    fieldOptions: fields,\n                    operatorOptions: [operators[0], operators[1]],\n                    selectedField: fields[0]\n                }\n            ]\n        });\n\n        // let's empty the operation\n        presenter.setOperationFieldData(0, \"new-field\");\n\n        // should have an operation with default definition and new field value\n        expect(presenter.vm.data.operations[0]).toEqual({\n            title: \"Operation #1\",\n            open: true,\n            field: \"new-field\",\n            operator: \"\",\n            value: undefined,\n            canDelete: false,\n            fieldOptions: fields,\n            operatorOptions: [],\n            selectedField: undefined\n        });\n    });\n\n    it(\"should perform validation and call provided callbacks `onApply`\", () => {\n        presenter.load(batch, fields);\n\n        const onSuccess = vi.fn();\n        const onError = vi.fn();\n\n        presenter.setBatch({\n            operations: [\n                {\n                    title: `Override existing values for field \"${fields[0].label}\"`,\n                    open: true,\n                    field: fields[0].value,\n                    operator: \"\", // empty value -> this should trigger the error\n                    value: undefined,\n                    canDelete: false,\n                    fieldOptions: fields,\n                    operatorOptions: [operators[0], operators[1]],\n                    selectedField: fields[0]\n                }\n            ]\n        });\n\n        presenter.onApply(onSuccess, onError);\n\n        expect(onError).toHaveBeenCalledTimes(1);\n        expect(Object.keys(presenter.vm.invalidFields).length).toBe(1);\n\n        presenter.setBatch({\n            operations: [\n                {\n                    title: `Override existing values for field \"${fields[0].label}\"`,\n                    open: true,\n                    field: fields[0].value,\n                    operator: OperatorType.OVERRIDE,\n                    value: {\n                        [fields[0].value]: \"newValue\"\n                    },\n                    canDelete: false,\n                    fieldOptions: fields,\n                    operatorOptions: [operators[0], operators[1]],\n                    selectedField: fields[0]\n                }\n            ]\n        });\n\n        presenter.onApply(onSuccess, onError);\n\n        expect(onSuccess).toHaveBeenCalledTimes(1);\n        expect(presenter.vm.invalidFields).toEqual({});\n    });\n});\n"],"names":["describe","batch","undefined","fields","OperatorType","operators","presenter","beforeEach","vi","BatchEditorDialogPresenter","it","expect","onSuccess","onError","Object"],"mappings":";;;AASAA,SAAS,8BAA8B;IACnC,MAAMC,QAAkB;QACpB,YAAY;YACR;gBACI,OAAO;gBACP,UAAU;gBACV,OAAOC;YACX;SACH;IACL;IAEA,MAAMC,SAAqB;QACvB;YACI,OAAO;YACP,OAAO;YACP,WAAW;gBACP;oBACI,OAAO;oBACP,OAAOC,aAAa,QAAQ;gBAChC;gBACA;oBACI,OAAO;oBACP,OAAOA,aAAa,MAAM;gBAC9B;aACH;YACD,KAAK;gBACD,IAAI;gBACJ,SAAS;gBACT,OAAO;gBACP,MAAM;gBACN,UAAU;oBACN,MAAM;gBACV;gBACA,MAAM;oBAAC;iBAAa;gBACpB,WAAW;YACf;QACJ;QACA;YACI,OAAO;YACP,OAAO;YACP,WAAW;gBACP;oBACI,OAAO;oBACP,OAAOA,aAAa,QAAQ;gBAChC;gBACA;oBACI,OAAO;oBACP,OAAOA,aAAa,MAAM;gBAC9B;aACH;YACD,KAAK;gBACD,IAAI;gBACJ,SAAS;gBACT,OAAO;gBACP,MAAM;gBACN,UAAU;oBACN,MAAM;gBACV;gBACA,MAAM;oBAAC;iBAAa;gBACpB,WAAW;YACf;QACJ;KACH;IAED,MAAMC,YAA2B;QAC7B;YACI,OAAOD,aAAa,QAAQ;YAC5B,OAAO;QACX;QACA;YACI,OAAOA,aAAa,MAAM;YAC1B,OAAO;QACX;QACA;YACI,OAAOA,aAAa,MAAM;YAC1B,OAAO;QACX;KACH;IAED,IAAIE;IAEJC,WAAW;QACPC,GAAG,aAAa;QAChBF,YAAY,IAAIG;IACpB;IAEAC,GAAG,oBAAoB;QACnBJ,UAAU,IAAI,CAACL,OAAOE;QAGtBQ,OAAOL,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC;YAC9B,YAAY;gBACR;oBACI,OAAO;oBACP,MAAM;oBACN,WAAW;oBACX,OAAO;oBACP,UAAU;oBACV,OAAOJ;oBACP,cAAcC;oBACd,iBAAiB,EAAE;oBACnB,eAAeD;gBACnB;aACH;QACL;QAGAS,OAAOL,UAAU,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;QAG5CK,OAAOL,UAAU,EAAE,CAAC,eAAe,EAAE,OAAO,CAAC;IACjD;IAEAI,GAAG,+CAA+C;QAC9CJ,UAAU,IAAI,CAACL,OAAOE;QAGtBQ,OAAOL,UAAU,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC;QACjDK,OAAOL,UAAU,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;YACzC;gBACI,OAAO;gBACP,MAAM;gBACN,OAAO;gBACP,UAAU;gBACV,OAAOJ;gBACP,WAAW;gBACX,cAAcC;gBACd,iBAAiB,EAAE;gBACnB,eAAeD;YACnB;SACH;QAEDI,UAAU,YAAY;QAGtBK,OAAOL,UAAU,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC;QACjDK,OAAOL,UAAU,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;YACzC;gBACI,OAAO;gBACP,MAAM;gBACN,OAAO;gBACP,UAAU;gBACV,OAAOJ;gBACP,WAAW;gBACX,cAAcC;gBACd,iBAAiB,EAAE;gBACnB,eAAeD;YACnB;YACA;gBACI,OAAO;gBACP,MAAM;gBACN,OAAO;gBACP,UAAU;gBACV,OAAOA;gBACP,WAAW;gBACX,cAAcC;gBACd,iBAAiB,EAAE;gBACnB,eAAeD;YACnB;SACH;QAGDI,UAAU,eAAe,CAAC;QAE1BK,OAAOL,UAAU,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC;QACjDK,OAAOL,UAAU,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;YACzC;gBACI,OAAO;gBACP,MAAM;gBACN,OAAO;gBACP,UAAU;gBACV,OAAOJ;gBACP,WAAW;gBACX,cAAcC;gBACd,iBAAiB,EAAE;gBACnB,eAAeD;YACnB;SACH;QAGDI,UAAU,eAAe,CAAC;QAG1BK,OAAOL,UAAU,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC;QACjDK,OAAOL,UAAU,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;YACzC;gBACI,OAAO;gBACP,MAAM;gBACN,OAAO;gBACP,UAAU;gBACV,OAAOJ;gBACP,WAAW;gBACX,cAAcC;gBACd,iBAAiB,EAAE;gBACnB,eAAeD;YACnB;SACH;IACL;IAEAQ,GAAG,iFAAiF;QAChFJ,UAAU,IAAI,CAACL,OAAOE;QAGtBG,UAAU,QAAQ,CAAC;YACf,YAAY;gBACR;oBACI,OAAO,CAAC,oCAAoC,EAAEH,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;oBAChE,MAAM;oBACN,OAAOA,MAAM,CAAC,EAAE,CAAC,KAAK;oBACtB,UAAUC,aAAa,QAAQ;oBAC/B,OAAO;wBACH,CAACD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;oBACvB;oBACA,WAAW;oBACX,cAAcA;oBACd,iBAAiB;wBAACE,SAAS,CAAC,EAAE;wBAAEA,SAAS,CAAC,EAAE;qBAAC;oBAC7C,eAAeF,MAAM,CAAC,EAAE;gBAC5B;aACH;QACL;QAGAQ,OAAOL,UAAU,EAAE,CAAC,eAAe,EAAE,UAAU;QAE/CA,UAAU,YAAY;QAGtBK,OAAOL,UAAU,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,OAAO,CAAC;YAC5C,OAAO;YACP,MAAM;YACN,OAAO;YACP,UAAU;YACV,OAAOJ;YACP,WAAW;YACX,cAAc;gBAACC,MAAM,CAAC,EAAE;aAAC;YACzB,iBAAiB,EAAE;YACnB,eAAeD;QACnB;QAGAI,UAAU,QAAQ,CAAC;YACf,YAAY;gBACR;oBACI,OAAO,CAAC,oCAAoC,EAAEH,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;oBAChE,MAAM;oBACN,OAAOA,MAAM,CAAC,EAAE,CAAC,KAAK;oBACtB,UAAUC,aAAa,QAAQ;oBAC/B,OAAO;wBACH,CAACD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;oBACvB;oBACA,WAAW;oBACX,cAAcA;oBACd,iBAAiB;wBAACE,SAAS,CAAC,EAAE;wBAAEA,SAAS,CAAC,EAAE;qBAAC;oBAC7C,eAAeF,MAAM,CAAC,EAAE;gBAC5B;gBACA;oBACI,OAAO,CAAC,6BAA6B,EAAEA,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;oBACzD,MAAM;oBACN,OAAOA,MAAM,CAAC,EAAE,CAAC,KAAK;oBACtB,UAAUC,aAAa,MAAM;oBAC7B,OAAOF;oBACP,WAAW;oBACX,cAAc;wBAACC,MAAM,CAAC,EAAE;qBAAC;oBACzB,iBAAiB;wBAACE,SAAS,CAAC,EAAE;wBAAEA,SAAS,CAAC,EAAE;qBAAC;oBAC7C,eAAeF,MAAM,CAAC,EAAE;gBAC5B;aACH;QACL;QAGAQ,OAAOL,UAAU,EAAE,CAAC,eAAe,EAAE,SAAS;IAClD;IAEAI,GAAG,oDAAoD;QACnDJ,UAAU,IAAI,CAACL,OAAOE;QAGtBG,UAAU,QAAQ,CAAC;YACf,YAAY;gBACR;oBACI,OAAO,CAAC,6BAA6B,EAAEH,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;oBACzD,MAAM;oBACN,OAAOA,MAAM,CAAC,EAAE,CAAC,KAAK;oBACtB,UAAUC,aAAa,QAAQ;oBAC/B,OAAO;wBACH,CAACD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;oBACvB;oBACA,WAAW;oBACX,cAAcA;oBACd,iBAAiB;wBAACE,SAAS,CAAC,EAAE;wBAAEA,SAAS,CAAC,EAAE;qBAAC;oBAC7C,eAAeF,MAAM,CAAC,EAAE;gBAC5B;aACH;QACL;QAEAQ,OAAOL,UAAU,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAACH,MAAM,CAAC,EAAE,CAAC,KAAK;QACrEQ,OAAOL,UAAU,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAACF,aAAa,QAAQ;QAC9EO,OAAOL,UAAU,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC;YAClD,CAACH,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QACvB;QACAQ,OAAOL,UAAU,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAACH;IACjE;IAEAO,GAAG,iDAAiD;QAChDJ,UAAU,IAAI,CAACL,OAAOE;QAEtBG,UAAU,QAAQ,CAAC;YACf,YAAY;gBACR;oBACI,OAAO,CAAC,oCAAoC,EAAEH,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;oBAChE,MAAM;oBACN,OAAOA,MAAM,CAAC,EAAE,CAAC,KAAK;oBACtB,UAAUC,aAAa,QAAQ;oBAC/B,OAAO;wBACH,CAACD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;oBACvB;oBACA,WAAW;oBACX,cAAcA;oBACd,iBAAiB;wBAACE,SAAS,CAAC,EAAE;wBAAEA,SAAS,CAAC,EAAE;qBAAC;oBAC7C,eAAeF,MAAM,CAAC,EAAE;gBAC5B;aACH;QACL;QAGAG,UAAU,qBAAqB,CAAC,GAAG;QAGnCK,OAAOL,UAAU,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,OAAO,CAAC;YAC5C,OAAO;YACP,MAAM;YACN,OAAO;YACP,UAAU;YACV,OAAOJ;YACP,WAAW;YACX,cAAcC;YACd,iBAAiB,EAAE;YACnB,eAAeD;QACnB;IACJ;IAEAQ,GAAG,mEAAmE;QAClEJ,UAAU,IAAI,CAACL,OAAOE;QAEtB,MAAMS,YAAYJ,GAAG,EAAE;QACvB,MAAMK,UAAUL,GAAG,EAAE;QAErBF,UAAU,QAAQ,CAAC;YACf,YAAY;gBACR;oBACI,OAAO,CAAC,oCAAoC,EAAEH,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;oBAChE,MAAM;oBACN,OAAOA,MAAM,CAAC,EAAE,CAAC,KAAK;oBACtB,UAAU;oBACV,OAAOD;oBACP,WAAW;oBACX,cAAcC;oBACd,iBAAiB;wBAACE,SAAS,CAAC,EAAE;wBAAEA,SAAS,CAAC,EAAE;qBAAC;oBAC7C,eAAeF,MAAM,CAAC,EAAE;gBAC5B;aACH;QACL;QAEAG,UAAU,OAAO,CAACM,WAAWC;QAE7BF,OAAOE,SAAS,qBAAqB,CAAC;QACtCF,OAAOG,OAAO,IAAI,CAACR,UAAU,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,CAAC;QAE5DA,UAAU,QAAQ,CAAC;YACf,YAAY;gBACR;oBACI,OAAO,CAAC,oCAAoC,EAAEH,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;oBAChE,MAAM;oBACN,OAAOA,MAAM,CAAC,EAAE,CAAC,KAAK;oBACtB,UAAUC,aAAa,QAAQ;oBAC/B,OAAO;wBACH,CAACD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;oBACvB;oBACA,WAAW;oBACX,cAAcA;oBACd,iBAAiB;wBAACE,SAAS,CAAC,EAAE;wBAAEA,SAAS,CAAC,EAAE;qBAAC;oBAC7C,eAAeF,MAAM,CAAC,EAAE;gBAC5B;aACH;QACL;QAEAG,UAAU,OAAO,CAACM,WAAWC;QAE7BF,OAAOC,WAAW,qBAAqB,CAAC;QACxCD,OAAOL,UAAU,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IAChD;AACJ"}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import type { FieldDTO } from "../../../../../presentation/FileList/components/BulkActions/domain/index.js";
+export interface FieldRendererProps {
+    name: string;
+    operator: string;
+    field: FieldDTO;
+}
+export declare const FieldRenderer: (props: FieldRendererProps) => React.JSX.Element | null;

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

@@ -0,0 +1,31 @@
+import react from "react";
+import { FieldElement, ModelProvider } from "@webiny/app-headless-cms";
+import { Bind, BindPrefix } from "@webiny/form";
+import { Grid } from "@webiny/admin-ui";
+import { OperatorType } from "../domain/index.js";
+import { useFileManagerPresenter } from "../../../FileManagerPresenterProvider.js";
+import { useFileManagerConfig } from "../../../../config/FileManagerViewConfig.js";
+const FieldRenderer = (props)=>{
+    const { vm } = useFileManagerPresenter();
+    const fileModel = vm.fileModel;
+    const { browser } = useFileManagerConfig();
+    if (!fileModel || !props.operator || props.operator === OperatorType.REMOVE) return null;
+    const customFieldRenderer = browser.bulkEditFields.find((field)=>field.name === props.field.value);
+    const renderer = customFieldRenderer ? /*#__PURE__*/ react.createElement(BindPrefix, {
+        name: props.name
+    }, customFieldRenderer.element) : /*#__PURE__*/ react.createElement(BindPrefix, {
+        name: props.name + ".extensions"
+    }, /*#__PURE__*/ react.createElement(FieldElement, {
+        field: props.field.raw,
+        Bind: Bind,
+        contentModel: fileModel
+    }));
+    return /*#__PURE__*/ react.createElement(ModelProvider, {
+        model: fileModel
+    }, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, renderer));
+};
+export { FieldRenderer };
+
+//# sourceMappingURL=FieldRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/BatchEditorDialog/FieldRenderer.js","sources":["../../../../../../src/presentation/FileList/components/BulkActions/BatchEditorDialog/FieldRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { FieldElement, ModelProvider } from \"@webiny/app-headless-cms\";\nimport { Bind, BindPrefix } from \"@webiny/form\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport type { FieldDTO } from \"~/presentation/FileList/components/BulkActions/domain/index.js\";\nimport { OperatorType } from \"~/presentation/FileList/components/BulkActions/domain/index.js\";\nimport { useFileManagerPresenter } from \"~/presentation/FileList/FileManagerPresenterProvider.js\";\nimport { useFileManagerConfig } from \"~/presentation/config/FileManagerViewConfig.js\";\n\nexport interface FieldRendererProps {\n    name: string;\n    operator: string;\n    field: FieldDTO;\n}\n\nexport const FieldRenderer = (props: FieldRendererProps) => {\n    const { vm } = useFileManagerPresenter();\n    const fileModel = vm.fileModel;\n    const { browser } = useFileManagerConfig();\n\n    if (!fileModel || !props.operator || props.operator === OperatorType.REMOVE) {\n        return null;\n    }\n\n    const customFieldRenderer = browser.bulkEditFields.find(\n        field => field.name === props.field.value\n    );\n\n    const renderer = customFieldRenderer ? (\n        <BindPrefix name={props.name}>{customFieldRenderer.element}</BindPrefix>\n    ) : (\n        <BindPrefix name={props.name + \".extensions\"}>\n            <FieldElement field={props.field.raw} Bind={Bind as any} contentModel={fileModel} />\n        </BindPrefix>\n    );\n\n    return (\n        <ModelProvider model={fileModel}>\n            <Grid.Column span={12}>{renderer}</Grid.Column>\n        </ModelProvider>\n    );\n};\n"],"names":["FieldRenderer","props","vm","useFileManagerPresenter","fileModel","browser","useFileManagerConfig","OperatorType","customFieldRenderer","field","renderer","BindPrefix","FieldElement","Bind","ModelProvider","Grid"],"mappings":";;;;;;;AAeO,MAAMA,gBAAgB,CAACC;IAC1B,MAAM,EAAEC,EAAE,EAAE,GAAGC;IACf,MAAMC,YAAYF,GAAG,SAAS;IAC9B,MAAM,EAAEG,OAAO,EAAE,GAAGC;IAEpB,IAAI,CAACF,aAAa,CAACH,MAAM,QAAQ,IAAIA,MAAM,QAAQ,KAAKM,aAAa,MAAM,EACvE,OAAO;IAGX,MAAMC,sBAAsBH,QAAQ,cAAc,CAAC,IAAI,CACnDI,CAAAA,QAASA,MAAM,IAAI,KAAKR,MAAM,KAAK,CAAC,KAAK;IAG7C,MAAMS,WAAWF,sBAAsB,WAAtBA,GACb,oBAACG,YAAUA;QAAC,MAAMV,MAAM,IAAI;OAAGO,oBAAoB,OAAO,kBAE1D,oBAACG,YAAUA;QAAC,MAAMV,MAAM,IAAI,GAAG;qBAC3B,oBAACW,cAAYA;QAAC,OAAOX,MAAM,KAAK,CAAC,GAAG;QAAE,MAAMY;QAAa,cAAcT;;IAI/E,OAAO,WAAP,GACI,oBAACU,eAAaA;QAAC,OAAOV;qBAClB,oBAACW,KAAK,MAAM;QAAC,MAAM;OAAKL;AAGpC"}

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

@@ -0,0 +1,11 @@
+import React from "react";
+import type { OperationFormData } from "../../../../../presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialogPresenter.js";
+export interface OperationProps {
+    operation: OperationFormData;
+    name: string;
+    onDelete: () => void;
+    onSetOperationFieldData: (data: string) => void;
+}
+export declare const Operation: ((props: OperationProps) => React.JSX.Element) & {
+    displayName: string;
+};

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

@@ -0,0 +1,33 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { Grid, Select } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+import { FieldRenderer } from "./FieldRenderer.js";
+const Operation = observer((props)=>/*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: `${props.name}.field`
+    }, ({ value, validation })=>/*#__PURE__*/ react.createElement(Select, {
+            label: "Field",
+            options: props.operation.fieldOptions,
+            value: value,
+            onChange: (data)=>props.onSetOperationFieldData(data),
+            validation: validation
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, props.operation.field && /*#__PURE__*/ react.createElement(Bind, {
+        name: `${props.name}.operator`
+    }, ({ value, onChange, validation })=>/*#__PURE__*/ react.createElement(Select, {
+            label: "Operation",
+            options: props.operation.operatorOptions,
+            value: value,
+            onChange: onChange,
+            validation: validation
+        }))), /*#__PURE__*/ react.createElement(react.Fragment, null, props.operation.selectedField ? /*#__PURE__*/ react.createElement(FieldRenderer, {
+        operator: props.operation.operator,
+        field: props.operation.selectedField,
+        name: `${props.name}.value`
+    }) : null)));
+export { Operation };
+
+//# sourceMappingURL=Operation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/BatchEditorDialog/Operation.js","sources":["../../../../../../src/presentation/FileList/components/BulkActions/BatchEditorDialog/Operation.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { observer } from \"mobx-react-lite\";\nimport { Grid, Select } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\n\nimport { FieldRenderer } from \"~/presentation/FileList/components/BulkActions/BatchEditorDialog/FieldRenderer.js\";\nimport type { OperationFormData } from \"~/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialogPresenter.js\";\n\nexport interface OperationProps {\n    operation: OperationFormData;\n    name: string;\n    onDelete: () => void;\n    onSetOperationFieldData: (data: string) => void;\n}\n\nexport const Operation = observer((props: OperationProps) => {\n    return (\n        <Grid>\n            <Grid.Column span={6}>\n                <Bind name={`${props.name}.field`}>\n                    {({ value, validation }) => (\n                        <Select\n                            label={\"Field\"}\n                            options={props.operation.fieldOptions}\n                            value={value}\n                            onChange={data => props.onSetOperationFieldData(data)}\n                            validation={validation}\n                        />\n                    )}\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={6}>\n                {props.operation.field && (\n                    <Bind name={`${props.name}.operator`}>\n                        {({ value, onChange, validation }) => (\n                            <Select\n                                label={\"Operation\"}\n                                options={props.operation.operatorOptions}\n                                value={value}\n                                onChange={onChange}\n                                validation={validation}\n                            />\n                        )}\n                    </Bind>\n                )}\n            </Grid.Column>\n            <>\n                {props.operation.selectedField ? (\n                    <FieldRenderer\n                        operator={props.operation.operator}\n                        field={props.operation.selectedField}\n                        name={`${props.name}.value`}\n                    />\n                ) : null}\n            </>\n        </Grid>\n    );\n});\n"],"names":["Operation","observer","props","Grid","Bind","value","validation","Select","data","onChange","FieldRenderer"],"mappings":";;;;;AAgBO,MAAMA,YAAYC,SAAS,CAACC,QACxB,WAAP,GACI,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM,GAAGF,MAAM,IAAI,CAAC,MAAM,CAAC;OAC5B,CAAC,EAAEG,KAAK,EAAEC,UAAU,EAAE,iBACnB,oBAACC,QAAMA;YACH,OAAO;YACP,SAASL,MAAM,SAAS,CAAC,YAAY;YACrC,OAAOG;YACP,UAAUG,CAAAA,OAAQN,MAAM,uBAAuB,CAACM;YAChD,YAAYF;4BAK5B,oBAACH,KAAK,MAAM;QAAC,MAAM;OACdD,MAAM,SAAS,CAAC,KAAK,IAAI,WAAJ,GAClB,oBAACE,MAAIA;QAAC,MAAM,GAAGF,MAAM,IAAI,CAAC,SAAS,CAAC;OAC/B,CAAC,EAAEG,KAAK,EAAEI,QAAQ,EAAEH,UAAU,EAAE,iBAC7B,oBAACC,QAAMA;YACH,OAAO;YACP,SAASL,MAAM,SAAS,CAAC,eAAe;YACxC,OAAOG;YACP,UAAUI;YACV,YAAYH;4BAMhC,0CACKJ,MAAM,SAAS,CAAC,aAAa,GAAG,WAAH,GAC1B,oBAACQ,eAAaA;QACV,UAAUR,MAAM,SAAS,CAAC,QAAQ;QAClC,OAAOA,MAAM,SAAS,CAAC,aAAa;QACpC,MAAM,GAAGA,MAAM,IAAI,CAAC,MAAM,CAAC;SAE/B"}

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

@@ -0,0 +1 @@
+export * from "./BatchEditorDialog.js";

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

@@ -0,0 +1,5 @@
+import React from "react";
+export declare const getFilesLabel: (count?: number) => string;
+export declare const BulkActionBar: (() => React.JSX.Element | null) & {
+    displayName: string;
+};

package/presentation/FileList/components/BulkActions/BulkActionBar.js

@@ -0,0 +1,42 @@
+import react, { useMemo } from "react";
+import { IconButton, Text, cn } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/close.svg";
+import { Buttons } from "@webiny/app-admin";
+import { observer } from "mobx-react-lite";
+import { useFileManagerPresenter } from "../../FileManagerPresenterProvider.js";
+import { useFileManagerConfig } from "../../../config/FileManagerViewConfig.js";
+const getFilesLabel = (count = 0)=>`${count} ${1 === count ? "file" : "files"}`;
+const BulkActionBar_BulkActionBar = observer(function() {
+    const { browser } = useFileManagerConfig();
+    const { vm, actions } = useFileManagerPresenter();
+    const selectedCount = vm.list.selection.selectedCount;
+    const headline = useMemo(()=>{
+        const label = getFilesLabel(selectedCount);
+        return `${label} selected`;
+    }, [
+        selectedCount
+    ]);
+    if (0 === selectedCount) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: cn("w-full bg-neutral-disabled px-md py-sm", selectedCount > 0 ? "block" : "hidden")
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-between gap-sm"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "text-neutral-strong"
+    }, headline)), /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement(Buttons, {
+        actions: browser.bulkActions
+    }), /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: ()=>actions.selection.deselectAll()
+    }))));
+});
+export { BulkActionBar_BulkActionBar as BulkActionBar, getFilesLabel };
+
+//# sourceMappingURL=BulkActionBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/BulkActionBar.js","sources":["../../../../../src/presentation/FileList/components/BulkActions/BulkActionBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Text, IconButton, cn } from \"@webiny/admin-ui\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { Buttons } from \"@webiny/app-admin\";\nimport { observer } from \"mobx-react-lite\";\nimport { useFileManagerPresenter } from \"../../FileManagerPresenterProvider.js\";\nimport { useFileManagerConfig } from \"~/presentation/config/FileManagerViewConfig.js\";\n\nexport const getFilesLabel = (count = 0): string => {\n    return `${count} ${count === 1 ? \"file\" : \"files\"}`;\n};\n\nexport const BulkActionBar = observer(function BulkActionBar() {\n    const { browser } = useFileManagerConfig();\n    const { vm, actions } = useFileManagerPresenter();\n\n    const selectedCount = vm.list.selection.selectedCount;\n\n    const headline = useMemo((): string => {\n        const label = getFilesLabel(selectedCount);\n        return `${label} selected`;\n    }, [selectedCount]);\n\n    if (selectedCount === 0) {\n        return null;\n    }\n\n    return (\n        <div\n            className={cn(\n                \"w-full bg-neutral-disabled px-md py-sm\",\n                selectedCount > 0 ? \"block\" : \"hidden\"\n            )}\n        >\n            <div className={\"flex items-center justify-between gap-sm\"}>\n                <div className={\"flex items-center gap-sm\"}>\n                    <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                        {headline}\n                    </Text>\n                </div>\n\n                <div className={\"flex items-center gap-sm\"}>\n                    <Buttons actions={browser.bulkActions} />\n                    <IconButton\n                        variant={\"ghost\"}\n                        size={\"sm\"}\n                        icon={<Close />}\n                        onClick={() => actions.selection.deselectAll()}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n});\n"],"names":["getFilesLabel","count","BulkActionBar","observer","browser","useFileManagerConfig","vm","actions","useFileManagerPresenter","selectedCount","headline","useMemo","label","cn","Text","Buttons","IconButton","Close"],"mappings":";;;;;;;AAQO,MAAMA,gBAAgB,CAACC,QAAQ,CAAC,GAC5B,GAAGA,MAAM,CAAC,EAAEA,AAAU,MAAVA,QAAc,SAAS,SAAS;AAGhD,MAAMC,8BAAgBC,SAAS;IAClC,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGC;IAExB,MAAMC,gBAAgBH,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa;IAErD,MAAMI,WAAWC,QAAQ;QACrB,MAAMC,QAAQZ,cAAcS;QAC5B,OAAO,GAAGG,MAAM,SAAS,CAAC;IAC9B,GAAG;QAACH;KAAc;IAElB,IAAIA,AAAkB,MAAlBA,eACA,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QACG,WAAWI,GACP,0CACAJ,gBAAgB,IAAI,UAAU;qBAGlC,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACK,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBJ,YAAAA,WAAAA,GAIT,oBAAC;QAAI,WAAW;qBACZ,oBAACK,SAAOA;QAAC,SAASX,QAAQ,WAAW;sBACrC,oBAACY,YAAUA;QACP,SAAS;QACT,MAAM;QACN,oBAAM,oBAACC,gBAAKA;QACZ,SAAS,IAAMV,QAAQ,SAAS,CAAC,WAAW;;AAMpE"}

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

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const BulkActionDelete: (() => React.JSX.Element | null) & {
+    displayName: string;
+};

package/presentation/FileList/components/BulkActions/BulkActionDelete.js

@@ -0,0 +1,65 @@
+import react, { useMemo } from "react";
+import { Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { observer } from "mobx-react-lite";
+import { useFeature } from "@webiny/app";
+import { BulkAction, getFilesLabel } from "./useBulkActionWorker.js";
+import { useFileManagerPresenter } from "../../FileManagerPresenterProvider.js";
+import { DeleteFileFeature } from "../../../../features/deleteFile/feature.js";
+const BulkActionDelete_BulkActionDelete = observer(function() {
+    const { useWorker, useButtons, useDialog } = BulkAction;
+    const { ButtonDefault } = useButtons();
+    const worker = useWorker();
+    const { showConfirmationDialog, showResultsDialog } = useDialog();
+    const { vm } = useFileManagerPresenter();
+    const { useCase: deleteFileUseCase } = useFeature(DeleteFileFeature);
+    const filesLabel = useMemo(()=>getFilesLabel(worker.items.length), [
+        worker.items.length
+    ]);
+    const openDeleteDialog = ()=>showConfirmationDialog({
+            title: "Delete files",
+            message: `You are about to delete ${filesLabel}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${filesLabel}`,
+            execute: async ()=>{
+                await worker.processInSeries(async ({ item, report })=>{
+                    try {
+                        const result = await deleteFileUseCase.execute({
+                            id: item.id
+                        });
+                        if (!result.success) return void report.error({
+                            title: `${item.name}`,
+                            message: result.error.message
+                        });
+                        report.success({
+                            title: `${item.name}`,
+                            message: "File successfully deleted."
+                        });
+                    } catch (e) {
+                        report.error({
+                            title: `${item.name}`,
+                            message: e.message
+                        });
+                    }
+                });
+                worker.resetItems();
+                showResultsDialog({
+                    results: worker.results,
+                    title: "Delete files",
+                    message: "Finished deleting files! See full report below:"
+                });
+            }
+        });
+    if (!vm.permissions.canDelete) return null;
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: `Delete ${filesLabel}`,
+        trigger: /*#__PURE__*/ react.createElement(ButtonDefault, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onAction: openDeleteDialog,
+            size: "sm"
+        }, "Delete")
+    });
+});
+export { BulkActionDelete_BulkActionDelete as BulkActionDelete };
+
+//# sourceMappingURL=BulkActionDelete.js.map