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

package/features/shared/FileFieldsProviderWithWcp.d.ts

@@ -0,0 +1,12 @@
+import { WcpService } from "@webiny/app-admin/features/wcp/abstractions.js";
+import { FileFieldsProvider as Abstraction } from "./abstractions.js";
+declare class FileFieldsProviderWithWcpImpl implements Abstraction.Interface {
+    private wcp;
+    private decoratee;
+    constructor(wcp: WcpService.Interface, decoratee: Abstraction.Interface);
+    execute(): Promise<string[]>;
+}
+export declare const FileFieldsProviderWithWcp: typeof FileFieldsProviderWithWcpImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IFileFieldsProvider>;
+};
+export {};

package/features/shared/FileFieldsProviderWithWcp.js

@@ -0,0 +1,25 @@
+import { WcpService } from "@webiny/app-admin/features/wcp/abstractions.js";
+import { FileFieldsProvider } from "./abstractions.js";
+class FileFieldsProviderWithWcpImpl {
+    constructor(wcp, decoratee){
+        this.wcp = wcp;
+        this.decoratee = decoratee;
+    }
+    async execute() {
+        const fields = await this.decoratee.execute();
+        if (this.wcp.getProject().canUsePrivateFiles()) return [
+            ...fields,
+            "accessControl.type"
+        ];
+        return fields;
+    }
+}
+const FileFieldsProviderWithWcp = FileFieldsProvider.createDecorator({
+    decorator: FileFieldsProviderWithWcpImpl,
+    dependencies: [
+        WcpService
+    ]
+});
+export { FileFieldsProviderWithWcp };
+
+//# sourceMappingURL=FileFieldsProviderWithWcp.js.map

package/features/shared/FileFieldsProviderWithWcp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/shared/FileFieldsProviderWithWcp.js","sources":["../../../src/features/shared/FileFieldsProviderWithWcp.ts"],"sourcesContent":["import { WcpService } from \"@webiny/app-admin/features/wcp/abstractions.js\";\nimport { FileFieldsProvider as Abstraction } from \"./abstractions.js\";\n\nclass FileFieldsProviderWithWcpImpl implements Abstraction.Interface {\n    constructor(\n        private wcp: WcpService.Interface,\n        private decoratee: Abstraction.Interface\n    ) {}\n\n    async execute(): Promise<string[]> {\n        const fields = await this.decoratee.execute();\n\n        if (this.wcp.getProject().canUsePrivateFiles()) {\n            return [...fields, \"accessControl.type\"];\n        }\n\n        return fields;\n    }\n}\n\nexport const FileFieldsProviderWithWcp = Abstraction.createDecorator({\n    decorator: FileFieldsProviderWithWcpImpl,\n    dependencies: [WcpService]\n});\n"],"names":["FileFieldsProviderWithWcpImpl","wcp","decoratee","fields","FileFieldsProviderWithWcp","Abstraction","WcpService"],"mappings":";;AAGA,MAAMA;IACF,YACYC,GAAyB,EACzBC,SAAgC,CAC1C;aAFUD,GAAG,GAAHA;aACAC,SAAS,GAATA;IACT;IAEH,MAAM,UAA6B;QAC/B,MAAMC,SAAS,MAAM,IAAI,CAAC,SAAS,CAAC,OAAO;QAE3C,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,kBAAkB,IACxC,OAAO;eAAIA;YAAQ;SAAqB;QAG5C,OAAOA;IACX;AACJ;AAEO,MAAMC,4BAA4BC,mBAAAA,eAA2B,CAAC;IACjE,WAAWL;IACX,cAAc;QAACM;KAAW;AAC9B"}

package/features/shared/abstractions.d.ts

@@ -4,3 +4,10 @@ export declare const FilesListCache: import("@webiny/di").Abstraction<IListCache
 export declare namespace FilesListCache {
     type Interface = IListCache<FmFile>;
 }
+export interface IFileFieldsProvider {
+    execute(): Promise<string[]>;
+}
+export declare const FileFieldsProvider: import("@webiny/di").Abstraction<IFileFieldsProvider>;
+export declare namespace FileFieldsProvider {
+    type Interface = IFileFieldsProvider;
+}

package/features/shared/abstractions.js

@@ -1,5 +1,6 @@
 import { createAbstraction } from "@webiny/feature/admin";
 const FilesListCache = createAbstraction("FilesListCache");
-export { FilesListCache };
+const FileFieldsProvider = createAbstraction("FileFieldsProvider");
+export { FileFieldsProvider, FilesListCache };
 
 //# sourceMappingURL=abstractions.js.map

package/features/shared/abstractions.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/shared/abstractions.js","sources":["../../../src/features/shared/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IListCache } from \"@webiny/app-admin/features/listCache/index.js\";\nimport type { FmFile } from \"./types.js\";\n\n// Shared cache for file list data, used by all file CRUD repositories.\nexport const FilesListCache = createAbstraction<IListCache<FmFile>>(\"FilesListCache\");\n\nexport namespace FilesListCache {\n    export type Interface = IListCache<FmFile>;\n}\n"],"names":["FilesListCache","createAbstraction"],"mappings":";AAKO,MAAMA,iBAAiBC,kBAAsC"}
+{"version":3,"file":"features/shared/abstractions.js","sources":["../../../src/features/shared/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IListCache } from \"@webiny/app-admin/features/listCache/index.js\";\nimport type { FmFile } from \"./types.js\";\n\n// Shared cache for file list data, used by all file CRUD repositories.\nexport const FilesListCache = createAbstraction<IListCache<FmFile>>(\"FilesListCache\");\n\nexport namespace FilesListCache {\n    export type Interface = IListCache<FmFile>;\n}\n\nexport interface IFileFieldsProvider {\n    execute(): Promise<string[]>;\n}\n\nexport const FileFieldsProvider = createAbstraction<IFileFieldsProvider>(\"FileFieldsProvider\");\n\nexport namespace FileFieldsProvider {\n    export type Interface = IFileFieldsProvider;\n}\n"],"names":["FilesListCache","createAbstraction","FileFieldsProvider"],"mappings":";AAKO,MAAMA,iBAAiBC,kBAAsC;AAU7D,MAAMC,qBAAqBD,kBAAuC"}

package/features/shared/feature.d.ts

@@ -1,4 +1,5 @@
 import type { FmFile } from "./types.js";
 export declare const SharedCacheFeature: import("@webiny/feature/admin").FeatureDefinition<{
     cache: import("@webiny/app-admin/features/listCache/ListCache.js").IListCache<FmFile>;
+    fileFieldsProvider: import("./abstractions.js").IFileFieldsProvider;
 }, []>;

package/features/shared/feature.js

@@ -1,14 +1,19 @@
 import { createFeature } from "@webiny/feature/admin";
-import { FilesListCache } from "./abstractions.js";
+import { FileFieldsProvider, FilesListCache } from "./abstractions.js";
 import { ListCache } from "./FilesListCache.js";
+import { FileFieldsProvider as external_FileFieldsProvider_js_FileFieldsProvider } from "./FileFieldsProvider.js";
+import { FileFieldsProviderWithWcp } from "./FileFieldsProviderWithWcp.js";
 const SharedCacheFeature = createFeature({
     name: "FileManager/SharedCache",
     register (container) {
         container.registerInstance(FilesListCache, new ListCache());
+        container.register(external_FileFieldsProvider_js_FileFieldsProvider).inSingletonScope();
+        container.registerDecorator(FileFieldsProviderWithWcp);
     },
     resolve (container) {
         return {
-            cache: container.resolve(FilesListCache)
+            cache: container.resolve(FilesListCache),
+            fileFieldsProvider: container.resolve(FileFieldsProvider)
         };
     }
 });

package/features/shared/feature.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/shared/feature.js","sources":["../../../src/features/shared/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { FilesListCache } from \"./abstractions.js\";\nimport { ListCache } from \"./FilesListCache.js\";\nimport type { FmFile } from \"./types.js\";\n\nexport const SharedCacheFeature = createFeature({\n    name: \"FileManager/SharedCache\",\n    register(container) {\n        container.registerInstance(FilesListCache, new ListCache<FmFile>());\n    },\n    resolve(container) {\n        return {\n            cache: container.resolve(FilesListCache)\n        };\n    }\n});\n"],"names":["SharedCacheFeature","createFeature","container","FilesListCache","ListCache"],"mappings":";;;AAKO,MAAMA,qBAAqBC,cAAc;IAC5C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,gBAAgB,CAACC,gBAAgB,IAAIC;IACnD;IACA,SAAQF,SAAS;QACb,OAAO;YACH,OAAOA,UAAU,OAAO,CAACC;QAC7B;IACJ;AACJ"}
+{"version":3,"file":"features/shared/feature.js","sources":["../../../src/features/shared/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport {\n    FilesListCache,\n    FileFieldsProvider as FileFieldsProviderAbstraction\n} from \"./abstractions.js\";\nimport { ListCache } from \"./FilesListCache.js\";\nimport { FileFieldsProvider } from \"./FileFieldsProvider.js\";\nimport { FileFieldsProviderWithWcp } from \"./FileFieldsProviderWithWcp.js\";\nimport type { FmFile } from \"./types.js\";\n\nexport const SharedCacheFeature = createFeature({\n    name: \"FileManager/SharedCache\",\n    register(container) {\n        container.registerInstance(FilesListCache, new ListCache<FmFile>());\n        container.register(FileFieldsProvider).inSingletonScope();\n        container.registerDecorator(FileFieldsProviderWithWcp);\n    },\n    resolve(container) {\n        return {\n            cache: container.resolve(FilesListCache),\n            fileFieldsProvider: container.resolve(FileFieldsProviderAbstraction)\n        };\n    }\n});\n"],"names":["SharedCacheFeature","createFeature","container","FilesListCache","ListCache","FileFieldsProvider","FileFieldsProviderWithWcp","FileFieldsProviderAbstraction"],"mappings":";;;;;AAUO,MAAMA,qBAAqBC,cAAc;IAC5C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,gBAAgB,CAACC,gBAAgB,IAAIC;QAC/CF,UAAU,QAAQ,CAACG,mDAAoB,gBAAgB;QACvDH,UAAU,iBAAiB,CAACI;IAChC;IACA,SAAQJ,SAAS;QACb,OAAO;YACH,OAAOA,UAAU,OAAO,CAACC;YACzB,oBAAoBD,UAAU,OAAO,CAACK;QAC1C;IACJ;AACJ"}

package/features/shared/index.d.ts

@@ -1,4 +1,4 @@
 export { SharedCacheFeature } from "./feature.js";
-export { FilesListCache } from "./abstractions.js";
-export type { FilesListCache as FilesListCacheNs } from "./abstractions.js";
+export { FilesListCache, FileFieldsProvider } from "./abstractions.js";
+export type { FilesListCache as FilesListCacheNs, FileFieldsProvider as FileFieldsProviderNs } from "./abstractions.js";
 export * from "./types.js";

package/features/shared/index.js

@@ -1,3 +1,3 @@
 export * from "./types.js";
 export { SharedCacheFeature } from "./feature.js";
-export { FilesListCache } from "./abstractions.js";
+export { FileFieldsProvider, FilesListCache } from "./abstractions.js";

