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

package/presentation/FileList/components/Table/FileTable.test.js

@@ -0,0 +1,365 @@
+import { describe, expect, it, vi } from "vitest";
+import { observable } from "mobx";
+function toDataTableSorting(sort) {
+    if (!sort) return [];
+    return [
+        {
+            id: sort.field,
+            desc: "DESC" === sort.direction
+        }
+    ];
+}
+function toFolderTableRows(nodes) {
+    return nodes.map((node)=>({
+            id: node.id,
+            $type: "FOLDER",
+            $selectable: false,
+            data: {
+                id: node.id,
+                title: node.name,
+                slug: node.slug,
+                type: "",
+                parentId: node.parentId,
+                path: "",
+                permissions: [],
+                hasNonInheritedPermissions: false,
+                canManagePermissions: false,
+                canManageStructure: false,
+                canManageContent: false,
+                createdBy: {
+                    id: "",
+                    displayName: ""
+                },
+                createdOn: "",
+                savedBy: {
+                    id: "",
+                    displayName: ""
+                },
+                savedOn: "",
+                modifiedBy: null,
+                modifiedOn: null,
+                extensions: {}
+            }
+        }));
+}
+function createMockFile(overrides = {}) {
+    return {
+        id: "file-1",
+        name: "photo.jpg",
+        key: "files/photo.jpg",
+        src: "https://cdn.example.com/files/photo.jpg",
+        type: "image/jpeg",
+        size: 1024,
+        metadata: {},
+        tags: [],
+        createdOn: "2025-01-01T00:00:00Z",
+        savedOn: "2025-01-02T00:00:00Z",
+        createdBy: {
+            id: "user-1",
+            displayName: "Alice",
+            type: "admin"
+        },
+        savedBy: {
+            id: "user-1",
+            displayName: "Alice",
+            type: "admin"
+        },
+        location: {
+            folderId: "root"
+        },
+        ...overrides
+    };
+}
+function createMockFolderNode(overrides = {}) {
+    return {
+        id: "folder-1",
+        name: "Documents",
+        slug: "documents",
+        parentId: null,
+        children: [],
+        hasNonInheritedPermissions: false,
+        canManagePermissions: false,
+        canManageStructure: true,
+        ...overrides
+    };
+}
+function createMockPresenter(vmOverrides = {}) {
+    const defaultVm = observable({
+        fileModel: null,
+        list: {
+            rows: [],
+            sort: null,
+            filters: {},
+            search: "",
+            appliedQuery: null,
+            pagination: {
+                hasMore: false,
+                loading: false,
+                loadingMore: false,
+                totalCount: 0,
+                currentCount: 0
+            },
+            selection: {
+                selectedIds: new Set(),
+                selectedCount: 0,
+                allSelected: false
+            },
+            empty: true,
+            emptyWithFilters: false,
+            error: null
+        },
+        folders: {
+            folders: [],
+            tree: [],
+            currentFolderId: null,
+            currentFolder: null,
+            loading: false,
+            operation: {
+                active: false,
+                mode: null
+            },
+            isRootFolder: true,
+            currentFolderTitle: "All Files",
+            childFolders: [],
+            loadingNodeIds: []
+        },
+        permissions: {
+            canRead: true,
+            canCreate: true,
+            canEdit: true,
+            canDelete: true,
+            canEditFile: ()=>true,
+            canDeleteFile: ()=>true
+        },
+        upload: {
+            jobs: [],
+            overallProgress: {
+                percentage: 0,
+                bytesSent: 0,
+                totalBytes: 0
+            },
+            isUploading: false
+        },
+        tags: [],
+        showFolders: true,
+        viewMode: "table",
+        dragging: false,
+        showingFilters: false,
+        isOverlay: false,
+        accept: [],
+        multiple: false,
+        scope: void 0,
+        fileDetails: null,
+        ...vmOverrides
+    });
+    return {
+        vm: defaultVm,
+        actions: {
+            search: {
+                set: vi.fn(),
+                clear: vi.fn()
+            },
+            sort: {
+                set: vi.fn(),
+                toggle: vi.fn()
+            },
+            filter: {
+                set: vi.fn(),
+                clear: vi.fn(),
+                clearAll: vi.fn()
+            },
+            selection: {
+                toggle: vi.fn(),
+                selectRangeTo: vi.fn(),
+                selectAll: vi.fn(),
+                deselectAll: vi.fn(),
+                selectRows: vi.fn(),
+                isSelected: vi.fn().mockReturnValue(false)
+            },
+            loadMore: vi.fn().mockResolvedValue(void 0),
+            refresh: vi.fn().mockResolvedValue(void 0),
+            upload: vi.fn().mockResolvedValue(void 0),
+            setViewMode: vi.fn(),
+            showFileDetails: vi.fn(),
+            hideFileDetails: vi.fn(),
+            setDragging: vi.fn(),
+            showFilters: vi.fn(),
+            hideFilters: vi.fn(),
+            folders: {
+                selectFolder: vi.fn(),
+                createFolder: vi.fn(),
+                editFolder: vi.fn(),
+                deleteFolder: vi.fn().mockResolvedValue(void 0),
+                moveFolder: vi.fn().mockResolvedValue(void 0),
+                loadChildFolders: vi.fn().mockResolvedValue(void 0),
+                canManageStructure: vi.fn().mockReturnValue(true),
+                getAncestorIds: vi.fn().mockReturnValue([]),
+                submitOperation: vi.fn().mockResolvedValue(true),
+                cancelOperation: vi.fn()
+            }
+        },
+        init: vi.fn(),
+        dispose: vi.fn()
+    };
+}
+describe("FileTable — sorting conversion", ()=>{
+    it("should convert null sort to empty DataTable sorting", ()=>{
+        expect(toDataTableSorting(null)).toEqual([]);
+    });
+    it("should convert ASC sort to DataTable format", ()=>{
+        const result = toDataTableSorting({
+            field: "name",
+            direction: "ASC"
+        });
+        expect(result).toEqual([
+            {
+                id: "name",
+                desc: false
+            }
+        ]);
+    });
+    it("should convert DESC sort to DataTable format", ()=>{
+        const result = toDataTableSorting({
+            field: "createdOn",
+            direction: "DESC"
+        });
+        expect(result).toEqual([
+            {
+                id: "createdOn",
+                desc: true
+            }
+        ]);
+    });
+});
+describe("FileTable — folder data mapping", ()=>{
+    it("should map IFolderTreeNode to FolderTableRow with $type FOLDER", ()=>{
+        const node = createMockFolderNode({
+            id: "f1",
+            name: "Images",
+            slug: "images"
+        });
+        const rows = toFolderTableRows([
+            node
+        ]);
+        expect(rows).toHaveLength(1);
+        expect(rows[0].id).toBe("f1");
+        expect(rows[0].$type).toBe("FOLDER");
+        expect(rows[0].$selectable).toBe(false);
+        expect(rows[0].data.title).toBe("Images");
+        expect(rows[0].data.slug).toBe("images");
+    });
+    it("should map multiple folder nodes", ()=>{
+        const nodes = [
+            createMockFolderNode({
+                id: "f1",
+                name: "Docs"
+            }),
+            createMockFolderNode({
+                id: "f2",
+                name: "Photos"
+            })
+        ];
+        const rows = toFolderTableRows(nodes);
+        expect(rows).toHaveLength(2);
+        expect(rows[0].id).toBe("f1");
+        expect(rows[1].id).toBe("f2");
+    });
+    it("should return empty array for empty folder list", ()=>{
+        expect(toFolderTableRows([])).toEqual([]);
+    });
+});
+describe("FileTable — sort action wiring", ()=>{
+    it("should call actions.sort.set when sorting changes to DESC", ()=>{
+        const presenter = createMockPresenter();
+        const newSorting = [
+            {
+                id: "size",
+                desc: true
+            }
+        ];
+        if (newSorting.length > 0) {
+            const { id, desc } = newSorting[0];
+            presenter.actions.sort.set(id, desc ? "DESC" : "ASC");
+        }
+        expect(presenter.actions.sort.set).toHaveBeenCalledWith("size", "DESC");
+    });
+    it("should call actions.sort.set when sorting changes to ASC", ()=>{
+        const presenter = createMockPresenter();
+        const newSorting = [
+            {
+                id: "name",
+                desc: false
+            }
+        ];
+        if (newSorting.length > 0) {
+            const { id, desc } = newSorting[0];
+            presenter.actions.sort.set(id, desc ? "DESC" : "ASC");
+        }
+        expect(presenter.actions.sort.set).toHaveBeenCalledWith("name", "ASC");
+    });
+});
+describe("FileTable — selection action wiring", ()=>{
+    it("should call actions.selection.toggle for RECORD row toggle", ()=>{
+        const presenter = createMockPresenter();
+        const row = {
+            id: "file-1",
+            $type: "RECORD",
+            $selectable: true,
+            data: createMockFile()
+        };
+        if ("RECORD" === row.$type) presenter.actions.selection.toggle(row.id);
+        expect(presenter.actions.selection.toggle).toHaveBeenCalledWith("file-1");
+    });
+    it("should not call actions.selection.toggle for FOLDER row toggle", ()=>{
+        const presenter = createMockPresenter();
+        const row = {
+            id: "folder-1",
+            $type: "FOLDER",
+            $selectable: false,
+            data: {}
+        };
+        if ("RECORD" === row.$type) presenter.actions.selection.toggle(row.id);
+        expect(presenter.actions.selection.toggle).not.toHaveBeenCalled();
+    });
+    it("should call actions.selection.deselectAll when empty selection", ()=>{
+        const presenter = createMockPresenter();
+        const rows = [];
+        if (0 === rows.length) presenter.actions.selection.deselectAll();
+        expect(presenter.actions.selection.deselectAll).toHaveBeenCalled();
+    });
+    it("should call actions.selection.selectRows with file IDs only", ()=>{
+        const presenter = createMockPresenter();
+        const rows = [
+            {
+                id: "file-1",
+                $type: "RECORD",
+                $selectable: true,
+                data: createMockFile({
+                    id: "file-1"
+                })
+            },
+            {
+                id: "folder-1",
+                $type: "FOLDER",
+                $selectable: false,
+                data: {}
+            },
+            {
+                id: "file-2",
+                $type: "RECORD",
+                $selectable: true,
+                data: createMockFile({
+                    id: "file-2"
+                })
+            }
+        ];
+        const ids = rows.filter((row)=>"RECORD" === row.$type).map((row)=>row.id);
+        presenter.actions.selection.selectRows(ids);
+        expect(presenter.actions.selection.selectRows).toHaveBeenCalledWith([
+            "file-1",
+            "file-2"
+        ]);
+    });
+});
+
+//# sourceMappingURL=FileTable.test.js.map

