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

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/GraphQLInputMapper.test.js","sources":["../../../../../src/presentation/FileList/components/BulkActions/GraphQLInputMapper.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport { GraphQLInputMapper } from \"./GraphQLInputMapper.js\";\nimport type { BatchDTO } from \"~/presentation/FileList/components/BulkActions/domain/index.js\";\nimport { OperatorType } from \"~/presentation/FileList/components/BulkActions/domain/index.js\";\nimport type { FileItem } from \"~/domain/types.js\";\n\nconst fileMock: FileItem = {\n    id: \"12345678\",\n    location: {\n        folderId: \"root\"\n    },\n    createdOn: new Date().toISOString(),\n    createdBy: {\n        id: \"123\",\n        displayName: \"123\",\n        type: \"admin\"\n    },\n    savedOn: new Date().toISOString(),\n    savedBy: {\n        id: \"123\",\n        displayName: \"123\",\n        type: \"admin\"\n    },\n    modifiedOn: new Date().toISOString(),\n    modifiedBy: {\n        id: \"123\",\n        displayName: \"123\",\n        type: \"admin\"\n    },\n    src: `https://demo.website.com/files/12345678/filenameA.png`,\n    key: `12345678/filenameA.png`,\n    name: \"filenameA.png\",\n    size: 123456,\n    type: \"image/png\",\n    tags: [\"sketch\", \"file-a\", \"webiny\"],\n    metadata: {},\n    aliases: []\n};\n\ndescribe(\"GraphQLInputMapper\", () => {\n    it(\"should return a GraphQL formatted output based on the received BatchDTO and previous data\", () => {\n        const data: FileItem = {\n            ...fileMock,\n            extensions: {\n                field1: \"old-field1\",\n                field2: \"old-field2\",\n                field3: [\"old-field3\"]\n            }\n        };\n\n        const batch: BatchDTO = {\n            operations: [\n                {\n                    field: \"accessControl\",\n                    operator: OperatorType.OVERRIDE,\n                    value: {\n                        accessControl: {\n                            type: \"private\"\n                        }\n                    }\n                },\n                {\n                    field: \"extensions.field1\",\n                    operator: OperatorType.OVERRIDE,\n                    value: {\n                        extensions: {\n                            field1: \"new-field1\"\n                        }\n                    }\n                },\n                {\n                    field: \"extensions.field2\",\n                    operator: OperatorType.REMOVE\n                },\n                {\n                    field: \"extensions.field3\",\n                    operator: OperatorType.APPEND,\n                    value: {\n                        extensions: {\n                            field3: [\"new-field3-1\", \"new-field3-2\"]\n                        }\n                    }\n                }\n            ]\n        };\n\n        const output = GraphQLInputMapper.applyOperations(data, batch);\n\n        expect(output).toEqual({\n            ...data,\n            accessControl: {\n                type: \"private\"\n            },\n            extensions: {\n                field1: \"new-field1\",\n                field2: null,\n                field3: [\"old-field3\", \"new-field3-1\", \"new-field3-2\"]\n            }\n        });\n    });\n\n    it(\"should not override data for fields not defined in the batch\", () => {\n        const data: FileItem = {\n            ...fileMock,\n            accessControl: {\n                type: \"public\"\n            },\n            extensions: {\n                field1: \"old-field1\",\n                field2: \"old-field2\"\n            }\n        };\n\n        const batch: BatchDTO = {\n            operations: [\n                {\n                    field: \"extensions.field1\",\n                    operator: OperatorType.OVERRIDE,\n                    value: {\n                        extensions: {\n                            field1: \"new-field1\"\n                        }\n                    }\n                }\n            ]\n        };\n\n        const output = GraphQLInputMapper.applyOperations(data, batch);\n\n        expect(output).toEqual({\n            ...data,\n            extensions: {\n                field1: \"new-field1\",\n                field2: \"old-field2\"\n            }\n        });\n    });\n\n    it(\"should not OVERRIDE data in case of nullish value\", () => {\n        const data: FileItem = {\n            ...fileMock,\n            extensions: {\n                field1: \"old-field-1\"\n            }\n        };\n\n        const batch: BatchDTO = {\n            operations: [\n                {\n                    field: \"extensions.field1\",\n                    operator: OperatorType.OVERRIDE,\n                    value: {\n                        extensions: {\n                            field1: null\n                        }\n                    }\n                }\n            ]\n        };\n\n        const output = GraphQLInputMapper.applyOperations(data, batch);\n\n        expect(output).toEqual({\n            ...data,\n            extensions: {\n                field1: \"old-field-1\"\n            }\n        });\n    });\n\n    it(\"should not APPEND data in case of nullish value\", () => {\n        const data: FileItem = {\n            ...fileMock,\n            extensions: {\n                field1: \"old-field-1\"\n            }\n        };\n\n        const batch: BatchDTO = {\n            operations: [\n                {\n                    field: \"extensions.field1\",\n                    operator: OperatorType.APPEND,\n                    value: {\n                        extensions: {\n                            field1: null\n                        }\n                    }\n                }\n            ]\n        };\n\n        const output = GraphQLInputMapper.applyOperations(data, batch);\n\n        expect(output).toEqual({\n            ...data,\n            extensions: {\n                field1: \"old-field-1\"\n            }\n        });\n    });\n\n    it(\"should not APPEND data in case of non-array value\", () => {\n        const data: FileItem = {\n            ...fileMock,\n            extensions: {\n                field1: \"old-field-1\"\n            }\n        };\n\n        const batch: BatchDTO = {\n            operations: [\n                {\n                    field: \"extensions.field1\",\n                    operator: OperatorType.APPEND,\n                    value: {\n                        extensions: {\n                            field1: \"any-string\"\n                        }\n                    }\n                }\n            ]\n        };\n\n        const output = GraphQLInputMapper.applyOperations(data, batch);\n\n        expect(output).toEqual({\n            ...data,\n            extensions: {\n                field1: \"old-field-1\"\n            }\n        });\n    });\n\n    it(\"should APPEND new data to non existing envelope\", () => {\n        const data: FileItem = { ...fileMock };\n\n        const batch: BatchDTO = {\n            operations: [\n                {\n                    field: \"extensions.field1\",\n                    operator: OperatorType.APPEND,\n                    value: {\n                        extensions: {\n                            field1: [\"new-field1-1\", \"new-field1-2\"]\n                        }\n                    }\n                }\n            ]\n        };\n\n        const output = GraphQLInputMapper.applyOperations(data, batch);\n\n        expect(output).toEqual({\n            ...data,\n            extensions: {\n                field1: [\"new-field1-1\", \"new-field1-2\"]\n            }\n        });\n    });\n\n    it(\"should APPEND new data for fields with nullish value\", () => {\n        const data: FileItem = {\n            ...fileMock,\n            extensions: {\n                field1: null\n            }\n        };\n\n        const batch: BatchDTO = {\n            operations: [\n                {\n                    field: \"extensions.field1\",\n                    operator: OperatorType.APPEND,\n                    value: {\n                        extensions: {\n                            field1: [\"new-field1-1\", \"new-field1-2\"]\n                        }\n                    }\n                }\n            ]\n        };\n\n        const output = GraphQLInputMapper.applyOperations(data, batch);\n\n        expect(output).toEqual({\n            ...data,\n            extensions: {\n                field1: [\"new-field1-1\", \"new-field1-2\"]\n            }\n        });\n    });\n\n    it(\"should return existing data in case of invalid operation\", () => {\n        const data: FileItem = {\n            ...fileMock,\n            extensions: {\n                field1: \"old-field1\"\n            }\n        };\n\n        const batch: BatchDTO = {\n            operations: [\n                {\n                    field: \"field1\",\n                    operator: \"ANY-OPERATION\",\n                    value: {\n                        extensions: {\n                            field1: \"new-field1\"\n                        }\n                    }\n                }\n            ]\n        };\n\n        const output = GraphQLInputMapper.applyOperations(data, batch);\n\n        expect(output).toEqual({\n            ...data,\n            extensions: {\n                field1: \"old-field1\"\n            }\n        });\n    });\n});\n"],"names":["fileMock","Date","describe","it","data","batch","OperatorType","output","GraphQLInputMapper","expect"],"mappings":"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"}

