@webiny/app-website-builder 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/presentation/pages/PageList/PageListPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/PageListPresenter.js","sources":["../../../../src/presentation/pages/PageList/PageListPresenter.ts"],"sourcesContent":["import { computed, makeAutoObservable, reaction } from \"mobx\";\nimport type { IReactionDisposer } from \"mobx\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport { FolderTreePresenter } from \"@webiny/app-aco/presentation/folderTree/abstractions.js\";\nimport { sortFolders } from \"@webiny/app-aco\";\nimport { GetDescendantFoldersUseCase } from \"@webiny/app-aco/features/folders/getDescendantFolders/abstractions.js\";\nimport { Confirmation } from \"@webiny/app-admin/features/confirmation/abstractions.js\";\nimport type { Page } from \"~/domain/Page/Page.js\";\nimport { ListPagesUseCase } from \"~/features/pages/listPages/abstractions.js\";\nimport { DeletePageUseCase } from \"~/features/pages/deletePage/abstractions.js\";\nimport { PublishPageUseCase } from \"~/features/pages/publishPage/abstractions.js\";\nimport { UnpublishPageUseCase } from \"~/features/pages/unpublishPage/abstractions.js\";\nimport { MovePageUseCase } from \"~/features/pages/movePage/abstractions.js\";\nimport { DuplicatePageUseCase } from \"~/features/pages/duplicatePage/abstractions.js\";\nimport { PageListCache } from \"~/features/pages/shared/abstractions.js\";\nimport { PageListPresenter as Abstraction, type IPageListViewModel } from \"./abstractions.js\";\nimport { PageListDataSource } from \"./PageListDataSource.js\";\n\nexport const TRASH_PAGE_DIALOG = \"trash-page\";\n\nclass PageListPresenterImpl implements Abstraction.Interface {\n    private _disposeReaction: IReactionDisposer | null = null;\n\n    constructor(\n        private _listPresenter: ListPresenter.Interface<Page>,\n        private _foldersPresenter: FolderTreePresenter.Interface,\n        private confirmation: Confirmation.Interface,\n        private listPagesUseCase: ListPagesUseCase.Interface,\n        private deletePageUseCase: DeletePageUseCase.Interface,\n        private publishPageUseCase: PublishPageUseCase.Interface,\n        private unpublishPageUseCase: UnpublishPageUseCase.Interface,\n        private movePageUseCase: MovePageUseCase.Interface,\n        private duplicatePageUseCase: DuplicatePageUseCase.Interface,\n        private pageListCache: PageListCache.Interface,\n        private getDescendantFoldersUseCase: GetDescendantFoldersUseCase.Interface\n    ) {\n        makeAutoObservable<\n            PageListPresenterImpl,\n            | \"_disposeReaction\"\n            | \"confirmation\"\n            | \"listPagesUseCase\"\n            | \"deletePageUseCase\"\n            | \"publishPageUseCase\"\n            | \"unpublishPageUseCase\"\n            | \"movePageUseCase\"\n            | \"duplicatePageUseCase\"\n            | \"pageListCache\"\n            | \"getDescendantFoldersUseCase\"\n        >(this, {\n            _disposeReaction: false,\n            confirmation: false,\n            listPagesUseCase: false,\n            deletePageUseCase: false,\n            publishPageUseCase: false,\n            unpublishPageUseCase: false,\n            movePageUseCase: false,\n            duplicatePageUseCase: false,\n            pageListCache: false,\n            getDescendantFoldersUseCase: false,\n            vm: computed\n        });\n    }\n\n    get vm(): IPageListViewModel {\n        return {\n            showFolders: this.shouldShowFolders(),\n            childFolders: this.getSortedChildFolders()\n        };\n    }\n\n    private getSortedChildFolders() {\n        if (!this.shouldShowFolders()) {\n            return [];\n        }\n        return sortFolders(\n            this._foldersPresenter.vm.childFolders ?? [],\n            this._listPresenter.vm.appliedQuery?.sort\n        );\n    }\n\n    private shouldShowFolders(): boolean {\n        const { appliedQuery } = this._listPresenter.vm;\n        if (!appliedQuery) {\n            return true;\n        }\n        if (appliedQuery.search) {\n            return false;\n        }\n        const hasFilters = Object.keys(this._listPresenter.vm.filters).some(k => k !== \"folderId\");\n        return !hasFilters;\n    }\n\n    get list(): ListPresenter.Interface<Page> {\n        return this._listPresenter;\n    }\n\n    get folders(): FolderTreePresenter.Interface {\n        return this._foldersPresenter;\n    }\n\n    init(config: Abstraction.InitConfig = {}): void {\n        const initialFolderId = config.initialFolderId ?? \"root\";\n\n        const dataSource = new PageListDataSource(\n            this.listPagesUseCase,\n            this.pageListCache,\n            this.getDescendantFoldersUseCase\n        );\n\n        this._listPresenter.init({\n            dataSource,\n            initialSort: { field: \"savedOn\", direction: \"DESC\" },\n            initialFilters: { folderId: initialFolderId },\n            initialSearch: config.initialSearch,\n            limit: 50,\n            itemLabel: { singular: \"page\", plural: \"pages\" }\n        });\n\n        if (initialFolderId !== \"root\") {\n            this._foldersPresenter.selectFolder(initialFolderId);\n        }\n\n        this._disposeReaction = reaction(\n            () => this._foldersPresenter.vm.currentFolderId,\n            folderId => {\n                const effectiveFolderId = folderId ?? \"root\";\n                this._listPresenter.actions.filter.set(\"folderId\", effectiveFolderId);\n            }\n        );\n    }\n\n    async deletePage(id: string): Promise<boolean> {\n        const result = await this.confirmation.confirm(TRASH_PAGE_DIALOG, { pageId: id }, () =>\n            this.deletePageUseCase.execute({ id, permanently: false })\n        );\n        return result !== false;\n    }\n\n    async publishPage(id: string): Promise<boolean> {\n        await this.publishPageUseCase.execute({ id });\n        return true;\n    }\n\n    async unpublishPage(id: string): Promise<boolean> {\n        await this.unpublishPageUseCase.execute({ id });\n        return true;\n    }\n\n    async movePage(id: string, folderId: string): Promise<boolean> {\n        await this.movePageUseCase.execute({ id, folderId });\n        return true;\n    }\n\n    async duplicatePage(id: string): Promise<boolean> {\n        await this.duplicatePageUseCase.execute({ id });\n        return true;\n    }\n\n    dispose(): void {\n        if (this._disposeReaction) {\n            this._disposeReaction();\n            this._disposeReaction = null;\n        }\n    }\n}\n\nexport const PageListPresenter = Abstraction.createImplementation({\n    implementation: PageListPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        FolderTreePresenter,\n        Confirmation,\n        ListPagesUseCase,\n        DeletePageUseCase,\n        PublishPageUseCase,\n        UnpublishPageUseCase,\n        MovePageUseCase,\n        DuplicatePageUseCase,\n        PageListCache,\n        GetDescendantFoldersUseCase\n    ]\n});\n"],"names":["TRASH_PAGE_DIALOG","PageListPresenterImpl","_listPresenter","_foldersPresenter","confirmation","listPagesUseCase","deletePageUseCase","publishPageUseCase","unpublishPageUseCase","movePageUseCase","duplicatePageUseCase","pageListCache","getDescendantFoldersUseCase","makeAutoObservable","computed","sortFolders","appliedQuery","hasFilters","Object","k","config","initialFolderId","dataSource","PageListDataSource","reaction","folderId","effectiveFolderId","id","result","PageListPresenter","Abstraction","ListPresenter","FolderTreePresenter","Confirmation","ListPagesUseCase","DeletePageUseCase","PublishPageUseCase","UnpublishPageUseCase","MovePageUseCase","DuplicatePageUseCase","PageListCache","GetDescendantFoldersUseCase"],"mappings":"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"}