package/presentation/FileList/components/Table/FileTable.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/Table/FileTable.test.js","sources":["../../../../../src/presentation/FileList/components/Table/FileTable.test.ts"],"sourcesContent":["// @vitest-environment jsdom\nimport { describe, it, expect, vi } from \"vitest\";\nimport { observable } from \"mobx\";\nimport type { IFileManagerPresenter, IFileManagerViewModel } from \"../../abstractions.js\";\nimport type { IFolderTreeNode } from \"@webiny/app-aco/presentation/folderTree/abstractions.js\";\nimport type { FmFile } from \"~/features/shared/types.js\";\n\n// ---------------------------------------------------------------------------\n// Helpers — extracted from FileTable.tsx for unit testing.\n// ---------------------------------------------------------------------------\n\n/**\n * Convert presenter sort state to DataTable sorting format.\n */\nfunction toDataTableSorting(\n    sort: { field: string; direction: \"ASC\" | \"DESC\" } | null\n): Array<{ id: string; desc: boolean }> {\n    if (!sort) {\n        return [];\n    }\n    return [{ id: sort.field, desc: sort.direction === \"DESC\" }];\n}\n\n/**\n * Map IFolderTreeNode to FolderTableRow-compatible shape.\n */\nfunction toFolderTableRows(nodes: IFolderTreeNode[]) {\n    return nodes.map(node => ({\n        id: node.id,\n        $type: \"FOLDER\" as const,\n        $selectable: false,\n        data: {\n            id: node.id,\n            title: node.name,\n            slug: node.slug,\n            type: \"\",\n            parentId: node.parentId,\n            path: \"\",\n            permissions: [],\n            hasNonInheritedPermissions: false,\n            canManagePermissions: false,\n            canManageStructure: false,\n            canManageContent: false,\n            createdBy: { id: \"\", displayName: \"\" },\n            createdOn: \"\",\n            savedBy: { id: \"\", displayName: \"\" },\n            savedOn: \"\",\n            modifiedBy: null,\n            modifiedOn: null,\n            extensions: {}\n        }\n    }));\n}\n\n// ---------------------------------------------------------------------------\n// Mock file factory.\n// ---------------------------------------------------------------------------\n\nfunction createMockFile(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: 1024,\n        metadata: {},\n        tags: [],\n        createdOn: \"2025-01-01T00:00:00Z\",\n        savedOn: \"2025-01-02T00:00:00Z\",\n        createdBy: { id: \"user-1\", displayName: \"Alice\", type: \"admin\" },\n        savedBy: { id: \"user-1\", displayName: \"Alice\", type: \"admin\" },\n        location: { folderId: \"root\" },\n        ...overrides\n    };\n}\n\nfunction createMockFolderNode(overrides: Partial<IFolderTreeNode> = {}): IFolderTreeNode {\n    return {\n        id: \"folder-1\",\n        name: \"Documents\",\n        slug: \"documents\",\n        parentId: null,\n        children: [],\n        hasNonInheritedPermissions: false,\n        canManagePermissions: false,\n        canManageStructure: true,\n        ...overrides\n    };\n}\n\nfunction createMockPresenter(\n    vmOverrides: Partial<IFileManagerViewModel> = {}\n): IFileManagerPresenter {\n    const defaultVm: IFileManagerViewModel = observable({\n        fileModel: null,\n        list: {\n            rows: [],\n            sort: null,\n            filters: {},\n            search: \"\",\n            appliedQuery: null,\n            pagination: {\n                hasMore: false,\n                loading: false,\n                loadingMore: false,\n                totalCount: 0,\n                currentCount: 0\n            },\n            selection: {\n                selectedIds: new Set<string>(),\n                selectedCount: 0,\n                allSelected: false\n            },\n            empty: true,\n            emptyWithFilters: false,\n            error: null\n        },\n        folders: {\n            folders: [],\n            tree: [],\n            currentFolderId: null,\n            currentFolder: null,\n            loading: false,\n            operation: { active: false, mode: null },\n            isRootFolder: true,\n            currentFolderTitle: \"All Files\",\n            childFolders: [],\n            loadingNodeIds: []\n        },\n        permissions: {\n            canRead: true,\n            canCreate: true,\n            canEdit: true,\n            canDelete: true,\n            canEditFile: () => true,\n            canDeleteFile: () => true\n        },\n        upload: {\n            jobs: [],\n            overallProgress: { percentage: 0, bytesSent: 0, totalBytes: 0 },\n            isUploading: false\n        },\n        tags: [],\n        showFolders: true,\n        viewMode: \"table\" as const,\n        dragging: false,\n        showingFilters: false,\n        isOverlay: false,\n        accept: [],\n        multiple: false,\n        scope: undefined,\n        fileDetails: null,\n        ...vmOverrides\n    });\n\n    return {\n        vm: defaultVm,\n        actions: {\n            search: { set: vi.fn(), clear: vi.fn() },\n            sort: { set: vi.fn(), toggle: vi.fn() },\n            filter: { set: vi.fn(), clear: vi.fn(), clearAll: vi.fn() },\n            selection: {\n                toggle: vi.fn(),\n                selectRangeTo: vi.fn(),\n                selectAll: vi.fn(),\n                deselectAll: vi.fn(),\n                selectRows: vi.fn(),\n                isSelected: vi.fn().mockReturnValue(false)\n            },\n            loadMore: vi.fn().mockResolvedValue(undefined),\n            refresh: vi.fn().mockResolvedValue(undefined),\n            upload: vi.fn().mockResolvedValue(undefined),\n            setViewMode: vi.fn(),\n            showFileDetails: vi.fn(),\n            hideFileDetails: vi.fn(),\n            setDragging: vi.fn(),\n            showFilters: vi.fn(),\n            hideFilters: vi.fn(),\n            folders: {\n                selectFolder: vi.fn(),\n                createFolder: vi.fn(),\n                editFolder: vi.fn(),\n                deleteFolder: vi.fn().mockResolvedValue(undefined),\n                moveFolder: vi.fn().mockResolvedValue(undefined),\n                loadChildFolders: vi.fn().mockResolvedValue(undefined),\n                canManageStructure: vi.fn().mockReturnValue(true),\n                getAncestorIds: vi.fn().mockReturnValue([]),\n                submitOperation: vi.fn().mockResolvedValue(true),\n                cancelOperation: vi.fn()\n            }\n        },\n        init: vi.fn(),\n        dispose: vi.fn()\n    };\n}\n\n// ---------------------------------------------------------------------------\n// Tests\n// ---------------------------------------------------------------------------\n\ndescribe(\"FileTable — sorting conversion\", () => {\n    it(\"should convert null sort to empty DataTable sorting\", () => {\n        expect(toDataTableSorting(null)).toEqual([]);\n    });\n\n    it(\"should convert ASC sort to DataTable format\", () => {\n        const result = toDataTableSorting({ field: \"name\", direction: \"ASC\" });\n        expect(result).toEqual([{ id: \"name\", desc: false }]);\n    });\n\n    it(\"should convert DESC sort to DataTable format\", () => {\n        const result = toDataTableSorting({ field: \"createdOn\", direction: \"DESC\" });\n        expect(result).toEqual([{ id: \"createdOn\", desc: true }]);\n    });\n});\n\ndescribe(\"FileTable — folder data mapping\", () => {\n    it(\"should map IFolderTreeNode to FolderTableRow with $type FOLDER\", () => {\n        const node = createMockFolderNode({ id: \"f1\", name: \"Images\", slug: \"images\" });\n        const rows = toFolderTableRows([node]);\n\n        expect(rows).toHaveLength(1);\n        expect(rows[0].id).toBe(\"f1\");\n        expect(rows[0].$type).toBe(\"FOLDER\");\n        expect(rows[0].$selectable).toBe(false);\n        expect(rows[0].data.title).toBe(\"Images\");\n        expect(rows[0].data.slug).toBe(\"images\");\n    });\n\n    it(\"should map multiple folder nodes\", () => {\n        const nodes = [\n            createMockFolderNode({ id: \"f1\", name: \"Docs\" }),\n            createMockFolderNode({ id: \"f2\", name: \"Photos\" })\n        ];\n        const rows = toFolderTableRows(nodes);\n\n        expect(rows).toHaveLength(2);\n        expect(rows[0].id).toBe(\"f1\");\n        expect(rows[1].id).toBe(\"f2\");\n    });\n\n    it(\"should return empty array for empty folder list\", () => {\n        expect(toFolderTableRows([])).toEqual([]);\n    });\n});\n\ndescribe(\"FileTable — sort action wiring\", () => {\n    it(\"should call actions.sort.set when sorting changes to DESC\", () => {\n        const presenter = createMockPresenter();\n\n        // Simulate what the component does when onSortingChange fires.\n        const newSorting = [{ id: \"size\", desc: true }];\n        if (newSorting.length > 0) {\n            const { id, desc } = newSorting[0];\n            presenter.actions.sort.set(id, desc ? \"DESC\" : \"ASC\");\n        }\n\n        expect(presenter.actions.sort.set).toHaveBeenCalledWith(\"size\", \"DESC\");\n    });\n\n    it(\"should call actions.sort.set when sorting changes to ASC\", () => {\n        const presenter = createMockPresenter();\n\n        const newSorting = [{ id: \"name\", desc: false }];\n        if (newSorting.length > 0) {\n            const { id, desc } = newSorting[0];\n            presenter.actions.sort.set(id, desc ? \"DESC\" : \"ASC\");\n        }\n\n        expect(presenter.actions.sort.set).toHaveBeenCalledWith(\"name\", \"ASC\");\n    });\n});\n\ndescribe(\"FileTable — selection action wiring\", () => {\n    it(\"should call actions.selection.toggle for RECORD row toggle\", () => {\n        const presenter = createMockPresenter();\n\n        // Simulate onToggleRow for a file row.\n        const row = {\n            id: \"file-1\",\n            $type: \"RECORD\" as const,\n            $selectable: true,\n            data: createMockFile()\n        };\n        if (row.$type === \"RECORD\") {\n            presenter.actions.selection.toggle(row.id);\n        }\n\n        expect(presenter.actions.selection.toggle).toHaveBeenCalledWith(\"file-1\");\n    });\n\n    it(\"should not call actions.selection.toggle for FOLDER row toggle\", () => {\n        const presenter = createMockPresenter();\n\n        // Simulate onToggleRow for a folder row — folders are not selectable.\n        const row = { id: \"folder-1\", $type: \"FOLDER\" as const, $selectable: false, data: {} };\n        if ((row.$type as string) === \"RECORD\") {\n            presenter.actions.selection.toggle(row.id);\n        }\n\n        expect(presenter.actions.selection.toggle).not.toHaveBeenCalled();\n    });\n\n    it(\"should call actions.selection.deselectAll when empty selection\", () => {\n        const presenter = createMockPresenter();\n\n        // Simulate onSelectRow with empty array.\n        const rows: Array<{ id: string; $type: string }> = [];\n        if (rows.length === 0) {\n            presenter.actions.selection.deselectAll();\n        }\n\n        expect(presenter.actions.selection.deselectAll).toHaveBeenCalled();\n    });\n\n    it(\"should call actions.selection.selectRows with file IDs only\", () => {\n        const presenter = createMockPresenter();\n\n        // Simulate onSelectRow with mixed rows.\n        const rows = [\n            {\n                id: \"file-1\",\n                $type: \"RECORD\" as const,\n                $selectable: true,\n                data: createMockFile({ id: \"file-1\" })\n            },\n            { id: \"folder-1\", $type: \"FOLDER\" as const, $selectable: false, data: {} },\n            {\n                id: \"file-2\",\n                $type: \"RECORD\" as const,\n                $selectable: true,\n                data: createMockFile({ id: \"file-2\" })\n            }\n        ];\n\n        const ids = rows.filter(row => row.$type === \"RECORD\").map(row => row.id);\n        presenter.actions.selection.selectRows(ids);\n\n        expect(presenter.actions.selection.selectRows).toHaveBeenCalledWith([\"file-1\", \"file-2\"]);\n    });\n});\n"],"names":["toDataTableSorting","sort","toFolderTableRows","nodes","node","createMockFile","overrides","createMockFolderNode","createMockPresenter","vmOverrides","defaultVm","observable","Set","undefined","vi","describe","it","expect","result","rows","presenter","newSorting","id","desc","row","ids"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+export { FileTable } from "./FileTable.js";
+export type { FileTableItem } from "./FileTable.js";
+export * from "./Actions/index.js";
+export * from "./Cells/index.js";

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

