@webiny/app-website-builder 6.4.11 → 6.6.0-alpha.1

package/presentation/pages/PageEditor/TopBar/RevisionsMenu.js

@@ -0,0 +1,74 @@
+import react, { useCallback, useEffect, useState } from "react";
+import { Button, DropdownMenu, Text } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/keyboard_arrow_down.svg";
+import { ReactComponent as draw_svg_ReactComponent } from "@webiny/icons/draw.svg";
+import { ReactComponent as lock_svg_ReactComponent } from "@webiny/icons/lock.svg";
+import { ReactComponent as remove_red_eye_svg_ReactComponent } from "@webiny/icons/remove_red_eye.svg";
+import { useGetPageRevisions } from "../../../../features/pages/index.js";
+import { useSelectFromDocument } from "../../../../BaseEditor/hooks/useSelectFromDocument.js";
+import { useRouter } from "@webiny/app-admin";
+import { Routes } from "../../../../routes.js";
+import { usePageEditorDrawer } from "../Revisions/usePageEditorDrawer.js";
+const { Item: Item } = DropdownMenu;
+const statusIcon = {
+    draft: /*#__PURE__*/ react.createElement(draw_svg_ReactComponent, null),
+    published: /*#__PURE__*/ react.createElement(remove_red_eye_svg_ReactComponent, null),
+    unpublished: /*#__PURE__*/ react.createElement(lock_svg_ReactComponent, null)
+};
+const RevisionsMenu = ()=>{
+    const { getLink } = useRouter();
+    const [revisions, setRevisions] = useState([]);
+    const { loading, getPageRevisions } = useGetPageRevisions();
+    const id = useSelectFromDocument((document)=>document.id);
+    const status = useSelectFromDocument((document)=>document.status);
+    const { openRevisionList } = usePageEditorDrawer();
+    useEffect(()=>{
+        const [entryId] = id.split("#");
+        getPageRevisions({
+            entryId
+        }).then((revisions)=>{
+            setRevisions(revisions.sort((a, b)=>new Date(a.savedOn).getTime() - new Date(b.savedOn).getTime()).reverse());
+        });
+    }, [
+        id,
+        status
+    ]);
+    const currentRevision = revisions.find((r)=>r.id === id);
+    const goToRevision = useCallback((id)=>{
+        window.location.pathname = getLink(Routes.Pages.Editor, {
+            id
+        });
+    }, []);
+    const onOpenRevisionList = useCallback(()=>{
+        openRevisionList(true);
+    }, []);
+    return /*#__PURE__*/ react.createElement(DropdownMenu, {
+        trigger: /*#__PURE__*/ react.createElement(Button, {
+            disabled: loading,
+            variant: "ghost",
+            text: currentRevision ? currentRevision.getLabel() : "Loading...",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            iconPosition: "end"
+        })
+    }, revisions.slice(0, 5).map((revision)=>/*#__PURE__*/ react.createElement(Item, {
+            key: revision.id,
+            className: "cursor-pointer",
+            onClick: ()=>goToRevision(revision.id),
+            icon: /*#__PURE__*/ react.createElement(Item.Icon, {
+                label: revision.getLabel(),
+                element: statusIcon[revision.status]
+            }),
+            text: /*#__PURE__*/ react.createElement(Text, {
+                size: "sm"
+            }, revision.getLabel())
+        })), /*#__PURE__*/ react.createElement(DropdownMenu.Separator, null), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+        key: "revisions-all",
+        onClick: onOpenRevisionList,
+        text: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Text, {
+            size: "sm"
+        }, "Show All Revisions"))
+    }));
+};
+export { RevisionsMenu };
+
+//# sourceMappingURL=RevisionsMenu.js.map