package/presentation/FileList/components/BulkActions/domain/Batch.js

@@ -0,0 +1,32 @@
+import zod from "zod";
+const operationValidationSchema = zod.object({
+    field: zod.string().trim().min(1, "Field is required."),
+    operator: zod.string().min(1, "Operator is required.")
+});
+const batchValidationSchema = zod.object({
+    operations: zod.array(operationValidationSchema).min(1)
+});
+class Batch {
+    static createEmpty() {
+        return new Batch([
+            new Operation()
+        ]);
+    }
+    static validate(data) {
+        return batchValidationSchema.safeParse(data);
+    }
+    constructor(operations){
+        this.operations = operations;
+    }
+}
+class Operation {
+    constructor(field, operator, value){
+        this.value = void 0;
+        this.field = field;
+        this.operator = operator;
+        this.value = value;
+    }
+}
+export { Batch, Operation, batchValidationSchema };
+
+//# sourceMappingURL=Batch.js.map

package/presentation/FileList/components/BulkActions/domain/Batch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/domain/Batch.js","sources":["../../../../../../src/presentation/FileList/components/BulkActions/domain/Batch.ts"],"sourcesContent":["import zod from \"zod\";\n\nexport interface BatchDTO {\n    operations: OperationDTO[];\n}\n\nconst operationValidationSchema = zod.object({\n    field: zod.string().trim().min(1, \"Field is required.\"),\n    operator: zod.string().min(1, \"Operator is required.\")\n});\n\nexport const batchValidationSchema = zod.object({\n    operations: zod.array(operationValidationSchema).min(1)\n});\n\nexport class Batch {\n    operations: Operation[];\n\n    static createEmpty() {\n        return new Batch([new Operation()]);\n    }\n\n    static validate(data: BatchDTO) {\n        return batchValidationSchema.safeParse(data);\n    }\n\n    protected constructor(operations: Operation[]) {\n        this.operations = operations;\n    }\n}\n\nexport interface OperationDTO {\n    field: string;\n    operator: string;\n    value?: Record<string, any>;\n}\n\nexport class Operation {\n    public readonly field?: string;\n    public readonly operator?: string;\n    public readonly value?: Record<string, any> = undefined;\n\n    constructor(field?: string, operator?: string, value?: any) {\n        this.field = field;\n        this.operator = operator;\n        this.value = value;\n    }\n}\n"],"names":["operationValidationSchema","zod","batchValidationSchema","Batch","Operation","data","operations","field","operator","value","undefined"],"mappings":";AAMA,MAAMA,4BAA4BC,IAAI,MAAM,CAAC;IACzC,OAAOA,IAAI,MAAM,GAAG,IAAI,GAAG,GAAG,CAAC,GAAG;IAClC,UAAUA,IAAI,MAAM,GAAG,GAAG,CAAC,GAAG;AAClC;AAEO,MAAMC,wBAAwBD,IAAI,MAAM,CAAC;IAC5C,YAAYA,IAAI,KAAK,CAACD,2BAA2B,GAAG,CAAC;AACzD;AAEO,MAAMG;IAGT,OAAO,cAAc;QACjB,OAAO,IAAIA,MAAM;YAAC,IAAIC;SAAY;IACtC;IAEA,OAAO,SAASC,IAAc,EAAE;QAC5B,OAAOH,sBAAsB,SAAS,CAACG;IAC3C;IAEA,YAAsBC,UAAuB,CAAE;QAC3C,IAAI,CAAC,UAAU,GAAGA;IACtB;AACJ;AAQO,MAAMF;IAKT,YAAYG,KAAc,EAAEC,QAAiB,EAAEC,KAAW,CAAE;aAF5C,KAAK,GAAyBC;QAG1C,IAAI,CAAC,KAAK,GAAGH;QACb,IAAI,CAAC,QAAQ,GAAGC;QAChB,IAAI,CAAC,KAAK,GAAGC;IACjB;AACJ"}

package/presentation/FileList/components/BulkActions/domain/BatchMapper.js

@@ -0,0 +1,14 @@
+class BatchMapper {
+    static toDTO(input) {
+        return {
+            operations: input.operations.map((operation)=>({
+                    operator: operation.operator || "",
+                    field: operation.field || "",
+                    value: operation.value || void 0
+                }))
+        };
+    }
+}
+export { BatchMapper };
+
+//# sourceMappingURL=BatchMapper.js.map

package/presentation/FileList/components/BulkActions/domain/BatchMapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/domain/BatchMapper.js","sources":["../../../../../../src/presentation/FileList/components/BulkActions/domain/BatchMapper.ts"],"sourcesContent":["import type { Batch, BatchDTO } from \"./Batch.js\";\n\nexport class BatchMapper {\n    static toDTO(input: Batch): BatchDTO {\n        return {\n            operations: input.operations.map(operation => ({\n                operator: operation.operator || \"\",\n                field: operation.field || \"\",\n                value: operation.value || undefined\n            }))\n        };\n    }\n}\n"],"names":["BatchMapper","input","operation","undefined"],"mappings":"AAEO,MAAMA;IACT,OAAO,MAAMC,KAAY,EAAY;QACjC,OAAO;YACH,YAAYA,MAAM,UAAU,CAAC,GAAG,CAACC,CAAAA,YAAc;oBAC3C,UAAUA,UAAU,QAAQ,IAAI;oBAChC,OAAOA,UAAU,KAAK,IAAI;oBAC1B,OAAOA,UAAU,KAAK,IAAIC;gBAC9B;QACJ;IACJ;AACJ"}