@@ -0,0 +1,3 @@
+export * from "./Actions/index.js";
+export * from "./Cells/index.js";
+export { FileTable } from "./FileTable.js";

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

@@ -0,0 +1,8 @@
+import react from "react";
+import { Text } from "@webiny/admin-ui";
+const Empty = ({ disclaimer = "No tags found..." })=>/*#__PURE__*/ react.createElement(Text, {
+        className: "text-neutral-muted"
+    }, disclaimer);
+export { Empty };
+
+//# sourceMappingURL=Empty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/TagsList/Empty.js","sources":["../../../../../src/presentation/FileList/components/TagsList/Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\n\ntype EmptyProps = {\n    disclaimer?: string;\n};\n\nexport const Empty = ({ disclaimer = `No tags found...` }: EmptyProps) => {\n    return <Text className={\"text-neutral-muted\"}>{disclaimer}</Text>;\n};\n"],"names":["Empty","disclaimer","Text"],"mappings":";;AAOO,MAAMA,QAAQ,CAAC,EAAEC,aAAa,kBAAkB,EAAc,GAC1D,WAAP,GAAO,oBAACC,MAAIA;QAAC,WAAW;OAAuBD"}

package/presentation/FileList/components/TagsList/FilterSelect.js

@@ -0,0 +1,38 @@
+import react, { useState } from "react";
+import { Select, Text } from "@webiny/admin-ui";
+import { useFileManagerPresenter } from "../../FileManagerPresenterProvider.js";
+const options = [
+    {
+        value: "OR",
+        label: "match any"
+    },
+    {
+        value: "AND",
+        label: "match all"
+    }
+];
+const FilterSelect = ()=>{
+    const { vm, actions } = useFileManagerPresenter();
+    const activeTags = vm.list.filters["tags"] ?? [];
+    const [filterMode, setFilterMode] = useState("OR");
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm mb-md"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        className: "font-semibold"
+    }, "Filter by tag"), /*#__PURE__*/ react.createElement(Select, {
+        disabled: activeTags.length < 2,
+        size: "md",
+        variant: "secondary",
+        value: filterMode,
+        onChange: (mode)=>{
+            const typedMode = mode;
+            setFilterMode(typedMode);
+            if (activeTags.length > 0) actions.filter.set("tags_rule", typedMode);
+        },
+        options: options,
+        displayResetAction: false
+    }));
+};
+export { FilterSelect };
+
+//# sourceMappingURL=FilterSelect.js.map