package/presentation/pages/PageEditor/TopBar/RevisionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/TopBar/RevisionsMenu.js","sources":["../../../../../src/presentation/pages/PageEditor/TopBar/RevisionsMenu.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\nimport { Button, DropdownMenu, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { ReactComponent as Draft } from \"@webiny/icons/draw.svg\";\nimport { ReactComponent as Unpublished } from \"@webiny/icons/lock.svg\";\nimport { ReactComponent as Published } from \"@webiny/icons/remove_red_eye.svg\";\nimport { useGetPageRevisions } from \"~/features/pages/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport type { PageRevision } from \"~/domain/PageRevision/index.js\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { Routes } from \"~/routes.js\";\nimport { usePageEditorDrawer } from \"~/presentation/pages/PageEditor/Revisions/usePageEditorDrawer.js\";\n\nconst { Item } = DropdownMenu;\n\nconst statusIcon: Record<string, React.JSX.Element> = {\n    draft: <Draft />,\n    published: <Published />,\n    unpublished: <Unpublished />\n};\n\nexport const RevisionsMenu = () => {\n    const { getLink } = useRouter();\n    const [revisions, setRevisions] = useState<PageRevision[]>([]);\n    const { loading, getPageRevisions } = useGetPageRevisions();\n    const id = useSelectFromDocument(document => document.id);\n    const status = useSelectFromDocument<string, EditorPage>(document => document.status);\n\n    const { openRevisionList } = usePageEditorDrawer();\n\n    useEffect(() => {\n        const [entryId] = id.split(\"#\");\n        getPageRevisions({ entryId }).then(revisions => {\n            setRevisions(\n                revisions\n                    .sort((a, b) => {\n                        return new Date(a.savedOn).getTime() - new Date(b.savedOn).getTime();\n                    })\n                    .reverse()\n            );\n        });\n    }, [id, status]);\n\n    const currentRevision = revisions.find(r => r.id === id);\n\n    const goToRevision = useCallback((id: string) => {\n        // TODO: make this work without a full app reload\n        window.location.pathname = getLink(Routes.Pages.Editor, { id });\n    }, []);\n\n    const onOpenRevisionList = useCallback(() => {\n        openRevisionList(true);\n    }, []);\n\n    return (\n        <DropdownMenu\n            trigger={\n                <Button\n                    disabled={loading}\n                    variant=\"ghost\"\n                    text={currentRevision ? currentRevision.getLabel() : \"Loading...\"}\n                    icon={<ArrowDown />}\n                    iconPosition={\"end\"}\n                />\n            }\n        >\n            {revisions.slice(0, 5).map(revision => (\n                <Item\n                    key={revision.id}\n                    className={\"cursor-pointer\"}\n                    onClick={() => goToRevision(revision.id)}\n                    icon={\n                        <Item.Icon\n                            label={revision.getLabel()}\n                            element={statusIcon[revision.status]}\n                        />\n                    }\n                    text={<Text size={\"sm\"}>{revision.getLabel()}</Text>}\n                />\n            ))}\n\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item\n                key={\"revisions-all\"}\n                onClick={onOpenRevisionList}\n                text={\n                    <>\n                        <Text size={\"sm\"}>Show All Revisions</Text>\n                    </>\n                }\n            />\n        </DropdownMenu>\n    );\n};\n"],"names":["Item","DropdownMenu","statusIcon","Draft","Published","Unpublished","RevisionsMenu","getLink","useRouter","revisions","setRevisions","useState","loading","getPageRevisions","useGetPageRevisions","id","useSelectFromDocument","document","status","openRevisionList","usePageEditorDrawer","useEffect","entryId","a","b","Date","currentRevision","r","goToRevision","useCallback","window","Routes","onOpenRevisionList","Button","ArrowDown","revision","Text"],"mappings":";;;;;;;;;;;AAcA,MAAM,EAAEA,MAAAA,IAAI,EAAE,GAAGC;AAEjB,MAAMC,aAAgD;IAClD,OAAO,WAAP,GAAO,oBAACC,yBAAKA;IACb,WAAW,WAAX,GAAW,oBAACC,mCAASA;IACrB,aAAa,WAAb,GAAa,oBAACC,yBAAWA;AAC7B;AAEO,MAAMC,gBAAgB;IACzB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAAyB,EAAE;IAC7D,MAAM,EAAEC,OAAO,EAAEC,gBAAgB,EAAE,GAAGC;IACtC,MAAMC,KAAKC,sBAAsBC,CAAAA,WAAYA,SAAS,EAAE;IACxD,MAAMC,SAASF,sBAA0CC,CAAAA,WAAYA,SAAS,MAAM;IAEpF,MAAM,EAAEE,gBAAgB,EAAE,GAAGC;IAE7BC,UAAU;QACN,MAAM,CAACC,QAAQ,GAAGP,GAAG,KAAK,CAAC;QAC3BF,iBAAiB;YAAES;QAAQ,GAAG,IAAI,CAACb,CAAAA;YAC/BC,aACID,UACK,IAAI,CAAC,CAACc,GAAGC,IACC,IAAIC,KAAKF,EAAE,OAAO,EAAE,OAAO,KAAK,IAAIE,KAAKD,EAAE,OAAO,EAAE,OAAO,IAErE,OAAO;QAEpB;IACJ,GAAG;QAACT;QAAIG;KAAO;IAEf,MAAMQ,kBAAkBjB,UAAU,IAAI,CAACkB,CAAAA,IAAKA,EAAE,EAAE,KAAKZ;IAErD,MAAMa,eAAeC,YAAY,CAACd;QAE9Be,OAAO,QAAQ,CAAC,QAAQ,GAAGvB,QAAQwB,OAAO,KAAK,CAAC,MAAM,EAAE;YAAEhB;QAAG;IACjE,GAAG,EAAE;IAEL,MAAMiB,qBAAqBH,YAAY;QACnCV,iBAAiB;IACrB,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAAClB,cAAYA;QACT,uBACI,oBAACgC,QAAMA;YACH,UAAUrB;YACV,SAAQ;YACR,MAAMc,kBAAkBA,gBAAgB,QAAQ,KAAK;YACrD,oBAAM,oBAACQ,gBAASA;YAChB,cAAc;;OAIrBzB,UAAU,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC0B,CAAAA,WAAAA,WAAAA,GACvB,oBAACnC,MAAIA;YACD,KAAKmC,SAAS,EAAE;YAChB,WAAW;YACX,SAAS,IAAMP,aAAaO,SAAS,EAAE;YACvC,oBACI,oBAACnC,KAAK,IAAI;gBACN,OAAOmC,SAAS,QAAQ;gBACxB,SAASjC,UAAU,CAACiC,SAAS,MAAM,CAAC;;YAG5C,oBAAM,oBAACC,MAAIA;gBAAC,MAAM;eAAOD,SAAS,QAAQ;2BAIlD,oBAAClC,aAAa,SAAS,uBACvB,oBAACA,aAAa,IAAI;QACd,KAAK;QACL,SAAS+B;QACT,oBACI,wDACI,oBAACI,MAAIA;YAAC,MAAM;WAAM;;AAM1C"}