package/presentation/FileList/components/BulkActions/domain/Field.js

@@ -0,0 +1,49 @@
+var Field_OperatorType = /*#__PURE__*/ function(OperatorType) {
+    OperatorType["OVERRIDE"] = "OVERRIDE";
+    OperatorType["APPEND"] = "APPEND";
+    OperatorType["REMOVE"] = "REMOVE";
+    return OperatorType;
+}({});
+class Field {
+    static createFromRaw(field) {
+        const label = field.label;
+        const value = field.fieldId;
+        const operators = Operator.createFromField(field);
+        return new Field(label, value, operators, field);
+    }
+    constructor(label, value, operators, renderer){
+        this.label = label;
+        this.value = value;
+        this.operators = operators;
+        this.raw = renderer;
+    }
+}
+class Operator {
+    static createFrom(rawData) {
+        return new Operator(rawData.label, rawData.value);
+    }
+    static createFromField(field) {
+        const operators = [
+            {
+                label: "Override existing values",
+                value: "OVERRIDE"
+            },
+            {
+                label: "Clear all existing values",
+                value: "REMOVE"
+            }
+        ];
+        if (field.list) operators.push({
+            label: "Append to existing values",
+            value: "APPEND"
+        });
+        return operators.map((operator)=>this.createFrom(operator));
+    }
+    constructor(label, value){
+        this.label = label;
+        this.value = value;
+    }
+}
+export { Field, Field_OperatorType as OperatorType, Operator };
+
+//# sourceMappingURL=Field.js.map

package/presentation/FileList/components/BulkActions/domain/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/domain/Field.js","sources":["../../../../../../src/presentation/FileList/components/BulkActions/domain/Field.ts"],"sourcesContent":["import type { CmsModelField } from \"@webiny/app-headless-cms-common/types/model.js\";\n\nexport type FieldRaw = CmsModelField;\n\nexport enum OperatorType {\n    OVERRIDE = \"OVERRIDE\",\n    APPEND = \"APPEND\",\n    REMOVE = \"REMOVE\"\n}\n\nexport interface FieldDTO {\n    label: string;\n    value: string;\n    operators: OperatorDTO[];\n    raw: FieldRaw;\n}\n\nexport class Field {\n    public readonly label: string;\n    public readonly value: string;\n    public readonly operators: Operator[];\n    public readonly raw: FieldRaw;\n\n    static createFromRaw(field: FieldRaw) {\n        const label = field.label;\n        const value = field.fieldId;\n        const operators = Operator.createFromField(field);\n        return new Field(label, value, operators, field);\n    }\n\n    private constructor(label: string, value: string, operators: Operator[], renderer: FieldRaw) {\n        this.label = label;\n        this.value = value;\n        this.operators = operators;\n        this.raw = renderer;\n    }\n}\n\nexport interface OperatorDTO {\n    label: string;\n    value: string;\n}\n\nexport class Operator {\n    public readonly label: string;\n    public readonly value: string;\n\n    static createFrom(rawData: OperatorDTO) {\n        return new Operator(rawData.label, rawData.value);\n    }\n\n    static createFromField(field: CmsModelField) {\n        const 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\n        if (field.list) {\n            operators.push({\n                label: \"Append to existing values\",\n                value: OperatorType.APPEND\n            });\n        }\n\n        return operators.map(operator => this.createFrom(operator));\n    }\n\n    private constructor(label: string, value: string) {\n        this.label = label;\n        this.value = value;\n    }\n}\n"],"names":["OperatorType","Field","field","label","value","operators","Operator","renderer","rawData","operator"],"mappings":"AAIO,IAAKA,qBAAYA,WAAAA,GAAAA,SAAZA,YAAY;;;;WAAZA;;AAaL,MAAMC;IAMT,OAAO,cAAcC,KAAe,EAAE;QAClC,MAAMC,QAAQD,MAAM,KAAK;QACzB,MAAME,QAAQF,MAAM,OAAO;QAC3B,MAAMG,YAAYC,SAAS,eAAe,CAACJ;QAC3C,OAAO,IAAID,MAAME,OAAOC,OAAOC,WAAWH;IAC9C;IAEA,YAAoBC,KAAa,EAAEC,KAAa,EAAEC,SAAqB,EAAEE,QAAkB,CAAE;QACzF,IAAI,CAAC,KAAK,GAAGJ;QACb,IAAI,CAAC,KAAK,GAAGC;QACb,IAAI,CAAC,SAAS,GAAGC;QACjB,IAAI,CAAC,GAAG,GAAGE;IACf;AACJ;AAOO,MAAMD;IAIT,OAAO,WAAWE,OAAoB,EAAE;QACpC,OAAO,IAAIF,SAASE,QAAQ,KAAK,EAAEA,QAAQ,KAAK;IACpD;IAEA,OAAO,gBAAgBN,KAAoB,EAAE;QACzC,MAAMG,YAAY;YACd;gBACI,OAAO;gBACP,OAAO;YACX;YACA;gBACI,OAAO;gBACP,OAAO;YACX;SACH;QAED,IAAIH,MAAM,IAAI,EACVG,UAAU,IAAI,CAAC;YACX,OAAO;YACP,OAAO;QACX;QAGJ,OAAOA,UAAU,GAAG,CAACI,CAAAA,WAAY,IAAI,CAAC,UAAU,CAACA;IACrD;IAEA,YAAoBN,KAAa,EAAEC,KAAa,CAAE;QAC9C,IAAI,CAAC,KAAK,GAAGD;QACb,IAAI,CAAC,KAAK,GAAGC;IACjB;AACJ"}

package/presentation/FileList/components/BulkActions/domain/FieldMapper.js

@@ -0,0 +1,21 @@
+class FieldMapper {
+    static toDTO(configuration) {
+        return configuration.map((field)=>({
+                label: field.label,
+                value: field.value,
+                operators: OperatorMapper.toDTO(field.operators),
+                raw: field.raw
+            }));
+    }
+}
+class OperatorMapper {
+    static toDTO(operators) {
+        return operators.map((operator)=>({
+                value: operator.value || "",
+                label: operator.label || ""
+            }));
+    }
+}
+export { FieldMapper, OperatorMapper };
+
+//# sourceMappingURL=FieldMapper.js.map