package/presentation/FileList/components/TagsList/FilterSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/TagsList/FilterSelect.js","sources":["../../../../../src/presentation/FileList/components/TagsList/FilterSelect.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Select, Text } from \"@webiny/admin-ui\";\nimport { useFileManagerPresenter } from \"~/presentation/FileList/FileManagerPresenterProvider.js\";\n\nconst options = [\n    {\n        value: \"OR\",\n        label: \"match any\"\n    },\n    {\n        value: \"AND\",\n        label: \"match all\"\n    }\n];\n\nexport const FilterSelect = () => {\n    const { vm, actions } = useFileManagerPresenter();\n    const activeTags = (vm.list.filters[\"tags\"] as string[] | undefined) ?? [];\n    const [filterMode, setFilterMode] = useState<\"AND\" | \"OR\">(\"OR\");\n\n    return (\n        <div className={\"flex flex-col gap-sm mb-md\"}>\n            <Text className={\"font-semibold\"}>Filter by tag</Text>\n            <Select\n                disabled={activeTags.length < 2}\n                size={\"md\"}\n                variant={\"secondary\"}\n                value={filterMode}\n                onChange={mode => {\n                    const typedMode = mode as \"AND\" | \"OR\";\n                    setFilterMode(typedMode);\n                    if (activeTags.length > 0) {\n                        actions.filter.set(\"tags_rule\", typedMode);\n                    }\n                }}\n                options={options}\n                displayResetAction={false}\n            />\n        </div>\n    );\n};\n"],"names":["options","FilterSelect","vm","actions","useFileManagerPresenter","activeTags","filterMode","setFilterMode","useState","Text","Select","mode","typedMode"],"mappings":";;;AAIA,MAAMA,UAAU;IACZ;QACI,OAAO;QACP,OAAO;IACX;IACA;QACI,OAAO;QACP,OAAO;IACX;CACH;AAEM,MAAMC,eAAe;IACxB,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGC;IACxB,MAAMC,aAAcH,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,IAA6B,EAAE;IAC1E,MAAM,CAACI,YAAYC,cAAc,GAAGC,SAAuB;IAE3D,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA;QAAC,WAAW;OAAiB,gCAClC,oBAACC,QAAMA;QACH,UAAUL,WAAW,MAAM,GAAG;QAC9B,MAAM;QACN,SAAS;QACT,OAAOC;QACP,UAAUK,CAAAA;YACN,MAAMC,YAAYD;YAClBJ,cAAcK;YACd,IAAIP,WAAW,MAAM,GAAG,GACpBF,QAAQ,MAAM,CAAC,GAAG,CAAC,aAAaS;QAExC;QACA,SAASZ;QACT,oBAAoB;;AAIpC"}

