@webiny/app-website-builder 0.0.0-unstable.7be00a75a9 → 0.0.0-unstable.7c2def32a7

package/presentation/pages/PageEditor/Revisions/useRevision.js

@@ -0,0 +1,130 @@
+import react, { useCallback } from "react";
+import { useCreatePageRevisionFrom, useDeletePageRevision, usePublishPage, useUnpublishPage } from "../../../../features/pages/index.js";
+import { Text, useToast } from "@webiny/admin-ui";
+import { useDialogs } from "@webiny/app-admin";
+import { ReactComponent } from "@webiny/icons/visibility.svg";
+import { ReactComponent as visibility_off_svg_ReactComponent } from "@webiny/icons/visibility_off.svg";
+import { ReactComponent as delete_svg_ReactComponent } from "@webiny/icons/delete.svg";
+import { Routes } from "../../../../routes.js";
+import { useRouter } from "@webiny/app";
+import { usePageEditorDrawer } from "./usePageEditorDrawer.js";
+const useRevision = (props)=>{
+    const { revision, onDeleted } = props;
+    const { goToRoute } = useRouter();
+    const { openRevisionList } = usePageEditorDrawer();
+    const { showDialog } = useDialogs();
+    const { showSuccessToast, showWarningToast } = useToast();
+    const { createPageRevisionFrom } = useCreatePageRevisionFrom();
+    const { deletePageRevision } = useDeletePageRevision();
+    const { publishPage } = usePublishPage();
+    const { unpublishPage } = useUnpublishPage();
+    const createRevision = useCallback(async ()=>{
+        await createPageRevisionFrom({
+            id: revision.id
+        });
+    }, [
+        revision.id
+    ]);
+    const deleteRevision = useCallback(()=>{
+        showDialog({
+            title: "Delete revision",
+            icon: /*#__PURE__*/ react.createElement(delete_svg_ReactComponent, null),
+            content: /*#__PURE__*/ react.createElement(Text, null, `You are about to delete revision #${revision.version}. This cannot be undone. Are you sure you want to continue?`),
+            acceptLabel: "Yes, delete this revision!",
+            cancelLabel: "Cancel",
+            onAccept: async ()=>{
+                try {
+                    await deletePageRevision({
+                        id: revision.id
+                    });
+                    showSuccessToast({
+                        title: `Revision #${revision.version} was deleted successfully!`
+                    });
+                    onDeleted?.(revision);
+                } catch (ex) {
+                    showWarningToast({
+                        title: "Could not delete the revision.",
+                        description: ex.message
+                    });
+                }
+            }
+        });
+    }, [
+        revision.id,
+        revision.version,
+        onDeleted
+    ]);
+    const publishRevision = useCallback(()=>{
+        showDialog({
+            title: "Publish revision",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            content: /*#__PURE__*/ react.createElement(Text, null, `You are about to publish revision #${revision.version}. Are you sure you want to continue?`),
+            acceptLabel: "Yes, publish this revision!",
+            cancelLabel: "Cancel",
+            onAccept: async ()=>{
+                try {
+                    await publishPage({
+                        id: revision.id
+                    });
+                    showSuccessToast({
+                        title: `Revision #${revision.version} was published successfully!`
+                    });
+                } catch (ex) {
+                    showWarningToast({
+                        title: "Could not publish the revision.",
+                        description: ex.message
+                    });
+                }
+            }
+        });
+    }, [
+        revision.id,
+        revision.version
+    ]);
+    const unpublishRevision = useCallback(()=>{
+        showDialog({
+            title: "Unpublish revision",
+            icon: /*#__PURE__*/ react.createElement(visibility_off_svg_ReactComponent, null),
+            content: /*#__PURE__*/ react.createElement(Text, null, `You are about to unpublish revision #${revision.version}, which will take the page off the live website. Are you sure you want to continue?`),
+            acceptLabel: "Yes, unpublish this revision!",
+            cancelLabel: "Cancel",
+            onAccept: async ()=>{
+                try {
+                    await unpublishPage({
+                        id: revision.id
+                    });
+                    showSuccessToast({
+                        title: `Revision #${revision.version} was unpublished successfully!`
+                    });
+                } catch (ex) {
+                    showWarningToast({
+                        title: "Could not unpublish the revision.",
+                        description: ex.message
+                    });
+                }
+            }
+        });
+    }, [
+        revision.id,
+        revision.version
+    ]);
+    const editRevision = useCallback(()=>{
+        openRevisionList(false);
+        goToRoute(Routes.Pages.Editor, {
+            id: revision.id
+        });
+    }, [
+        revision.id,
+        openRevisionList
+    ]);
+    return {
+        createRevision,
+        editRevision,
+        deleteRevision,
+        publishRevision,
+        unpublishRevision
+    };
+};
+export { useRevision };
+
+//# sourceMappingURL=useRevision.js.map