package/presentation/FileList/components/BulkActions/domain/FieldMapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/domain/FieldMapper.js","sources":["../../../../../../src/presentation/FileList/components/BulkActions/domain/FieldMapper.ts"],"sourcesContent":["import type { Field, FieldDTO, Operator, OperatorDTO } from \"./Field.js\";\n\nexport class FieldMapper {\n    static toDTO(configuration: Field[]): FieldDTO[] {\n        return configuration.map(field => {\n            return {\n                label: field.label,\n                value: field.value,\n                operators: OperatorMapper.toDTO(field.operators),\n                raw: field.raw\n            };\n        });\n    }\n}\n\nexport class OperatorMapper {\n    static toDTO(operators: Operator[]): OperatorDTO[] {\n        return operators.map(operator => ({\n            value: operator.value || \"\",\n            label: operator.label || \"\"\n        }));\n    }\n}\n"],"names":["FieldMapper","configuration","field","OperatorMapper","operators","operator"],"mappings":"AAEO,MAAMA;IACT,OAAO,MAAMC,aAAsB,EAAc;QAC7C,OAAOA,cAAc,GAAG,CAACC,CAAAA,QACd;gBACH,OAAOA,MAAM,KAAK;gBAClB,OAAOA,MAAM,KAAK;gBAClB,WAAWC,eAAe,KAAK,CAACD,MAAM,SAAS;gBAC/C,KAAKA,MAAM,GAAG;YAClB;IAER;AACJ;AAEO,MAAMC;IACT,OAAO,MAAMC,SAAqB,EAAiB;QAC/C,OAAOA,UAAU,GAAG,CAACC,CAAAA,WAAa;gBAC9B,OAAOA,SAAS,KAAK,IAAI;gBACzB,OAAOA,SAAS,KAAK,IAAI;YAC7B;IACJ;AACJ"}

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

@@ -0,0 +1,4 @@
+export * from "./Batch.js";
+export * from "./BatchMapper.js";
+export * from "./Field.js";
+export * from "./FieldMapper.js";

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

@@ -0,0 +1,5 @@
+export { BulkActionBar, getFilesLabel } from "./BulkActionBar.js";
+export { BulkActionDelete } from "./BulkActionDelete.js";
+export { BulkActionMove } from "./BulkActionMove.js";
+export { BulkActionEdit } from "./BulkActionEdit.js";
+export { BulkAction } from "./useBulkActionWorker.js";

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

@@ -0,0 +1,5 @@
+export { BulkActionBar, getFilesLabel } from "./BulkActionBar.js";
+export { BulkActionDelete } from "./BulkActionDelete.js";
+export { BulkActionMove } from "./BulkActionMove.js";
+export { BulkActionEdit } from "./BulkActionEdit.js";
+export { BulkAction } from "./useBulkActionWorker.js";

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

@@ -0,0 +1,16 @@
+import type { CallbackParams } from "@webiny/app-admin";
+import type { FmFile } from "../../../../features/shared/types.js";
+import { getFilesLabel } from "./BulkActionBar.js";
+export declare const BulkAction: {
+    useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons.js").ButtonsProviderContext;
+    useWorker: () => {
+        items: FmFile[];
+        process: (callback: (items: FmFile[]) => void) => void;
+        processInSeries: (callback: ({ item, allItems, report }: CallbackParams<FmFile>) => Promise<void>, chunkSize?: number) => Promise<void>;
+        resetItems: () => void;
+        results: import("@webiny/app-admin").Result[];
+        resetResults: () => Promise<void>;
+    };
+    useDialog: () => import("@webiny/app-admin").UseDialogWithReportResponse;
+};
+export { getFilesLabel };

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

@@ -0,0 +1,43 @@
+import { useCallback, useEffect, useMemo, useRef } from "react";
+import { Worker, useButtons, useDialogWithReport } from "@webiny/app-admin";
+import { useFileManagerPresenter } from "../../FileManagerPresenterProvider.js";
+const useWorker = ()=>{
+    const { vm, actions } = useFileManagerPresenter();
+    const { current: worker } = useRef(new Worker());
+    const selectedFiles = useMemo(()=>{
+        const { selectedIds } = vm.list.selection;
+        return vm.list.rows.filter((row)=>selectedIds.has(row.id));
+    }, [
+        vm.list.selection.selectedIds,
+        vm.list.rows
+    ]);
+    useEffect(()=>{
+        worker.items = selectedFiles;
+    }, [
+        selectedFiles.length
+    ]);
+    const resetItems = useCallback(()=>{
+        worker.items = [];
+        actions.selection.deselectAll();
+    }, []);
+    const resetResults = useCallback(async ()=>{
+        worker.resetResults();
+    }, []);
+    return {
+        items: selectedFiles,
+        process: (callback)=>worker.process(callback),
+        processInSeries: async (callback, chunkSize)=>worker.processInSeries(callback, chunkSize),
+        resetItems,
+        results: worker.results,
+        resetResults
+    };
+};
+const BulkAction = {
+    useButtons: useButtons,
+    useWorker: useWorker,
+    useDialog: useDialogWithReport
+};
+export { getFilesLabel } from "./BulkActionBar.js";
+export { BulkAction };
+
+//# sourceMappingURL=useBulkActionWorker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/BulkActions/useBulkActionWorker.js","sources":["../../../../../src/presentation/FileList/components/BulkActions/useBulkActionWorker.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport type { CallbackParams } from \"@webiny/app-admin\";\nimport { useButtons, useDialogWithReport, Worker } from \"@webiny/app-admin\";\nimport { useFileManagerPresenter } from \"../../FileManagerPresenterProvider.js\";\nimport type { FmFile } from \"~/features/shared/types.js\";\nimport { getFilesLabel } from \"./BulkActionBar.js\";\n\n// Hook that bridges the new presenter-based selection with the Worker pattern.\nconst useWorker = () => {\n    const { vm, actions } = useFileManagerPresenter();\n    const { current: worker } = useRef(new Worker<FmFile>());\n\n    // Derive selected file objects from the presenter's selection IDs and rows.\n    const selectedFiles = useMemo(() => {\n        const { selectedIds } = vm.list.selection;\n        return vm.list.rows.filter(row => selectedIds.has(row.id));\n    }, [vm.list.selection.selectedIds, vm.list.rows]);\n\n    useEffect(() => {\n        worker.items = selectedFiles;\n    }, [selectedFiles.length]);\n\n    // Reset selected items in both the presenter and the Worker.\n    const resetItems = useCallback(() => {\n        worker.items = [];\n        actions.selection.deselectAll();\n    }, []);\n\n    // Reset results in Worker.\n    const resetResults = useCallback(async () => {\n        worker.resetResults();\n    }, []);\n\n    return {\n        items: selectedFiles,\n        process: (callback: (items: FmFile[]) => void) => worker.process(callback),\n        processInSeries: async (\n            callback: ({ item, allItems, report }: CallbackParams<FmFile>) => Promise<void>,\n            chunkSize?: number\n        ) => worker.processInSeries(callback, chunkSize),\n        resetItems,\n        results: worker.results,\n        resetResults\n    };\n};\n\n// Compose the BulkAction utilities for the new v2 architecture.\nexport const BulkAction = {\n    useButtons,\n    useWorker,\n    useDialog: useDialogWithReport\n};\n\nexport { getFilesLabel };\n"],"names":["useWorker","vm","actions","useFileManagerPresenter","worker","useRef","Worker","selectedFiles","useMemo","selectedIds","row","useEffect","resetItems","useCallback","resetResults","callback","chunkSize","BulkAction","useButtons","useDialogWithReport"],"mappings":";;;AAQA,MAAMA,YAAY;IACd,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGC;IACxB,MAAM,EAAE,SAASC,MAAM,EAAE,GAAGC,OAAO,IAAIC;IAGvC,MAAMC,gBAAgBC,QAAQ;QAC1B,MAAM,EAAEC,WAAW,EAAE,GAAGR,GAAG,IAAI,CAAC,SAAS;QACzC,OAAOA,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAACS,CAAAA,MAAOD,YAAY,GAAG,CAACC,IAAI,EAAE;IAC5D,GAAG;QAACT,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW;QAAEA,GAAG,IAAI,CAAC,IAAI;KAAC;IAEhDU,UAAU;QACNP,OAAO,KAAK,GAAGG;IACnB,GAAG;QAACA,cAAc,MAAM;KAAC;IAGzB,MAAMK,aAAaC,YAAY;QAC3BT,OAAO,KAAK,GAAG,EAAE;QACjBF,QAAQ,SAAS,CAAC,WAAW;IACjC,GAAG,EAAE;IAGL,MAAMY,eAAeD,YAAY;QAC7BT,OAAO,YAAY;IACvB,GAAG,EAAE;IAEL,OAAO;QACH,OAAOG;QACP,SAAS,CAACQ,WAAwCX,OAAO,OAAO,CAACW;QACjE,iBAAiB,OACbA,UACAC,YACCZ,OAAO,eAAe,CAACW,UAAUC;QACtCJ;QACA,SAASR,OAAO,OAAO;QACvBU;IACJ;AACJ;AAGO,MAAMG,aAAa;IACtBC,YAAUA;IACVlB,WAAAA;IACA,WAAWmB;AACf"}