package/presentation/pages/PageEditor/TopBar/SettingsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/TopBar/SettingsButton.js","sources":["../../../../../src/presentation/pages/PageEditor/TopBar/SettingsButton.tsx"],"sourcesContent":["import { observable, toJS } from \"mobx\";\nimport React, { useCallback, useState } from \"react\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { useHotkeys } from \"@webiny/app-admin\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { useFeature } from \"@webiny/app\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { PageSettingsFeature } from \"~/presentation/pages/PageEditor/PageSettings/feature.js\";\nimport { PageSettingsDrawer } from \"./PageSettingsDrawer.js\";\nimport { PageSettingsGroup } from \"~/presentation/pages/PageEditor/PageSettings/index.js\";\n\nexport const SettingsButton = () => {\n    const editor = useDocumentEditor();\n    const { presenter } = useFeature(PageSettingsFeature);\n    const [isOverlayOpen, setOverlayOpen] = useState(false);\n\n    const formData = useSelectFromDocument(document => {\n        return structuredClone({\n            properties: toJS(document.properties),\n            metadata: toJS(document.metadata),\n            extensions: toJS(document.extensions)\n        }) as PageSettingsGroup.PageDocument;\n    });\n\n    const openOverlay = useCallback(() => {\n        presenter.init(formData);\n        setOverlayOpen(true);\n    }, [formData]);\n\n    const closeOverlay = useCallback(() => {\n        setOverlayOpen(false);\n    }, []);\n\n    const saveSettings = useCallback(async () => {\n        const result = await presenter.submit();\n        if (result) {\n            editor.updateDocument(document => {\n                document.properties = observable(result.properties);\n                document.metadata = observable(result.metadata);\n                document.extensions = observable(result.extensions);\n            });\n            closeOverlay();\n        }\n    }, []);\n\n    useHotkeys({\n        zIndex: 55,\n        disabled: !isOverlayOpen,\n        keys: {\n            esc: closeOverlay\n        }\n    });\n\n    return (\n        <div className={\"flex gap-x-sm\"}>\n            <IconButton variant=\"ghost\" icon={<SettingsIcon />} onClick={openOverlay} />\n            <PageSettingsDrawer\n                presenter={presenter}\n                open={isOverlayOpen}\n                onClose={closeOverlay}\n                onSave={saveSettings}\n            />\n        </div>\n    );\n};\n"],"names":["SettingsButton","editor","useDocumentEditor","presenter","useFeature","PageSettingsFeature","isOverlayOpen","setOverlayOpen","useState","formData","useSelectFromDocument","document","structuredClone","toJS","openOverlay","useCallback","closeOverlay","saveSettings","result","observable","useHotkeys","IconButton","SettingsIcon","PageSettingsDrawer"],"mappings":";;;;;;;;;;AAYO,MAAMA,iBAAiB;IAC1B,MAAMC,SAASC;IACf,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAM,CAACC,eAAeC,eAAe,GAAGC,SAAS;IAEjD,MAAMC,WAAWC,sBAAsBC,CAAAA,WAC5BC,gBAAgB;YACnB,YAAYC,KAAKF,SAAS,UAAU;YACpC,UAAUE,KAAKF,SAAS,QAAQ;YAChC,YAAYE,KAAKF,SAAS,UAAU;QACxC;IAGJ,MAAMG,cAAcC,YAAY;QAC5BZ,UAAU,IAAI,CAACM;QACfF,eAAe;IACnB,GAAG;QAACE;KAAS;IAEb,MAAMO,eAAeD,YAAY;QAC7BR,eAAe;IACnB,GAAG,EAAE;IAEL,MAAMU,eAAeF,YAAY;QAC7B,MAAMG,SAAS,MAAMf,UAAU,MAAM;QACrC,IAAIe,QAAQ;YACRjB,OAAO,cAAc,CAACU,CAAAA;gBAClBA,SAAS,UAAU,GAAGQ,WAAWD,OAAO,UAAU;gBAClDP,SAAS,QAAQ,GAAGQ,WAAWD,OAAO,QAAQ;gBAC9CP,SAAS,UAAU,GAAGQ,WAAWD,OAAO,UAAU;YACtD;YACAF;QACJ;IACJ,GAAG,EAAE;IAELI,WAAW;QACP,QAAQ;QACR,UAAU,CAACd;QACX,MAAM;YACF,KAAKU;QACT;IACJ;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACK,YAAUA;QAAC,SAAQ;QAAQ,oBAAM,oBAACC,gBAAYA;QAAK,SAASR;sBAC7D,oBAACS,oBAAkBA;QACf,WAAWpB;QACX,MAAMG;QACN,SAASU;QACT,QAAQC;;AAIxB"}