package/presentation/FileList/components/TagsList/FilterStatus.js

@@ -0,0 +1,25 @@
+import react, { useCallback } from "react";
+import { Button, Text } from "@webiny/admin-ui";
+import { useFileManagerPresenter } from "../../FileManagerPresenterProvider.js";
+const FilterStatus = ({ activeTags, onActivatedTagsChange })=>{
+    const { actions } = useFileManagerPresenter();
+    const resetTags = useCallback(()=>{
+        onActivatedTagsChange([]);
+        actions.filter.clear("tags_rule");
+    }, []);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "mb-md flex items-center justify-between gap-sm"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "text-neutral-muted"
+    }, activeTags.length, " selected"), /*#__PURE__*/ react.createElement(Button, {
+        onClick: resetTags,
+        size: "sm",
+        variant: "ghost",
+        text: "Reset",
+        disabled: 0 === activeTags.length
+    }));
+};
+export { FilterStatus };
+
+//# sourceMappingURL=FilterStatus.js.map

package/presentation/FileList/components/TagsList/FilterStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/TagsList/FilterStatus.js","sources":["../../../../../src/presentation/FileList/components/TagsList/FilterStatus.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Button, Text } from \"@webiny/admin-ui\";\nimport { useFileManagerPresenter } from \"~/presentation/FileList/FileManagerPresenterProvider.js\";\n\ninterface FilterStatusProps {\n    activeTags: string[];\n    onActivatedTagsChange: (tags: string[]) => void;\n}\n\nexport const FilterStatus = ({ activeTags, onActivatedTagsChange }: FilterStatusProps) => {\n    const { actions } = useFileManagerPresenter();\n\n    const resetTags = useCallback(() => {\n        onActivatedTagsChange([]);\n        actions.filter.clear(\"tags_rule\");\n    }, []);\n\n    return (\n        <div className={\"mb-md flex items-center justify-between gap-sm\"}>\n            <Text size={\"sm\"} className={\"text-neutral-muted\"}>\n                {activeTags.length} selected\n            </Text>\n            <Button\n                onClick={resetTags}\n                size={\"sm\"}\n                variant={\"ghost\"}\n                text={\"Reset\"}\n                disabled={activeTags.length === 0}\n            />\n        </div>\n    );\n};\n"],"names":["FilterStatus","activeTags","onActivatedTagsChange","actions","useFileManagerPresenter","resetTags","useCallback","Text","Button"],"mappings":";;;AASO,MAAMA,eAAe,CAAC,EAAEC,UAAU,EAAEC,qBAAqB,EAAqB;IACjF,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,MAAMC,YAAYC,YAAY;QAC1BJ,sBAAsB,EAAE;QACxBC,QAAQ,MAAM,CAAC,KAAK,CAAC;IACzB,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACI,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBN,WAAW,MAAM,EAAC,4BAEvB,oBAACO,QAAMA;QACH,SAASH;QACT,MAAM;QACN,SAAS;QACT,MAAM;QACN,UAAUJ,AAAsB,MAAtBA,WAAW,MAAM;;AAI3C"}