package/presentation/pages/PageList/PageListPresenter.test.d.ts

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

package/presentation/pages/PageList/PageListPresenter.test.js

@@ -0,0 +1,291 @@
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { observable } from "mobx";
+import { Container } from "@webiny/di";
+import { ListCache } from "@webiny/app-admin/features/listCache/index.js";
+import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/ListPresenter.js";
+import { FolderTreePresenter } from "@webiny/app-aco/presentation/folderTree/abstractions.js";
+import { GetDescendantFoldersUseCase } from "@webiny/app-aco/features/folders/getDescendantFolders/abstractions.js";
+import { Confirmation } from "@webiny/app-admin/features/confirmation/abstractions.js";
+import { Page } from "../../../domain/Page/Page.js";
+import { ListPagesGateway } from "../../../features/pages/listPages/abstractions.js";
+import { ListPagesUseCase } from "../../../features/pages/listPages/ListPagesUseCase.js";
+import { ListPagesRepository } from "../../../features/pages/listPages/ListPagesRepository.js";
+import { FullPageCache, PageListCache } from "../../../features/pages/shared/abstractions.js";
+import { PublishPageGateway } from "../../../features/pages/publishPage/abstractions.js";
+import { PublishPageUseCase } from "../../../features/pages/publishPage/PublishPageUseCase.js";
+import { PublishPageRepository } from "../../../features/pages/publishPage/PublishPageRepository.js";
+import { DeletePageUseCase } from "../../../features/pages/deletePage/abstractions.js";
+import { UnpublishPageUseCase } from "../../../features/pages/unpublishPage/abstractions.js";
+import { MovePageUseCase } from "../../../features/pages/movePage/abstractions.js";
+import { DuplicatePageUseCase } from "../../../features/pages/duplicatePage/abstractions.js";
+import { PageListPresenter } from "./abstractions.js";
+import { PageListPresenter as external_PageListPresenter_js_PageListPresenter } from "./PageListPresenter.js";
+const TOTAL_PAGES = 300;
+const PAGE_SIZE = 50;
+const BASE_TIME = Date.UTC(2026, 0, 1);
+const minutes = (n)=>new Date(BASE_TIME + 60000 * n).toISOString();
+function createPages(count) {
+    return Array.from({
+        length: count
+    }, (_, i)=>Page.create({
+            id: `page-${i}#0001`,
+            entryId: `page-${i}`,
+            location: {
+                folderId: "root"
+            },
+            properties: {
+                title: `Page ${i}`
+            },
+            createdOn: minutes(count - i),
+            savedOn: minutes(i)
+        }));
+}
+function createGateway(pages) {
+    return {
+        execute: vi.fn(async (params)=>{
+            const [sort = "savedOn_DESC"] = params.sort ?? [];
+            const [field, direction] = sort.split("_");
+            const multiplier = "ASC" === direction ? 1 : -1;
+            const folderId = params.where?.location?.folderId;
+            const sorted = pages.filter((page)=>!folderId || page.location.folderId === folderId).sort((a, b)=>multiplier * String(a[field]).localeCompare(String(b[field])));
+            const offset = params.after ? Number(params.after) : 0;
+            const limit = params.limit ?? PAGE_SIZE;
+            const data = sorted.slice(offset, offset + limit);
+            const next = offset + data.length;
+            const hasMoreItems = next < sorted.length;
+            return {
+                data,
+                meta: {
+                    cursor: hasMoreItems ? String(next) : null,
+                    hasMoreItems,
+                    totalCount: sorted.length
+                }
+            };
+        })
+    };
+}
+function createFolderTreePresenter() {
+    const vm = observable({
+        folders: [],
+        tree: [],
+        currentFolderId: null,
+        currentFolder: null,
+        loading: false,
+        operation: {
+            active: false,
+            mode: null
+        },
+        isRootFolder: true,
+        currentFolderTitle: "All pages",
+        childFolders: [],
+        loadingNodeIds: []
+    });
+    return {
+        get vm () {
+            return vm;
+        },
+        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(),
+        onFolderChange: vi.fn().mockReturnValue(()=>{})
+    };
+}
+const noopUseCase = {
+    execute: vi.fn()
+};
+function range(from, to) {
+    const step = from <= to ? 1 : -1;
+    const ids = [];
+    for(let i = from; step > 0 ? i <= to : i >= to; i += step)ids.push(`page-${i}`);
+    return ids;
+}
+describe("PageListPresenter", ()=>{
+    let presenter;
+    let cache;
+    const publishGateway = {
+        execute: vi.fn(async (id)=>{
+            const page = cache.getItem((p)=>p.id === id);
+            return {
+                ...page,
+                status: "published"
+            };
+        })
+    };
+    const rowIds = ()=>presenter.list.vm.rows.map((row)=>row.entryId);
+    const waitForQuery = async (field, direction)=>{
+        await vi.waitFor(()=>{
+            const sort = presenter.list.vm.appliedQuery?.sort;
+            expect(sort).toEqual({
+                field,
+                direction
+            });
+            expect(presenter.list.vm.pagination.loading).toBe(false);
+        });
+    };
+    const initAndWait = async ()=>{
+        presenter.init();
+        await waitForQuery("savedOn", "DESC");
+    };
+    const loadAll = async ()=>{
+        while(presenter.list.vm.pagination.hasMore)await presenter.list.actions.loadMore();
+    };
+    beforeEach(()=>{
+        const container = new Container();
+        cache = new ListCache("entryId");
+        container.registerInstance(PageListCache, cache);
+        container.registerInstance(ListPagesGateway, createGateway(createPages(TOTAL_PAGES)));
+        container.register(ListPagesRepository).inSingletonScope();
+        container.register(ListPagesUseCase);
+        container.register(ListPresenter);
+        container.registerInstance(FolderTreePresenter, createFolderTreePresenter());
+        container.registerInstance(Confirmation, {
+            confirm: vi.fn()
+        });
+        container.registerInstance(GetDescendantFoldersUseCase, {
+            execute: ()=>[]
+        });
+        container.registerInstance(DeletePageUseCase, noopUseCase);
+        container.registerInstance(FullPageCache, new ListCache("id"));
+        container.registerInstance(PublishPageGateway, publishGateway);
+        container.register(PublishPageRepository).inSingletonScope();
+        container.register(PublishPageUseCase);
+        container.registerInstance(UnpublishPageUseCase, noopUseCase);
+        container.registerInstance(MovePageUseCase, noopUseCase);
+        container.registerInstance(DuplicatePageUseCase, noopUseCase);
+        container.register(external_PageListPresenter_js_PageListPresenter);
+        presenter = container.resolve(PageListPresenter);
+    });
+    describe("pagination", ()=>{
+        it("should show the most recently saved pages first", async ()=>{
+            await initAndWait();
+            expect(rowIds()).toEqual(range(299, 250));
+        });
+        it("should append the next batch of pages to the bottom of the list", async ()=>{
+            await initAndWait();
+            await presenter.list.actions.loadMore();
+            expect(rowIds()).toEqual(range(299, 200));
+        });
+        it("should keep all pages in order after loading everything", async ()=>{
+            await initAndWait();
+            await loadAll();
+            expect(rowIds()).toEqual(range(299, 0));
+        });
+    });
+    describe("changing the sort", ()=>{
+        it("should show only the first batch, in the new direction", async ()=>{
+            await initAndWait();
+            presenter.list.actions.sort.set("savedOn", "ASC");
+            await waitForQuery("savedOn", "ASC");
+            expect(rowIds()).toEqual(range(0, 49));
+        });
+        it("should show only the first batch, sorted by the new field", async ()=>{
+            await initAndWait();
+            presenter.list.actions.sort.set("createdOn", "DESC");
+            await waitForQuery("createdOn", "DESC");
+            expect(rowIds()).toEqual(range(0, 49));
+        });
+        it("should paginate in the new order", async ()=>{
+            await initAndWait();
+            presenter.list.actions.sort.set("savedOn", "ASC");
+            await waitForQuery("savedOn", "ASC");
+            await presenter.list.actions.loadMore();
+            expect(rowIds()).toEqual(range(0, 99));
+        });
+        it("should restore the original order when switching back", async ()=>{
+            await initAndWait();
+            await presenter.list.actions.loadMore();
+            presenter.list.actions.sort.set("savedOn", "ASC");
+            await waitForQuery("savedOn", "ASC");
+            presenter.list.actions.sort.set("savedOn", "DESC");
+            await waitForQuery("savedOn", "DESC");
+            expect(rowIds()).toEqual(range(299, 250));
+        });
+    });
+    describe("local cache changes", ()=>{
+        const newPage = ()=>Page.create({
+                id: "page-new#0001",
+                entryId: "page-new",
+                location: {
+                    folderId: "root"
+                },
+                properties: {
+                    title: "New page"
+                },
+                createdOn: minutes(TOTAL_PAGES + 1),
+                savedOn: minutes(TOTAL_PAGES + 1)
+            });
+        it("should show a created page at the top when it sorts first", async ()=>{
+            await initAndWait();
+            cache.addItems([
+                newPage()
+            ]);
+            expect(rowIds()).toEqual([
+                "page-new",
+                ...range(299, 250)
+            ]);
+        });
+        it("should not show a created page that sorts past the loaded pages", async ()=>{
+            await initAndWait();
+            presenter.list.actions.sort.set("savedOn", "ASC");
+            await waitForQuery("savedOn", "ASC");
+            cache.addItems([
+                newPage()
+            ]);
+            expect(rowIds()).toEqual(range(0, 49));
+        });
+        it("should show a created page in its sort position once everything is loaded", async ()=>{
+            await initAndWait();
+            presenter.list.actions.sort.set("savedOn", "ASC");
+            await waitForQuery("savedOn", "ASC");
+            await loadAll();
+            cache.addItems([
+                newPage()
+            ]);
+            expect(rowIds()).toEqual([
+                ...range(0, 299),
+                "page-new"
+            ]);
+        });
+        it("should move an updated page to its new sort position", async ()=>{
+            await initAndWait();
+            const page = cache.getItem((p)=>"page-260" === p.entryId);
+            cache.addItems([
+                Page.create({
+                    ...page,
+                    savedOn: minutes(TOTAL_PAGES + 1)
+                })
+            ]);
+            expect(rowIds()).toEqual([
+                "page-260",
+                ...range(299, 261),
+                ...range(259, 250)
+            ]);
+        });
+    });
+    describe("publishing", ()=>{
+        it("should keep a published page in its position", async ()=>{
+            await initAndWait();
+            const before = rowIds();
+            await presenter.publishPage("page-260#0001");
+            expect(rowIds()).toEqual(before);
+            const published = presenter.list.vm.rows.find((row)=>"page-260" === row.entryId);
+            expect(published?.status).toBe("published");
+        });
+        it("should keep a published page in its position after loading more pages", async ()=>{
+            await initAndWait();
+            await presenter.list.actions.loadMore();
+            const before = rowIds();
+            await presenter.publishPage("page-210#0001");
+            expect(rowIds()).toEqual(before);
+        });
+    });
+});
+
+//# sourceMappingURL=PageListPresenter.test.js.map