package/presentation/pages/PageEditor/TopBar/Title.js

@@ -0,0 +1,30 @@
+import react, { useCallback } from "react";
+import { EditableTitle } from "@webiny/admin-ui";
+import { useDocumentEditor } from "../../../../DocumentEditor/index.js";
+import { useSelectFromDocument } from "../../../../BaseEditor/hooks/useSelectFromDocument.js";
+import { useSelectFromEditor } from "../../../../BaseEditor/hooks/useSelectFromEditor.js";
+import { LanguageCodeTag } from "../../../components/LanguageCodeTag.js";
+function Title() {
+    const isEditorReadOnly = useSelectFromEditor((state)=>state.isReadOnly);
+    const editor = useDocumentEditor();
+    const { title, language } = useSelectFromDocument((document)=>({
+            title: document.properties.title ?? "Untitled",
+            language: document.properties.language ?? void 0
+        }));
+    const commitValue = useCallback((value)=>{
+        editor.updateDocument((document)=>{
+            document.properties.title = value;
+        });
+    }, []);
+    return /*#__PURE__*/ react.createElement(EditableTitle, {
+        value: title,
+        onCommit: commitValue,
+        readOnly: isEditorReadOnly,
+        startContent: /*#__PURE__*/ react.createElement(LanguageCodeTag, {
+            code: language
+        })
+    });
+}
+export { Title };
+
+//# sourceMappingURL=Title.js.map

package/presentation/pages/PageEditor/TopBar/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/TopBar/Title.js","sources":["../../../../../src/presentation/pages/PageEditor/TopBar/Title.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { EditableTitle } from \"@webiny/admin-ui\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport { LanguageCodeTag } from \"~/presentation/components/LanguageCodeTag.js\";\n\nexport function Title() {\n    const isEditorReadOnly = useSelectFromEditor(state => state.isReadOnly);\n    const editor = useDocumentEditor();\n\n    const { title, language } = useSelectFromDocument(document => {\n        return {\n            title: document.properties.title ?? \"Untitled\",\n            language: document.properties.language ?? undefined\n        };\n    });\n\n    const commitValue = useCallback((value: string) => {\n        editor.updateDocument(document => {\n            document.properties.title = value;\n        });\n    }, []);\n\n    return (\n        <EditableTitle\n            value={title}\n            onCommit={commitValue}\n            readOnly={isEditorReadOnly}\n            startContent={<LanguageCodeTag code={language} />}\n        />\n    );\n}\n"],"names":["Title","isEditorReadOnly","useSelectFromEditor","state","editor","useDocumentEditor","title","language","useSelectFromDocument","document","undefined","commitValue","useCallback","value","EditableTitle","LanguageCodeTag"],"mappings":";;;;;;AAOO,SAASA;IACZ,MAAMC,mBAAmBC,oBAAoBC,CAAAA,QAASA,MAAM,UAAU;IACtE,MAAMC,SAASC;IAEf,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,sBAAsBC,CAAAA,WACvC;YACH,OAAOA,SAAS,UAAU,CAAC,KAAK,IAAI;YACpC,UAAUA,SAAS,UAAU,CAAC,QAAQ,IAAIC;QAC9C;IAGJ,MAAMC,cAAcC,YAAY,CAACC;QAC7BT,OAAO,cAAc,CAACK,CAAAA;YAClBA,SAAS,UAAU,CAAC,KAAK,GAAGI;QAChC;IACJ,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACC,eAAaA;QACV,OAAOR;QACP,UAAUK;QACV,UAAUV;QACV,4BAAc,oBAACc,iBAAeA;YAAC,MAAMR;;;AAGjD"}