package/presentation/FileList/components/Empty/Empty.js

@@ -0,0 +1,20 @@
+import react from "react";
+import { NoPermissions } from "../NoPermissions/index.js";
+import { useFileManagerPresenter } from "../../FileManagerPresenterProvider.js";
+import { NoResults } from "../NoResults/index.js";
+import { FileDropArea } from "../FileDropArea/index.js";
+const Empty = ({ browseFiles, isSearchResult })=>{
+    const { vm } = useFileManagerPresenter();
+    const { canRead } = vm.permissions;
+    if (!canRead) return /*#__PURE__*/ react.createElement(NoPermissions, null);
+    if (isSearchResult) return /*#__PURE__*/ react.createElement(NoResults, null);
+    return /*#__PURE__*/ react.createElement(FileDropArea, {
+        empty: true,
+        onClick: ()=>browseFiles(),
+        title: "Drag & Drop files here",
+        description: "You can also upload files from your computer by clicking the button below"
+    });
+};
+export { Empty };
+
+//# sourceMappingURL=Empty.js.map

package/presentation/FileList/components/Empty/Empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/Empty/Empty.js","sources":["../../../../../src/presentation/FileList/components/Empty/Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FilesRenderChildren } from \"react-butterfiles\";\n\nimport { NoPermissions } from \"~/presentation/FileList/components/NoPermissions/index.js\";\nimport { useFileManagerPresenter } from \"../../FileManagerPresenterProvider.js\";\nimport { NoResults } from \"~/presentation/FileList/components/NoResults/index.js\";\nimport { FileDropArea } from \"~/presentation/FileList/components/FileDropArea/index.js\";\n\ninterface EmptyViewProps {\n    browseFiles: FilesRenderChildren[\"browseFiles\"];\n    isSearchResult?: boolean;\n}\n\nexport const Empty = ({ browseFiles, isSearchResult }: EmptyViewProps) => {\n    const { vm } = useFileManagerPresenter();\n    const { canRead } = vm.permissions;\n\n    if (!canRead) {\n        return <NoPermissions />;\n    }\n\n    if (isSearchResult) {\n        return <NoResults />;\n    }\n\n    return (\n        <FileDropArea\n            empty\n            onClick={() => browseFiles()}\n            title={\"Drag & Drop files here\"}\n            description={\n                \"You can also upload files from your computer by clicking the button below\"\n            }\n        />\n    );\n};\n"],"names":["Empty","browseFiles","isSearchResult","vm","useFileManagerPresenter","canRead","NoPermissions","NoResults","FileDropArea"],"mappings":";;;;;AAaO,MAAMA,QAAQ,CAAC,EAAEC,WAAW,EAAEC,cAAc,EAAkB;IACjE,MAAM,EAAEC,EAAE,EAAE,GAAGC;IACf,MAAM,EAAEC,OAAO,EAAE,GAAGF,GAAG,WAAW;IAElC,IAAI,CAACE,SACD,OAAO,WAAP,GAAO,oBAACC,eAAaA;IAGzB,IAAIJ,gBACA,OAAO,WAAP,GAAO,oBAACK,WAASA;IAGrB,OAAO,WAAP,GACI,oBAACC,cAAYA;QACT;QACA,SAAS,IAAMP;QACf,OAAO;QACP,aACI;;AAIhB"}

package/presentation/FileList/components/Empty/index.js

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

package/presentation/FileList/components/FileDropArea/FileDropArea.js