package/presentation/pages/PageEditor/Revisions/useRevision.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/Revisions/useRevision.js","sources":["../../../../../src/presentation/pages/PageEditor/Revisions/useRevision.tsx"],"sourcesContent":["import React from \"react\";\nimport type { PageRevision } from \"~/domain/PageRevision/index.js\";\nimport {\n    usePublishPage,\n    useUnpublishPage,\n    useCreatePageRevisionFrom,\n    useDeletePageRevision\n} from \"~/features/pages/index.js\";\nimport { useCallback } from \"react\";\nimport { Text, useToast } from \"@webiny/admin-ui\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { ReactComponent as PublishIcon } from \"@webiny/icons/visibility.svg\";\nimport { ReactComponent as UnpublishIcon } from \"@webiny/icons/visibility_off.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { Routes } from \"~/routes.js\";\nimport { useRouter } from \"@webiny/app\";\nimport { usePageEditorDrawer } from \"./usePageEditorDrawer.js\";\n\nexport interface UseRevisionProps {\n    revision: PageRevision;\n    /**\n     * Called once the revision is deleted, so the list can move the editor away from a revision\n     * that no longer exists.\n     */\n    onDeleted?: (revision: PageRevision) => void;\n}\n\nexport const useRevision = (props: UseRevisionProps) => {\n    const { revision, onDeleted } = props;\n\n    const { goToRoute } = useRouter();\n    const { openRevisionList } = usePageEditorDrawer();\n    const { showDialog } = useDialogs();\n    const { showSuccessToast, showWarningToast } = useToast();\n\n    const { createPageRevisionFrom } = useCreatePageRevisionFrom();\n    const { deletePageRevision } = useDeletePageRevision();\n    const { publishPage } = usePublishPage();\n    const { unpublishPage } = useUnpublishPage();\n\n    const createRevision = useCallback(async () => {\n        await createPageRevisionFrom({\n            id: revision.id\n        });\n    }, [revision.id]);\n\n    const deleteRevision = useCallback(() => {\n        showDialog({\n            title: \"Delete revision\",\n            icon: <DeleteIcon />,\n            content: (\n                <Text>\n                    {`You are about to delete revision #${revision.version}. This cannot be undone. Are you sure you want to continue?`}\n                </Text>\n            ),\n            acceptLabel: \"Yes, delete this revision!\",\n            cancelLabel: \"Cancel\",\n            onAccept: async () => {\n                try {\n                    await deletePageRevision({\n                        id: revision.id\n                    });\n\n                    showSuccessToast({\n                        title: `Revision #${revision.version} was deleted successfully!`\n                    });\n\n                    onDeleted?.(revision);\n                } catch (ex) {\n                    showWarningToast({\n                        title: \"Could not delete the revision.\",\n                        description: ex.message\n                    });\n                }\n            }\n        });\n    }, [revision.id, revision.version, onDeleted]);\n\n    const publishRevision = useCallback(() => {\n        showDialog({\n            title: \"Publish revision\",\n            icon: <PublishIcon />,\n            content: (\n                <Text>\n                    {`You are about to publish revision #${revision.version}. Are you sure you want to continue?`}\n                </Text>\n            ),\n            acceptLabel: \"Yes, publish this revision!\",\n            cancelLabel: \"Cancel\",\n            onAccept: async () => {\n                try {\n                    await publishPage({\n                        id: revision.id\n                    });\n\n                    showSuccessToast({\n                        title: `Revision #${revision.version} was published successfully!`\n                    });\n                } catch (ex) {\n                    showWarningToast({\n                        title: \"Could not publish the revision.\",\n                        description: ex.message\n                    });\n                }\n            }\n        });\n    }, [revision.id, revision.version]);\n\n    const unpublishRevision = useCallback(() => {\n        showDialog({\n            title: \"Unpublish revision\",\n            icon: <UnpublishIcon />,\n            content: (\n                <Text>\n                    {`You are about to unpublish revision #${revision.version}, which will take the page off the live website. Are you sure you want to continue?`}\n                </Text>\n            ),\n            acceptLabel: \"Yes, unpublish this revision!\",\n            cancelLabel: \"Cancel\",\n            onAccept: async () => {\n                try {\n                    await unpublishPage({\n                        id: revision.id\n                    });\n\n                    showSuccessToast({\n                        title: `Revision #${revision.version} was unpublished successfully!`\n                    });\n                } catch (ex) {\n                    showWarningToast({\n                        title: \"Could not unpublish the revision.\",\n                        description: ex.message\n                    });\n                }\n            }\n        });\n    }, [revision.id, revision.version]);\n\n    const editRevision = useCallback(() => {\n        // The drawer lives outside the editor, so it would stay open across the navigation.\n        openRevisionList(false);\n\n        goToRoute(Routes.Pages.Editor, {\n            id: revision.id\n        });\n    }, [revision.id, openRevisionList]);\n\n    return {\n        createRevision,\n        editRevision,\n        deleteRevision,\n        publishRevision,\n        unpublishRevision\n    };\n};\n"],"names":["useRevision","props","revision","onDeleted","goToRoute","useRouter","openRevisionList","usePageEditorDrawer","showDialog","useDialogs","showSuccessToast","showWarningToast","useToast","createPageRevisionFrom","useCreatePageRevisionFrom","deletePageRevision","useDeletePageRevision","publishPage","usePublishPage","unpublishPage","useUnpublishPage","createRevision","useCallback","deleteRevision","DeleteIcon","Text","ex","publishRevision","PublishIcon","unpublishRevision","UnpublishIcon","editRevision","Routes"],"mappings":";;;;;;;;;;AA2BO,MAAMA,cAAc,CAACC;IACxB,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGF;IAEhC,MAAM,EAAEG,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAC7B,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAM,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAE,GAAGC;IAE/C,MAAM,EAAEC,sBAAsB,EAAE,GAAGC;IACnC,MAAM,EAAEC,kBAAkB,EAAE,GAAGC;IAC/B,MAAM,EAAEC,WAAW,EAAE,GAAGC;IACxB,MAAM,EAAEC,aAAa,EAAE,GAAGC;IAE1B,MAAMC,iBAAiBC,YAAY;QAC/B,MAAMT,uBAAuB;YACzB,IAAIX,SAAS,EAAE;QACnB;IACJ,GAAG;QAACA,SAAS,EAAE;KAAC;IAEhB,MAAMqB,iBAAiBD,YAAY;QAC/Bd,WAAW;YACP,OAAO;YACP,MAAM,WAAN,GAAM,oBAACgB,2BAAUA;YACjB,SAAS,WAAT,GACI,oBAACC,MAAIA,MACA,CAAC,kCAAkC,EAAEvB,SAAS,OAAO,CAAC,2DAA2D,CAAC;YAG3H,aAAa;YACb,aAAa;YACb,UAAU;gBACN,IAAI;oBACA,MAAMa,mBAAmB;wBACrB,IAAIb,SAAS,EAAE;oBACnB;oBAEAQ,iBAAiB;wBACb,OAAO,CAAC,UAAU,EAAER,SAAS,OAAO,CAAC,0BAA0B,CAAC;oBACpE;oBAEAC,YAAYD;gBAChB,EAAE,OAAOwB,IAAI;oBACTf,iBAAiB;wBACb,OAAO;wBACP,aAAae,GAAG,OAAO;oBAC3B;gBACJ;YACJ;QACJ;IACJ,GAAG;QAACxB,SAAS,EAAE;QAAEA,SAAS,OAAO;QAAEC;KAAU;IAE7C,MAAMwB,kBAAkBL,YAAY;QAChCd,WAAW;YACP,OAAO;YACP,MAAM,WAAN,GAAM,oBAACoB,gBAAWA;YAClB,SAAS,WAAT,GACI,oBAACH,MAAIA,MACA,CAAC,mCAAmC,EAAEvB,SAAS,OAAO,CAAC,oCAAoC,CAAC;YAGrG,aAAa;YACb,aAAa;YACb,UAAU;gBACN,IAAI;oBACA,MAAMe,YAAY;wBACd,IAAIf,SAAS,EAAE;oBACnB;oBAEAQ,iBAAiB;wBACb,OAAO,CAAC,UAAU,EAAER,SAAS,OAAO,CAAC,4BAA4B,CAAC;oBACtE;gBACJ,EAAE,OAAOwB,IAAI;oBACTf,iBAAiB;wBACb,OAAO;wBACP,aAAae,GAAG,OAAO;oBAC3B;gBACJ;YACJ;QACJ;IACJ,GAAG;QAACxB,SAAS,EAAE;QAAEA,SAAS,OAAO;KAAC;IAElC,MAAM2B,oBAAoBP,YAAY;QAClCd,WAAW;YACP,OAAO;YACP,MAAM,WAAN,GAAM,oBAACsB,mCAAaA;YACpB,SAAS,WAAT,GACI,oBAACL,MAAIA,MACA,CAAC,qCAAqC,EAAEvB,SAAS,OAAO,CAAC,mFAAmF,CAAC;YAGtJ,aAAa;YACb,aAAa;YACb,UAAU;gBACN,IAAI;oBACA,MAAMiB,cAAc;wBAChB,IAAIjB,SAAS,EAAE;oBACnB;oBAEAQ,iBAAiB;wBACb,OAAO,CAAC,UAAU,EAAER,SAAS,OAAO,CAAC,8BAA8B,CAAC;oBACxE;gBACJ,EAAE,OAAOwB,IAAI;oBACTf,iBAAiB;wBACb,OAAO;wBACP,aAAae,GAAG,OAAO;oBAC3B;gBACJ;YACJ;QACJ;IACJ,GAAG;QAACxB,SAAS,EAAE;QAAEA,SAAS,OAAO;KAAC;IAElC,MAAM6B,eAAeT,YAAY;QAE7BhB,iBAAiB;QAEjBF,UAAU4B,OAAO,KAAK,CAAC,MAAM,EAAE;YAC3B,IAAI9B,SAAS,EAAE;QACnB;IACJ,GAAG;QAACA,SAAS,EAAE;QAAEI;KAAiB;IAElC,OAAO;QACHe;QACAU;QACAR;QACAI;QACAE;IACJ;AACJ"}