package/presentation/pages/PageEditor/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/constants.js","sources":["../../../../src/presentation/pages/PageEditor/constants.ts"],"sourcesContent":["export const EDITOR_NAME = \"WebsiteBuilder/PageEditor\";\n"],"names":["EDITOR_NAME"],"mappings":"AAAO,MAAMA,cAAc"}

package/presentation/pages/PageEditor/pageDocument.d.ts

@@ -0,0 +1,4 @@
+import type { EditorPage } from "@webiny/website-builder-sdk";
+import type { Page } from "../../../domain/Page/index.js";
+/** Map a loaded page revision onto the editor document shape. */
+export declare const pageToEditorDocument: (page: Page) => EditorPage;

package/presentation/pages/PageEditor/pageDocument.js

@@ -0,0 +1,15 @@
+const pageToEditorDocument = (page)=>({
+        ...page,
+        id: page.id,
+        version: page.version,
+        status: page.status,
+        location: page.location,
+        properties: page.properties,
+        bindings: page.bindings,
+        elements: page.elements,
+        metadata: page.metadata,
+        state: {}
+    });
+export { pageToEditorDocument };
+
+//# sourceMappingURL=pageDocument.js.map

package/presentation/pages/PageEditor/pageDocument.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/pageDocument.js","sources":["../../../../src/presentation/pages/PageEditor/pageDocument.ts"],"sourcesContent":["import type { EditorPage } from \"@webiny/website-builder-sdk\";\nimport type { Page } from \"~/domain/Page/index.js\";\n\n/** Map a loaded page revision onto the editor document shape. */\nexport const pageToEditorDocument = (page: Page): EditorPage => {\n    return {\n        ...page,\n        id: page.id,\n        version: page.version,\n        status: page.status,\n        location: page.location,\n        properties: page.properties as EditorPage[\"properties\"],\n        bindings: page.bindings,\n        elements: page.elements,\n        metadata: page.metadata,\n        state: {}\n    };\n};\n"],"names":["pageToEditorDocument","page"],"mappings":"AAIO,MAAMA,uBAAuB,CAACC,OAC1B;QACH,GAAGA,IAAI;QACP,IAAIA,KAAK,EAAE;QACX,SAASA,KAAK,OAAO;QACrB,QAAQA,KAAK,MAAM;QACnB,UAAUA,KAAK,QAAQ;QACvB,YAAYA,KAAK,UAAU;QAC3B,UAAUA,KAAK,QAAQ;QACvB,UAAUA,KAAK,QAAQ;QACvB,UAAUA,KAAK,QAAQ;QACvB,OAAO,CAAC;IACZ"}

package/presentation/pages/PageEditor/usePageEditorConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/usePageEditorConfig.js","sources":["../../../../src/presentation/pages/PageEditor/usePageEditorConfig.ts"],"sourcesContent":["import { useEditorConfig } from \"~/BaseEditor/index.js\";\n\nexport const usePageEditorConfig = () => {\n    return useEditorConfig();\n};\n"],"names":["usePageEditorConfig","useEditorConfig"],"mappings":";AAEO,MAAMA,sBAAsB,IACxBC"}

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

@@ -0,0 +1,13 @@
+import { FolderAwareDataSource } from "@webiny/app-admin/presentation/listPresenter/FolderAwareDataSource.js";
+import type { FetchParams, FetchResult } from "@webiny/app-admin/presentation/listPresenter/FolderAwareDataSource.js";
+import type { IGetDescendantFoldersUseCase } from "@webiny/app-aco/features/folders/getDescendantFolders/abstractions.js";
+import type { Page } from "../../../domain/Page/Page.js";
+import type { IListPagesUseCase } from "../../../features/pages/listPages/abstractions.js";
+import type { IListCache } from "@webiny/app-admin/features/listCache/index.js";
+export declare class PageListDataSource extends FolderAwareDataSource<Page> {
+    private listPagesUseCase;
+    private cache;
+    constructor(listPagesUseCase: IListPagesUseCase, cache: IListCache<Page>, getDescendantFoldersUseCase?: IGetDescendantFoldersUseCase);
+    get rows(): Page[];
+    fetch(params: FetchParams): Promise<FetchResult<Page>>;
+}

package/presentation/pages/PageList/PageListDataSource.js