@@ -0,0 +1,63 @@
+import react from "react";
+import { Button, Heading, Text, cn } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/file_upload.svg";
+import { ReactComponent as cloud_upload_svg_ReactComponent } from "@webiny/icons/cloud_upload.svg";
+const DropAreaContainer = ({ empty, children })=>/*#__PURE__*/ react.createElement("div", {
+        className: cn([
+            "w-full h-full p-lg flex items-center justify-center",
+            empty ? "bg-neutral-base" : "pt-xxl bg-neutral-xstrong/20"
+        ])
+    }, children);
+const DropAreaBox = ({ children, empty })=>/*#__PURE__*/ react.createElement("div", {
+        style: {
+            width: "650px",
+            height: "400px",
+            ...empty ? {
+                backgroundImage: "url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23E7E7E7FF' stroke-width='4' stroke-dasharray='12' stroke-dashoffset='35' stroke-linecap='square'/%3e%3c/svg%3e\")"
+            } : {}
+        },
+        className: cn([
+            "-translate-y-xl",
+            "flex flex-col items-center justify-center gap-lg",
+            "p-lg rounded-3xl",
+            "bg-neutral-base",
+            !empty && "shadow-md"
+        ])
+    }, children);
+const DropAreaContent = ({ title, description })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col items-center justify-center gap-sm"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "fill-neutral-strong"
+    }, /*#__PURE__*/ react.createElement(cloud_upload_svg_ReactComponent, {
+        width: 75,
+        height: 75
+    })), /*#__PURE__*/ react.createElement("div", {
+        className: "text-center"
+    }, title && /*#__PURE__*/ react.createElement(Heading, {
+        level: 4,
+        className: "text-neutral-strong"
+    }, title), description && /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        style: {
+            width: "300px"
+        },
+        className: "text-neutral-strong"
+    }, description)));
+const DropAreaButton = ({ onClick })=>/*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Button, {
+        onClick: onClick,
+        text: "Upload files",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    }));
+const FileDropArea = ({ title, description, empty, onClick })=>/*#__PURE__*/ react.createElement(DropAreaContainer, {
+        empty: empty
+    }, /*#__PURE__*/ react.createElement(DropAreaBox, {
+        empty: empty
+    }, /*#__PURE__*/ react.createElement(DropAreaContent, {
+        title: title,
+        description: description
+    }), empty && /*#__PURE__*/ react.createElement(DropAreaButton, {
+        onClick: onClick
+    })));
+export { FileDropArea };
+
+//# sourceMappingURL=FileDropArea.js.map

package/presentation/FileList/components/FileDropArea/FileDropArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/FileDropArea/FileDropArea.js","sources":["../../../../../src/presentation/FileList/components/FileDropArea/FileDropArea.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, cn, Heading, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as UploadFileIcon } from \"@webiny/icons/file_upload.svg\";\nimport { ReactComponent as UploadIcon } from \"@webiny/icons/cloud_upload.svg\";\n\ninterface DropAreaContainerProps {\n    empty?: boolean;\n    children: React.ReactNode;\n}\n\nconst DropAreaContainer = ({ empty, children }: DropAreaContainerProps) => (\n    <div\n        className={cn([\n            \"w-full h-full p-lg flex items-center justify-center\",\n            empty ? \"bg-neutral-base\" : \"pt-xxl bg-neutral-xstrong/20\"\n        ])}\n    >\n        {children}\n    </div>\n);\n\ninterface DropAreaBoxProps {\n    empty?: boolean;\n    children: React.ReactNode;\n}\n\nconst DropAreaBox = ({ children, empty }: DropAreaBoxProps) => (\n    <div\n        style={{\n            width: \"650px\",\n            height: \"400px\",\n            ...(empty\n                ? {\n                      backgroundImage: `url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23E7E7E7FF' stroke-width='4' stroke-dasharray='12' stroke-dashoffset='35' stroke-linecap='square'/%3e%3c/svg%3e\")`\n                  }\n                : {})\n        }}\n        className={cn([\n            \"-translate-y-xl\",\n            \"flex flex-col items-center justify-center gap-lg\",\n            \"p-lg rounded-3xl\",\n            \"bg-neutral-base\",\n            !empty && \"shadow-md\"\n        ])}\n    >\n        {children}\n    </div>\n);\n\ninterface DropAreaContentProps {\n    empty?: boolean;\n    title?: string;\n    description?: string;\n}\n\nconst DropAreaContent = ({ title, description }: DropAreaContentProps) => (\n    <div className={\"flex flex-col items-center justify-center gap-sm\"}>\n        <div className={\"fill-neutral-strong\"}>\n            <UploadIcon width={75} height={75} />\n        </div>\n        <div className={\"text-center\"}>\n            {title && (\n                <Heading level={4} className={\"text-neutral-strong\"}>\n                    {title}\n                </Heading>\n            )}\n            {description && (\n                <Text as={\"div\"} style={{ width: \"300px\" }} className={\"text-neutral-strong\"}>\n                    {description}\n                </Text>\n            )}\n        </div>\n    </div>\n);\n\ninterface DropAreaButtonProps {\n    onClick?: (event?: React.MouseEvent<HTMLElement>) => void;\n}\n\nconst DropAreaButton = ({ onClick }: DropAreaButtonProps) => (\n    <div>\n        <Button onClick={onClick} text={\"Upload files\"} icon={<UploadFileIcon />} />\n    </div>\n);\n\nexport interface FileDropAreaProps {\n    empty?: boolean;\n    onClick?: (event?: React.MouseEvent<HTMLElement>) => void;\n    title?: string;\n    description?: string;\n    icon?: React.ReactElement;\n}\n\nexport const FileDropArea = ({ title, description, empty, onClick }: FileDropAreaProps) => (\n    <DropAreaContainer empty={empty}>\n        <DropAreaBox empty={empty}>\n            <DropAreaContent title={title} description={description} />\n            {empty && <DropAreaButton onClick={onClick} />}\n        </DropAreaBox>\n    </DropAreaContainer>\n);\n"],"names":["DropAreaContainer","empty","children","cn","DropAreaBox","DropAreaContent","title","description","UploadIcon","Heading","Text","DropAreaButton","onClick","Button","UploadFileIcon","FileDropArea"],"mappings":";;;;AAUA,MAAMA,oBAAoB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAA0B,iBAClE,oBAAC;QACG,WAAWC,GAAG;YACV;YACAF,QAAQ,oBAAoB;SAC/B;OAEAC;AAST,MAAME,cAAc,CAAC,EAAEF,QAAQ,EAAED,KAAK,EAAoB,iBACtD,oBAAC;QACG,OAAO;YACH,OAAO;YACP,QAAQ;YACR,GAAIA,QACE;gBACI,iBAAiB;YACrB,IACA,CAAC,CAAC;QACZ;QACA,WAAWE,GAAG;YACV;YACA;YACA;YACA;YACA,CAACF,SAAS;SACb;OAEAC;AAUT,MAAMG,kBAAkB,CAAC,EAAEC,KAAK,EAAEC,WAAW,EAAwB,iBACjE,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,iCAAUA;QAAC,OAAO;QAAI,QAAQ;uBAEnC,oBAAC;QAAI,WAAW;OACXF,SAAS,WAATA,GACG,oBAACG,SAAOA;QAAC,OAAO;QAAG,WAAW;OACzBH,QAGRC,eAAe,WAAfA,GACG,oBAACG,MAAIA;QAAC,IAAI;QAAO,OAAO;YAAE,OAAO;QAAQ;QAAG,WAAW;OAClDH;AAWrB,MAAMI,iBAAiB,CAAC,EAAEC,OAAO,EAAuB,iBACpD,oBAAC,2BACG,oBAACC,QAAMA;QAAC,SAASD;QAAS,MAAM;QAAgB,oBAAM,oBAACE,gBAAcA;;AAYtE,MAAMC,eAAe,CAAC,EAAET,KAAK,EAAEC,WAAW,EAAEN,KAAK,EAAEW,OAAO,EAAqB,iBAClF,oBAACZ,mBAAiBA;QAAC,OAAOC;qBACtB,oBAACG,aAAWA;QAAC,OAAOH;qBAChB,oBAACI,iBAAeA;QAAC,OAAOC;QAAO,aAAaC;QAC3CN,SAAS,WAATA,GAAS,oBAACU,gBAAcA;QAAC,SAASC"}