package/presentation/FileList/components/TagsList/Tag.js

@@ -0,0 +1,11 @@
+import react from "react";
+import { Tag } from "@webiny/admin-ui";
+const Tag_Tag = ({ tagItem, active, onTagClick })=>/*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Tag, {
+        variant: active ? "accent" : "neutral-muted",
+        content: tagItem.tag,
+        onClick: ()=>onTagClick(tagItem),
+        onDismiss: active ? ()=>onTagClick(tagItem) : void 0
+    }));
+export { Tag_Tag as Tag };
+
+//# sourceMappingURL=Tag.js.map

package/presentation/FileList/components/TagsList/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/TagsList/Tag.js","sources":["../../../../../src/presentation/FileList/components/TagsList/Tag.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tag as AdminTag } from \"@webiny/admin-ui\";\nimport type { TagItem } from \"@webiny/app-aco/types.js\";\n\ntype TagProps = {\n    tagItem: TagItem;\n    active: boolean;\n    onTagClick: (tagItem: TagItem) => void;\n};\n\nexport const Tag = ({ tagItem, active, onTagClick }: TagProps) => {\n    return (\n        <div>\n            <AdminTag\n                variant={active ? \"accent\" : \"neutral-muted\"}\n                content={tagItem.tag}\n                onClick={() => onTagClick(tagItem)}\n                onDismiss={active ? () => onTagClick(tagItem) : undefined}\n            />\n        </div>\n    );\n};\n"],"names":["Tag","tagItem","active","onTagClick","AdminTag","undefined"],"mappings":";;AAUO,MAAMA,UAAM,CAAC,EAAEC,OAAO,EAAEC,MAAM,EAAEC,UAAU,EAAY,GAClD,WAAP,GACI,oBAAC,2BACG,oBAACC,KAAQA;QACL,SAASF,SAAS,WAAW;QAC7B,SAASD,QAAQ,GAAG;QACpB,SAAS,IAAME,WAAWF;QAC1B,WAAWC,SAAS,IAAMC,WAAWF,WAAWI"}

package/presentation/FileList/components/TagsList/Tags.js

@@ -0,0 +1,30 @@
+import react, { useCallback } from "react";
+import { Tag } from "@webiny/admin-ui";
+const Tags = ({ tags, activeTags, onActivatedTagsChange })=>{
+    const toggleTag = useCallback((tag)=>{
+        const finalTags = Array.isArray(activeTags) ? [
+            ...activeTags
+        ] : [];
+        if (finalTags.find((item)=>tag === item)) finalTags.splice(finalTags.indexOf(tag), 1);
+        else finalTags.push(tag);
+        onActivatedTagsChange(finalTags);
+    }, [
+        activeTags
+    ]);
+    const getIsActive = useCallback((tagItem)=>activeTags.includes(tagItem.tag), [
+        activeTags
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm"
+    }, tags.map((tagItem, index)=>/*#__PURE__*/ react.createElement("div", {
+            key: `tag-${index}`
+        }, /*#__PURE__*/ react.createElement(Tag, {
+            variant: getIsActive(tagItem) ? "accent" : "neutral-muted",
+            content: tagItem.tag,
+            onClick: ()=>toggleTag(tagItem.tag),
+            onDismiss: getIsActive(tagItem) ? ()=>toggleTag(tagItem.tag) : void 0
+        }))));
+};
+export { Tags };
+
+//# sourceMappingURL=Tags.js.map