@@ -0,0 +1,24 @@
+import { FolderAwareDataSource } from "@webiny/app-admin/presentation/listPresenter/FolderAwareDataSource.js";
+class PageListDataSource extends FolderAwareDataSource {
+    constructor(listPagesUseCase, cache, getDescendantFoldersUseCase){
+        super({
+            keyField: "entryId",
+            getDescendantFolders: getDescendantFoldersUseCase
+        }), this.listPagesUseCase = listPagesUseCase, this.cache = cache;
+    }
+    get rows() {
+        return this.queryMatcher.filter(this.cache.getItems());
+    }
+    async fetch(params) {
+        return this.listPagesUseCase.execute({
+            where: params.where,
+            sort: params.sort,
+            search: params.search,
+            limit: params.limit,
+            after: params.after
+        });
+    }
+}
+export { PageListDataSource };
+
+//# sourceMappingURL=PageListDataSource.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/PageListDataSource.js","sources":["../../../../src/presentation/pages/PageList/PageListDataSource.ts"],"sourcesContent":["import { FolderAwareDataSource } from \"@webiny/app-admin/presentation/listPresenter/FolderAwareDataSource.js\";\nimport type {\n    FetchParams,\n    FetchResult\n} from \"@webiny/app-admin/presentation/listPresenter/FolderAwareDataSource.js\";\nimport type { IGetDescendantFoldersUseCase } from \"@webiny/app-aco/features/folders/getDescendantFolders/abstractions.js\";\nimport type { Page } from \"~/domain/Page/Page.js\";\nimport type { IListPagesUseCase } from \"~/features/pages/listPages/abstractions.js\";\nimport type { IListCache } from \"@webiny/app-admin/features/listCache/index.js\";\n\nexport class PageListDataSource extends FolderAwareDataSource<Page> {\n    constructor(\n        private listPagesUseCase: IListPagesUseCase,\n        private cache: IListCache<Page>,\n        getDescendantFoldersUseCase?: IGetDescendantFoldersUseCase\n    ) {\n        super({\n            keyField: \"entryId\",\n            getDescendantFolders: getDescendantFoldersUseCase\n        });\n    }\n\n    get rows(): Page[] {\n        return this.queryMatcher.filter(this.cache.getItems());\n    }\n\n    async fetch(params: FetchParams): Promise<FetchResult<Page>> {\n        return this.listPagesUseCase.execute({\n            where: params.where,\n            sort: params.sort,\n            search: params.search,\n            limit: params.limit,\n            after: params.after\n        });\n    }\n}\n"],"names":["PageListDataSource","FolderAwareDataSource","listPagesUseCase","cache","getDescendantFoldersUseCase","params"],"mappings":";AAUO,MAAMA,2BAA2BC;IACpC,YACYC,gBAAmC,EACnCC,KAAuB,EAC/BC,2BAA0D,CAC5D;QACE,KAAK,CAAC;YACF,UAAU;YACV,sBAAsBA;QAC1B,SAPQF,gBAAgB,GAAhBA,kBAAAA,IAAAA,CACAC,KAAK,GAALA;IAOZ;IAEA,IAAI,OAAe;QACf,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;IACvD;IAEA,MAAM,MAAME,MAAmB,EAA8B;QACzD,OAAO,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC;YACjC,OAAOA,OAAO,KAAK;YACnB,MAAMA,OAAO,IAAI;YACjB,QAAQA,OAAO,MAAM;YACrB,OAAOA,OAAO,KAAK;YACnB,OAAOA,OAAO,KAAK;QACvB;IACJ;AACJ"}

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

@@ -0,0 +1,45 @@
+import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.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 type { Page } from "../../../domain/Page/Page.js";
+import { ListPagesUseCase } from "../../../features/pages/listPages/abstractions.js";
+import { DeletePageUseCase } from "../../../features/pages/deletePage/abstractions.js";
+import { PublishPageUseCase } from "../../../features/pages/publishPage/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 { PageListCache } from "../../../features/pages/shared/abstractions.js";
+import { PageListPresenter as Abstraction, type IPageListViewModel } from "./abstractions.js";
+export declare const TRASH_PAGE_DIALOG = "trash-page";
+declare class PageListPresenterImpl implements Abstraction.Interface {
+    private _listPresenter;
+    private _foldersPresenter;
+    private confirmation;
+    private listPagesUseCase;
+    private deletePageUseCase;
+    private publishPageUseCase;
+    private unpublishPageUseCase;
+    private movePageUseCase;
+    private duplicatePageUseCase;
+    private pageListCache;
+    private getDescendantFoldersUseCase;
+    private _disposeReaction;
+    constructor(_listPresenter: ListPresenter.Interface<Page>, _foldersPresenter: FolderTreePresenter.Interface, confirmation: Confirmation.Interface, listPagesUseCase: ListPagesUseCase.Interface, deletePageUseCase: DeletePageUseCase.Interface, publishPageUseCase: PublishPageUseCase.Interface, unpublishPageUseCase: UnpublishPageUseCase.Interface, movePageUseCase: MovePageUseCase.Interface, duplicatePageUseCase: DuplicatePageUseCase.Interface, pageListCache: PageListCache.Interface, getDescendantFoldersUseCase: GetDescendantFoldersUseCase.Interface);
+    get vm(): IPageListViewModel;
+    private getSortedChildFolders;
+    private shouldShowFolders;
+    get list(): ListPresenter.Interface<Page>;
+    get folders(): FolderTreePresenter.Interface;
+    init(config?: Abstraction.InitConfig): void;
+    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>;
+    dispose(): void;
+}
+export declare const PageListPresenter: typeof PageListPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IPageListPresenter>;
+};
+export {};