package/presentation/pages/PageList/PageListPresenter.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/PageListPresenter.test.js","sources":["../../../../src/presentation/pages/PageList/PageListPresenter.test.ts"],"sourcesContent":["import { describe, it, expect, vi, beforeEach } from \"vitest\";\nimport { observable } from \"mobx\";\nimport { Container } from \"@webiny/di\";\nimport { ListCache } from \"@webiny/app-admin/features/listCache/index.js\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/ListPresenter.js\";\nimport { FolderTreePresenter } from \"@webiny/app-aco/presentation/folderTree/abstractions.js\";\nimport { GetDescendantFoldersUseCase } from \"@webiny/app-aco/features/folders/getDescendantFolders/abstractions.js\";\nimport { Confirmation } from \"@webiny/app-admin/features/confirmation/abstractions.js\";\nimport { Page } from \"~/domain/Page/Page.js\";\nimport {\n    ListPagesGateway,\n    type IListPagesGatewayParams,\n    type IListPagesGatewayResult\n} from \"~/features/pages/listPages/abstractions.js\";\nimport { ListPagesUseCase } from \"~/features/pages/listPages/ListPagesUseCase.js\";\nimport { ListPagesRepository } from \"~/features/pages/listPages/ListPagesRepository.js\";\nimport { FullPageCache, PageListCache } from \"~/features/pages/shared/abstractions.js\";\nimport { PublishPageGateway } from \"~/features/pages/publishPage/abstractions.js\";\nimport { PublishPageUseCase as PublishPageUseCaseImpl } from \"~/features/pages/publishPage/PublishPageUseCase.js\";\nimport { PublishPageRepository } from \"~/features/pages/publishPage/PublishPageRepository.js\";\nimport { DeletePageUseCase } from \"~/features/pages/deletePage/abstractions.js\";\nimport { UnpublishPageUseCase } from \"~/features/pages/unpublishPage/abstractions.js\";\nimport { MovePageUseCase } from \"~/features/pages/movePage/abstractions.js\";\nimport { DuplicatePageUseCase } from \"~/features/pages/duplicatePage/abstractions.js\";\nimport { PageListPresenter as Abstraction } from \"./abstractions.js\";\nimport { PageListPresenter } from \"./PageListPresenter.js\";\n\nconst TOTAL_PAGES = 300;\nconst PAGE_SIZE = 50;\nconst BASE_TIME = Date.UTC(2026, 0, 1);\n\nconst minutes = (n: number) => new Date(BASE_TIME + n * 60_000).toISOString();\n\n/**\n * A higher index means a more recently *saved* page, but a less recently *created* one,\n * so sorting by `savedOn` and by `createdOn` produce opposite orders.\n */\nfunction createPages(count: number): Page[] {\n    return Array.from({ length: count }, (_, i) =>\n        Page.create({\n            id: `page-${i}#0001`,\n            entryId: `page-${i}`,\n            location: { folderId: \"root\" },\n            properties: { title: `Page ${i}` },\n            createdOn: minutes(count - i),\n            savedOn: minutes(i)\n        })\n    );\n}\n\n/**\n * Simulates the API: filters by folder, sorts by the requested field, and paginates\n * with an offset-based cursor.\n */\nfunction createGateway(pages: Page[]): ListPagesGateway.Interface {\n    return {\n        execute: vi.fn(\n            async (params: IListPagesGatewayParams): Promise<IListPagesGatewayResult> => {\n                const [sort = \"savedOn_DESC\"] = params.sort ?? [];\n                const [field, direction] = sort.split(\"_\") as [keyof Page, \"ASC\" | \"DESC\"];\n                const multiplier = direction === \"ASC\" ? 1 : -1;\n\n                const folderId = (params.where?.location as { folderId?: string })?.folderId;\n                const sorted = pages\n                    .filter(page => !folderId || page.location.folderId === folderId)\n                    .sort((a, b) => multiplier * String(a[field]).localeCompare(String(b[field])));\n\n                const offset = params.after ? Number(params.after) : 0;\n                const limit = params.limit ?? PAGE_SIZE;\n                const data = sorted.slice(offset, offset + limit);\n                const next = offset + data.length;\n                const hasMoreItems = next < sorted.length;\n\n                return {\n                    data,\n                    meta: {\n                        cursor: hasMoreItems ? String(next) : null,\n                        hasMoreItems,\n                        totalCount: sorted.length\n                    }\n                };\n            }\n        )\n    };\n}\n\nfunction createFolderTreePresenter(): FolderTreePresenter.Interface {\n    const vm = observable({\n        folders: [],\n        tree: [],\n        currentFolderId: null as string | null,\n        currentFolder: null,\n        loading: false,\n        operation: { active: false, mode: null },\n        isRootFolder: true,\n        currentFolderTitle: \"All pages\",\n        childFolders: [],\n        loadingNodeIds: []\n    });\n\n    return {\n        get vm() {\n            return vm as unknown as FolderTreePresenter.Interface[\"vm\"];\n        },\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        onFolderChange: vi.fn().mockReturnValue(() => {})\n    };\n}\n\nconst noopUseCase = { execute: vi.fn() };\n\n/**\n * Expected entry IDs for a contiguous range of page indexes, in the given order.\n */\nfunction range(from: number, to: number): string[] {\n    const step = from <= to ? 1 : -1;\n    const ids: string[] = [];\n    for (let i = from; step > 0 ? i <= to : i >= to; i += step) {\n        ids.push(`page-${i}`);\n    }\n    return ids;\n}\n\ndescribe(\"PageListPresenter\", () => {\n    let presenter: Abstraction.Interface;\n    let cache: ListCache<Page>;\n\n    /**\n     * Simulates the publish API: publishing is not a content modification, so the page\n     * comes back with its `savedOn` unchanged.\n     */\n    const publishGateway: PublishPageGateway.Interface = {\n        execute: vi.fn(async (id: string) => {\n            const page = cache.getItem(p => p.id === id)!;\n            return { ...page, status: \"published\" } as any;\n        })\n    };\n\n    const rowIds = () => presenter.list.vm.rows.map(row => row.entryId);\n\n    const waitForQuery = async (field: string, direction: \"ASC\" | \"DESC\") => {\n        await vi.waitFor(() => {\n            const sort = presenter.list.vm.appliedQuery?.sort;\n            expect(sort).toEqual({ field, direction });\n            expect(presenter.list.vm.pagination.loading).toBe(false);\n        });\n    };\n\n    const initAndWait = async () => {\n        presenter.init();\n        await waitForQuery(\"savedOn\", \"DESC\");\n    };\n\n    const loadAll = async () => {\n        while (presenter.list.vm.pagination.hasMore) {\n            await presenter.list.actions.loadMore();\n        }\n    };\n\n    beforeEach(() => {\n        const container = new Container();\n\n        cache = new ListCache<Page>(\"entryId\");\n        container.registerInstance(PageListCache, cache);\n        container.registerInstance(ListPagesGateway, createGateway(createPages(TOTAL_PAGES)));\n        container.register(ListPagesRepository).inSingletonScope();\n        container.register(ListPagesUseCase);\n\n        container.register(ListPresenter);\n        container.registerInstance(FolderTreePresenter, createFolderTreePresenter());\n        container.registerInstance(Confirmation, { confirm: vi.fn() } as Confirmation.Interface);\n        container.registerInstance(GetDescendantFoldersUseCase, { execute: () => [] });\n        container.registerInstance(DeletePageUseCase, noopUseCase as any);\n        container.registerInstance(FullPageCache, new ListCache<Page>(\"id\"));\n        container.registerInstance(PublishPageGateway, publishGateway);\n        container.register(PublishPageRepository).inSingletonScope();\n        container.register(PublishPageUseCaseImpl);\n        container.registerInstance(UnpublishPageUseCase, noopUseCase as any);\n        container.registerInstance(MovePageUseCase, noopUseCase as any);\n        container.registerInstance(DuplicatePageUseCase, noopUseCase as any);\n\n        container.register(PageListPresenter);\n\n        presenter = container.resolve(Abstraction);\n    });\n\n    describe(\"pagination\", () => {\n        it(\"should show the most recently saved pages first\", async () => {\n            await initAndWait();\n\n            expect(rowIds()).toEqual(range(299, 250));\n        });\n\n        it(\"should append the next batch of pages to the bottom of the list\", async () => {\n            await initAndWait();\n\n            await presenter.list.actions.loadMore();\n\n            expect(rowIds()).toEqual(range(299, 200));\n        });\n\n        it(\"should keep all pages in order after loading everything\", async () => {\n            await initAndWait();\n\n            await loadAll();\n\n            expect(rowIds()).toEqual(range(299, 0));\n        });\n    });\n\n    describe(\"changing the sort\", () => {\n        it(\"should show only the first batch, in the new direction\", async () => {\n            await initAndWait();\n\n            presenter.list.actions.sort.set(\"savedOn\", \"ASC\");\n            await waitForQuery(\"savedOn\", \"ASC\");\n\n            expect(rowIds()).toEqual(range(0, 49));\n        });\n\n        it(\"should show only the first batch, sorted by the new field\", async () => {\n            await initAndWait();\n\n            presenter.list.actions.sort.set(\"createdOn\", \"DESC\");\n            await waitForQuery(\"createdOn\", \"DESC\");\n\n            // `createdOn` runs opposite to `savedOn`, so the newest created page is page-0.\n            expect(rowIds()).toEqual(range(0, 49));\n        });\n\n        it(\"should paginate in the new order\", async () => {\n            await initAndWait();\n\n            presenter.list.actions.sort.set(\"savedOn\", \"ASC\");\n            await waitForQuery(\"savedOn\", \"ASC\");\n            await presenter.list.actions.loadMore();\n\n            expect(rowIds()).toEqual(range(0, 99));\n        });\n\n        it(\"should restore the original order when switching back\", async () => {\n            await initAndWait();\n            await presenter.list.actions.loadMore();\n\n            presenter.list.actions.sort.set(\"savedOn\", \"ASC\");\n            await waitForQuery(\"savedOn\", \"ASC\");\n\n            presenter.list.actions.sort.set(\"savedOn\", \"DESC\");\n            await waitForQuery(\"savedOn\", \"DESC\");\n\n            expect(rowIds()).toEqual(range(299, 250));\n        });\n    });\n\n    describe(\"local cache changes\", () => {\n        const newPage = () =>\n            Page.create({\n                id: \"page-new#0001\",\n                entryId: \"page-new\",\n                location: { folderId: \"root\" },\n                properties: { title: \"New page\" },\n                createdOn: minutes(TOTAL_PAGES + 1),\n                savedOn: minutes(TOTAL_PAGES + 1)\n            });\n\n        it(\"should show a created page at the top when it sorts first\", async () => {\n            await initAndWait();\n\n            cache.addItems([newPage()]);\n\n            expect(rowIds()).toEqual([\"page-new\", ...range(299, 250)]);\n        });\n\n        it(\"should not show a created page that sorts past the loaded pages\", async () => {\n            await initAndWait();\n            presenter.list.actions.sort.set(\"savedOn\", \"ASC\");\n            await waitForQuery(\"savedOn\", \"ASC\");\n\n            cache.addItems([newPage()]);\n\n            // The new page is the most recently saved, so in ASC order it belongs at the very\n            // end, after 250 pages that are not loaded yet.\n            expect(rowIds()).toEqual(range(0, 49));\n        });\n\n        it(\"should show a created page in its sort position once everything is loaded\", async () => {\n            await initAndWait();\n            presenter.list.actions.sort.set(\"savedOn\", \"ASC\");\n            await waitForQuery(\"savedOn\", \"ASC\");\n            await loadAll();\n\n            cache.addItems([newPage()]);\n\n            expect(rowIds()).toEqual([...range(0, 299), \"page-new\"]);\n        });\n\n        it(\"should move an updated page to its new sort position\", async () => {\n            await initAndWait();\n\n            const page = cache.getItem(p => p.entryId === \"page-260\")!;\n            cache.addItems([Page.create({ ...page, savedOn: minutes(TOTAL_PAGES + 1) })]);\n\n            expect(rowIds()).toEqual([\"page-260\", ...range(299, 261), ...range(259, 250)]);\n        });\n    });\n\n    describe(\"publishing\", () => {\n        it(\"should keep a published page in its position\", async () => {\n            await initAndWait();\n            const before = rowIds();\n\n            await presenter.publishPage(\"page-260#0001\");\n\n            expect(rowIds()).toEqual(before);\n            const published = presenter.list.vm.rows.find(row => row.entryId === \"page-260\");\n            expect(published?.status).toBe(\"published\");\n        });\n\n        it(\"should keep a published page in its position after loading more pages\", async () => {\n            await initAndWait();\n            await presenter.list.actions.loadMore();\n            const before = rowIds();\n\n            await presenter.publishPage(\"page-210#0001\");\n\n            expect(rowIds()).toEqual(before);\n        });\n    });\n});\n"],"names":["TOTAL_PAGES","PAGE_SIZE","BASE_TIME","Date","minutes","n","createPages","count","Array","_","i","Page","createGateway","pages","vi","params","sort","field","direction","multiplier","folderId","sorted","page","a","b","String","offset","Number","limit","data","next","hasMoreItems","createFolderTreePresenter","vm","observable","undefined","noopUseCase","range","from","to","step","ids","describe","presenter","cache","publishGateway","id","p","rowIds","row","waitForQuery","expect","initAndWait","loadAll","beforeEach","container","Container","ListCache","PageListCache","ListPagesGateway","ListPagesRepository","ListPagesUseCase","ListPresenter","FolderTreePresenter","Confirmation","GetDescendantFoldersUseCase","DeletePageUseCase","FullPageCache","PublishPageGateway","PublishPageRepository","PublishPageUseCaseImpl","UnpublishPageUseCase","MovePageUseCase","DuplicatePageUseCase","PageListPresenter","Abstraction","it","newPage","before","published"],"mappings":"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"}