package/presentation/pages/PageEditor/Revisions/useRevisionList.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Returns the revision list presenter, initialized for the entry the given page revision belongs
+ * to. Components reading `presenter.vm` must be wrapped in `observer` to pick up cache changes.
+ */
+export declare const useRevisionList: (pageId: string) => {
+    presenter: import("../../RevisionList/abstractions").IRevisionListPresenter;
+};

package/presentation/pages/PageEditor/Revisions/useRevisionList.js

@@ -0,0 +1,24 @@
+import { useEffect, useMemo } from "react";
+import { useFeature } from "@webiny/app";
+import { parseIdentifier } from "@webiny/utils/parseIdentifier.js";
+import { RevisionListFeature } from "../../RevisionList/feature.js";
+const useRevisionList = (pageId)=>{
+    const { presenter } = useFeature(RevisionListFeature);
+    const { id: entryId } = useMemo(()=>parseIdentifier(pageId), [
+        pageId
+    ]);
+    useEffect(()=>{
+        presenter.init({
+            entryId
+        });
+    }, [
+        entryId,
+        presenter
+    ]);
+    return {
+        presenter
+    };
+};
+export { useRevisionList };
+
+//# sourceMappingURL=useRevisionList.js.map

package/presentation/pages/PageEditor/Revisions/useRevisionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/Revisions/useRevisionList.js","sources":["../../../../../src/presentation/pages/PageEditor/Revisions/useRevisionList.ts"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { parseIdentifier } from \"@webiny/utils/parseIdentifier.js\";\nimport { RevisionListFeature } from \"~/presentation/pages/RevisionList/feature.js\";\n\n/**\n * Returns the revision list presenter, initialized for the entry the given page revision belongs\n * to. Components reading `presenter.vm` must be wrapped in `observer` to pick up cache changes.\n */\nexport const useRevisionList = (pageId: string) => {\n    const { presenter } = useFeature(RevisionListFeature);\n\n    const { id: entryId } = useMemo(() => parseIdentifier(pageId), [pageId]);\n\n    useEffect(() => {\n        presenter.init({ entryId });\n    }, [entryId, presenter]);\n\n    return { presenter };\n};\n"],"names":["useRevisionList","pageId","presenter","useFeature","RevisionListFeature","entryId","useMemo","parseIdentifier","useEffect"],"mappings":";;;;AASO,MAAMA,kBAAkB,CAACC;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjC,MAAM,EAAE,IAAIC,OAAO,EAAE,GAAGC,QAAQ,IAAMC,gBAAgBN,SAAS;QAACA;KAAO;IAEvEO,UAAU;QACNN,UAAU,IAAI,CAAC;YAAEG;QAAQ;IAC7B,GAAG;QAACA;QAASH;KAAU;IAEvB,OAAO;QAAEA;IAAU;AACvB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/TopBar/BackButton.js","sources":["../../../../../src/presentation/pages/PageEditor/TopBar/BackButton.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { useRoute, useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as BackIcon } from \"@webiny/icons/arrow_back.svg\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Routes } from \"~/routes.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\n\nexport function BackButton() {\n    const { goToRoute } = useRouter();\n    const { route } = useRoute(Routes.Pages.Editor);\n    const editor = useDocumentEditor();\n\n    const onClick = useCallback(() => {\n        const document = editor.getDocumentState().read();\n        const folderId = route.params.folderId ?? document.properties.folderId ?? ROOT_FOLDER;\n\n        goToRoute(Routes.Pages.List, { folderId });\n    }, [route]);\n\n    return <IconButton variant={\"ghost\"} size={\"md\"} onClick={onClick} icon={<BackIcon />} />;\n}\n"],"names":["BackButton","goToRoute","useRouter","route","useRoute","Routes","editor","useDocumentEditor","onClick","useCallback","document","folderId","ROOT_FOLDER","IconButton","BackIcon"],"mappings":";;;;;;;AAQO,SAASA;IACZ,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,KAAK,CAAC,MAAM;IAC9C,MAAMC,SAASC;IAEf,MAAMC,UAAUC,YAAY;QACxB,MAAMC,WAAWJ,OAAO,gBAAgB,GAAG,IAAI;QAC/C,MAAMK,WAAWR,MAAM,MAAM,CAAC,QAAQ,IAAIO,SAAS,UAAU,CAAC,QAAQ,IAAIE;QAE1EX,UAAUI,OAAO,KAAK,CAAC,IAAI,EAAE;YAAEM;QAAS;IAC5C,GAAG;QAACR;KAAM;IAEV,OAAO,WAAP,GAAO,oBAACU,YAAUA;QAAC,SAAS;QAAS,MAAM;QAAM,SAASL;QAAS,oBAAM,oBAACM,gBAAQA;;AACtF"}

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