package/presentation/pages/PageList/PageListPresenter.js

@@ -0,0 +1,152 @@
+import { computed, makeAutoObservable, reaction } from "mobx";
+import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import { FolderTreePresenter } from "@webiny/app-aco/presentation/folderTree/abstractions.js";
+import { sortFolders } from "@webiny/app-aco";
+import { GetDescendantFoldersUseCase } from "@webiny/app-aco/features/folders/getDescendantFolders/abstractions.js";
+import { Confirmation } from "@webiny/app-admin/features/confirmation/abstractions.js";
+import { ListPagesUseCase } from "../../../features/pages/listPages/abstractions.js";
+import { DeletePageUseCase } from "../../../features/pages/deletePage/abstractions.js";
+import { PublishPageUseCase } from "../../../features/pages/publishPage/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 { PageListCache } from "../../../features/pages/shared/abstractions.js";
+import { PageListPresenter } from "./abstractions.js";
+import { PageListDataSource } from "./PageListDataSource.js";
+const TRASH_PAGE_DIALOG = "trash-page";
+class PageListPresenterImpl {
+    constructor(_listPresenter, _foldersPresenter, confirmation, listPagesUseCase, deletePageUseCase, publishPageUseCase, unpublishPageUseCase, movePageUseCase, duplicatePageUseCase, pageListCache, getDescendantFoldersUseCase){
+        this._listPresenter = _listPresenter;
+        this._foldersPresenter = _foldersPresenter;
+        this.confirmation = confirmation;
+        this.listPagesUseCase = listPagesUseCase;
+        this.deletePageUseCase = deletePageUseCase;
+        this.publishPageUseCase = publishPageUseCase;
+        this.unpublishPageUseCase = unpublishPageUseCase;
+        this.movePageUseCase = movePageUseCase;
+        this.duplicatePageUseCase = duplicatePageUseCase;
+        this.pageListCache = pageListCache;
+        this.getDescendantFoldersUseCase = getDescendantFoldersUseCase;
+        this._disposeReaction = null;
+        makeAutoObservable(this, {
+            _disposeReaction: false,
+            confirmation: false,
+            listPagesUseCase: false,
+            deletePageUseCase: false,
+            publishPageUseCase: false,
+            unpublishPageUseCase: false,
+            movePageUseCase: false,
+            duplicatePageUseCase: false,
+            pageListCache: false,
+            getDescendantFoldersUseCase: false,
+            vm: computed
+        });
+    }
+    get vm() {
+        return {
+            showFolders: this.shouldShowFolders(),
+            childFolders: this.getSortedChildFolders()
+        };
+    }
+    getSortedChildFolders() {
+        if (!this.shouldShowFolders()) return [];
+        return sortFolders(this._foldersPresenter.vm.childFolders ?? [], this._listPresenter.vm.appliedQuery?.sort);
+    }
+    shouldShowFolders() {
+        const { appliedQuery } = this._listPresenter.vm;
+        if (!appliedQuery) return true;
+        if (appliedQuery.search) return false;
+        const hasFilters = Object.keys(this._listPresenter.vm.filters).some((k)=>"folderId" !== k);
+        return !hasFilters;
+    }
+    get list() {
+        return this._listPresenter;
+    }
+    get folders() {
+        return this._foldersPresenter;
+    }
+    init(config = {}) {
+        const initialFolderId = config.initialFolderId ?? "root";
+        const dataSource = new PageListDataSource(this.listPagesUseCase, this.pageListCache, this.getDescendantFoldersUseCase);
+        this._listPresenter.init({
+            dataSource,
+            initialSort: {
+                field: "savedOn",
+                direction: "DESC"
+            },
+            initialFilters: {
+                folderId: initialFolderId
+            },
+            initialSearch: config.initialSearch,
+            limit: 50,
+            itemLabel: {
+                singular: "page",
+                plural: "pages"
+            }
+        });
+        if ("root" !== initialFolderId) this._foldersPresenter.selectFolder(initialFolderId);
+        this._disposeReaction = reaction(()=>this._foldersPresenter.vm.currentFolderId, (folderId)=>{
+            const effectiveFolderId = folderId ?? "root";
+            this._listPresenter.actions.filter.set("folderId", effectiveFolderId);
+        });
+    }
+    async deletePage(id) {
+        const result = await this.confirmation.confirm(TRASH_PAGE_DIALOG, {
+            pageId: id
+        }, ()=>this.deletePageUseCase.execute({
+                id,
+                permanently: false
+            }));
+        return false !== result;
+    }
+    async publishPage(id) {
+        await this.publishPageUseCase.execute({
+            id
+        });
+        return true;
+    }
+    async unpublishPage(id) {
+        await this.unpublishPageUseCase.execute({
+            id
+        });
+        return true;
+    }
+    async movePage(id, folderId) {
+        await this.movePageUseCase.execute({
+            id,
+            folderId
+        });
+        return true;
+    }
+    async duplicatePage(id) {
+        await this.duplicatePageUseCase.execute({
+            id
+        });
+        return true;
+    }
+    dispose() {
+        if (this._disposeReaction) {
+            this._disposeReaction();
+            this._disposeReaction = null;
+        }
+    }
+}
+const PageListPresenter_PageListPresenter = PageListPresenter.createImplementation({
+    implementation: PageListPresenterImpl,
+    dependencies: [
+        ListPresenter,
+        FolderTreePresenter,
+        Confirmation,
+        ListPagesUseCase,
+        DeletePageUseCase,
+        PublishPageUseCase,
+        UnpublishPageUseCase,
+        MovePageUseCase,
+        DuplicatePageUseCase,
+        PageListCache,
+        GetDescendantFoldersUseCase
+    ]
+});
+export { PageListPresenter_PageListPresenter as PageListPresenter, TRASH_PAGE_DIALOG };
+
+//# sourceMappingURL=PageListPresenter.js.map

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/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