package/presentation/pages/PageList/PageListPresenterProvider.d.ts

@@ -0,0 +1,2 @@
+import type { IPageListPresenter } from "./abstractions.js";
+export declare function usePageListPresenter(): IPageListPresenter;

package/presentation/pages/PageList/PageListPresenterProvider.js

@@ -0,0 +1,8 @@
+import { useFeature } from "@webiny/app";
+import { PageListPresenterFeature } from "./feature.js";
+function usePageListPresenter() {
+    return useFeature(PageListPresenterFeature).presenter;
+}
+export { usePageListPresenter };
+
+//# sourceMappingURL=PageListPresenterProvider.js.map

package/presentation/pages/PageList/PageListPresenterProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/PageListPresenterProvider.js","sources":["../../../../src/presentation/pages/PageList/PageListPresenterProvider.tsx"],"sourcesContent":["import { useFeature } from \"@webiny/app\";\nimport { PageListPresenterFeature } from \"./feature.js\";\nimport type { IPageListPresenter } from \"./abstractions.js\";\n\nexport function usePageListPresenter(): IPageListPresenter {\n    return useFeature(PageListPresenterFeature).presenter;\n}\n"],"names":["usePageListPresenter","useFeature","PageListPresenterFeature"],"mappings":";;AAIO,SAASA;IACZ,OAAOC,WAAWC,0BAA0B,SAAS;AACzD"}