@@ -0,0 +1,43 @@
+import react from "react";
+import { Button, useToast } from "@webiny/admin-ui";
+import { useDialogs, useRouter } from "@webiny/app-admin";
+import { ReactComponent } from "@webiny/icons/add.svg";
+import { useCreatePageRevisionFrom } from "../../../../features/pages/index.js";
+import { useSelectFromDocument } from "../../../../BaseEditor/hooks/useSelectFromDocument.js";
+import { Routes } from "../../../../routes.js";
+const NewRevisionButton = ()=>{
+    const { goToRoute } = useRouter();
+    const { showSuccessToast } = useToast();
+    const { createPageRevisionFrom } = useCreatePageRevisionFrom();
+    const { showDialog } = useDialogs();
+    const id = useSelectFromDocument((document)=>document.id);
+    const createNewRevision = ()=>{
+        showDialog({
+            title: "Create a new page revision",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            content: "You're about to create a new revision of this page. Are you sure you want to continue?",
+            acceptLabel: "Yes, create new revision!",
+            cancelLabel: "Cancel",
+            onAccept: async ()=>{
+                const result = await createPageRevisionFrom({
+                    id
+                });
+                showSuccessToast({
+                    title: "New revision was created successfully!"
+                });
+                goToRoute(Routes.Pages.Editor, {
+                    id: result.id
+                });
+            }
+        });
+    };
+    return /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        text: "New Revision",
+        onClick: createNewRevision,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    });
+};
+export { NewRevisionButton };
+
+//# sourceMappingURL=NewRevisionButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/TopBar/NewRevisionButton.js","sources":["../../../../../src/presentation/pages/PageEditor/TopBar/NewRevisionButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, useToast } from \"@webiny/admin-ui\";\nimport { useDialogs, useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as NewRevisionIcon } from \"@webiny/icons/add.svg\";\nimport { useCreatePageRevisionFrom } from \"~/features/pages/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { Routes } from \"~/routes.js\";\n\nexport const NewRevisionButton = () => {\n    const { goToRoute } = useRouter();\n    const { showSuccessToast } = useToast();\n    const { createPageRevisionFrom } = useCreatePageRevisionFrom();\n    const { showDialog } = useDialogs();\n\n    const id = useSelectFromDocument(document => document.id);\n\n    const createNewRevision = () => {\n        showDialog({\n            title: \"Create a new page revision\",\n            icon: <NewRevisionIcon />,\n            content:\n                \"You're about to create a new revision of this page. Are you sure you want to continue?\",\n            acceptLabel: \"Yes, create new revision!\",\n            cancelLabel: \"Cancel\",\n            onAccept: async () => {\n                const result = await createPageRevisionFrom({ id });\n\n                showSuccessToast({\n                    title: \"New revision was created successfully!\"\n                });\n\n                goToRoute(Routes.Pages.Editor, {\n                    id: result.id\n                });\n            }\n        });\n    };\n\n    return (\n        <Button\n            variant=\"primary\"\n            text={\"New Revision\"}\n            onClick={createNewRevision}\n            icon={<NewRevisionIcon />}\n        />\n    );\n};\n"],"names":["NewRevisionButton","goToRoute","useRouter","showSuccessToast","useToast","createPageRevisionFrom","useCreatePageRevisionFrom","showDialog","useDialogs","id","useSelectFromDocument","document","createNewRevision","NewRevisionIcon","result","Routes","Button"],"mappings":";;;;;;;AAQO,MAAMA,oBAAoB;IAC7B,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAC7B,MAAM,EAAEC,sBAAsB,EAAE,GAAGC;IACnC,MAAM,EAAEC,UAAU,EAAE,GAAGC;IAEvB,MAAMC,KAAKC,sBAAsBC,CAAAA,WAAYA,SAAS,EAAE;IAExD,MAAMC,oBAAoB;QACtBL,WAAW;YACP,OAAO;YACP,MAAM,WAAN,GAAM,oBAACM,gBAAeA;YACtB,SACI;YACJ,aAAa;YACb,aAAa;YACb,UAAU;gBACN,MAAMC,SAAS,MAAMT,uBAAuB;oBAAEI;gBAAG;gBAEjDN,iBAAiB;oBACb,OAAO;gBACX;gBAEAF,UAAUc,OAAO,KAAK,CAAC,MAAM,EAAE;oBAC3B,IAAID,OAAO,EAAE;gBACjB;YACJ;QACJ;IACJ;IAEA,OAAO,WAAP,GACI,oBAACE,QAAMA;QACH,SAAQ;QACR,MAAM;QACN,SAASJ;QACT,oBAAM,oBAACC,gBAAeA;;AAGlC"}