@@ -1,37 +1,30 @@
-import type { FolderDto } from "@webiny/app-aco/domain/folder/FolderDto.js";
-import type { ColumnSorting } from "@webiny/app-utils";
-import type { PageDto } from "../../../domain/Page/index.js";
-export interface IDocumentListPresenterInit {
-    folderId: string;
+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 IDocumentListVm {
-    folderId: string;
-    title: string | undefined;
-    data: PageDto[];
-    folders: FolderDto[];
-    selected: any[];
-    meta: {
-        totalCount: number;
-        currentCount: number;
-    };
-    sorting: ColumnSorting[];
-    searchQuery: string;
-    searchLabel: string;
-    isSearch: boolean;
-    isEmpty: boolean;
-    isRoot: boolean;
-    isLoading: boolean;
-    isLoadingMore: boolean;
-    isFilterVisible: boolean;
+export interface IPageListViewModel {
+    showFolders: boolean;
+    childFolders: FolderDto[];
 }
-export interface IDocumentListPresenter {
-    init(params: IDocumentListPresenterInit): void;
-    showFilters(show: boolean): void;
-    vm: IDocumentListVm;
+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<IDocumentListPresenter>;
+export declare const PageListPresenter: import("@webiny/di").Abstraction<IPageListPresenter>;
 export declare namespace PageListPresenter {
-    type Interface = IDocumentListPresenter;
-    type Init = IDocumentListPresenterInit;
-    type ViewModel = IDocumentListVm;
+    type Interface = IPageListPresenter;
+    type ViewModel = IPageListViewModel;
+    type InitConfig = IPageListInitConfig;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"presentation/pages/PageList/abstractions.js","sources":["../../../../src/presentation/pages/PageList/abstractions.ts"],"sourcesContent":["import type { FolderDto } from \"@webiny/app-aco/domain/folder/FolderDto.js\";\nimport { createAbstraction } from \"@webiny/feature/admin\";\nimport type { ColumnSorting } from \"@webiny/app-utils\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\n\nexport interface IDocumentListPresenterInit {\n    folderId: string;\n}\n\nexport interface IDocumentListVm {\n    folderId: string;\n    title: string | undefined;\n    data: PageDto[];\n    folders: FolderDto[];\n    selected: any[];\n    meta: { totalCount: number; currentCount: number };\n    sorting: ColumnSorting[];\n    searchQuery: string;\n    searchLabel: string;\n    isSearch: boolean;\n    isEmpty: boolean;\n    isRoot: boolean;\n    isLoading: boolean;\n    isLoadingMore: boolean;\n    isFilterVisible: boolean;\n}\n\nexport interface IDocumentListPresenter {\n    init(params: IDocumentListPresenterInit): void;\n    showFilters(show: boolean): void;\n    vm: IDocumentListVm;\n}\n\nexport const PageListPresenter = createAbstraction<IDocumentListPresenter>(\"PageListPresenter\");\n\nexport namespace PageListPresenter {\n    export type Interface = IDocumentListPresenter;\n    export type Init = IDocumentListPresenterInit;\n    export type ViewModel = IDocumentListVm;\n}\n"],"names":["PageListPresenter","createAbstraction"],"mappings":";AAiCO,MAAMA,oBAAoBC,kBAA0C"}
+{"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;
+};