package/presentation/FileList/components/TagsList/Tags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/TagsList/Tags.js","sources":["../../../../../src/presentation/FileList/components/TagsList/Tags.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Tag as AdminTag } from \"@webiny/admin-ui\";\nimport type { TagItem } from \"@webiny/app-aco/types.js\";\n\nexport interface TagsProps {\n    tags: TagItem[];\n    activeTags: string[];\n    onActivatedTagsChange: (tags: string[]) => void;\n}\n\nexport const Tags = ({ tags, activeTags, onActivatedTagsChange }: TagsProps) => {\n    const toggleTag = useCallback(\n        (tag: TagItem[\"tag\"]) => {\n            const finalTags = Array.isArray(activeTags) ? [...activeTags] : [];\n\n            if (finalTags.find(item => tag === item)) {\n                finalTags.splice(finalTags.indexOf(tag), 1);\n            } else {\n                finalTags.push(tag);\n            }\n\n            onActivatedTagsChange(finalTags);\n        },\n        [activeTags]\n    );\n\n    const getIsActive = useCallback(\n        (tagItem: TagItem) => {\n            return activeTags.includes(tagItem.tag);\n        },\n        [activeTags]\n    );\n\n    return (\n        <div className={\"flex flex-col gap-sm\"}>\n            {tags.map((tagItem, index) => (\n                <div key={`tag-${index}`}>\n                    <AdminTag\n                        variant={getIsActive(tagItem) ? \"accent\" : \"neutral-muted\"}\n                        content={tagItem.tag}\n                        onClick={() => toggleTag(tagItem.tag)}\n                        onDismiss={getIsActive(tagItem) ? () => toggleTag(tagItem.tag) : undefined}\n                    />\n                </div>\n            ))}\n        </div>\n    );\n};\n"],"names":["Tags","tags","activeTags","onActivatedTagsChange","toggleTag","useCallback","tag","finalTags","Array","item","getIsActive","tagItem","index","AdminTag","undefined"],"mappings":";;AAUO,MAAMA,OAAO,CAAC,EAAEC,IAAI,EAAEC,UAAU,EAAEC,qBAAqB,EAAa;IACvE,MAAMC,YAAYC,YACd,CAACC;QACG,MAAMC,YAAYC,MAAM,OAAO,CAACN,cAAc;eAAIA;SAAW,GAAG,EAAE;QAElE,IAAIK,UAAU,IAAI,CAACE,CAAAA,OAAQH,QAAQG,OAC/BF,UAAU,MAAM,CAACA,UAAU,OAAO,CAACD,MAAM;aAEzCC,UAAU,IAAI,CAACD;QAGnBH,sBAAsBI;IAC1B,GACA;QAACL;KAAW;IAGhB,MAAMQ,cAAcL,YAChB,CAACM,UACUT,WAAW,QAAQ,CAACS,QAAQ,GAAG,GAE1C;QAACT;KAAW;IAGhB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXD,KAAK,GAAG,CAAC,CAACU,SAASC,QAAAA,WAAAA,GAChB,oBAAC;YAAI,KAAK,CAAC,IAAI,EAAEA,OAAO;yBACpB,oBAACC,KAAQA;YACL,SAASH,YAAYC,WAAW,WAAW;YAC3C,SAASA,QAAQ,GAAG;YACpB,SAAS,IAAMP,UAAUO,QAAQ,GAAG;YACpC,WAAWD,YAAYC,WAAW,IAAMP,UAAUO,QAAQ,GAAG,IAAIG;;AAMzF"}

package/presentation/FileList/components/TagsList/TagsList.js