package/presentation/pages/PageEditor/TopBar/PageSettingsDrawer.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { PageSettingsPresenter } from "../../../../presentation/pages/PageEditor/PageSettings/index.js";
+export interface PageSettingsDrawerProps {
+    presenter: PageSettingsPresenter.Interface;
+    open: boolean;
+    onClose: () => void;
+    onSave: () => void;
+}
+export declare const PageSettingsDrawer: (({ presenter, open, onClose, onSave }: PageSettingsDrawerProps) => React.JSX.Element) & React.NamedExoticComponent<PageSettingsDrawerProps> & {
+    readonly type: ({ presenter, open, onClose, onSave }: PageSettingsDrawerProps) => React.JSX.Element;
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/TopBar/PageSettingsDrawer.js","sources":["../../../../../src/presentation/pages/PageEditor/TopBar/PageSettingsDrawer.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { FormView } from \"@webiny/app-admin\";\nimport { Drawer } from \"@webiny/admin-ui\";\nimport type { PageSettingsPresenter } from \"~/presentation/pages/PageEditor/PageSettings/index.js\";\n\nexport interface PageSettingsDrawerProps {\n    presenter: PageSettingsPresenter.Interface;\n    open: boolean;\n    onClose: () => void;\n    onSave: () => void;\n}\n\nexport const PageSettingsDrawer = observer(\n    ({ presenter, open, onClose, onSave }: PageSettingsDrawerProps) => {\n        const vm = presenter.vm;\n\n        return (\n            <Drawer\n                open={open}\n                onClose={onClose}\n                modal={true}\n                width={900}\n                bodyPadding={false}\n                title={\"Page Settings\"}\n                actions={\n                    <>\n                        <Drawer.CancelButton text={\"Cancel\"} />\n                        <Drawer.ConfirmButton onClick={onSave} text={\"Save Settings\"} />\n                    </>\n                }\n                headerSeparator={true}\n                footerSeparator={true}\n                className={\"flex flex-col\"}\n            >\n                {vm.error ? (\n                    <div className=\"text-destructive-default text-sm p-md\">{vm.error}</div>\n                ) : null}\n                {vm.form ? <FormView name=\"Page Settings\" form={vm.form} /> : null}\n            </Drawer>\n        );\n    }\n);\n"],"names":["PageSettingsDrawer","observer","presenter","open","onClose","onSave","vm","Drawer","FormView"],"mappings":";;;;AAaO,MAAMA,qBAAqBC,SAC9B,CAAC,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,EAAEC,MAAM,EAA2B;IAC1D,MAAMC,KAAKJ,UAAU,EAAE;IAEvB,OAAO,WAAP,GACI,oBAACK,QAAMA;QACH,MAAMJ;QACN,SAASC;QACT,OAAO;QACP,OAAO;QACP,aAAa;QACb,OAAO;QACP,uBACI,wDACI,oBAACG,OAAO,YAAY;YAAC,MAAM;0BAC3B,oBAACA,OAAO,aAAa;YAAC,SAASF;YAAQ,MAAM;;QAGrD,iBAAiB;QACjB,iBAAiB;QACjB,WAAW;OAEVC,GAAG,KAAK,GAAG,WAAH,GACL,oBAAC;QAAI,WAAU;OAAyCA,GAAG,KAAK,IAChE,MACHA,GAAG,IAAI,GAAG,WAAH,GAAG,oBAACE,UAAQA;QAAC,MAAK;QAAgB,MAAMF,GAAG,IAAI;SAAO;AAG1E"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/TopBar/PublishButton.js","sources":["../../../../../src/presentation/pages/PageEditor/TopBar/PublishButton.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from \"react\";\nimport { Button, Text, Textarea, useToast } from \"@webiny/admin-ui\";\nimport { useDialogs, useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as PublishIcon } from \"@webiny/icons/publish.svg\";\nimport { usePublishPage, useUpdatePageRevisionDescription } from \"~/features/pages/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\nimport { Routes } from \"~/routes.js\";\n\ninterface IDialogContentMessageProps {\n    onDescriptionChange: (value: string) => void;\n}\n\nconst DialogContentMessage = (props: IDialogContentMessageProps) => {\n    const { onDescriptionChange } = props;\n    const [revisionDescription, setRevisionDescription] = useState(\"\");\n\n    const onChange = useCallback(\n        (value: string) => {\n            setRevisionDescription(value);\n            onDescriptionChange(value);\n        },\n        [onDescriptionChange]\n    );\n\n    return (\n        <>\n            <Text>You are about to publish this page. Are you sure you want to continue?</Text>\n            <Text size={\"sm\"} className={\"mt-2\"}>\n                Write a revision description (optional):\n            </Text>\n            <Textarea value={revisionDescription} onChange={onChange} />\n        </>\n    );\n};\n\nexport const PublishButton = () => {\n    const { goToRoute } = useRouter();\n    const { showSuccessToast } = useToast();\n    const { updatePageRevisionDescription } = useUpdatePageRevisionDescription();\n    const { publishPage } = usePublishPage();\n    const { showDialog } = useDialogs();\n    const revisionDescriptionRef = useRef(\"\");\n\n    const folderId = useSelectFromDocument<string, EditorPage>(\n        document => document.location.folderId\n    );\n    const id = useSelectFromDocument(document => document.id);\n\n    const onDescriptionChange = useCallback((value: string) => {\n        revisionDescriptionRef.current = value;\n    }, []);\n\n    const onAccept = useCallback(async () => {\n        await updatePageRevisionDescription({\n            id,\n            revisionDescription: revisionDescriptionRef.current\n        });\n        await publishPage({ id });\n\n        showSuccessToast({\n            title: \"Page was published successfully!\"\n        });\n\n        goToRoute(Routes.Pages.List, { folderId });\n    }, [id, folderId, publishPage, updatePageRevisionDescription]);\n\n    const publish = () => {\n        showDialog({\n            title: \"Publish page\",\n            icon: <PublishIcon />,\n            content: <DialogContentMessage onDescriptionChange={onDescriptionChange} />,\n            acceptLabel: \"Yes, publish this page!\",\n            cancelLabel: \"Cancel\",\n            onAccept\n        });\n    };\n\n    return (\n        <Button\n            variant=\"primary\"\n            text={\"Publish\"}\n            onClick={publish}\n            icon={<PublishIcon />}\n        ></Button>\n    );\n};\n"],"names":["DialogContentMessage","props","onDescriptionChange","revisionDescription","setRevisionDescription","useState","onChange","useCallback","value","Text","Textarea","PublishButton","goToRoute","useRouter","showSuccessToast","useToast","updatePageRevisionDescription","useUpdatePageRevisionDescription","publishPage","usePublishPage","showDialog","useDialogs","revisionDescriptionRef","useRef","folderId","useSelectFromDocument","document","id","onAccept","Routes","publish","PublishIcon","Button"],"mappings":";;;;;;;AAaA,MAAMA,uBAAuB,CAACC;IAC1B,MAAM,EAAEC,mBAAmB,EAAE,GAAGD;IAChC,MAAM,CAACE,qBAAqBC,uBAAuB,GAAGC,SAAS;IAE/D,MAAMC,WAAWC,YACb,CAACC;QACGJ,uBAAuBI;QACvBN,oBAAoBM;IACxB,GACA;QAACN;KAAoB;IAGzB,OAAO,WAAP,GACI,wDACI,oBAACO,MAAIA,MAAC,yFACN,oBAACA,MAAIA;QAAC,MAAM;QAAM,WAAW;OAAQ,2DAGrC,oBAACC,UAAQA;QAAC,OAAOP;QAAqB,UAAUG;;AAG5D;AAEO,MAAMK,gBAAgB;IACzB,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAC7B,MAAM,EAAEC,6BAA6B,EAAE,GAAGC;IAC1C,MAAM,EAAEC,WAAW,EAAE,GAAGC;IACxB,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAMC,yBAAyBC,OAAO;IAEtC,MAAMC,WAAWC,sBACbC,CAAAA,WAAYA,SAAS,QAAQ,CAAC,QAAQ;IAE1C,MAAMC,KAAKF,sBAAsBC,CAAAA,WAAYA,SAAS,EAAE;IAExD,MAAMxB,sBAAsBK,YAAY,CAACC;QACrCc,uBAAuB,OAAO,GAAGd;IACrC,GAAG,EAAE;IAEL,MAAMoB,WAAWrB,YAAY;QACzB,MAAMS,8BAA8B;YAChCW;YACA,qBAAqBL,uBAAuB,OAAO;QACvD;QACA,MAAMJ,YAAY;YAAES;QAAG;QAEvBb,iBAAiB;YACb,OAAO;QACX;QAEAF,UAAUiB,OAAO,KAAK,CAAC,IAAI,EAAE;YAAEL;QAAS;IAC5C,GAAG;QAACG;QAAIH;QAAUN;QAAaF;KAA8B;IAE7D,MAAMc,UAAU;QACZV,WAAW;YACP,OAAO;YACP,MAAM,WAAN,GAAM,oBAACW,gBAAWA;YAClB,SAAS,WAAT,GAAS,oBAAC/B,sBAAoBA;gBAAC,qBAAqBE;;YACpD,aAAa;YACb,aAAa;YACb0B;QACJ;IACJ;IAEA,OAAO,WAAP,GACI,oBAACI,QAAMA;QACH,SAAQ;QACR,MAAM;QACN,SAASF;QACT,oBAAM,oBAACC,gBAAWA;;AAG9B"}