package/presentation/pages/PageList/abstractions.d.ts

@@ -0,0 +1,30 @@
+import type { IListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import type { IFolderTreePresenter } from "@webiny/app-aco/presentation/folderTree/abstractions.js";
+import type { FolderDto } from "@webiny/app-aco";
+import type { Page } from "../../../domain/Page/Page.js";
+export interface IPageListInitConfig {
+    initialFolderId?: string;
+    initialSearch?: string;
+}
+export interface IPageListViewModel {
+    showFolders: boolean;
+    childFolders: FolderDto[];
+}
+export interface IPageListPresenter {
+    readonly vm: IPageListViewModel;
+    readonly list: IListPresenter<Page>;
+    readonly folders: IFolderTreePresenter;
+    deletePage(id: string): Promise<boolean>;
+    publishPage(id: string): Promise<boolean>;
+    unpublishPage(id: string): Promise<boolean>;
+    movePage(id: string, folderId: string): Promise<boolean>;
+    duplicatePage(id: string): Promise<boolean>;
+    init(config?: IPageListInitConfig): void;
+    dispose(): void;
+}
+export declare const PageListPresenter: import("@webiny/di").Abstraction<IPageListPresenter>;
+export declare namespace PageListPresenter {
+    type Interface = IPageListPresenter;
+    type ViewModel = IPageListViewModel;
+    type InitConfig = IPageListInitConfig;
+}

package/presentation/pages/PageList/abstractions.js

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

package/presentation/pages/PageList/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/abstractions.js","sources":["../../../../src/presentation/pages/PageList/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { IFolderTreePresenter } from \"@webiny/app-aco/presentation/folderTree/abstractions.js\";\nimport type { FolderDto } from \"@webiny/app-aco\";\nimport type { Page } from \"~/domain/Page/Page.js\";\n\nexport interface IPageListInitConfig {\n    initialFolderId?: string;\n    initialSearch?: string;\n}\n\nexport interface IPageListViewModel {\n    showFolders: boolean;\n    childFolders: FolderDto[];\n}\n\nexport interface IPageListPresenter {\n    readonly vm: IPageListViewModel;\n    readonly list: IListPresenter<Page>;\n    readonly folders: IFolderTreePresenter;\n\n    deletePage(id: string): Promise<boolean>;\n    publishPage(id: string): Promise<boolean>;\n    unpublishPage(id: string): Promise<boolean>;\n    movePage(id: string, folderId: string): Promise<boolean>;\n    duplicatePage(id: string): Promise<boolean>;\n\n    init(config?: IPageListInitConfig): void;\n    dispose(): void;\n}\n\nexport const PageListPresenter = createAbstraction<IPageListPresenter>(\"PageListPresenter\");\n\nexport namespace PageListPresenter {\n    export type Interface = IPageListPresenter;\n    export type ViewModel = IPageListViewModel;\n    export type InitConfig = IPageListInitConfig;\n}\n"],"names":["PageListPresenter","createAbstraction"],"mappings":";AA+BO,MAAMA,oBAAoBC,kBAAsC"}