package/presentation/FileList/components/FileDropArea/index.js

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

package/presentation/FileList/components/FileDropPlaceholder/FileDropPlaceholder.js

@@ -0,0 +1,11 @@
+import react from "react";
+import { FileDropArea } from "../FileDropArea/index.js";
+const FileDropPlaceholder = ()=>/*#__PURE__*/ react.createElement("div", {
+        className: "absolute inset-0 z-50 animate-in fade-in duration-300"
+    }, /*#__PURE__*/ react.createElement(FileDropArea, {
+        title: "Drop files here",
+        description: "Upload files from your computer by dropping them here"
+    }));
+export { FileDropPlaceholder };
+
+//# sourceMappingURL=FileDropPlaceholder.js.map

package/presentation/FileList/components/FileDropPlaceholder/FileDropPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/FileDropPlaceholder/FileDropPlaceholder.js","sources":["../../../../../src/presentation/FileList/components/FileDropPlaceholder/FileDropPlaceholder.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileDropArea } from \"../FileDropArea/index.js\";\n\nexport const FileDropPlaceholder = () => {\n    return (\n        <div className={\"absolute inset-0 z-50 animate-in fade-in duration-300\"}>\n            <FileDropArea\n                title={\"Drop files here\"}\n                description={\"Upload files from your computer by dropping them here\"}\n            />\n        </div>\n    );\n};\n"],"names":["FileDropPlaceholder","FileDropArea"],"mappings":";;AAGO,MAAMA,sBAAsB,IACxB,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,cAAYA;QACT,OAAO;QACP,aAAa"}

package/presentation/FileList/components/FileDropPlaceholder/index.js

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

package/presentation/FileList/components/FilePicker/FilePicker.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { FmFile } from "../../../../features/shared/types.js";
+export interface FilePickerProps {
+    onChange: (files: FmFile[]) => void;
+    onClose: () => void;
+    multiple?: boolean;
+    accept?: string[];
+    scope?: string;
+    children: React.ReactNode;
+}
+export declare const FilePicker: ({ onChange, onClose, multiple, accept, scope, children }: FilePickerProps) => React.JSX.Element;

package/presentation/FileList/components/FilePicker/FilePicker.js

@@ -0,0 +1,28 @@
+import react, { useCallback } from "react";
+import { OverlayLayout, useHotkeys } from "@webiny/app-admin";
+import { FileManagerView } from "../../../FileManager/FileManagerView.js";
+const FilePicker = ({ onChange, onClose, multiple, accept, scope, children })=>{
+    const handleClose = useCallback(()=>{
+        onClose();
+    }, [
+        onClose
+    ]);
+    useHotkeys({
+        zIndex: 20,
+        keys: {
+            esc: handleClose
+        }
+    });
+    return /*#__PURE__*/ react.createElement(OverlayLayout, {
+        onExited: handleClose
+    }, /*#__PURE__*/ react.createElement(FileManagerView, {
+        onChange: onChange,
+        onClose: handleClose,
+        multiple: multiple,
+        accept: accept,
+        scope: scope
+    }, children));
+};
+export { FilePicker };
+
+//# sourceMappingURL=FilePicker.js.map

package/presentation/FileList/components/FilePicker/FilePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/FilePicker/FilePicker.js","sources":["../../../../../src/presentation/FileList/components/FilePicker/FilePicker.tsx"],"sourcesContent":["import React from \"react\";\nimport { useCallback } from \"react\";\nimport { OverlayLayout } from \"@webiny/app-admin\";\nimport { useHotkeys } from \"@webiny/app-admin\";\nimport { FileManagerView } from \"~/presentation/FileManager/FileManagerView.js\";\nimport type { FmFile } from \"~/features/shared/types.js\";\n\nexport interface FilePickerProps {\n    onChange: (files: FmFile[]) => void;\n    onClose: () => void;\n    multiple?: boolean;\n    accept?: string[];\n    scope?: string;\n    children: React.ReactNode;\n}\n\n// Thin overlay wrapper that renders the FileManagerView with overlay config.\nexport const FilePicker = ({\n    onChange,\n    onClose,\n    multiple,\n    accept,\n    scope,\n    children\n}: FilePickerProps) => {\n    const handleClose = useCallback(() => {\n        onClose();\n    }, [onClose]);\n\n    useHotkeys({\n        zIndex: 20,\n        keys: {\n            esc: handleClose\n        }\n    });\n\n    return (\n        <OverlayLayout onExited={handleClose}>\n            <FileManagerView\n                onChange={onChange}\n                onClose={handleClose}\n                multiple={multiple}\n                accept={accept}\n                scope={scope}\n            >\n                {children}\n            </FileManagerView>\n        </OverlayLayout>\n    );\n};\n"],"names":["FilePicker","onChange","onClose","multiple","accept","scope","children","handleClose","useCallback","useHotkeys","OverlayLayout","FileManagerView"],"mappings":";;;AAiBO,MAAMA,aAAa,CAAC,EACvBC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,QAAQ,EACM;IACd,MAAMC,cAAcC,YAAY;QAC5BN;IACJ,GAAG;QAACA;KAAQ;IAEZO,WAAW;QACP,QAAQ;QACR,MAAM;YACF,KAAKF;QACT;IACJ;IAEA,OAAO,WAAP,GACI,oBAACG,eAAaA;QAAC,UAAUH;qBACrB,oBAACI,iBAAeA;QACZ,UAAUV;QACV,SAASM;QACT,UAAUJ;QACV,QAAQC;QACR,OAAOC;OAENC;AAIjB"}

package/presentation/FileList/components/Filters/FilterByType.js