package/presentation/pages/PageEditor/TopBar/RevisionsMenu.d.ts

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

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

@@ -0,0 +1,63 @@
+import react, { useCallback } from "react";
+import { observer } from "mobx-react-lite";
+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 { useSelectFromDocument } from "../../../../BaseEditor/hooks/useSelectFromDocument.js";
+import { useRevisionList } from "../Revisions/useRevisionList.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 = observer(()=>{
+    const { getLink } = useRouter();
+    const id = useSelectFromDocument((document)=>document.id);
+    const { openRevisionList } = usePageEditorDrawer();
+    const { presenter } = useRevisionList(id);
+    const { revisions, isLoading } = presenter.vm;
+    const currentRevision = revisions.find((item)=>item.revision.id === id)?.revision;
+    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: isLoading,
+            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, { useCallback } from \"react\";\nimport { observer } from \"mobx-react-lite\";\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 { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useRevisionList } from \"~/presentation/pages/PageEditor/Revisions/useRevisionList.js\";\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 = observer(() => {\n    const { getLink } = useRouter();\n    const id = useSelectFromDocument(document => document.id);\n\n    const { openRevisionList } = usePageEditorDrawer();\n\n    // Shares the presenter with the revisions drawer, so mutations made there are reflected here.\n    const { presenter } = useRevisionList(id);\n    const { revisions, isLoading } = presenter.vm;\n\n    const currentRevision = revisions.find(item => item.revision.id === id)?.revision;\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={isLoading}\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            <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","observer","getLink","useRouter","id","useSelectFromDocument","document","openRevisionList","usePageEditorDrawer","presenter","useRevisionList","revisions","isLoading","currentRevision","item","goToRevision","useCallback","window","Routes","onOpenRevisionList","Button","ArrowDown","revision","Text"],"mappings":";;;;;;;;;;;;AAaA,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,gBAAgBC,SAAS;IAClC,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAMC,KAAKC,sBAAsBC,CAAAA,WAAYA,SAAS,EAAE;IAExD,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAG7B,MAAM,EAAEC,SAAS,EAAE,GAAGC,gBAAgBN;IACtC,MAAM,EAAEO,SAAS,EAAEC,SAAS,EAAE,GAAGH,UAAU,EAAE;IAE7C,MAAMI,kBAAkBF,UAAU,IAAI,CAACG,CAAAA,OAAQA,KAAK,QAAQ,CAAC,EAAE,KAAKV,KAAK;IAEzE,MAAMW,eAAeC,YAAY,CAACZ;QAE9Ba,OAAO,QAAQ,CAAC,QAAQ,GAAGf,QAAQgB,OAAO,KAAK,CAAC,MAAM,EAAE;YAAEd;QAAG;IACjE,GAAG,EAAE;IAEL,MAAMe,qBAAqBH,YAAY;QACnCT,iBAAiB;IACrB,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACZ,cAAYA;QACT,uBACI,oBAACyB,QAAMA;YACH,UAAUR;YACV,SAAQ;YACR,MAAMC,kBAAkBA,gBAAgB,QAAQ,KAAK;YACrD,oBAAM,oBAACQ,gBAASA;YAChB,cAAc;;OAIrBV,UAAU,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,EAAEW,QAAQ,EAAE,iBACpC,oBAAC5B,MAAIA;YACD,KAAK4B,SAAS,EAAE;YAChB,WAAW;YACX,SAAS,IAAMP,aAAaO,SAAS,EAAE;YACvC,oBACI,oBAAC5B,KAAK,IAAI;gBACN,OAAO4B,SAAS,QAAQ;gBACxB,SAAS1B,UAAU,CAAC0B,SAAS,MAAM,CAAC;;YAG5C,oBAAM,oBAACC,MAAIA;gBAAC,MAAM;eAAOD,SAAS,QAAQ;2BAGlD,oBAAC3B,aAAa,SAAS,uBACvB,oBAACA,aAAa,IAAI;QACd,KAAK;QACL,SAASwB;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.select(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.select(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 {};