package/presentation/pages/PageList/components/BulkActions/BulkActionDelete.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const BulkActionDelete: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
+};

package/presentation/pages/PageList/components/BulkActions/BulkActionDelete.js

@@ -0,0 +1,37 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { useFeature } from "@webiny/app";
+import { BulkActionButton, useBulkActionDialog } from "@webiny/app-admin/components/BulkActions/index.js";
+import { usePageListPresenter } from "../../PageListPresenterProvider.js";
+import { BulkDeleteFeature } from "../../../bulkActions/feature.js";
+const BulkActionDelete = observer(()=>{
+    const presenter = usePageListPresenter();
+    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();
+    const { presenter: bulkDelete } = useFeature(BulkDeleteFeature);
+    const selection = presenter.list.vm.selection;
+    const selectedItems = presenter.list.vm.rows.filter((row)=>selection.selectedIds.has(row.entryId));
+    const openDeleteDialog = ()=>showConfirmationDialog({
+            title: "Delete pages",
+            message: `You are about to delete ${selection.label}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${selection.label}`,
+            execute: async ()=>{
+                await bulkDelete.execute(selectedItems);
+                presenter.list.actions.selection.deselectAll();
+                showResultsDialog({
+                    results: bulkDelete.vm.results,
+                    title: "Delete pages",
+                    message: "Finished deleting pages! See full report below:"
+                });
+            }
+        });
+    return /*#__PURE__*/ react.createElement(BulkActionButton, {
+        text: "Delete",
+        tooltipContent: `Delete ${selection.label}`,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: openDeleteDialog
+    });
+});
+export { BulkActionDelete };
+
+//# sourceMappingURL=BulkActionDelete.js.map

package/presentation/pages/PageList/components/BulkActions/BulkActionDelete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/BulkActions/BulkActionDelete.js","sources":["../../../../../../src/presentation/pages/PageList/components/BulkActions/BulkActionDelete.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { useFeature } from \"@webiny/app\";\nimport {\n    BulkActionButton,\n    useBulkActionDialog\n} from \"@webiny/app-admin/components/BulkActions/index.js\";\nimport { usePageListPresenter } from \"../../PageListPresenterProvider.js\";\nimport { BulkDeleteFeature } from \"~/presentation/pages/bulkActions/feature.js\";\n\nexport const BulkActionDelete = observer(() => {\n    const presenter = usePageListPresenter();\n    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();\n    const { presenter: bulkDelete } = useFeature(BulkDeleteFeature);\n\n    const selection = presenter.list.vm.selection;\n    const selectedItems = presenter.list.vm.rows.filter(row => {\n        return selection.selectedIds.has(row.entryId);\n    });\n\n    const openDeleteDialog = () =>\n        showConfirmationDialog({\n            title: \"Delete pages\",\n            message: `You are about to delete ${selection.label}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${selection.label}`,\n            execute: async () => {\n                await bulkDelete.execute(selectedItems);\n                presenter.list.actions.selection.deselectAll();\n\n                showResultsDialog({\n                    results: bulkDelete.vm.results,\n                    title: \"Delete pages\",\n                    message: \"Finished deleting pages! See full report below:\"\n                });\n            }\n        });\n\n    return (\n        <BulkActionButton\n            text=\"Delete\"\n            tooltipContent={`Delete ${selection.label}`}\n            icon={<DeleteIcon />}\n            onClick={openDeleteDialog}\n        />\n    );\n});\n"],"names":["BulkActionDelete","observer","presenter","usePageListPresenter","showConfirmationDialog","showResultsDialog","useBulkActionDialog","bulkDelete","useFeature","BulkDeleteFeature","selection","selectedItems","row","openDeleteDialog","BulkActionButton","DeleteIcon"],"mappings":";;;;;;;AAWO,MAAMA,mBAAmBC,SAAS;IACrC,MAAMC,YAAYC;IAClB,MAAM,EAAEC,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGC;IACtD,MAAM,EAAE,WAAWC,UAAU,EAAE,GAAGC,WAAWC;IAE7C,MAAMC,YAAYR,UAAU,IAAI,CAAC,EAAE,CAAC,SAAS;IAC7C,MAAMS,gBAAgBT,UAAU,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAACU,CAAAA,MACzCF,UAAU,WAAW,CAAC,GAAG,CAACE,IAAI,OAAO;IAGhD,MAAMC,mBAAmB,IACrBT,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,wBAAwB,EAAEM,UAAU,KAAK,CAAC,oCAAoC,CAAC;YACzF,cAAc,CAAC,WAAW,EAAEA,UAAU,KAAK,EAAE;YAC7C,SAAS;gBACL,MAAMH,WAAW,OAAO,CAACI;gBACzBT,UAAU,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW;gBAE5CG,kBAAkB;oBACd,SAASE,WAAW,EAAE,CAAC,OAAO;oBAC9B,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACO,kBAAgBA;QACb,MAAK;QACL,gBAAgB,CAAC,OAAO,EAAEJ,UAAU,KAAK,EAAE;QAC3C,oBAAM,oBAACK,gBAAUA;QACjB,SAASF;;AAGrB"}