@@ -0,0 +1,39 @@
+import react from "react";
+import { Select } from "@webiny/admin-ui";
+import { useBind } from "@webiny/form";
+const FilterByType = ()=>{
+    const bind = useBind({
+        name: "type_startsWith",
+        defaultValue: "",
+        beforeChange (value, cb) {
+            cb("all" === value ? void 0 : value);
+        }
+    });
+    const options = [
+        {
+            label: "All",
+            value: "all"
+        },
+        {
+            label: "Images",
+            value: "image/"
+        },
+        {
+            label: "Videos",
+            value: "video/"
+        },
+        {
+            label: "Documents",
+            value: "application/"
+        }
+    ];
+    return /*#__PURE__*/ react.createElement(Select, {
+        ...bind,
+        placeholder: "Filter by type",
+        options: options,
+        size: "md"
+    });
+};
+export { FilterByType };
+
+//# sourceMappingURL=FilterByType.js.map

package/presentation/FileList/components/Filters/FilterByType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/Filters/FilterByType.js","sources":["../../../../../src/presentation/FileList/components/Filters/FilterByType.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\n\nexport const FilterByType = () => {\n    const bind = useBind({\n        name: \"type_startsWith\",\n        defaultValue: \"\",\n        beforeChange(value, cb) {\n            cb(value === \"all\" ? undefined : value);\n        }\n    });\n\n    const options = [\n        { label: \"All\", value: \"all\" },\n        { label: \"Images\", value: \"image/\" },\n        { label: \"Videos\", value: \"video/\" },\n        { label: \"Documents\", value: \"application/\" }\n    ];\n\n    return <Select {...bind} placeholder={\"Filter by type\"} options={options} size={\"md\"} />;\n};\n"],"names":["FilterByType","bind","useBind","value","cb","undefined","options","Select"],"mappings":";;;AAIO,MAAMA,eAAe;IACxB,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAc;QACd,cAAaC,KAAK,EAAEC,EAAE;YAClBA,GAAGD,AAAU,UAAVA,QAAkBE,SAAYF;QACrC;IACJ;IAEA,MAAMG,UAAU;QACZ;YAAE,OAAO;YAAO,OAAO;QAAM;QAC7B;YAAE,OAAO;YAAU,OAAO;QAAS;QACnC;YAAE,OAAO;YAAU,OAAO;QAAS;QACnC;YAAE,OAAO;YAAa,OAAO;QAAe;KAC/C;IAED,OAAO,WAAP,GAAO,oBAACC,QAAMA;QAAE,GAAGN,IAAI;QAAE,aAAa;QAAkB,SAASK;QAAS,MAAM;;AACpF"}

package/presentation/FileList/components/Filters/SubFoldersToggle.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+/**
+ * Toggle component for including files from descendant folders in the list.
+ * Sets the "includeSubFolders" filter which the FileListDataSource uses
+ * to expand the folder scope via GetDescendantFoldersUseCase.
+ */
+export declare const SubFoldersToggle: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/presentation/FileList/components/Filters/SubFoldersToggle.js

@@ -0,0 +1,25 @@
+import react, { useCallback } from "react";
+import { observer } from "mobx-react-lite";
+import { Switch } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useFileManagerPresenter } from "../../FileManagerPresenterProvider.js";
+const t = i18n.ns("app-file-manager/presentation/sub-folders-toggle");
+const SubFoldersToggle_SubFoldersToggle = observer(function() {
+    const { vm, actions } = useFileManagerPresenter();
+    const checked = true === vm.list.filters["includeSubFolders"];
+    const handleChange = useCallback((value)=>{
+        if (value) actions.filter.set("includeSubFolders", true);
+        else actions.filter.clear("includeSubFolders");
+    }, [
+        actions.filter
+    ]);
+    return /*#__PURE__*/ react.createElement(Switch, {
+        label: t`Display sub-folders`,
+        checked: checked,
+        onChange: handleChange,
+        "data-testid": "fm-sub-folders-toggle"
+    });
+});
+export { SubFoldersToggle_SubFoldersToggle as SubFoldersToggle };
+
+//# sourceMappingURL=SubFoldersToggle.js.map

package/presentation/FileList/components/Filters/SubFoldersToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/Filters/SubFoldersToggle.js","sources":["../../../../../src/presentation/FileList/components/Filters/SubFoldersToggle.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Switch } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useFileManagerPresenter } from \"../../FileManagerPresenterProvider.js\";\n\nconst t = i18n.ns(\"app-file-manager/presentation/sub-folders-toggle\");\n\n/**\n * Toggle component for including files from descendant folders in the list.\n * Sets the \"includeSubFolders\" filter which the FileListDataSource uses\n * to expand the folder scope via GetDescendantFoldersUseCase.\n */\nexport const SubFoldersToggle = observer(function SubFoldersToggle() {\n    const { vm, actions } = useFileManagerPresenter();\n\n    const checked = vm.list.filters[\"includeSubFolders\"] === true;\n\n    const handleChange = useCallback(\n        (value: boolean) => {\n            if (value) {\n                actions.filter.set(\"includeSubFolders\", true);\n            } else {\n                actions.filter.clear(\"includeSubFolders\");\n            }\n        },\n        [actions.filter]\n    );\n\n    return (\n        <Switch\n            label={t`Display sub-folders`}\n            checked={checked}\n            onChange={handleChange}\n            data-testid={\"fm-sub-folders-toggle\"}\n        />\n    );\n});\n"],"names":["t","i18n","SubFoldersToggle","observer","vm","actions","useFileManagerPresenter","checked","handleChange","useCallback","value","Switch"],"mappings":";;;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAOX,MAAMC,oCAAmBC,SAAS;IACrC,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGC;IAExB,MAAMC,UAAUH,AAAyC,SAAzCA,GAAG,IAAI,CAAC,OAAO,CAAC,oBAAoB;IAEpD,MAAMI,eAAeC,YACjB,CAACC;QACG,IAAIA,OACAL,QAAQ,MAAM,CAAC,GAAG,CAAC,qBAAqB;aAExCA,QAAQ,MAAM,CAAC,KAAK,CAAC;IAE7B,GACA;QAACA,QAAQ,MAAM;KAAC;IAGpB,OAAO,WAAP,GACI,oBAACM,QAAMA;QACH,OAAOX,CAAC,CAAC,mBAAmB,CAAC;QAC7B,SAASO;QACT,UAAUC;QACV,eAAa;;AAGzB"}

package/presentation/FileList/components/Filters/TagsFilter.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+/**
+ * Tags filter component wired to the FileListPresenter.
+ * Reads available tags from vm.tags, supports AND/OR filter modes,
+ * and dispatches changes via presenter.actions.filter.set("tags", ...).
+ */
+export declare const TagsFilter: (() => React.JSX.Element) & {
+    displayName: string;
+};