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

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

@@ -0,0 +1,79 @@
+import react, { useCallback, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { useShiftKey } from "@webiny/app-admin";
+import { useOverlay } from "../../../FileManager/OverlayContext.js";
+import { Table, createRecordsData } from "@webiny/app-aco";
+import { useFileManagerPresenter } from "../../FileManagerPresenterProvider.js";
+import { useFileManagerConfig } from "../../../config/FileManagerViewConfig.js";
+const toFolderTableRows = (folders)=>folders.map((folder)=>({
+            id: folder.id,
+            $type: "FOLDER",
+            $selectable: false,
+            data: folder
+        }));
+const toDataTableSorting = (sort)=>{
+    if (!sort) return [];
+    return [
+        {
+            id: sort.field,
+            desc: "DESC" === sort.direction
+        }
+    ];
+};
+const FileTable_FileTable = observer(function() {
+    const presenter = useFileManagerPresenter();
+    const { browser } = useFileManagerConfig();
+    const { vm, actions } = presenter;
+    const { isPressed: isShiftPressed } = useShiftKey();
+    const overlay = useOverlay();
+    const fileRows = createRecordsData(vm.list.rows);
+    const data = vm.showFolders ? [
+        ...toFolderTableRows(vm.folders.childFolders),
+        ...fileRows
+    ] : fileRows;
+    const selected = createRecordsData(vm.list.rows.filter((file)=>vm.list.selection.selectedIds.has(file.id)));
+    const sorting = useMemo(()=>toDataTableSorting(vm.list.sort), [
+        vm.list.sort
+    ]);
+    const onSortingChange = useCallback((updater)=>{
+        const newSorting = "function" == typeof updater ? updater(sorting) : updater;
+        if (newSorting.length > 0) {
+            const { id, desc } = newSorting[0];
+            actions.sort.set(id, desc ? "DESC" : "ASC");
+        }
+    }, [
+        sorting,
+        actions.sort
+    ]);
+    const onToggleRow = (row)=>{
+        if ("RECORD" !== row.$type) return;
+        if (isShiftPressed()) return void actions.selection.selectRangeTo(row.id);
+        if (overlay) {
+            const file = vm.list.rows.find((f)=>f.id === row.id);
+            if (file) overlay.onFileClick(file);
+            return;
+        }
+        actions.selection.toggle(row.id);
+    };
+    const onSelectRow = useCallback((rows)=>{
+        if (0 === rows.length) return void actions.selection.deselectAll();
+        const ids = rows.filter((row)=>"RECORD" === row.$type).map((row)=>row.id);
+        actions.selection.selectRows(ids);
+    }, [
+        actions.selection
+    ]);
+    return /*#__PURE__*/ react.createElement(Table, {
+        columns: browser.table.columns,
+        data: data,
+        loading: vm.list.pagination.loading,
+        onSelectRow: onSelectRow,
+        onToggleRow: onToggleRow,
+        sorting: sorting,
+        onSortingChange: onSortingChange,
+        selected: selected,
+        namespace: "fm/file/list"
+    });
+});
+export { FileTable_FileTable as FileTable };
+
+//# sourceMappingURL=FileTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileList/components/Table/FileTable.js","sources":["../../../../../src/presentation/FileList/components/Table/FileTable.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport type { DataTableSorting, OnDataTableSortingChange } from \"@webiny/admin-ui\";\nimport { useShiftKey } from \"@webiny/app-admin\";\nimport { useOverlay } from \"~/presentation/FileManager/OverlayContext.js\";\nimport { createRecordsData, Table as AcoTable } from \"@webiny/app-aco\";\nimport type { FolderTableRow, RecordTableRow } from \"@webiny/app-aco\";\nimport { useFileManagerPresenter } from \"../../FileManagerPresenterProvider.js\";\nimport { useFileManagerConfig } from \"~/presentation/config/FileManagerViewConfig.js\";\nimport type { FmFile } from \"~/features/shared/types.js\";\nimport type { FolderDto } from \"@webiny/app-aco\";\n\nexport type FileTableItem = FolderTableRow | RecordTableRow<FmFile>;\n\nconst toFolderTableRows = (folders: FolderDto[]): FolderTableRow[] => {\n    return folders.map(folder => ({\n        id: folder.id,\n        $type: \"FOLDER\" as const,\n        $selectable: false,\n        data: folder\n    }));\n};\n\n/**\n * Convert presenter sort state to DataTable sorting format.\n */\nconst toDataTableSorting = (\n    sort: { field: string; direction: \"ASC\" | \"DESC\" } | null\n): DataTableSorting => {\n    if (!sort) {\n        return [];\n    }\n    return [{ id: sort.field, desc: sort.direction === \"DESC\" }];\n};\n\n/**\n * Table View component driven by FileListPresenter vm.\n * Bridges the presenter's state to the ACO Table component,\n * wiring sort and selection actions back to the presenter.\n */\nexport const FileTable = observer(function FileTable() {\n    const presenter = useFileManagerPresenter();\n    const { browser } = useFileManagerConfig();\n    const { vm, actions } = presenter;\n\n    const { isPressed: isShiftPressed } = useShiftKey();\n    const overlay = useOverlay();\n\n    // No useMemo — MobX observer needs to track these observable accesses during render.\n    const fileRows = createRecordsData(vm.list.rows);\n    const data: FileTableItem[] = vm.showFolders\n        ? [...toFolderTableRows(vm.folders.childFolders), ...fileRows]\n        : fileRows;\n\n    const selected: FileTableItem[] = createRecordsData(\n        vm.list.rows.filter(file => vm.list.selection.selectedIds.has(file.id))\n    );\n\n    // Convert presenter sort state to DataTable format.\n    const sorting = useMemo(() => toDataTableSorting(vm.list.sort), [vm.list.sort]);\n\n    // Handle sorting changes from the DataTable.\n    const onSortingChange: OnDataTableSortingChange = useCallback(\n        updater => {\n            const newSorting = typeof updater === \"function\" ? updater(sorting) : updater;\n            if (newSorting.length > 0) {\n                const { id, desc } = newSorting[0];\n                actions.sort.set(id, desc ? \"DESC\" : \"ASC\");\n            }\n        },\n        [sorting, actions.sort]\n    );\n\n    const onToggleRow = (row: FileTableItem) => {\n        if (row.$type !== \"RECORD\") {\n            return;\n        }\n\n        if (isShiftPressed()) {\n            actions.selection.selectRangeTo(row.id);\n            return;\n        }\n\n        if (overlay) {\n            const file = vm.list.rows.find(f => f.id === row.id);\n            if (file) {\n                overlay.onFileClick(file);\n            }\n            return;\n        }\n\n        actions.selection.toggle(row.id);\n    };\n\n    // Handle select all / bulk selection.\n    const onSelectRow = useCallback(\n        (rows: FileTableItem[] | []) => {\n            if (rows.length === 0) {\n                actions.selection.deselectAll();\n                return;\n            }\n            const ids = rows\n                .filter((row): row is RecordTableRow<FmFile> => row.$type === \"RECORD\")\n                .map(row => row.id);\n            actions.selection.selectRows(ids);\n        },\n        [actions.selection]\n    );\n\n    return (\n        <AcoTable<FileTableItem>\n            columns={browser.table.columns}\n            data={data}\n            loading={vm.list.pagination.loading}\n            onSelectRow={onSelectRow}\n            onToggleRow={onToggleRow}\n            sorting={sorting}\n            onSortingChange={onSortingChange}\n            selected={selected}\n            namespace={\"fm/file/list\"}\n        />\n    );\n});\n"],"names":["toFolderTableRows","folders","folder","toDataTableSorting","sort","FileTable","observer","presenter","useFileManagerPresenter","browser","useFileManagerConfig","vm","actions","isShiftPressed","useShiftKey","overlay","useOverlay","fileRows","createRecordsData","data","selected","file","sorting","useMemo","onSortingChange","useCallback","updater","newSorting","id","desc","onToggleRow","row","f","onSelectRow","rows","ids","AcoTable"],"mappings":";;;;;;;AAcA,MAAMA,oBAAoB,CAACC,UAChBA,QAAQ,GAAG,CAACC,CAAAA,SAAW;YAC1B,IAAIA,OAAO,EAAE;YACb,OAAO;YACP,aAAa;YACb,MAAMA;QACV;AAMJ,MAAMC,qBAAqB,CACvBC;IAEA,IAAI,CAACA,MACD,OAAO,EAAE;IAEb,OAAO;QAAC;YAAE,IAAIA,KAAK,KAAK;YAAE,MAAMA,AAAmB,WAAnBA,KAAK,SAAS;QAAY;KAAE;AAChE;AAOO,MAAMC,sBAAYC,SAAS;IAC9B,MAAMC,YAAYC;IAClB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGL;IAExB,MAAM,EAAE,WAAWM,cAAc,EAAE,GAAGC;IACtC,MAAMC,UAAUC;IAGhB,MAAMC,WAAWC,kBAAkBP,GAAG,IAAI,CAAC,IAAI;IAC/C,MAAMQ,OAAwBR,GAAG,WAAW,GACtC;WAAIX,kBAAkBW,GAAG,OAAO,CAAC,YAAY;WAAMM;KAAS,GAC5DA;IAEN,MAAMG,WAA4BF,kBAC9BP,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAACU,CAAAA,OAAQV,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAACU,KAAK,EAAE;IAIzE,MAAMC,UAAUC,QAAQ,IAAMpB,mBAAmBQ,GAAG,IAAI,CAAC,IAAI,GAAG;QAACA,GAAG,IAAI,CAAC,IAAI;KAAC;IAG9E,MAAMa,kBAA4CC,YAC9CC,CAAAA;QACI,MAAMC,aAAa,AAAmB,cAAnB,OAAOD,UAAyBA,QAAQJ,WAAWI;QACtE,IAAIC,WAAW,MAAM,GAAG,GAAG;YACvB,MAAM,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAGF,UAAU,CAAC,EAAE;YAClCf,QAAQ,IAAI,CAAC,GAAG,CAACgB,IAAIC,OAAO,SAAS;QACzC;IACJ,GACA;QAACP;QAASV,QAAQ,IAAI;KAAC;IAG3B,MAAMkB,cAAc,CAACC;QACjB,IAAIA,AAAc,aAAdA,IAAI,KAAK,EACT;QAGJ,IAAIlB,kBAAkB,YAClBD,QAAQ,SAAS,CAAC,aAAa,CAACmB,IAAI,EAAE;QAI1C,IAAIhB,SAAS;YACT,MAAMM,OAAOV,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAACqB,CAAAA,IAAKA,EAAE,EAAE,KAAKD,IAAI,EAAE;YACnD,IAAIV,MACAN,QAAQ,WAAW,CAACM;YAExB;QACJ;QAEAT,QAAQ,SAAS,CAAC,MAAM,CAACmB,IAAI,EAAE;IACnC;IAGA,MAAME,cAAcR,YAChB,CAACS;QACG,IAAIA,AAAgB,MAAhBA,KAAK,MAAM,EAAQ,YACnBtB,QAAQ,SAAS,CAAC,WAAW;QAGjC,MAAMuB,MAAMD,KACP,MAAM,CAAC,CAACH,MAAuCA,AAAc,aAAdA,IAAI,KAAK,EACxD,GAAG,CAACA,CAAAA,MAAOA,IAAI,EAAE;QACtBnB,QAAQ,SAAS,CAAC,UAAU,CAACuB;IACjC,GACA;QAACvB,QAAQ,SAAS;KAAC;IAGvB,OAAO,WAAP,GACI,oBAACwB,OAAQA;QACL,SAAS3B,QAAQ,KAAK,CAAC,OAAO;QAC9B,MAAMU;QACN,SAASR,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO;QACnC,aAAasB;QACb,aAAaH;QACb,SAASR;QACT,iBAAiBE;QACjB,UAAUJ;QACV,WAAW;;AAGvB"}

package/presentation/FileList/components/Table/FileTable.test.d.ts

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

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.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type EmptyProps = {
+    disclaimer?: string;
+};
+export declare const Empty: ({ disclaimer }: EmptyProps) => React.JSX.Element;
+export {};

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.d.ts

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

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.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface FilterStatusProps {
+    activeTags: string[];
+    onActivatedTagsChange: (tags: string[]) => void;
+}
+export declare const FilterStatus: ({ activeTags, onActivatedTagsChange }: FilterStatusProps) => React.JSX.Element;
+export {};

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.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { TagItem } from "@webiny/app-aco/types.js";
+type TagProps = {
+    tagItem: TagItem;
+    active: boolean;
+    onTagClick: (tagItem: TagItem) => void;
+};
+export declare const Tag: ({ tagItem, active, onTagClick }: TagProps) => React.JSX.Element;
+export {};

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