package/presentation/pages/PageList/components/BulkActions/BulkActionDuplicate.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const BulkActionDuplicate: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
+};

package/presentation/pages/PageList/components/BulkActions/BulkActionDuplicate.js

@@ -0,0 +1,37 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { ReactComponent } from "@webiny/icons/library_add.svg";
+import { useFeature } from "@webiny/app";
+import { BulkActionButton, useBulkActionDialog } from "@webiny/app-admin/components/BulkActions/index.js";
+import { usePageListPresenter } from "../../PageListPresenterProvider.js";
+import { BulkDuplicateFeature } from "../../../bulkActions/feature.js";
+const BulkActionDuplicate = observer(()=>{
+    const presenter = usePageListPresenter();
+    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();
+    const { presenter: bulkDuplicate } = useFeature(BulkDuplicateFeature);
+    const selection = presenter.list.vm.selection;
+    const selectedItems = presenter.list.vm.rows.filter((row)=>selection.selectedIds.has(row.entryId));
+    const openDuplicateDialog = ()=>showConfirmationDialog({
+            title: "Duplicate pages",
+            message: `You are about to duplicate ${selection.label}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${selection.label}`,
+            execute: async ()=>{
+                await bulkDuplicate.execute(selectedItems);
+                presenter.list.actions.selection.deselectAll();
+                showResultsDialog({
+                    results: bulkDuplicate.vm.results,
+                    title: "Duplicate pages",
+                    message: "Finished duplicating pages! See full report below:"
+                });
+            }
+        });
+    return /*#__PURE__*/ react.createElement(BulkActionButton, {
+        text: "Duplicate",
+        tooltipContent: `Duplicate ${selection.label}`,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: openDuplicateDialog
+    });
+});
+export { BulkActionDuplicate };
+
+//# sourceMappingURL=BulkActionDuplicate.js.map

package/presentation/pages/PageList/components/BulkActions/BulkActionDuplicate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/BulkActions/BulkActionDuplicate.js","sources":["../../../../../../src/presentation/pages/PageList/components/BulkActions/BulkActionDuplicate.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { ReactComponent as DuplicateIcon } from \"@webiny/icons/library_add.svg\";\nimport { useFeature } from \"@webiny/app\";\nimport {\n    BulkActionButton,\n    useBulkActionDialog\n} from \"@webiny/app-admin/components/BulkActions/index.js\";\nimport { usePageListPresenter } from \"../../PageListPresenterProvider.js\";\nimport { BulkDuplicateFeature } from \"~/presentation/pages/bulkActions/feature.js\";\n\nexport const BulkActionDuplicate = observer(() => {\n    const presenter = usePageListPresenter();\n    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();\n    const { presenter: bulkDuplicate } = useFeature(BulkDuplicateFeature);\n\n    const selection = presenter.list.vm.selection;\n    const selectedItems = presenter.list.vm.rows.filter(row => {\n        return selection.selectedIds.has(row.entryId);\n    });\n\n    const openDuplicateDialog = () =>\n        showConfirmationDialog({\n            title: \"Duplicate pages\",\n            message: `You are about to duplicate ${selection.label}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${selection.label}`,\n            execute: async () => {\n                await bulkDuplicate.execute(selectedItems);\n                presenter.list.actions.selection.deselectAll();\n\n                showResultsDialog({\n                    results: bulkDuplicate.vm.results,\n                    title: \"Duplicate pages\",\n                    message: \"Finished duplicating pages! See full report below:\"\n                });\n            }\n        });\n\n    return (\n        <BulkActionButton\n            text=\"Duplicate\"\n            tooltipContent={`Duplicate ${selection.label}`}\n            icon={<DuplicateIcon />}\n            onClick={openDuplicateDialog}\n        />\n    );\n});\n"],"names":["BulkActionDuplicate","observer","presenter","usePageListPresenter","showConfirmationDialog","showResultsDialog","useBulkActionDialog","bulkDuplicate","useFeature","BulkDuplicateFeature","selection","selectedItems","row","openDuplicateDialog","BulkActionButton","DuplicateIcon"],"mappings":";;;;;;;AAWO,MAAMA,sBAAsBC,SAAS;IACxC,MAAMC,YAAYC;IAClB,MAAM,EAAEC,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGC;IACtD,MAAM,EAAE,WAAWC,aAAa,EAAE,GAAGC,WAAWC;IAEhD,MAAMC,YAAYR,UAAU,IAAI,CAAC,EAAE,CAAC,SAAS;IAC7C,MAAMS,gBAAgBT,UAAU,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAACU,CAAAA,MACzCF,UAAU,WAAW,CAAC,GAAG,CAACE,IAAI,OAAO;IAGhD,MAAMC,sBAAsB,IACxBT,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,2BAA2B,EAAEM,UAAU,KAAK,CAAC,oCAAoC,CAAC;YAC5F,cAAc,CAAC,WAAW,EAAEA,UAAU,KAAK,EAAE;YAC7C,SAAS;gBACL,MAAMH,cAAc,OAAO,CAACI;gBAC5BT,UAAU,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW;gBAE5CG,kBAAkB;oBACd,SAASE,cAAc,EAAE,CAAC,OAAO;oBACjC,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACO,kBAAgBA;QACb,MAAK;QACL,gBAAgB,CAAC,UAAU,EAAEJ,UAAU,KAAK,EAAE;QAC9C,oBAAM,oBAACK,gBAAaA;QACpB,SAASF;;AAGrB"}

package/presentation/pages/PageList/components/BulkActions/BulkActionMovePage.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const BulkActionMovePage: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
+};

package/presentation/pages/PageList/components/BulkActions/BulkActionMovePage.js