@@ -0,0 +1,24 @@
+import react from "react";
+import { Loader } from "@webiny/app-aco";
+import { Empty } from "./Empty.js";
+import { FilterSelect } from "./FilterSelect.js";
+import { FilterStatus } from "./FilterStatus.js";
+import { Tags } from "./Tags.js";
+const TagsList = ({ loading, tags, emptyDisclaimer, onActivatedTagsChange, activeTags })=>{
+    if (loading) return /*#__PURE__*/ react.createElement(Loader, null);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "my-lg px-md"
+    }, 0 === tags.length ? /*#__PURE__*/ react.createElement(Empty, {
+        disclaimer: emptyDisclaimer
+    }) : /*#__PURE__*/ react.createElement(react.Fragment, null, tags.length > 1 && /*#__PURE__*/ react.createElement(FilterSelect, null), /*#__PURE__*/ react.createElement(FilterStatus, {
+        activeTags: activeTags,
+        onActivatedTagsChange: onActivatedTagsChange
+    }), /*#__PURE__*/ react.createElement(Tags, {
+        tags: tags,
+        activeTags: activeTags,
+        onActivatedTagsChange: onActivatedTagsChange
+    })));
+};
+export { TagsList };
+
+//# sourceMappingURL=TagsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/TagsList/TagsList.js","sources":["../../../../../src/presentation/FileList/components/TagsList/TagsList.tsx"],"sourcesContent":["import React from \"react\";\nimport { Loader } from \"@webiny/app-aco\";\nimport { Empty } from \"./Empty.js\";\nimport { FilterSelect } from \"./FilterSelect.js\";\nimport { FilterStatus } from \"./FilterStatus.js\";\nimport { Tags } from \"./Tags.js\";\n\nimport type { TagItem } from \"@webiny/app-aco/types.js\";\n\ninterface TagListProps {\n    loading: boolean;\n    onActivatedTagsChange: (tags: string[]) => void;\n    tags: TagItem[];\n    activeTags: string[];\n    emptyDisclaimer?: string;\n}\n\nexport const TagsList = ({\n    loading,\n    tags,\n    emptyDisclaimer,\n    onActivatedTagsChange,\n    activeTags\n}: TagListProps) => {\n    if (loading) {\n        return <Loader />;\n    }\n\n    return (\n        <div className={\"my-lg px-md\"}>\n            {tags.length === 0 ? (\n                <Empty disclaimer={emptyDisclaimer} />\n            ) : (\n                <>\n                    {tags.length > 1 && <FilterSelect />}\n                    <FilterStatus\n                        activeTags={activeTags}\n                        onActivatedTagsChange={onActivatedTagsChange}\n                    />\n                    <Tags\n                        tags={tags}\n                        activeTags={activeTags}\n                        onActivatedTagsChange={onActivatedTagsChange}\n                    />\n                </>\n            )}\n        </div>\n    );\n};\n"],"names":["TagsList","loading","tags","emptyDisclaimer","onActivatedTagsChange","activeTags","Loader","Empty","FilterSelect","FilterStatus","Tags"],"mappings":";;;;;;AAiBO,MAAMA,WAAW,CAAC,EACrBC,OAAO,EACPC,IAAI,EACJC,eAAe,EACfC,qBAAqB,EACrBC,UAAU,EACC;IACX,IAAIJ,SACA,OAAO,WAAP,GAAO,oBAACK,QAAMA;IAGlB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXJ,AAAgB,MAAhBA,KAAK,MAAM,GAAS,WAAJ,GACb,oBAACK,OAAKA;QAAC,YAAYJ;uBAEnB,0CACKD,KAAK,MAAM,GAAG,KAAK,WAAL,GAAK,oBAACM,cAAYA,OAAAA,WAAAA,GACjC,oBAACC,cAAYA;QACT,YAAYJ;QACZ,uBAAuBD;sBAE3B,oBAACM,MAAIA;QACD,MAAMR;QACN,YAAYG;QACZ,uBAAuBD;;AAM/C"}

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

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

package/presentation/FileList/components/Thumbnail/Thumbnail.js

@@ -0,0 +1,12 @@
+import react from "react";
+import { useFile } from "../../../hooks/useFile.js";
+import { useFileManagerConfig } from "../../../../index.js";
+const Thumbnail = ()=>{
+    const { file } = useFile();
+    const { browser, getThumbnailRenderer } = useFileManagerConfig();
+    const renderer = getThumbnailRenderer(browser.grid.itemThumbnails, file);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, renderer?.element || null);
+};
+export { Thumbnail };
+
+//# sourceMappingURL=Thumbnail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/Thumbnail/Thumbnail.js","sources":["../../../../../src/presentation/FileList/components/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFile } from \"~/presentation/hooks/useFile.js\";\nimport { useFileManagerConfig } from \"~/index.js\";\n\nexport const Thumbnail = () => {\n    const { file } = useFile();\n    const { browser, getThumbnailRenderer } = useFileManagerConfig();\n\n    const renderer = getThumbnailRenderer(browser.grid.itemThumbnails, file);\n\n    return <>{renderer?.element || null}</>;\n};\n"],"names":["Thumbnail","file","useFile","browser","getThumbnailRenderer","useFileManagerConfig","renderer"],"mappings":";;;AAIO,MAAMA,YAAY;IACrB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,OAAO,EAAEC,oBAAoB,EAAE,GAAGC;IAE1C,MAAMC,WAAWF,qBAAqBD,QAAQ,IAAI,CAAC,cAAc,EAAEF;IAEnE,OAAO,WAAP,GAAO,0CAAGK,UAAU,WAAW;AACnC"}

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

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

package/presentation/FileList/components/Upload/UploadProgress.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+/**
+ * Upload progress indicator that reads `vm.upload` from the FileListPresenter.
+ * Reuses the original UploadStatus markup — a bottom-center bar with progress
+ * and a close button.
+ */
+export declare const UploadProgress: (() => React.JSX.Element | null) & {
+    displayName: string;
+};