package/features/updateFile/UpdateFile.test.js

@@ -2,6 +2,7 @@ import { beforeEach, describe, expect, it, vi } from "vitest";
 import { Container } from "@webiny/di";
 import { ListCache } from "@webiny/app-admin/features/listCache/index.js";
 import { FilesListCache } from "../shared/abstractions.js";
+import { FileFieldsProvider } from "../shared/FileFieldsProvider.js";
 import { UpdateFileGateway, UpdateFileUseCase } from "./abstractions.js";
 import { UpdateFileUseCase as external_UpdateFileUseCase_js_UpdateFileUseCase } from "./UpdateFileUseCase.js";
 import { UpdateFileRepository } from "./UpdateFileRepository.js";
@@ -47,6 +48,7 @@ function createContainer(mockGateway) {
     const cache = new ListCache();
     container.registerInstance(UpdateFileGateway, mockGateway);
     container.registerInstance(FilesListCache, cache);
+    container.register(FileFieldsProvider).inSingletonScope();
     container.register(UpdateFileRepository).inSingletonScope();
     container.register(external_UpdateFileUseCase_js_UpdateFileUseCase);
     return {

package/features/updateFile/UpdateFile.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/updateFile/UpdateFile.test.js","sources":["../../../src/features/updateFile/UpdateFile.test.ts"],"sourcesContent":["import { describe, it, expect, vi, beforeEach } from \"vitest\";\nimport { Container } from \"@webiny/di\";\nimport { ListCache } from \"@webiny/app-admin/features/listCache/index.js\";\nimport { FilesListCache } from \"../shared/abstractions.js\";\nimport {\n    UpdateFileUseCase as UseCaseAbstraction,\n    UpdateFileGateway as GatewayAbstraction,\n    type IUpdateFileGateway,\n    type UpdateFileGatewayParams\n} from \"./abstractions.js\";\nimport { UpdateFileUseCase } from \"./UpdateFileUseCase.js\";\nimport { UpdateFileRepository } from \"./UpdateFileRepository.js\";\nimport type { FmFile } from \"../shared/types.js\";\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction createFile(overrides: Partial<FmFile> = {}): FmFile {\n    return {\n        id: \"file-1\",\n        name: \"photo.jpg\",\n        key: \"files/photo.jpg\",\n        src: \"https://cdn.example.com/files/photo.jpg\",\n        type: \"image/jpeg\",\n        size: 204800,\n        metadata: {},\n        tags: [\"photo\"],\n        createdOn: \"2025-01-01T00:00:00Z\",\n        savedOn: \"2025-01-01T00:00:00Z\",\n        createdBy: { id: \"user-1\", displayName: \"Test User\", type: \"admin\" },\n        savedBy: { id: \"user-1\", displayName: \"Test User\", type: \"admin\" },\n        location: { folderId: \"root\" },\n        ...overrides\n    };\n}\n\ntype MockGateway = IUpdateFileGateway & { execute: ReturnType<typeof vi.fn> };\n\nfunction createMockGateway(file: FmFile = createFile()): MockGateway {\n    const execute = vi.fn<(params: UpdateFileGatewayParams) => Promise<FmFile>>();\n    execute.mockResolvedValue(file);\n    return { execute };\n}\n\nfunction createContainer(mockGateway: MockGateway) {\n    const container = new Container();\n    const cache = new ListCache<FmFile>();\n\n    // Register the mock gateway instance.\n    container.registerInstance(GatewayAbstraction, mockGateway);\n\n    // Register the shared cache instance.\n    container.registerInstance(FilesListCache, cache);\n\n    // Register the real repository and use case.\n    container.register(UpdateFileRepository).inSingletonScope();\n    container.register(UpdateFileUseCase);\n\n    return { container, cache };\n}\n\n// ---------------------------------------------------------------------------\n// Tests\n// ---------------------------------------------------------------------------\n\ndescribe(\"UpdateFile Feature\", () => {\n    let mockGateway: MockGateway;\n    let cache: ListCache<FmFile>;\n    let container: Container;\n\n    beforeEach(() => {\n        mockGateway = createMockGateway();\n        const result = createContainer(mockGateway);\n        container = result.container;\n        cache = result.cache as ListCache<FmFile>;\n    });\n\n    // -----------------------------------------------------------------------\n    // Metadata update.\n    // -----------------------------------------------------------------------\n\n    it(\"should call gateway with file ID and changed fields\", async () => {\n        const updated = createFile({ name: \"renamed.jpg\", tags: [\"photo\", \"landscape\"] });\n        mockGateway.execute.mockResolvedValue(updated);\n\n        const useCase = container.resolve(UseCaseAbstraction);\n        await useCase.execute({\n            id: \"file-1\",\n            data: { name: \"renamed.jpg\", tags: [\"photo\", \"landscape\"] }\n        });\n\n        expect(mockGateway.execute).toHaveBeenCalledTimes(1);\n        const callArgs = mockGateway.execute.mock.calls[0][0];\n        expect(callArgs.id).toBe(\"file-1\");\n        expect(callArgs.data.name).toBe(\"renamed.jpg\");\n        expect(callArgs.data.tags).toEqual([\"photo\", \"landscape\"]);\n    });\n\n    it(\"should return success result with the updated file\", async () => {\n        const updated = createFile({ name: \"renamed.jpg\" });\n        mockGateway.execute.mockResolvedValue(updated);\n\n        const useCase = container.resolve(UseCaseAbstraction);\n        const result = await useCase.execute({\n            id: \"file-1\",\n            data: { name: \"renamed.jpg\" }\n        });\n\n        expect(result.success).toBe(true);\n        if (result.success) {\n            expect(result.file).toEqual(updated);\n        }\n    });\n\n    it(\"should pass accessControl through to the gateway\", async () => {\n        const updated = createFile({\n            accessControl: { type: \"private-authenticated\" }\n        });\n        mockGateway.execute.mockResolvedValue(updated);\n\n        const useCase = container.resolve(UseCaseAbstraction);\n        await useCase.execute({\n            id: \"file-1\",\n            data: { accessControl: { type: \"private-authenticated\" } }\n        });\n\n        const callArgs = mockGateway.execute.mock.calls[0][0];\n        expect(callArgs.data.accessControl).toEqual({ type: \"private-authenticated\" });\n    });\n\n    it(\"should pass metadata through to the gateway\", async () => {\n        const updated = createFile({\n            metadata: { image: { width: 800, height: 600 } }\n        });\n        mockGateway.execute.mockResolvedValue(updated);\n\n        const useCase = container.resolve(UseCaseAbstraction);\n        await useCase.execute({\n            id: \"file-1\",\n            data: { metadata: { image: { width: 800, height: 600 } } }\n        });\n\n        const callArgs = mockGateway.execute.mock.calls[0][0];\n        expect(callArgs.data.metadata).toEqual({ image: { width: 800, height: 600 } });\n    });\n\n    // -----------------------------------------------------------------------\n    // Move file (location.folderId change) updates cache correctly.\n    // -----------------------------------------------------------------------\n\n    it(\"should update the cached file when location.folderId changes\", async () => {\n        // Seed the cache with the original file.\n        const original = createFile({ id: \"file-move\", location: { folderId: \"folder-a\" } });\n        cache.addItems([original]);\n\n        const moved = createFile({ id: \"file-move\", location: { folderId: \"folder-b\" } });\n        mockGateway.execute.mockResolvedValue(moved);\n\n        const useCase = container.resolve(UseCaseAbstraction);\n        await useCase.execute({\n            id: \"file-move\",\n            data: { location: { folderId: \"folder-b\" } }\n        });\n\n        const cached = cache.getItem(f => f.id === \"file-move\");\n        expect(cached).toBeDefined();\n        expect(cached!.location.folderId).toBe(\"folder-b\");\n    });\n\n    it(\"should only update the matching file in cache, leaving others untouched\", async () => {\n        // Seed cache with two files.\n        const fileA = createFile({ id: \"file-a\", name: \"a.jpg\" });\n        const fileB = createFile({ id: \"file-b\", name: \"b.jpg\" });\n        cache.addItems([fileA, fileB]);\n\n        const updatedA = createFile({ id: \"file-a\", name: \"a-renamed.jpg\" });\n        mockGateway.execute.mockResolvedValue(updatedA);\n\n        const useCase = container.resolve(UseCaseAbstraction);\n        await useCase.execute({\n            id: \"file-a\",\n            data: { name: \"a-renamed.jpg\" }\n        });\n\n        // file-a should be updated.\n        const cachedA = cache.getItem(f => f.id === \"file-a\");\n        expect(cachedA!.name).toBe(\"a-renamed.jpg\");\n\n        // file-b should remain unchanged.\n        const cachedB = cache.getItem(f => f.id === \"file-b\");\n        expect(cachedB!.name).toBe(\"b.jpg\");\n    });\n\n    // -----------------------------------------------------------------------\n    // Error handling.\n    // -----------------------------------------------------------------------\n\n    it(\"should return error result when gateway throws\", async () => {\n        mockGateway.execute.mockRejectedValue(new Error(\"Update failed\"));\n\n        const useCase = container.resolve(UseCaseAbstraction);\n        const result = await useCase.execute({\n            id: \"file-1\",\n            data: { name: \"renamed.jpg\" }\n        });\n\n        expect(result.success).toBe(false);\n        if (!result.success) {\n            expect(result.error.code).toBe(\"UPDATE_FILE_ERROR\");\n            expect(result.error.message).toBe(\"Update failed\");\n        }\n    });\n\n    it(\"should not update cache when gateway throws\", async () => {\n        // Seed cache with the original file.\n        const original = createFile({ id: \"file-err\", name: \"original.jpg\" });\n        cache.addItems([original]);\n\n        mockGateway.execute.mockRejectedValue(new Error(\"Update failed\"));\n\n        const useCase = container.resolve(UseCaseAbstraction);\n        await useCase.execute({\n            id: \"file-err\",\n            data: { name: \"should-not-apply.jpg\" }\n        });\n\n        // Cache should still have the original file unchanged.\n        const cached = cache.getItem(f => f.id === \"file-err\");\n        expect(cached!.name).toBe(\"original.jpg\");\n    });\n});\n"],"names":["createFile","overrides","createMockGateway","file","execute","vi","createContainer","mockGateway","container","Container","cache","ListCache","GatewayAbstraction","FilesListCache","UpdateFileRepository","UpdateFileUseCase","describe","beforeEach","result","it","updated","useCase","UseCaseAbstraction","expect","callArgs","original","moved","cached","f","fileA","fileB","updatedA","cachedA","cachedB","Error"],"mappings":"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"}
+{"version":3,"file":"features/updateFile/UpdateFile.test.js","sources":["../../../src/features/updateFile/UpdateFile.test.ts"],"sourcesContent":["import { describe, it, expect, vi, beforeEach } from \"vitest\";\nimport { Container } from \"@webiny/di\";\nimport { ListCache } from \"@webiny/app-admin/features/listCache/index.js\";\nimport { FilesListCache } from \"../shared/abstractions.js\";\nimport { FileFieldsProvider } from \"../shared/FileFieldsProvider.js\";\nimport {\n    UpdateFileUseCase as UseCaseAbstraction,\n    UpdateFileGateway as GatewayAbstraction,\n    type IUpdateFileGateway,\n    type UpdateFileGatewayParams\n} from \"./abstractions.js\";\nimport { UpdateFileUseCase } from \"./UpdateFileUseCase.js\";\nimport { UpdateFileRepository } from \"./UpdateFileRepository.js\";\nimport type { FmFile } from \"../shared/types.js\";\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction createFile(overrides: Partial<FmFile> = {}): FmFile {\n    return {\n        id: \"file-1\",\n        name: \"photo.jpg\",\n        key: \"files/photo.jpg\",\n        src: \"https://cdn.example.com/files/photo.jpg\",\n        type: \"image/jpeg\",\n        size: 204800,\n        metadata: {},\n        tags: [\"photo\"],\n        createdOn: \"2025-01-01T00:00:00Z\",\n        savedOn: \"2025-01-01T00:00:00Z\",\n        createdBy: { id: \"user-1\", displayName: \"Test User\", type: \"admin\" },\n        savedBy: { id: \"user-1\", displayName: \"Test User\", type: \"admin\" },\n        location: { folderId: \"root\" },\n        ...overrides\n    };\n}\n\ntype MockGateway = IUpdateFileGateway & { execute: ReturnType<typeof vi.fn> };\n\nfunction createMockGateway(file: FmFile = createFile()): MockGateway {\n    const execute = vi.fn<(params: UpdateFileGatewayParams) => Promise<FmFile>>();\n    execute.mockResolvedValue(file);\n    return { execute };\n}\n\nfunction createContainer(mockGateway: MockGateway) {\n    const container = new Container();\n    const cache = new ListCache<FmFile>();\n\n    // Register the mock gateway instance.\n    container.registerInstance(GatewayAbstraction, mockGateway);\n\n    // Register the shared cache instance.\n    container.registerInstance(FilesListCache, cache);\n\n    // Register the file fields provider.\n    container.register(FileFieldsProvider).inSingletonScope();\n\n    // Register the real repository and use case.\n    container.register(UpdateFileRepository).inSingletonScope();\n    container.register(UpdateFileUseCase);\n\n    return { container, cache };\n}\n\n// ---------------------------------------------------------------------------\n// Tests\n// ---------------------------------------------------------------------------\n\ndescribe(\"UpdateFile Feature\", () => {\n    let mockGateway: MockGateway;\n    let cache: ListCache<FmFile>;\n    let container: Container;\n\n    beforeEach(() => {\n        mockGateway = createMockGateway();\n        const result = createContainer(mockGateway);\n        container = result.container;\n        cache = result.cache as ListCache<FmFile>;\n    });\n\n    // -----------------------------------------------------------------------\n    // Metadata update.\n    // -----------------------------------------------------------------------\n\n    it(\"should call gateway with file ID and changed fields\", async () => {\n        const updated = createFile({ name: \"renamed.jpg\", tags: [\"photo\", \"landscape\"] });\n        mockGateway.execute.mockResolvedValue(updated);\n\n        const useCase = container.resolve(UseCaseAbstraction);\n        await useCase.execute({\n            id: \"file-1\",\n            data: { name: \"renamed.jpg\", tags: [\"photo\", \"landscape\"] }\n        });\n\n        expect(mockGateway.execute).toHaveBeenCalledTimes(1);\n        const callArgs = mockGateway.execute.mock.calls[0][0];\n        expect(callArgs.id).toBe(\"file-1\");\n        expect(callArgs.data.name).toBe(\"renamed.jpg\");\n        expect(callArgs.data.tags).toEqual([\"photo\", \"landscape\"]);\n    });\n\n    it(\"should return success result with the updated file\", async () => {\n        const updated = createFile({ name: \"renamed.jpg\" });\n        mockGateway.execute.mockResolvedValue(updated);\n\n        const useCase = container.resolve(UseCaseAbstraction);\n        const result = await useCase.execute({\n            id: \"file-1\",\n            data: { name: \"renamed.jpg\" }\n        });\n\n        expect(result.success).toBe(true);\n        if (result.success) {\n            expect(result.file).toEqual(updated);\n        }\n    });\n\n    it(\"should pass accessControl through to the gateway\", async () => {\n        const updated = createFile({\n            accessControl: { type: \"private-authenticated\" }\n        });\n        mockGateway.execute.mockResolvedValue(updated);\n\n        const useCase = container.resolve(UseCaseAbstraction);\n        await useCase.execute({\n            id: \"file-1\",\n            data: { accessControl: { type: \"private-authenticated\" } }\n        });\n\n        const callArgs = mockGateway.execute.mock.calls[0][0];\n        expect(callArgs.data.accessControl).toEqual({ type: \"private-authenticated\" });\n    });\n\n    it(\"should pass metadata through to the gateway\", async () => {\n        const updated = createFile({\n            metadata: { image: { width: 800, height: 600 } }\n        });\n        mockGateway.execute.mockResolvedValue(updated);\n\n        const useCase = container.resolve(UseCaseAbstraction);\n        await useCase.execute({\n            id: \"file-1\",\n            data: { metadata: { image: { width: 800, height: 600 } } }\n        });\n\n        const callArgs = mockGateway.execute.mock.calls[0][0];\n        expect(callArgs.data.metadata).toEqual({ image: { width: 800, height: 600 } });\n    });\n\n    // -----------------------------------------------------------------------\n    // Move file (location.folderId change) updates cache correctly.\n    // -----------------------------------------------------------------------\n\n    it(\"should update the cached file when location.folderId changes\", async () => {\n        // Seed the cache with the original file.\n        const original = createFile({ id: \"file-move\", location: { folderId: \"folder-a\" } });\n        cache.addItems([original]);\n\n        const moved = createFile({ id: \"file-move\", location: { folderId: \"folder-b\" } });\n        mockGateway.execute.mockResolvedValue(moved);\n\n        const useCase = container.resolve(UseCaseAbstraction);\n        await useCase.execute({\n            id: \"file-move\",\n            data: { location: { folderId: \"folder-b\" } }\n        });\n\n        const cached = cache.getItem(f => f.id === \"file-move\");\n        expect(cached).toBeDefined();\n        expect(cached!.location.folderId).toBe(\"folder-b\");\n    });\n\n    it(\"should only update the matching file in cache, leaving others untouched\", async () => {\n        // Seed cache with two files.\n        const fileA = createFile({ id: \"file-a\", name: \"a.jpg\" });\n        const fileB = createFile({ id: \"file-b\", name: \"b.jpg\" });\n        cache.addItems([fileA, fileB]);\n\n        const updatedA = createFile({ id: \"file-a\", name: \"a-renamed.jpg\" });\n        mockGateway.execute.mockResolvedValue(updatedA);\n\n        const useCase = container.resolve(UseCaseAbstraction);\n        await useCase.execute({\n            id: \"file-a\",\n            data: { name: \"a-renamed.jpg\" }\n        });\n\n        // file-a should be updated.\n        const cachedA = cache.getItem(f => f.id === \"file-a\");\n        expect(cachedA!.name).toBe(\"a-renamed.jpg\");\n\n        // file-b should remain unchanged.\n        const cachedB = cache.getItem(f => f.id === \"file-b\");\n        expect(cachedB!.name).toBe(\"b.jpg\");\n    });\n\n    // -----------------------------------------------------------------------\n    // Error handling.\n    // -----------------------------------------------------------------------\n\n    it(\"should return error result when gateway throws\", async () => {\n        mockGateway.execute.mockRejectedValue(new Error(\"Update failed\"));\n\n        const useCase = container.resolve(UseCaseAbstraction);\n        const result = await useCase.execute({\n            id: \"file-1\",\n            data: { name: \"renamed.jpg\" }\n        });\n\n        expect(result.success).toBe(false);\n        if (!result.success) {\n            expect(result.error.code).toBe(\"UPDATE_FILE_ERROR\");\n            expect(result.error.message).toBe(\"Update failed\");\n        }\n    });\n\n    it(\"should not update cache when gateway throws\", async () => {\n        // Seed cache with the original file.\n        const original = createFile({ id: \"file-err\", name: \"original.jpg\" });\n        cache.addItems([original]);\n\n        mockGateway.execute.mockRejectedValue(new Error(\"Update failed\"));\n\n        const useCase = container.resolve(UseCaseAbstraction);\n        await useCase.execute({\n            id: \"file-err\",\n            data: { name: \"should-not-apply.jpg\" }\n        });\n\n        // Cache should still have the original file unchanged.\n        const cached = cache.getItem(f => f.id === \"file-err\");\n        expect(cached!.name).toBe(\"original.jpg\");\n    });\n});\n"],"names":["createFile","overrides","createMockGateway","file","execute","vi","createContainer","mockGateway","container","Container","cache","ListCache","GatewayAbstraction","FilesListCache","FileFieldsProvider","UpdateFileRepository","UpdateFileUseCase","describe","beforeEach","result","it","updated","useCase","UseCaseAbstraction","expect","callArgs","original","moved","cached","f","fileA","fileB","updatedA","cachedA","cachedB","Error"],"mappings":"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"}