@@ -0,0 +1,57 @@
+import react, { useCallback } from "react";
+import { observer } from "mobx-react-lite";
+import { ReactComponent } from "@webiny/icons/exit_to_app.svg";
+import { useFeature } from "@webiny/app";
+import { useMoveToFolderDialog } from "@webiny/app-aco";
+import { BulkActionButton, useBulkActionDialog } from "@webiny/app-admin/components/BulkActions/index.js";
+import { ROOT_FOLDER } from "../../../../../constants.js";
+import { usePageListPresenter } from "../../PageListPresenterProvider.js";
+import { BulkMoveFeature } from "../../../bulkActions/feature.js";
+const BulkActionMovePage = observer(()=>{
+    const presenter = usePageListPresenter();
+    const { presenter: bulkMove } = useFeature(BulkMoveFeature);
+    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();
+    const { showDialog: showMoveDialog } = useMoveToFolderDialog();
+    const selection = presenter.list.vm.selection;
+    const currentFolderId = presenter.folders.vm.currentFolderId;
+    const selectedItems = presenter.list.vm.rows.filter((row)=>selection.selectedIds.has(row.entryId));
+    const openWorkerDialog = useCallback((folder)=>{
+        showConfirmationDialog({
+            title: "Move pages",
+            message: `You are about to move ${selection.label} to ${folder.label}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${selection.label}`,
+            execute: async ()=>{
+                await bulkMove.execute(selectedItems, folder.id);
+                presenter.list.actions.selection.deselectAll();
+                showResultsDialog({
+                    results: bulkMove.vm.results,
+                    title: "Move pages",
+                    message: "Finished moving pages! See full report below:"
+                });
+            }
+        });
+    }, [
+        selection.label,
+        selection.allSelected,
+        selectedItems
+    ]);
+    const openMoveDialog = ()=>showMoveDialog({
+            title: "Select folder",
+            message: "Select a new location for selected pages:",
+            loadingLabel: `Processing ${selection.label}`,
+            acceptLabel: "Move",
+            focusedFolderId: currentFolderId || ROOT_FOLDER,
+            async onAccept ({ folder }) {
+                openWorkerDialog(folder);
+            }
+        });
+    return /*#__PURE__*/ react.createElement(BulkActionButton, {
+        text: "Move",
+        tooltipContent: `Move ${selection.label}`,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: openMoveDialog
+    });
+});
+export { BulkActionMovePage };
+
+//# sourceMappingURL=BulkActionMovePage.js.map

package/presentation/pages/PageList/components/BulkActions/BulkActionMovePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/BulkActions/BulkActionMovePage.js","sources":["../../../../../../src/presentation/pages/PageList/components/BulkActions/BulkActionMovePage.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { ReactComponent as MoveIcon } from \"@webiny/icons/exit_to_app.svg\";\nimport type { NodeDto } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { useMoveToFolderDialog } from \"@webiny/app-aco\";\nimport {\n    BulkActionButton,\n    useBulkActionDialog\n} from \"@webiny/app-admin/components/BulkActions/index.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport { usePageListPresenter } from \"../../PageListPresenterProvider.js\";\nimport { BulkMoveFeature } from \"~/presentation/pages/bulkActions/feature.js\";\n\nexport const BulkActionMovePage = observer(() => {\n    const presenter = usePageListPresenter();\n    const { presenter: bulkMove } = useFeature(BulkMoveFeature);\n    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();\n    const { showDialog: showMoveDialog } = useMoveToFolderDialog();\n\n    const selection = presenter.list.vm.selection;\n    const currentFolderId = presenter.folders.vm.currentFolderId;\n    const selectedItems = presenter.list.vm.rows.filter(row => {\n        return selection.selectedIds.has(row.entryId);\n    });\n\n    const openWorkerDialog = useCallback(\n        (folder: NodeDto) => {\n            showConfirmationDialog({\n                title: \"Move pages\",\n                message: `You are about to move ${selection.label} to ${folder.label}. Are you sure you want to continue?`,\n                loadingLabel: `Processing ${selection.label}`,\n                execute: async () => {\n                    await bulkMove.execute(selectedItems, folder.id);\n                    presenter.list.actions.selection.deselectAll();\n\n                    showResultsDialog({\n                        results: bulkMove.vm.results,\n                        title: \"Move pages\",\n                        message: \"Finished moving pages! See full report below:\"\n                    });\n                }\n            });\n        },\n        [selection.label, selection.allSelected, selectedItems]\n    );\n\n    const openMoveDialog = () =>\n        showMoveDialog({\n            title: \"Select folder\",\n            message: \"Select a new location for selected pages:\",\n            loadingLabel: `Processing ${selection.label}`,\n            acceptLabel: \"Move\",\n            focusedFolderId: currentFolderId || ROOT_FOLDER,\n            async onAccept({ folder }) {\n                openWorkerDialog(folder);\n            }\n        });\n\n    return (\n        <BulkActionButton\n            text=\"Move\"\n            tooltipContent={`Move ${selection.label}`}\n            icon={<MoveIcon />}\n            onClick={openMoveDialog}\n        />\n    );\n});\n"],"names":["BulkActionMovePage","observer","presenter","usePageListPresenter","bulkMove","useFeature","BulkMoveFeature","showConfirmationDialog","showResultsDialog","useBulkActionDialog","showMoveDialog","useMoveToFolderDialog","selection","currentFolderId","selectedItems","row","openWorkerDialog","useCallback","folder","openMoveDialog","ROOT_FOLDER","BulkActionButton","MoveIcon"],"mappings":";;;;;;;;;AAcO,MAAMA,qBAAqBC,SAAS;IACvC,MAAMC,YAAYC;IAClB,MAAM,EAAE,WAAWC,QAAQ,EAAE,GAAGC,WAAWC;IAC3C,MAAM,EAAEC,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGC;IACtD,MAAM,EAAE,YAAYC,cAAc,EAAE,GAAGC;IAEvC,MAAMC,YAAYV,UAAU,IAAI,CAAC,EAAE,CAAC,SAAS;IAC7C,MAAMW,kBAAkBX,UAAU,OAAO,CAAC,EAAE,CAAC,eAAe;IAC5D,MAAMY,gBAAgBZ,UAAU,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAACa,CAAAA,MACzCH,UAAU,WAAW,CAAC,GAAG,CAACG,IAAI,OAAO;IAGhD,MAAMC,mBAAmBC,YACrB,CAACC;QACGX,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,sBAAsB,EAAEK,UAAU,KAAK,CAAC,IAAI,EAAEM,OAAO,KAAK,CAAC,oCAAoC,CAAC;YAC1G,cAAc,CAAC,WAAW,EAAEN,UAAU,KAAK,EAAE;YAC7C,SAAS;gBACL,MAAMR,SAAS,OAAO,CAACU,eAAeI,OAAO,EAAE;gBAC/ChB,UAAU,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW;gBAE5CM,kBAAkB;oBACd,SAASJ,SAAS,EAAE,CAAC,OAAO;oBAC5B,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IACJ,GACA;QAACQ,UAAU,KAAK;QAAEA,UAAU,WAAW;QAAEE;KAAc;IAG3D,MAAMK,iBAAiB,IACnBT,eAAe;YACX,OAAO;YACP,SAAS;YACT,cAAc,CAAC,WAAW,EAAEE,UAAU,KAAK,EAAE;YAC7C,aAAa;YACb,iBAAiBC,mBAAmBO;YACpC,MAAM,UAAS,EAAEF,MAAM,EAAE;gBACrBF,iBAAiBE;YACrB;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACG,kBAAgBA;QACb,MAAK;QACL,gBAAgB,CAAC,KAAK,EAAET,UAAU,KAAK,EAAE;QACzC,oBAAM,oBAACU,gBAAQA;QACf,SAASH;;AAGrB"}

package/presentation/pages/PageList/components/BulkActions/BulkActionPublish.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const BulkActionPublish: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
+};