package/features/updateFile/UpdateFileRepository.d.ts

@@ -1,10 +1,11 @@
-import { FilesListCache } from "../shared/abstractions.js";
+import { FilesListCache, FileFieldsProvider } from "../shared/abstractions.js";
 import type { FmFile } from "../shared/types.js";
 import { UpdateFileRepository as RepositoryAbstraction, UpdateFileGateway, type UpdateFileGatewayParams } from "./abstractions.js";
 declare class UpdateFileRepositoryImpl implements RepositoryAbstraction.Interface {
     private gateway;
     private cache;
-    constructor(gateway: UpdateFileGateway.Interface, cache: FilesListCache.Interface);
+    private fileFieldsProvider;
+    constructor(gateway: UpdateFileGateway.Interface, cache: FilesListCache.Interface, fileFieldsProvider: FileFieldsProvider.Interface);
     execute(params: UpdateFileGatewayParams): Promise<FmFile>;
 }
 export declare const UpdateFileRepository: typeof UpdateFileRepositoryImpl & {

package/features/updateFile/UpdateFileRepository.js

@@ -1,16 +1,17 @@
 import { runInAction } from "mobx";
-import { FilesListCache } from "../shared/abstractions.js";
+import { FileFieldsProvider, FilesListCache } from "../shared/abstractions.js";
 import { UpdateFileGateway, UpdateFileRepository } from "./abstractions.js";
-import { FILE_FIELDS } from "../shared/FILE_FIELDS.js";
 class UpdateFileRepositoryImpl {
-    constructor(gateway, cache){
+    constructor(gateway, cache, fileFieldsProvider){
         this.gateway = gateway;
         this.cache = cache;
+        this.fileFieldsProvider = fileFieldsProvider;
     }
     async execute(params) {
+        const fileFields = await this.fileFieldsProvider.execute();
         const file = await this.gateway.execute({
             ...params,
-            fields: params.fields.length > 0 ? params.fields : FILE_FIELDS
+            fields: params.fields.length > 0 ? params.fields : fileFields
         });
         runInAction(()=>{
             this.cache.updateItems((item)=>item.id === file.id ? file : item);
@@ -22,7 +23,8 @@ const UpdateFileRepository_UpdateFileRepository = UpdateFileRepository.createImp
     implementation: UpdateFileRepositoryImpl,
     dependencies: [
         UpdateFileGateway,
-        FilesListCache
+        FilesListCache,
+        FileFieldsProvider
     ]
 });
 export { UpdateFileRepository_UpdateFileRepository as UpdateFileRepository };

package/features/updateFile/UpdateFileRepository.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/updateFile/UpdateFileRepository.js","sources":["../../../src/features/updateFile/UpdateFileRepository.ts"],"sourcesContent":["import { runInAction } from \"mobx\";\nimport { FilesListCache } from \"../shared/abstractions.js\";\nimport type { FmFile } from \"../shared/types.js\";\nimport {\n    UpdateFileRepository as RepositoryAbstraction,\n    UpdateFileGateway,\n    type UpdateFileGatewayParams\n} from \"./abstractions.js\";\nimport { FILE_FIELDS } from \"~/features/shared/FILE_FIELDS.js\";\n\nclass UpdateFileRepositoryImpl implements RepositoryAbstraction.Interface {\n    constructor(\n        private gateway: UpdateFileGateway.Interface,\n        private cache: FilesListCache.Interface\n    ) {}\n\n    async execute(params: UpdateFileGatewayParams): Promise<FmFile> {\n        const file = await this.gateway.execute({\n            ...params,\n            fields: params.fields.length > 0 ? params.fields : FILE_FIELDS\n        });\n\n        runInAction(() => {\n            this.cache.updateItems(item => (item.id === file.id ? file : item));\n        });\n\n        return file;\n    }\n}\n\nexport const UpdateFileRepository = RepositoryAbstraction.createImplementation({\n    implementation: UpdateFileRepositoryImpl,\n    dependencies: [UpdateFileGateway, FilesListCache]\n});\n"],"names":["UpdateFileRepositoryImpl","gateway","cache","params","file","FILE_FIELDS","runInAction","item","UpdateFileRepository","RepositoryAbstraction","UpdateFileGateway","FilesListCache"],"mappings":";;;;AAUA,MAAMA;IACF,YACYC,OAAoC,EACpCC,KAA+B,CACzC;aAFUD,OAAO,GAAPA;aACAC,KAAK,GAALA;IACT;IAEH,MAAM,QAAQC,MAA+B,EAAmB;QAC5D,MAAMC,OAAO,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;YACpC,GAAGD,MAAM;YACT,QAAQA,OAAO,MAAM,CAAC,MAAM,GAAG,IAAIA,OAAO,MAAM,GAAGE;QACvD;QAEAC,YAAY;YACR,IAAI,CAAC,KAAK,CAAC,WAAW,CAACC,CAAAA,OAASA,KAAK,EAAE,KAAKH,KAAK,EAAE,GAAGA,OAAOG;QACjE;QAEA,OAAOH;IACX;AACJ;AAEO,MAAMI,4CAAuBC,qBAAAA,oBAA0C,CAAC;IAC3E,gBAAgBT;IAChB,cAAc;QAACU;QAAmBC;KAAe;AACrD"}
+{"version":3,"file":"features/updateFile/UpdateFileRepository.js","sources":["../../../src/features/updateFile/UpdateFileRepository.ts"],"sourcesContent":["import { runInAction } from \"mobx\";\nimport { FilesListCache, FileFieldsProvider } from \"../shared/abstractions.js\";\nimport type { FmFile } from \"../shared/types.js\";\nimport {\n    UpdateFileRepository as RepositoryAbstraction,\n    UpdateFileGateway,\n    type UpdateFileGatewayParams\n} from \"./abstractions.js\";\n\nclass UpdateFileRepositoryImpl implements RepositoryAbstraction.Interface {\n    constructor(\n        private gateway: UpdateFileGateway.Interface,\n        private cache: FilesListCache.Interface,\n        private fileFieldsProvider: FileFieldsProvider.Interface\n    ) {}\n\n    async execute(params: UpdateFileGatewayParams): Promise<FmFile> {\n        const fileFields = await this.fileFieldsProvider.execute();\n        const file = await this.gateway.execute({\n            ...params,\n            fields: params.fields.length > 0 ? params.fields : fileFields\n        });\n\n        runInAction(() => {\n            this.cache.updateItems(item => (item.id === file.id ? file : item));\n        });\n\n        return file;\n    }\n}\n\nexport const UpdateFileRepository = RepositoryAbstraction.createImplementation({\n    implementation: UpdateFileRepositoryImpl,\n    dependencies: [UpdateFileGateway, FilesListCache, FileFieldsProvider]\n});\n"],"names":["UpdateFileRepositoryImpl","gateway","cache","fileFieldsProvider","params","fileFields","file","runInAction","item","UpdateFileRepository","RepositoryAbstraction","UpdateFileGateway","FilesListCache","FileFieldsProvider"],"mappings":";;;AASA,MAAMA;IACF,YACYC,OAAoC,EACpCC,KAA+B,EAC/BC,kBAAgD,CAC1D;aAHUF,OAAO,GAAPA;aACAC,KAAK,GAALA;aACAC,kBAAkB,GAAlBA;IACT;IAEH,MAAM,QAAQC,MAA+B,EAAmB;QAC5D,MAAMC,aAAa,MAAM,IAAI,CAAC,kBAAkB,CAAC,OAAO;QACxD,MAAMC,OAAO,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;YACpC,GAAGF,MAAM;YACT,QAAQA,OAAO,MAAM,CAAC,MAAM,GAAG,IAAIA,OAAO,MAAM,GAAGC;QACvD;QAEAE,YAAY;YACR,IAAI,CAAC,KAAK,CAAC,WAAW,CAACC,CAAAA,OAASA,KAAK,EAAE,KAAKF,KAAK,EAAE,GAAGA,OAAOE;QACjE;QAEA,OAAOF;IACX;AACJ;AAEO,MAAMG,4CAAuBC,qBAAAA,oBAA0C,CAAC;IAC3E,gBAAgBV;IAChB,cAAc;QAACW;QAAmBC;QAAgBC;KAAmB;AACzE"}

package/features/updateFile/UpdateFileUseCase.d.ts

@@ -1,7 +1,9 @@
+import { FileFieldsProvider } from "../shared/abstractions.js";
 import { UpdateFileUseCase as UseCaseAbstraction, UpdateFileRepository, type UpdateFileUseCaseParams, type UpdateFileUseCaseResult } from "./abstractions.js";
 declare class UpdateFileUseCaseImpl implements UseCaseAbstraction.Interface {
     private repository;
-    constructor(repository: UpdateFileRepository.Interface);
+    private fileFieldsProvider;
+    constructor(repository: UpdateFileRepository.Interface, fileFieldsProvider: FileFieldsProvider.Interface);
     execute(params: UpdateFileUseCaseParams): Promise<UpdateFileUseCaseResult>;
 }
 export declare const UpdateFileUseCase: typeof UpdateFileUseCaseImpl & {

package/features/updateFile/UpdateFileUseCase.js

@@ -1,15 +1,17 @@
+import { FileFieldsProvider } from "../shared/abstractions.js";
 import { UpdateFileRepository, UpdateFileUseCase } from "./abstractions.js";
-import { FILE_FIELDS } from "../shared/FILE_FIELDS.js";
 class UpdateFileUseCaseImpl {
-    constructor(repository){
+    constructor(repository, fileFieldsProvider){
         this.repository = repository;
+        this.fileFieldsProvider = fileFieldsProvider;
     }
     async execute(params) {
         try {
+            const fileFields = await this.fileFieldsProvider.execute();
             const file = await this.repository.execute({
                 id: params.id,
                 data: params.data,
-                fields: FILE_FIELDS
+                fields: fileFields
             });
             return {
                 success: true,
@@ -30,7 +32,8 @@ class UpdateFileUseCaseImpl {
 const UpdateFileUseCase_UpdateFileUseCase = UpdateFileUseCase.createImplementation({
     implementation: UpdateFileUseCaseImpl,
     dependencies: [
-        UpdateFileRepository
+        UpdateFileRepository,
+        FileFieldsProvider
     ]
 });
 export { UpdateFileUseCase_UpdateFileUseCase as UpdateFileUseCase };

package/features/updateFile/UpdateFileUseCase.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/updateFile/UpdateFileUseCase.js","sources":["../../../src/features/updateFile/UpdateFileUseCase.ts"],"sourcesContent":["import {\n    UpdateFileUseCase as UseCaseAbstraction,\n    UpdateFileRepository,\n    type UpdateFileUseCaseParams,\n    type UpdateFileUseCaseResult\n} from \"./abstractions.js\";\nimport { FILE_FIELDS } from \"~/features/shared/FILE_FIELDS.js\";\n\nclass UpdateFileUseCaseImpl implements UseCaseAbstraction.Interface {\n    constructor(private repository: UpdateFileRepository.Interface) {}\n\n    async execute(params: UpdateFileUseCaseParams): Promise<UpdateFileUseCaseResult> {\n        try {\n            const file = await this.repository.execute({\n                id: params.id,\n                data: params.data,\n                fields: FILE_FIELDS\n            });\n            return { success: true, file };\n        } catch (error) {\n            const message = error instanceof Error ? error.message : \"Unknown error\";\n            return { success: false, error: { code: \"UPDATE_FILE_ERROR\", message } };\n        }\n    }\n}\n\nexport const UpdateFileUseCase = UseCaseAbstraction.createImplementation({\n    implementation: UpdateFileUseCaseImpl,\n    dependencies: [UpdateFileRepository]\n});\n"],"names":["UpdateFileUseCaseImpl","repository","params","file","FILE_FIELDS","error","message","Error","UpdateFileUseCase","UseCaseAbstraction","UpdateFileRepository"],"mappings":";;AAQA,MAAMA;IACF,YAAoBC,UAA0C,CAAE;aAA5CA,UAAU,GAAVA;IAA6C;IAEjE,MAAM,QAAQC,MAA+B,EAAoC;QAC7E,IAAI;YACA,MAAMC,OAAO,MAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;gBACvC,IAAID,OAAO,EAAE;gBACb,MAAMA,OAAO,IAAI;gBACjB,QAAQE;YACZ;YACA,OAAO;gBAAE,SAAS;gBAAMD;YAAK;QACjC,EAAE,OAAOE,OAAO;YACZ,MAAMC,UAAUD,iBAAiBE,QAAQF,MAAM,OAAO,GAAG;YACzD,OAAO;gBAAE,SAAS;gBAAO,OAAO;oBAAE,MAAM;oBAAqBC;gBAAQ;YAAE;QAC3E;IACJ;AACJ;AAEO,MAAME,sCAAoBC,kBAAAA,oBAAuC,CAAC;IACrE,gBAAgBT;IAChB,cAAc;QAACU;KAAqB;AACxC"}
+{"version":3,"file":"features/updateFile/UpdateFileUseCase.js","sources":["../../../src/features/updateFile/UpdateFileUseCase.ts"],"sourcesContent":["import { FileFieldsProvider } from \"../shared/abstractions.js\";\nimport {\n    UpdateFileUseCase as UseCaseAbstraction,\n    UpdateFileRepository,\n    type UpdateFileUseCaseParams,\n    type UpdateFileUseCaseResult\n} from \"./abstractions.js\";\n\nclass UpdateFileUseCaseImpl implements UseCaseAbstraction.Interface {\n    constructor(\n        private repository: UpdateFileRepository.Interface,\n        private fileFieldsProvider: FileFieldsProvider.Interface\n    ) {}\n\n    async execute(params: UpdateFileUseCaseParams): Promise<UpdateFileUseCaseResult> {\n        try {\n            const fileFields = await this.fileFieldsProvider.execute();\n            const file = await this.repository.execute({\n                id: params.id,\n                data: params.data,\n                fields: fileFields\n            });\n            return { success: true, file };\n        } catch (error) {\n            const message = error instanceof Error ? error.message : \"Unknown error\";\n            return { success: false, error: { code: \"UPDATE_FILE_ERROR\", message } };\n        }\n    }\n}\n\nexport const UpdateFileUseCase = UseCaseAbstraction.createImplementation({\n    implementation: UpdateFileUseCaseImpl,\n    dependencies: [UpdateFileRepository, FileFieldsProvider]\n});\n"],"names":["UpdateFileUseCaseImpl","repository","fileFieldsProvider","params","fileFields","file","error","message","Error","UpdateFileUseCase","UseCaseAbstraction","UpdateFileRepository","FileFieldsProvider"],"mappings":";;AAQA,MAAMA;IACF,YACYC,UAA0C,EAC1CC,kBAAgD,CAC1D;aAFUD,UAAU,GAAVA;aACAC,kBAAkB,GAAlBA;IACT;IAEH,MAAM,QAAQC,MAA+B,EAAoC;QAC7E,IAAI;YACA,MAAMC,aAAa,MAAM,IAAI,CAAC,kBAAkB,CAAC,OAAO;YACxD,MAAMC,OAAO,MAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;gBACvC,IAAIF,OAAO,EAAE;gBACb,MAAMA,OAAO,IAAI;gBACjB,QAAQC;YACZ;YACA,OAAO;gBAAE,SAAS;gBAAMC;YAAK;QACjC,EAAE,OAAOC,OAAO;YACZ,MAAMC,UAAUD,iBAAiBE,QAAQF,MAAM,OAAO,GAAG;YACzD,OAAO;gBAAE,SAAS;gBAAO,OAAO;oBAAE,MAAM;oBAAqBC;gBAAQ;YAAE;QAC3E;IACJ;AACJ;AAEO,MAAME,sCAAoBC,kBAAAA,oBAAuC,CAAC;IACrE,gBAAgBV;IAChB,cAAc;QAACW;QAAsBC;KAAmB;AAC5D"}

package/modules/FileUrlFormatter.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FileUrlFormatterModule: () => React.JSX.Element;

package/modules/FileUrlFormatter.js

@@ -0,0 +1,9 @@
+import react from "react";
+import { RegisterFeature } from "@webiny/app-admin";
+import { FileUrlFormatterFeature } from "../features/fileUrlFormatter/feature.js";
+const FileUrlFormatterModule = ()=>/*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: FileUrlFormatterFeature
+    });
+export { FileUrlFormatterModule };
+
+//# sourceMappingURL=FileUrlFormatter.js.map

package/modules/FileUrlFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/FileUrlFormatter.js","sources":["../../src/modules/FileUrlFormatter.tsx"],"sourcesContent":["import React from \"react\";\nimport { RegisterFeature } from \"@webiny/app-admin\";\nimport { FileUrlFormatterFeature } from \"~/features/fileUrlFormatter/feature.js\";\n\nexport const FileUrlFormatterModule = () => {\n    return <RegisterFeature feature={FileUrlFormatterFeature} />;\n};\n"],"names":["FileUrlFormatterModule","RegisterFeature","FileUrlFormatterFeature"],"mappings":";;;AAIO,MAAMA,yBAAyB,IAC3B,WAAP,GAAO,oBAACC,iBAAeA;QAAC,SAASC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-file-manager",
-	"version": "6.4.0-beta.2",
+	"version": "6.4.0-beta.4",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -15,23 +15,23 @@
 	"dependencies": {
 		"@apollo/react-common": "3.1.4",
 		"@apollo/react-components": "3.1.5",
-		"@types/react": "18.3.28",
-		"@webiny/admin-ui": "6.4.0-beta.2",
-		"@webiny/app": "6.4.0-beta.2",
-		"@webiny/app-aco": "6.4.0-beta.2",
-		"@webiny/app-admin": "6.4.0-beta.2",
-		"@webiny/app-headless-cms": "6.4.0-beta.2",
-		"@webiny/app-headless-cms-common": "6.4.0-beta.2",
-		"@webiny/app-websockets": "6.4.0-beta.2",
+		"@types/react": "18.3.29",
+		"@webiny/admin-ui": "6.4.0-beta.4",
+		"@webiny/app": "6.4.0-beta.4",
+		"@webiny/app-aco": "6.4.0-beta.4",
+		"@webiny/app-admin": "6.4.0-beta.4",
+		"@webiny/app-headless-cms": "6.4.0-beta.4",
+		"@webiny/app-headless-cms-common": "6.4.0-beta.4",
+		"@webiny/app-websockets": "6.4.0-beta.4",
 		"@webiny/di": "1.0.1",
-		"@webiny/feature": "6.4.0-beta.2",
-		"@webiny/form": "6.4.0-beta.2",
-		"@webiny/icons": "6.4.0-beta.2",
-		"@webiny/plugins": "6.4.0-beta.2",
-		"@webiny/react-composition": "6.4.0-beta.2",
-		"@webiny/react-properties": "6.4.0-beta.2",
-		"@webiny/sdk": "6.4.0-beta.2",
-		"@webiny/validation": "6.4.0-beta.2",
+		"@webiny/feature": "6.4.0-beta.4",
+		"@webiny/form": "6.4.0-beta.4",
+		"@webiny/icons": "6.4.0-beta.4",
+		"@webiny/plugins": "6.4.0-beta.4",
+		"@webiny/react-composition": "6.4.0-beta.4",
+		"@webiny/react-properties": "6.4.0-beta.4",
+		"@webiny/sdk": "6.4.0-beta.4",
+		"@webiny/validation": "6.4.0-beta.4",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
@@ -53,14 +53,16 @@
 	},
 	"devDependencies": {
 		"@svgr/webpack": "8.1.0",
-		"@webiny/build-tools": "6.4.0-beta.2",
+		"@webiny/build-tools": "6.4.0-beta.4",
 		"rimraf": "6.1.3",
 		"typescript": "6.0.3",
-		"vitest": "4.1.6"
+		"vitest": "4.1.7"
 	},
 	"publishConfig": {
-		"access": "public",
-		"directory": "dist"
+		"access": "public"
 	},
-	"gitHead": "872f9f50baa1ff6915a5f338216f84bf0b6dfd24"
+	"gitHead": "8476da73b653c89cc1474d968baf55c1b0ae0e5f",
+	"webiny": {
+		"publishFrom": "dist"
+	}
 }

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

@@ -17,7 +17,6 @@ const DropAreaBox = ({ children, empty })=>/*#__PURE__*/ react.createElement("di
             } : {}
         },
         className: cn([
-            "-translate-y-xl",
             "flex flex-col items-center justify-center gap-lg",
             "p-lg rounded-3xl",
             "bg-neutral-base",

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

@@ -1 +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"}
+{"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            \"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,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/Grid/FileGrid.js

@@ -1,7 +1,7 @@
 import react, { useCallback } from "react";
 import { observer } from "mobx-react-lite";
 import react_lazy_load from "react-lazy-load";
-import { CheckboxPrimitive, OverlayLoader, Text, TimeAgo, cn } from "@webiny/admin-ui";
+import { CheckboxPrimitive, Text, TimeAgo, cn } from "@webiny/admin-ui";
 import { useOverlay } from "../../../FileManager/OverlayContext.js";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { FolderIcon } from "@webiny/app-aco";
@@ -136,12 +136,6 @@ const FileGrid_FileGrid = observer(function() {
     }, [
         actions.selection
     ]);
-    if (vm.list.pagination.loading && 0 === vm.list.rows.length) return /*#__PURE__*/ react.createElement("div", {
-        className: "relative size-full"
-    }, /*#__PURE__*/ react.createElement(OverlayLoader, {
-        text: t`Loading files...`,
-        size: "lg"
-    }));
     return /*#__PURE__*/ react.createElement("div", {
         className: cn([
             "p-lg",

package/presentation/FileList/components/Grid/FileGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/FileList/components/Grid/FileGrid.js","sources":["../../../../../src/presentation/FileList/components/Grid/FileGrid.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport LazyLoad from \"react-lazy-load\";\nimport { cn, CheckboxPrimitive, Text, TimeAgo, OverlayLoader } from \"@webiny/admin-ui\";\nimport { useOverlay } from \"~/presentation/FileManager/OverlayContext.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { FolderIcon } from \"@webiny/app-aco\";\nimport { useFileManagerPresenter } from \"../../FileManagerPresenterProvider.js\";\nimport { useFileManagerConfig } from \"~/presentation/config/FileManagerViewConfig.js\";\nimport { FileProvider } from \"~/presentation/contexts/FileProvider.js\";\nimport type { FolderDto } from \"@webiny/app-aco\";\nimport type { FileItem } from \"~/domain/types.js\";\n\nconst t = i18n.ns(\"app-file-manager/presentation/file-grid\");\n\n// ---------------------------------------------------------------------------\n// FolderCard — renders a single folder in the grid.\n// ---------------------------------------------------------------------------\n\ninterface FolderCardProps {\n    folder: FolderDto;\n    onNavigate: (folderId: string) => void;\n}\n\nconst FolderCard = ({ folder, onNavigate }: FolderCardProps) => {\n    return (\n        <div\n            className={cn([\n                \"group\",\n                \"bg-neutral-base rounded-lg\",\n                \"shadow-sm hover:shadow-lg\",\n                \"border-sm border-solid border-neutral-base hover:border-neutral-dimmed-darker\",\n                \"transition-shadow duration-250 ease-in-out\",\n                \"overflow-hidden\",\n                \"cursor-pointer\"\n            ])}\n            onClick={() => onNavigate(folder.id)}\n            data-testid={\"fm-grid-folder-card\"}\n            data-folder-id={folder.id}\n        >\n            <div style={{ height: 150 }} className={\"flex items-center justify-center\"}>\n                <FolderIcon width={90} height={90} />\n            </div>\n            <div className={\"px-md py-sm-extra\"}>\n                <Text size={\"sm\"} as={\"div\"} className={\"truncate text-neutral-primary\"}>\n                    {folder.title}\n                </Text>\n                <Text size={\"sm\"} as={\"div\"} className={\"truncate text-neutral-dimmed\"}>\n                    {t`Folder`}\n                </Text>\n            </div>\n        </div>\n    );\n};\n\n// ---------------------------------------------------------------------------\n// FileCard — renders a single file in the grid.\n// ---------------------------------------------------------------------------\n\ninterface FileCardProps {\n    file: FileItem;\n    selected: boolean;\n    onToggle: (id: string, shiftKey: boolean) => void;\n}\n\nconst FileCard = observer(function FileCard({ file, selected, onToggle }: FileCardProps) {\n    const { browser, getThumbnailRenderer } = useFileManagerConfig();\n    const { itemActions } = browser.grid;\n\n    const renderer = getThumbnailRenderer(browser.grid.itemThumbnails, file);\n\n    const handleClick = useCallback(\n        (e: React.MouseEvent) => {\n            e.stopPropagation();\n            onToggle(file.id, e.shiftKey);\n        },\n        [file.id, onToggle]\n    );\n\n    return (\n        <FileProvider file={file}>\n            <div\n                onClick={handleClick}\n                className={cn([\n                    \"group\",\n                    \"bg-neutral-base rounded-lg\",\n                    \"shadow-sm hover:shadow-lg\",\n                    \"border-sm border-solid border-neutral-base hover:border-neutral-dimmed-darker\",\n                    selected && \"ring-md ring-primary-strong\",\n                    \"transition-shadow duration-250 ease-in-out\",\n                    \"overflow-hidden\",\n                    \"cursor-pointer\"\n                ])}\n                data-testid={\"fm-grid-file-card\"}\n                data-file-id={file.id}\n            >\n                <div className={\"relative\"}>\n                    {/* Selection checkbox. */}\n                    <div\n                        className={cn([\n                            \"p-xs rounded-md\",\n                            \"bg-neutral-base/30\",\n                            \"absolute top-sm left-sm z-[1]\",\n                            selected ? \"visible\" : \"invisible group-hover:visible\"\n                        ])}\n                    >\n                        <CheckboxPrimitive\n                            onClick={handleClick}\n                            checked={selected}\n                            onChange={() => void 0}\n                        />\n                    </div>\n                    {/* Item actions (hover). */}\n                    <div\n                        className={cn([\n                            \"invisible group-hover:visible\",\n                            \"flex items-center gap-xxs\",\n                            \"p-xs\",\n                            \"absolute top-xs-plus right-xs-plus z-[1]\"\n                        ])}\n                    >\n                        {itemActions.map(action => (\n                            <React.Fragment key={action.name}>{action.element}</React.Fragment>\n                        ))}\n                    </div>\n                    {/* Thumbnail. */}\n                    <LazyLoad\n                        height={150}\n                        offset={\"300px\"}\n                        className={cn([\n                            \"bg-neutral-muted\",\n                            \"flex items-center justify-center\",\n                            \"text-neutral-strong text-sm\"\n                        ])}\n                    >\n                        {renderer?.element || null}\n                    </LazyLoad>\n                </div>\n                {/* File label. */}\n                <div className={\"px-md py-sm-extra\"}>\n                    <Text size={\"sm\"} as={\"div\"} className={\"truncate text-neutral-primary\"}>\n                        {file.name}\n                    </Text>\n                    <Text size={\"sm\"} as={\"div\"} className={\"truncate text-neutral-dimmed\"}>\n                        {file.type} {\" // \"} <TimeAgo datetime={file.createdOn} />\n                    </Text>\n                </div>\n            </div>\n        </FileProvider>\n    );\n});\n\n// ---------------------------------------------------------------------------\n// FileGrid — the main grid view component.\n// ---------------------------------------------------------------------------\n\n/**\n * Grid/Gallery View component driven by FileListPresenter vm.\n * Renders file thumbnail cards and folder cards in a responsive grid layout.\n * Wires click-to-select through presenter.actions.selection.\n */\nexport const FileGrid = observer(function FileGrid() {\n    const presenter = useFileManagerPresenter();\n    const { vm, actions } = presenter;\n\n    const overlay = useOverlay();\n    const childFolders = vm.folders.childFolders;\n\n    // Handle folder navigation.\n    const handleFolderNavigate = useCallback(\n        (folderId: string) => {\n            actions.folders.selectFolder(folderId);\n        },\n        [actions.filter]\n    );\n\n    const handleToggle = (id: string, shiftKey: boolean) => {\n        // Shift-click always does range selection, regardless of overlay mode.\n        if (shiftKey) {\n            actions.selection.selectRangeTo(id);\n            return;\n        }\n\n        if (overlay) {\n            const file = vm.list.rows.find(f => f.id === id);\n            if (file) {\n                overlay.onFileClick(file);\n            }\n            return;\n        }\n\n        actions.selection.toggle(id);\n    };\n\n    // Deselect all when clicking the grid background.\n    const handleBackgroundClick = useCallback(() => {\n        actions.selection.deselectAll();\n    }, [actions.selection]);\n\n    if (vm.list.pagination.loading && vm.list.rows.length === 0) {\n        return (\n            <div className={\"relative size-full\"}>\n                <OverlayLoader text={t`Loading files...`} size={\"lg\"} />\n            </div>\n        );\n    }\n\n    return (\n        <div\n            className={cn([\"p-lg\", \"grid gap-md\"])}\n            style={{ gridTemplateColumns: \"repeat(auto-fill, minmax(200px, 1fr))\" }}\n            onClick={handleBackgroundClick}\n            data-testid={\"fm-file-grid\"}\n        >\n            {vm.showFolders &&\n                childFolders.map(folder => (\n                    <FolderCard key={folder.id} folder={folder} onNavigate={handleFolderNavigate} />\n                ))}\n            {vm.list.rows.map(file => (\n                <FileCard\n                    key={file.id}\n                    file={file}\n                    selected={vm.list.selection.selectedIds.has(file.id)}\n                    onToggle={handleToggle}\n                />\n            ))}\n        </div>\n    );\n});\n"],"names":["t","i18n","FolderCard","folder","onNavigate","cn","FolderIcon","Text","FileCard","observer","file","selected","onToggle","browser","getThumbnailRenderer","useFileManagerConfig","itemActions","renderer","handleClick","useCallback","e","FileProvider","CheckboxPrimitive","action","React","LazyLoad","TimeAgo","FileGrid","presenter","useFileManagerPresenter","vm","actions","overlay","useOverlay","childFolders","handleFolderNavigate","folderId","handleToggle","id","shiftKey","f","handleBackgroundClick","OverlayLoader"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAWlB,MAAMC,aAAa,CAAC,EAAEC,MAAM,EAAEC,UAAU,EAAmB,GAChD,WAAP,GACI,oBAAC;QACG,WAAWC,GAAG;YACV;YACA;YACA;YACA;YACA;YACA;YACA;SACH;QACD,SAAS,IAAMD,WAAWD,OAAO,EAAE;QACnC,eAAa;QACb,kBAAgBA,OAAO,EAAE;qBAEzB,oBAAC;QAAI,OAAO;YAAE,QAAQ;QAAI;QAAG,WAAW;qBACpC,oBAACG,YAAUA;QAAC,OAAO;QAAI,QAAQ;uBAEnC,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA;QAAC,MAAM;QAAM,IAAI;QAAO,WAAW;OACnCJ,OAAO,KAAK,iBAEjB,oBAACI,MAAIA;QAAC,MAAM;QAAM,IAAI;QAAO,WAAW;OACnCP,CAAC,CAAC,MAAM,CAAC;AAiB9B,MAAMQ,oBAAWC,SAAS,SAAkB,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,QAAQ,EAAiB;IACnF,MAAM,EAAEC,OAAO,EAAEC,oBAAoB,EAAE,GAAGC;IAC1C,MAAM,EAAEC,WAAW,EAAE,GAAGH,QAAQ,IAAI;IAEpC,MAAMI,WAAWH,qBAAqBD,QAAQ,IAAI,CAAC,cAAc,EAAEH;IAEnE,MAAMQ,cAAcC,YAChB,CAACC;QACGA,EAAE,eAAe;QACjBR,SAASF,KAAK,EAAE,EAAEU,EAAE,QAAQ;IAChC,GACA;QAACV,KAAK,EAAE;QAAEE;KAAS;IAGvB,OAAO,WAAP,GACI,oBAACS,cAAYA;QAAC,MAAMX;qBAChB,oBAAC;QACG,SAASQ;QACT,WAAWb,GAAG;YACV;YACA;YACA;YACA;YACAM,YAAY;YACZ;YACA;YACA;SACH;QACD,eAAa;QACb,gBAAcD,KAAK,EAAE;qBAErB,oBAAC;QAAI,WAAW;qBAEZ,oBAAC;QACG,WAAWL,GAAG;YACV;YACA;YACA;YACAM,WAAW,YAAY;SAC1B;qBAED,oBAACW,mBAAiBA;QACd,SAASJ;QACT,SAASP;QACT,UAAU,IAAM,KAAK;uBAI7B,oBAAC;QACG,WAAWN,GAAG;YACV;YACA;YACA;YACA;SACH;OAEAW,YAAY,GAAG,CAACO,CAAAA,SAAAA,WAAAA,GACb,oBAACC,MAAAA,QAAc;YAAC,KAAKD,OAAO,IAAI;WAAGA,OAAO,OAAO,mBAIzD,oBAACE,iBAAQA;QACL,QAAQ;QACR,QAAQ;QACR,WAAWpB,GAAG;YACV;YACA;YACA;SACH;OAEAY,UAAU,WAAW,sBAI9B,oBAAC;QAAI,WAAW;qBACZ,oBAACV,MAAIA;QAAC,MAAM;QAAM,IAAI;QAAO,WAAW;OACnCG,KAAK,IAAI,iBAEd,oBAACH,MAAIA;QAAC,MAAM;QAAM,IAAI;QAAO,WAAW;OACnCG,KAAK,IAAI,EAAC,KAAE,QAAO,mBAAC,oBAACgB,SAAOA;QAAC,UAAUhB,KAAK,SAAS;;AAM9E;AAWO,MAAMiB,oBAAWlB,SAAS;IAC7B,MAAMmB,YAAYC;IAClB,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGH;IAExB,MAAMI,UAAUC;IAChB,MAAMC,eAAeJ,GAAG,OAAO,CAAC,YAAY;IAG5C,MAAMK,uBAAuBhB,YACzB,CAACiB;QACGL,QAAQ,OAAO,CAAC,YAAY,CAACK;IACjC,GACA;QAACL,QAAQ,MAAM;KAAC;IAGpB,MAAMM,eAAe,CAACC,IAAYC;QAE9B,IAAIA,UAAU,YACVR,QAAQ,SAAS,CAAC,aAAa,CAACO;QAIpC,IAAIN,SAAS;YACT,MAAMtB,OAAOoB,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAACU,CAAAA,IAAKA,EAAE,EAAE,KAAKF;YAC7C,IAAI5B,MACAsB,QAAQ,WAAW,CAACtB;YAExB;QACJ;QAEAqB,QAAQ,SAAS,CAAC,MAAM,CAACO;IAC7B;IAGA,MAAMG,wBAAwBtB,YAAY;QACtCY,QAAQ,SAAS,CAAC,WAAW;IACjC,GAAG;QAACA,QAAQ,SAAS;KAAC;IAEtB,IAAID,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,IAAIA,AAAwB,MAAxBA,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EACjD,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACY,eAAaA;QAAC,MAAM1C,CAAC,CAAC,gBAAgB,CAAC;QAAE,MAAM;;IAK5D,OAAO,WAAP,GACI,oBAAC;QACG,WAAWK,GAAG;YAAC;YAAQ;SAAc;QACrC,OAAO;YAAE,qBAAqB;QAAwC;QACtE,SAASoC;QACT,eAAa;OAEZX,GAAG,WAAW,IACXI,aAAa,GAAG,CAAC/B,CAAAA,SAAAA,WAAAA,GACb,oBAACD,YAAUA;YAAC,KAAKC,OAAO,EAAE;YAAE,QAAQA;YAAQ,YAAYgC;aAE/DL,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAACpB,CAAAA,OAAAA,WAAAA,GACd,oBAACF,mBAAQA;YACL,KAAKE,KAAK,EAAE;YACZ,MAAMA;YACN,UAAUoB,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAACpB,KAAK,EAAE;YACnD,UAAU2B;;AAK9B"}
+{"version":3,"file":"presentation/FileList/components/Grid/FileGrid.js","sources":["../../../../../src/presentation/FileList/components/Grid/FileGrid.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport LazyLoad from \"react-lazy-load\";\nimport { cn, CheckboxPrimitive, Text, TimeAgo } from \"@webiny/admin-ui\";\nimport { useOverlay } from \"~/presentation/FileManager/OverlayContext.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { FolderIcon } from \"@webiny/app-aco\";\nimport { useFileManagerPresenter } from \"../../FileManagerPresenterProvider.js\";\nimport { useFileManagerConfig } from \"~/presentation/config/FileManagerViewConfig.js\";\nimport { FileProvider } from \"~/presentation/contexts/FileProvider.js\";\nimport type { FolderDto } from \"@webiny/app-aco\";\nimport type { FileItem } from \"~/domain/types.js\";\n\nconst t = i18n.ns(\"app-file-manager/presentation/file-grid\");\n\n// ---------------------------------------------------------------------------\n// FolderCard — renders a single folder in the grid.\n// ---------------------------------------------------------------------------\n\ninterface FolderCardProps {\n    folder: FolderDto;\n    onNavigate: (folderId: string) => void;\n}\n\nconst FolderCard = ({ folder, onNavigate }: FolderCardProps) => {\n    return (\n        <div\n            className={cn([\n                \"group\",\n                \"bg-neutral-base rounded-lg\",\n                \"shadow-sm hover:shadow-lg\",\n                \"border-sm border-solid border-neutral-base hover:border-neutral-dimmed-darker\",\n                \"transition-shadow duration-250 ease-in-out\",\n                \"overflow-hidden\",\n                \"cursor-pointer\"\n            ])}\n            onClick={() => onNavigate(folder.id)}\n            data-testid={\"fm-grid-folder-card\"}\n            data-folder-id={folder.id}\n        >\n            <div style={{ height: 150 }} className={\"flex items-center justify-center\"}>\n                <FolderIcon width={90} height={90} />\n            </div>\n            <div className={\"px-md py-sm-extra\"}>\n                <Text size={\"sm\"} as={\"div\"} className={\"truncate text-neutral-primary\"}>\n                    {folder.title}\n                </Text>\n                <Text size={\"sm\"} as={\"div\"} className={\"truncate text-neutral-dimmed\"}>\n                    {t`Folder`}\n                </Text>\n            </div>\n        </div>\n    );\n};\n\n// ---------------------------------------------------------------------------\n// FileCard — renders a single file in the grid.\n// ---------------------------------------------------------------------------\n\ninterface FileCardProps {\n    file: FileItem;\n    selected: boolean;\n    onToggle: (id: string, shiftKey: boolean) => void;\n}\n\nconst FileCard = observer(function FileCard({ file, selected, onToggle }: FileCardProps) {\n    const { browser, getThumbnailRenderer } = useFileManagerConfig();\n    const { itemActions } = browser.grid;\n\n    const renderer = getThumbnailRenderer(browser.grid.itemThumbnails, file);\n\n    const handleClick = useCallback(\n        (e: React.MouseEvent) => {\n            e.stopPropagation();\n            onToggle(file.id, e.shiftKey);\n        },\n        [file.id, onToggle]\n    );\n\n    return (\n        <FileProvider file={file}>\n            <div\n                onClick={handleClick}\n                className={cn([\n                    \"group\",\n                    \"bg-neutral-base rounded-lg\",\n                    \"shadow-sm hover:shadow-lg\",\n                    \"border-sm border-solid border-neutral-base hover:border-neutral-dimmed-darker\",\n                    selected && \"ring-md ring-primary-strong\",\n                    \"transition-shadow duration-250 ease-in-out\",\n                    \"overflow-hidden\",\n                    \"cursor-pointer\"\n                ])}\n                data-testid={\"fm-grid-file-card\"}\n                data-file-id={file.id}\n            >\n                <div className={\"relative\"}>\n                    {/* Selection checkbox. */}\n                    <div\n                        className={cn([\n                            \"p-xs rounded-md\",\n                            \"bg-neutral-base/30\",\n                            \"absolute top-sm left-sm z-[1]\",\n                            selected ? \"visible\" : \"invisible group-hover:visible\"\n                        ])}\n                    >\n                        <CheckboxPrimitive\n                            onClick={handleClick}\n                            checked={selected}\n                            onChange={() => void 0}\n                        />\n                    </div>\n                    {/* Item actions (hover). */}\n                    <div\n                        className={cn([\n                            \"invisible group-hover:visible\",\n                            \"flex items-center gap-xxs\",\n                            \"p-xs\",\n                            \"absolute top-xs-plus right-xs-plus z-[1]\"\n                        ])}\n                    >\n                        {itemActions.map(action => (\n                            <React.Fragment key={action.name}>{action.element}</React.Fragment>\n                        ))}\n                    </div>\n                    {/* Thumbnail. */}\n                    <LazyLoad\n                        height={150}\n                        offset={\"300px\"}\n                        className={cn([\n                            \"bg-neutral-muted\",\n                            \"flex items-center justify-center\",\n                            \"text-neutral-strong text-sm\"\n                        ])}\n                    >\n                        {renderer?.element || null}\n                    </LazyLoad>\n                </div>\n                {/* File label. */}\n                <div className={\"px-md py-sm-extra\"}>\n                    <Text size={\"sm\"} as={\"div\"} className={\"truncate text-neutral-primary\"}>\n                        {file.name}\n                    </Text>\n                    <Text size={\"sm\"} as={\"div\"} className={\"truncate text-neutral-dimmed\"}>\n                        {file.type} {\" // \"} <TimeAgo datetime={file.createdOn} />\n                    </Text>\n                </div>\n            </div>\n        </FileProvider>\n    );\n});\n\n// ---------------------------------------------------------------------------\n// FileGrid — the main grid view component.\n// ---------------------------------------------------------------------------\n\n/**\n * Grid/Gallery View component driven by FileListPresenter vm.\n * Renders file thumbnail cards and folder cards in a responsive grid layout.\n * Wires click-to-select through presenter.actions.selection.\n */\nexport const FileGrid = observer(function FileGrid() {\n    const presenter = useFileManagerPresenter();\n    const { vm, actions } = presenter;\n\n    const overlay = useOverlay();\n    const childFolders = vm.folders.childFolders;\n\n    // Handle folder navigation.\n    const handleFolderNavigate = useCallback(\n        (folderId: string) => {\n            actions.folders.selectFolder(folderId);\n        },\n        [actions.filter]\n    );\n\n    const handleToggle = (id: string, shiftKey: boolean) => {\n        // Shift-click always does range selection, regardless of overlay mode.\n        if (shiftKey) {\n            actions.selection.selectRangeTo(id);\n            return;\n        }\n\n        if (overlay) {\n            const file = vm.list.rows.find(f => f.id === id);\n            if (file) {\n                overlay.onFileClick(file);\n            }\n            return;\n        }\n\n        actions.selection.toggle(id);\n    };\n\n    // Deselect all when clicking the grid background.\n    const handleBackgroundClick = useCallback(() => {\n        actions.selection.deselectAll();\n    }, [actions.selection]);\n\n    return (\n        <div\n            className={cn([\"p-lg\", \"grid gap-md\"])}\n            style={{ gridTemplateColumns: \"repeat(auto-fill, minmax(200px, 1fr))\" }}\n            onClick={handleBackgroundClick}\n            data-testid={\"fm-file-grid\"}\n        >\n            {vm.showFolders &&\n                childFolders.map(folder => (\n                    <FolderCard key={folder.id} folder={folder} onNavigate={handleFolderNavigate} />\n                ))}\n            {vm.list.rows.map(file => (\n                <FileCard\n                    key={file.id}\n                    file={file}\n                    selected={vm.list.selection.selectedIds.has(file.id)}\n                    onToggle={handleToggle}\n                />\n            ))}\n        </div>\n    );\n});\n"],"names":["t","i18n","FolderCard","folder","onNavigate","cn","FolderIcon","Text","FileCard","observer","file","selected","onToggle","browser","getThumbnailRenderer","useFileManagerConfig","itemActions","renderer","handleClick","useCallback","e","FileProvider","CheckboxPrimitive","action","React","LazyLoad","TimeAgo","FileGrid","presenter","useFileManagerPresenter","vm","actions","overlay","useOverlay","childFolders","handleFolderNavigate","folderId","handleToggle","id","shiftKey","f","handleBackgroundClick"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAWlB,MAAMC,aAAa,CAAC,EAAEC,MAAM,EAAEC,UAAU,EAAmB,GAChD,WAAP,GACI,oBAAC;QACG,WAAWC,GAAG;YACV;YACA;YACA;YACA;YACA;YACA;YACA;SACH;QACD,SAAS,IAAMD,WAAWD,OAAO,EAAE;QACnC,eAAa;QACb,kBAAgBA,OAAO,EAAE;qBAEzB,oBAAC;QAAI,OAAO;YAAE,QAAQ;QAAI;QAAG,WAAW;qBACpC,oBAACG,YAAUA;QAAC,OAAO;QAAI,QAAQ;uBAEnC,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA;QAAC,MAAM;QAAM,IAAI;QAAO,WAAW;OACnCJ,OAAO,KAAK,iBAEjB,oBAACI,MAAIA;QAAC,MAAM;QAAM,IAAI;QAAO,WAAW;OACnCP,CAAC,CAAC,MAAM,CAAC;AAiB9B,MAAMQ,oBAAWC,SAAS,SAAkB,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,QAAQ,EAAiB;IACnF,MAAM,EAAEC,OAAO,EAAEC,oBAAoB,EAAE,GAAGC;IAC1C,MAAM,EAAEC,WAAW,EAAE,GAAGH,QAAQ,IAAI;IAEpC,MAAMI,WAAWH,qBAAqBD,QAAQ,IAAI,CAAC,cAAc,EAAEH;IAEnE,MAAMQ,cAAcC,YAChB,CAACC;QACGA,EAAE,eAAe;QACjBR,SAASF,KAAK,EAAE,EAAEU,EAAE,QAAQ;IAChC,GACA;QAACV,KAAK,EAAE;QAAEE;KAAS;IAGvB,OAAO,WAAP,GACI,oBAACS,cAAYA;QAAC,MAAMX;qBAChB,oBAAC;QACG,SAASQ;QACT,WAAWb,GAAG;YACV;YACA;YACA;YACA;YACAM,YAAY;YACZ;YACA;YACA;SACH;QACD,eAAa;QACb,gBAAcD,KAAK,EAAE;qBAErB,oBAAC;QAAI,WAAW;qBAEZ,oBAAC;QACG,WAAWL,GAAG;YACV;YACA;YACA;YACAM,WAAW,YAAY;SAC1B;qBAED,oBAACW,mBAAiBA;QACd,SAASJ;QACT,SAASP;QACT,UAAU,IAAM,KAAK;uBAI7B,oBAAC;QACG,WAAWN,GAAG;YACV;YACA;YACA;YACA;SACH;OAEAW,YAAY,GAAG,CAACO,CAAAA,SAAAA,WAAAA,GACb,oBAACC,MAAAA,QAAc;YAAC,KAAKD,OAAO,IAAI;WAAGA,OAAO,OAAO,mBAIzD,oBAACE,iBAAQA;QACL,QAAQ;QACR,QAAQ;QACR,WAAWpB,GAAG;YACV;YACA;YACA;SACH;OAEAY,UAAU,WAAW,sBAI9B,oBAAC;QAAI,WAAW;qBACZ,oBAACV,MAAIA;QAAC,MAAM;QAAM,IAAI;QAAO,WAAW;OACnCG,KAAK,IAAI,iBAEd,oBAACH,MAAIA;QAAC,MAAM;QAAM,IAAI;QAAO,WAAW;OACnCG,KAAK,IAAI,EAAC,KAAE,QAAO,mBAAC,oBAACgB,SAAOA;QAAC,UAAUhB,KAAK,SAAS;;AAM9E;AAWO,MAAMiB,oBAAWlB,SAAS;IAC7B,MAAMmB,YAAYC;IAClB,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGH;IAExB,MAAMI,UAAUC;IAChB,MAAMC,eAAeJ,GAAG,OAAO,CAAC,YAAY;IAG5C,MAAMK,uBAAuBhB,YACzB,CAACiB;QACGL,QAAQ,OAAO,CAAC,YAAY,CAACK;IACjC,GACA;QAACL,QAAQ,MAAM;KAAC;IAGpB,MAAMM,eAAe,CAACC,IAAYC;QAE9B,IAAIA,UAAU,YACVR,QAAQ,SAAS,CAAC,aAAa,CAACO;QAIpC,IAAIN,SAAS;YACT,MAAMtB,OAAOoB,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAACU,CAAAA,IAAKA,EAAE,EAAE,KAAKF;YAC7C,IAAI5B,MACAsB,QAAQ,WAAW,CAACtB;YAExB;QACJ;QAEAqB,QAAQ,SAAS,CAAC,MAAM,CAACO;IAC7B;IAGA,MAAMG,wBAAwBtB,YAAY;QACtCY,QAAQ,SAAS,CAAC,WAAW;IACjC,GAAG;QAACA,QAAQ,SAAS;KAAC;IAEtB,OAAO,WAAP,GACI,oBAAC;QACG,WAAW1B,GAAG;YAAC;YAAQ;SAAc;QACrC,OAAO;YAAE,qBAAqB;QAAwC;QACtE,SAASoC;QACT,eAAa;OAEZX,GAAG,WAAW,IACXI,aAAa,GAAG,CAAC/B,CAAAA,SAAAA,WAAAA,GACb,oBAACD,YAAUA;YAAC,KAAKC,OAAO,EAAE;YAAE,QAAQA;YAAQ,YAAYgC;aAE/DL,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAACpB,CAAAA,OAAAA,WAAAA,GACd,oBAACF,mBAAQA;YACL,KAAKE,KAAK,EAAE;YACZ,MAAMA;YACN,UAAUoB,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAACpB,KAAK,EAAE;YACnD,UAAU2B;;AAK9B"}

package/presentation/FileManager/FileManagerRenderer.js

@@ -1,5 +1,5 @@
 import react from "react";
-import { FileManagerRenderer } from "@webiny/app-admin";
+import { FileManager } from "@webiny/app-admin";
 import { FileManagerView } from "./FileManagerView.js";
 const formatFileItem = (file)=>({
         id: file.id,
@@ -12,7 +12,7 @@ const formatFileItem = (file)=>({
         extensions: file.extensions,
         metadata: file.metadata
     });
-const FileManagerRendererDecorator = FileManagerRenderer.createDecorator(()=>function(props) {
+const FileManagerRendererDecorator = FileManager.Renderer.createDecorator(()=>function(props) {
         const { onChange, onClose, multiple, accept, scope, overlay = true } = props;
         const handleChange = (files)=>{
             if (!onChange || !files.length) return;

package/presentation/FileManager/FileManagerRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/FileManager/FileManagerRenderer.js","sources":["../../../src/presentation/FileManager/FileManagerRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FileManagerFileItem, FileManagerOnChange } from \"@webiny/app-admin\";\nimport { FileManagerRenderer as BaseFileManagerRenderer } from \"@webiny/app-admin\";\nimport type { FmFile } from \"~/features/shared/types.js\";\nimport { FileManagerView } from \"./FileManagerView.js\";\n\nconst formatFileItem = (file: FmFile): FileManagerFileItem => {\n    return {\n        id: file.id,\n        src: file.src,\n        name: file.name,\n        type: file.type,\n        size: file.size,\n        width: file.metadata?.image?.width,\n        height: file.metadata?.image?.height,\n        extensions: file.extensions,\n        metadata: file.metadata\n    };\n};\n\nexport const FileManagerRendererDecorator = BaseFileManagerRenderer.createDecorator(() => {\n    return function FileManagerRendererImpl(props) {\n        const { onChange, onClose, multiple, accept, scope, overlay = true } = props;\n\n        const handleChange = (files: FmFile[]) => {\n            if (!onChange || !files.length) {\n                return;\n            }\n\n            if (multiple) {\n                (onChange as FileManagerOnChange<FileManagerFileItem[]>)(files.map(formatFileItem));\n            } else {\n                (onChange as FileManagerOnChange<FileManagerFileItem>)(formatFileItem(files[0]));\n            }\n\n            if (onClose) {\n                onClose();\n            }\n        };\n\n        return (\n            <FileManagerView\n                overlay={overlay}\n                onChange={handleChange}\n                onClose={onClose}\n                multiple={multiple}\n                accept={accept}\n                scope={scope}\n            />\n        );\n    };\n});\n"],"names":["formatFileItem","file","FileManagerRendererDecorator","BaseFileManagerRenderer","props","onChange","onClose","multiple","accept","scope","overlay","handleChange","files","FileManagerView"],"mappings":";;;AAMA,MAAMA,iBAAiB,CAACC,OACb;QACH,IAAIA,KAAK,EAAE;QACX,KAAKA,KAAK,GAAG;QACb,MAAMA,KAAK,IAAI;QACf,MAAMA,KAAK,IAAI;QACf,MAAMA,KAAK,IAAI;QACf,OAAOA,KAAK,QAAQ,EAAE,OAAO;QAC7B,QAAQA,KAAK,QAAQ,EAAE,OAAO;QAC9B,YAAYA,KAAK,UAAU;QAC3B,UAAUA,KAAK,QAAQ;IAC3B;AAGG,MAAMC,+BAA+BC,oBAAAA,eAAuC,CAAC,IACzE,SAAiCC,KAAK;QACzC,MAAM,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,KAAK,EAAEC,UAAU,IAAI,EAAE,GAAGN;QAEvE,MAAMO,eAAe,CAACC;YAClB,IAAI,CAACP,YAAY,CAACO,MAAM,MAAM,EAC1B;YAGAL,WACCF,SAAwDO,MAAM,GAAG,CAACZ,mBAElEK,SAAsDL,eAAeY,KAAK,CAAC,EAAE;YAGlF,IAAIN,SACAA;QAER;QAEA,OAAO,WAAP,GACI,oBAACO,iBAAeA;YACZ,SAASH;YACT,UAAUC;YACV,SAASL;YACT,UAAUC;YACV,QAAQC;YACR,OAAOC;;IAGnB"}
+{"version":3,"file":"presentation/FileManager/FileManagerRenderer.js","sources":["../../../src/presentation/FileManager/FileManagerRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FileManagerFileItem, FileManagerOnChange } from \"@webiny/app-admin\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport type { FmFile } from \"~/features/shared/types.js\";\nimport { FileManagerView } from \"./FileManagerView.js\";\n\nconst formatFileItem = (file: FmFile): FileManagerFileItem => {\n    return {\n        id: file.id,\n        src: file.src,\n        name: file.name,\n        type: file.type,\n        size: file.size,\n        width: file.metadata?.image?.width,\n        height: file.metadata?.image?.height,\n        extensions: file.extensions,\n        metadata: file.metadata\n    };\n};\n\nexport const FileManagerRendererDecorator = FileManager.Renderer.createDecorator(() => {\n    return function FileManagerRendererImpl(props) {\n        const { onChange, onClose, multiple, accept, scope, overlay = true } = props;\n\n        const handleChange = (files: FmFile[]) => {\n            if (!onChange || !files.length) {\n                return;\n            }\n\n            if (multiple) {\n                (onChange as FileManagerOnChange<FileManagerFileItem[]>)(files.map(formatFileItem));\n            } else {\n                (onChange as FileManagerOnChange<FileManagerFileItem>)(formatFileItem(files[0]));\n            }\n\n            if (onClose) {\n                onClose();\n            }\n        };\n\n        return (\n            <FileManagerView\n                overlay={overlay}\n                onChange={handleChange}\n                onClose={onClose}\n                multiple={multiple}\n                accept={accept}\n                scope={scope}\n            />\n        );\n    };\n});\n"],"names":["formatFileItem","file","FileManagerRendererDecorator","FileManager","props","onChange","onClose","multiple","accept","scope","overlay","handleChange","files","FileManagerView"],"mappings":";;;AAMA,MAAMA,iBAAiB,CAACC,OACb;QACH,IAAIA,KAAK,EAAE;QACX,KAAKA,KAAK,GAAG;QACb,MAAMA,KAAK,IAAI;QACf,MAAMA,KAAK,IAAI;QACf,MAAMA,KAAK,IAAI;QACf,OAAOA,KAAK,QAAQ,EAAE,OAAO;QAC7B,QAAQA,KAAK,QAAQ,EAAE,OAAO;QAC9B,YAAYA,KAAK,UAAU;QAC3B,UAAUA,KAAK,QAAQ;IAC3B;AAGG,MAAMC,+BAA+BC,YAAY,QAAQ,CAAC,eAAe,CAAC,IACtE,SAAiCC,KAAK;QACzC,MAAM,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,KAAK,EAAEC,UAAU,IAAI,EAAE,GAAGN;QAEvE,MAAMO,eAAe,CAACC;YAClB,IAAI,CAACP,YAAY,CAACO,MAAM,MAAM,EAC1B;YAGAL,WACCF,SAAwDO,MAAM,GAAG,CAACZ,mBAElEK,SAAsDL,eAAeY,KAAK,CAAC,EAAE;YAGlF,IAAIN,SACAA;QAER;QAEA,OAAO,WAAP,GACI,oBAACO,iBAAeA;YACZ,SAASH;YACT,UAAUC;YACV,SAASL;YACT,UAAUC;YACV,QAAQC;YACR,OAAOC;;IAGnB"}