@webiny/app-website-builder 6.3.0 → 6.4.0-beta.1

package/modules/pages/PageEditor/Revisions/RevisionsList.js

@@ -0,0 +1,33 @@
+import react, { useEffect, useState } from "react";
+import { List, OverlayLoader } from "@webiny/admin-ui";
+import RevisionListItem from "./RevisionListItem.js";
+import { useGetPageRevisions } from "../../../../presentation/pages/hooks/useGetPageRevisions.js";
+import { parseIdentifier } from "@webiny/utils/parseIdentifier.js";
+const RevisionsList = (props)=>{
+    const { page } = props;
+    const [revisions, setRevisions] = useState([]);
+    const { loading, getPageRevisions } = useGetPageRevisions();
+    useEffect(()=>{
+        const { id: entryId } = parseIdentifier(page.id);
+        getPageRevisions({
+            entryId
+        }).then((revisions)=>{
+            setRevisions(revisions.sort((a, b)=>new Date(a.savedOn).getTime() - new Date(b.savedOn).getTime()).reverse());
+        });
+    }, [
+        page.id
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "relative"
+    }, loading && /*#__PURE__*/ react.createElement(OverlayLoader, null), revisions?.length ? /*#__PURE__*/ react.createElement(List, {
+        "data-testid": "cms.content-form.revisions"
+    }, revisions.map((revision)=>/*#__PURE__*/ react.createElement(RevisionListItem, {
+            revision: revision,
+            key: revision.id
+        }))) : /*#__PURE__*/ react.createElement("div", {
+        className: "p-lg"
+    }, "No revisions to show."));
+};
+export { RevisionsList };
+
+//# sourceMappingURL=RevisionsList.js.map

package/modules/pages/PageEditor/Revisions/RevisionsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/pages/PageEditor/Revisions/RevisionsList.js","sources":["../../../../../src/modules/pages/PageEditor/Revisions/RevisionsList.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { List, OverlayLoader } from \"@webiny/admin-ui\";\nimport RevisionListItem from \"./RevisionListItem.js\";\nimport type { Page } from \"~/domain/Page/index.js\";\nimport type { PageRevision } from \"~/domain/PageRevision/index.js\";\nimport { useGetPageRevisions } from \"~/presentation/pages/hooks/useGetPageRevisions.js\";\nimport { parseIdentifier } from \"@webiny/utils/parseIdentifier.js\";\n\ninterface IRevisionsListProps {\n    page: Pick<Page, \"id\">;\n}\n\nexport const RevisionsList = (props: IRevisionsListProps) => {\n    const { page } = props;\n\n    const [revisions, setRevisions] = useState<PageRevision[]>([]);\n    const { loading, getPageRevisions } = useGetPageRevisions();\n\n    useEffect(() => {\n        const { id: entryId } = parseIdentifier(page.id);\n        getPageRevisions({\n            entryId\n        }).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    }, [page.id]);\n\n    return (\n        <div className={\"relative\"}>\n            {loading && <OverlayLoader />}\n            {revisions?.length ? (\n                <List data-testid={\"cms.content-form.revisions\"}>\n                    {revisions.map(revision => (\n                        <RevisionListItem revision={revision} key={revision.id} />\n                    ))}\n                </List>\n            ) : (\n                <div className={\"p-lg\"}>No revisions to show.</div>\n            )}\n        </div>\n    );\n};\n"],"names":["RevisionsList","props","page","revisions","setRevisions","useState","loading","getPageRevisions","useGetPageRevisions","useEffect","entryId","parseIdentifier","a","b","Date","OverlayLoader","List","revision","RevisionListItem"],"mappings":";;;;;AAYO,MAAMA,gBAAgB,CAACC;IAC1B,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,MAAM,CAACE,WAAWC,aAAa,GAAGC,SAAyB,EAAE;IAC7D,MAAM,EAAEC,OAAO,EAAEC,gBAAgB,EAAE,GAAGC;IAEtCC,UAAU;QACN,MAAM,EAAE,IAAIC,OAAO,EAAE,GAAGC,gBAAgBT,KAAK,EAAE;QAC/CK,iBAAiB;YACbG;QACJ,GAAG,IAAI,CAACP,CAAAA;YACJC,aACID,UACK,IAAI,CAAC,CAACS,GAAGC,IACC,IAAIC,KAAKF,EAAE,OAAO,EAAE,OAAO,KAAK,IAAIE,KAAKD,EAAE,OAAO,EAAE,OAAO,IAErE,OAAO;QAEpB;IACJ,GAAG;QAACX,KAAK,EAAE;KAAC;IAEZ,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXI,WAAW,WAAXA,GAAW,oBAACS,eAAaA,OACzBZ,WAAW,SAAS,WAAT,GACR,oBAACa,MAAIA;QAAC,eAAa;OACdb,UAAU,GAAG,CAACc,CAAAA,WAAAA,WAAAA,GACX,oBAACC,kBAAgBA;YAAC,UAAUD;YAAU,KAAKA,SAAS,EAAE;6BAI9D,oBAAC;QAAI,WAAW;OAAQ;AAIxC"}

package/modules/pages/PageEditor/Revisions/usePageEditorDrawer.d.ts

@@ -0,0 +1,11 @@
+export interface PageEditorDrawerContext {
+    isRevisionListOpen: boolean;
+    openRevisionList: (open: boolean) => void;
+}
+export declare const usePageEditorDrawer: () => PageEditorDrawerContext;
+export declare const PageEditorDrawerProvider: {
+    ({ children, ...props }: PageEditorDrawerContext & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+};

package/modules/pages/PageEditor/Revisions/usePageEditorDrawer.js

@@ -0,0 +1,7 @@
+import { createGenericContext } from "@webiny/app";
+const { Provider: Provider, useHook: useHook } = createGenericContext("PageEditorDrawerContext");
+const usePageEditorDrawer = useHook;
+const PageEditorDrawerProvider = Provider;
+export { PageEditorDrawerProvider, usePageEditorDrawer };
+
+//# sourceMappingURL=usePageEditorDrawer.js.map

package/modules/pages/PageEditor/Revisions/usePageEditorDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/pages/PageEditor/Revisions/usePageEditorDrawer.js","sources":["../../../../../src/modules/pages/PageEditor/Revisions/usePageEditorDrawer.ts"],"sourcesContent":["import { createGenericContext } from \"@webiny/app\";\n\nexport interface PageEditorDrawerContext {\n    isRevisionListOpen: boolean;\n    openRevisionList: (open: boolean) => void;\n}\n\nconst { Provider, useHook } =\n    createGenericContext<PageEditorDrawerContext>(\"PageEditorDrawerContext\");\n\nexport const usePageEditorDrawer = useHook;\nexport const PageEditorDrawerProvider = Provider;\n"],"names":["Provider","useHook","createGenericContext","usePageEditorDrawer","PageEditorDrawerProvider"],"mappings":";AAOA,MAAM,EAAEA,UAAAA,QAAQ,EAAEC,SAAAA,OAAO,EAAE,GACvBC,qBAA8C;AAE3C,MAAMC,sBAAsBF;AAC5B,MAAMG,2BAA2BJ"}

package/modules/pages/PageEditor/Revisions/useRevision.d.ts

@@ -0,0 +1,11 @@
+import type { PageRevision } from "../../../../domain/PageRevision/index.js";
+export interface UseRevisionProps {
+    revision: PageRevision;
+}
+export declare const useRevision: (props: UseRevisionProps) => {
+    createRevision: () => void;
+    editRevision: () => void;
+    deleteRevision: () => void;
+    publishRevision: () => void;
+    unpublishRevision: () => void;
+};

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

@@ -0,0 +1,58 @@
+import { useCreatePageRevisionFrom, useDeletePageRevision, usePublishPage, useUnpublishPage } from "../../../../features/pages/index.js";
+import { useCallback } from "react";
+import { Routes } from "../../../../routes.js";
+import { useRouter } from "@webiny/app";
+const useRevision = (props)=>{
+    const { revision } = props;
+    const { goToRoute } = useRouter();
+    const { createPageRevisionFrom } = useCreatePageRevisionFrom();
+    const { deletePageRevision } = useDeletePageRevision();
+    const { publishPage } = usePublishPage();
+    const { unpublishPage } = useUnpublishPage();
+    const createRevision = useCallback(()=>{
+        createPageRevisionFrom({
+            id: revision.id
+        });
+    }, [
+        revision.id
+    ]);
+    const deleteRevision = useCallback(()=>{
+        deletePageRevision({
+            id: revision.id,
+            permanently: true
+        });
+    }, [
+        revision.id
+    ]);
+    const publishRevision = useCallback(()=>{
+        publishPage({
+            id: revision.id
+        });
+    }, [
+        revision.id
+    ]);
+    const unpublishRevision = useCallback(()=>{
+        unpublishPage({
+            id: revision.id
+        });
+    }, [
+        revision.id
+    ]);
+    const editRevision = useCallback(()=>{
+        goToRoute(Routes.Pages.Editor, {
+            id: revision.id
+        });
+    }, [
+        revision.id
+    ]);
+    return {
+        createRevision,
+        editRevision,
+        deleteRevision,
+        publishRevision,
+        unpublishRevision
+    };
+};
+export { useRevision };
+
+//# sourceMappingURL=useRevision.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modules/pages/PageEditor/Revisions/useRevision.js","sources":["../../../../../src/modules/pages/PageEditor/Revisions/useRevision.tsx"],"sourcesContent":["import 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 { Routes } from \"~/routes.js\";\nimport { useRouter } from \"@webiny/app\";\n\nexport interface UseRevisionProps {\n    revision: PageRevision;\n}\n\nexport const useRevision = (props: UseRevisionProps) => {\n    const { revision } = props;\n\n    const { goToRoute } = useRouter();\n\n    const { createPageRevisionFrom } = useCreatePageRevisionFrom();\n    const { deletePageRevision } = useDeletePageRevision();\n    const { publishPage } = usePublishPage();\n    const { unpublishPage } = useUnpublishPage();\n\n    const createRevision = useCallback(() => {\n        createPageRevisionFrom({\n            id: revision.id\n        });\n    }, [revision.id]);\n\n    const deleteRevision = useCallback(() => {\n        deletePageRevision({\n            id: revision.id,\n            permanently: true\n        });\n    }, [revision.id]);\n\n    const publishRevision = useCallback(() => {\n        publishPage({\n            id: revision.id\n        });\n    }, [revision.id]);\n\n    const unpublishRevision = useCallback(() => {\n        unpublishPage({\n            id: revision.id\n        });\n    }, [revision.id]);\n\n    const editRevision = useCallback(() => {\n        goToRoute(Routes.Pages.Editor, {\n            id: revision.id\n        });\n    }, [revision.id]);\n\n    return {\n        createRevision,\n        editRevision,\n        deleteRevision,\n        publishRevision,\n        unpublishRevision\n    };\n};\n"],"names":["useRevision","props","revision","goToRoute","useRouter","createPageRevisionFrom","useCreatePageRevisionFrom","deletePageRevision","useDeletePageRevision","publishPage","usePublishPage","unpublishPage","useUnpublishPage","createRevision","useCallback","deleteRevision","publishRevision","unpublishRevision","editRevision","Routes"],"mappings":";;;;AAeO,MAAMA,cAAc,CAACC;IACxB,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IAErB,MAAM,EAAEE,SAAS,EAAE,GAAGC;IAEtB,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/BT,uBAAuB;YACnB,IAAIH,SAAS,EAAE;QACnB;IACJ,GAAG;QAACA,SAAS,EAAE;KAAC;IAEhB,MAAMa,iBAAiBD,YAAY;QAC/BP,mBAAmB;YACf,IAAIL,SAAS,EAAE;YACf,aAAa;QACjB;IACJ,GAAG;QAACA,SAAS,EAAE;KAAC;IAEhB,MAAMc,kBAAkBF,YAAY;QAChCL,YAAY;YACR,IAAIP,SAAS,EAAE;QACnB;IACJ,GAAG;QAACA,SAAS,EAAE;KAAC;IAEhB,MAAMe,oBAAoBH,YAAY;QAClCH,cAAc;YACV,IAAIT,SAAS,EAAE;QACnB;IACJ,GAAG;QAACA,SAAS,EAAE;KAAC;IAEhB,MAAMgB,eAAeJ,YAAY;QAC7BX,UAAUgB,OAAO,KAAK,CAAC,MAAM,EAAE;YAC3B,IAAIjB,SAAS,EAAE;QACnB;IACJ,GAAG;QAACA,SAAS,EAAE;KAAC;IAEhB,OAAO;QACHW;QACAK;QACAH;QACAC;QACAC;IACJ;AACJ"}

package/modules/pages/PageEditor/TopBar/BackButton.js

@@ -1,31 +1,30 @@
-import React, { useCallback } from "react";
+import react, { useCallback } from "react";
 import { IconButton } from "@webiny/admin-ui";
 import { useRoute, useRouter } from "@webiny/app-admin";
-import { ReactComponent as BackIcon } from "@webiny/icons/arrow_back.svg";
+import { ReactComponent } from "@webiny/icons/arrow_back.svg";
 import { useDocumentEditor } from "../../../../DocumentEditor/index.js";
 import { Routes } from "../../../../routes.js";
 import { ROOT_FOLDER } from "../../../../constants.js";
-export function BackButton() {
-  const {
-    goToRoute
-  } = useRouter();
-  const {
-    route
-  } = useRoute(Routes.Pages.Editor);
-  const editor = useDocumentEditor();
-  const onClick = useCallback(() => {
-    const document = editor.getDocumentState().read();
-    const folderId = route.params.folderId ?? document.properties.folderId ?? ROOT_FOLDER;
-    goToRoute(Routes.Pages.List, {
-      folderId
+function BackButton() {
+    const { goToRoute } = useRouter();
+    const { route } = useRoute(Routes.Pages.Editor);
+    const editor = useDocumentEditor();
+    const onClick = useCallback(()=>{
+        const document = editor.getDocumentState().read();
+        const folderId = route.params.folderId ?? document.properties.folderId ?? ROOT_FOLDER;
+        goToRoute(Routes.Pages.List, {
+            folderId
+        });
+    }, [
+        route
+    ]);
+    return /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "ghost",
+        size: "md",
+        onClick: onClick,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
     });
-  }, [route]);
-  return /*#__PURE__*/React.createElement(IconButton, {
-    variant: "ghost",
-    size: "md",
-    onClick: onClick,
-    icon: /*#__PURE__*/React.createElement(BackIcon, null)
-  });
 }
+export { BackButton };
 
 //# sourceMappingURL=BackButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","IconButton","useRoute","useRouter","ReactComponent","BackIcon","useDocumentEditor","Routes","ROOT_FOLDER","BackButton","goToRoute","route","Pages","Editor","editor","onClick","document","getDocumentState","read","folderId","params","properties","List","createElement","variant","size","icon"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,EAAEC,SAAS,QAAQ,mBAAmB;AACvD,SAASC,cAAc,IAAIC,QAAQ,QAAQ,8BAA8B;AACzE,SAASC,iBAAiB;AAC1B,SAASC,MAAM;AACf,SAASC,WAAW;AAEpB,OAAO,SAASC,UAAUA,CAAA,EAAG;EACzB,MAAM;IAAEC;EAAU,CAAC,GAAGP,SAAS,CAAC,CAAC;EACjC,MAAM;IAAEQ;EAAM,CAAC,GAAGT,QAAQ,CAACK,MAAM,CAACK,KAAK,CAACC,MAAM,CAAC;EAC/C,MAAMC,MAAM,GAAGR,iBAAiB,CAAC,CAAC;EAElC,MAAMS,OAAO,GAAGf,WAAW,CAAC,MAAM;IAC9B,MAAMgB,QAAQ,GAAGF,MAAM,CAACG,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;IACjD,MAAMC,QAAQ,GAAGR,KAAK,CAACS,MAAM,CAACD,QAAQ,IAAIH,QAAQ,CAACK,UAAU,CAACF,QAAQ,IAAIX,WAAW;IAErFE,SAAS,CAACH,MAAM,CAACK,KAAK,CAACU,IAAI,EAAE;MAAEH;IAAS,CAAC,CAAC;EAC9C,CAAC,EAAE,CAACR,KAAK,CAAC,CAAC;EAEX,oBAAOZ,KAAA,CAAAwB,aAAA,CAACtB,UAAU;IAACuB,OAAO,EAAE,OAAQ;IAACC,IAAI,EAAE,IAAK;IAACV,OAAO,EAAEA,OAAQ;IAACW,IAAI,eAAE3B,KAAA,CAAAwB,aAAA,CAAClB,QAAQ,MAAE;EAAE,CAAE,CAAC;AAC7F","ignoreList":[]}
+{"version":3,"file":"modules/pages/PageEditor/TopBar/BackButton.js","sources":["../../../../../src/modules/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/modules/pages/PageEditor/TopBar/NewRevisionButton.d.ts

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

package/modules/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 publish = ()=>{
+        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: publish,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    });
+};
+export { NewRevisionButton };
+
+//# sourceMappingURL=NewRevisionButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modules/pages/PageEditor/TopBar/NewRevisionButton.js","sources":["../../../../../src/modules/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 publish = () => {\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={publish}\n            icon={<NewRevisionIcon />}\n        />\n    );\n};\n"],"names":["NewRevisionButton","goToRoute","useRouter","showSuccessToast","useToast","createPageRevisionFrom","useCreatePageRevisionFrom","showDialog","useDialogs","id","useSelectFromDocument","document","publish","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,UAAU;QACZL,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/modules/pages/PageEditor/TopBar/PageSettingsDrawer.js

@@ -1,35 +1,32 @@
-import React from "react";
+import react from "react";
 import { observer } from "mobx-react-lite";
 import { FormView } from "@webiny/app-admin";
 import { Drawer } from "@webiny/admin-ui";
-export const PageSettingsDrawer = observer(({
-  presenter,
-  open,
-  onClose,
-  onSave
-}) => {
-  const vm = presenter.vm;
-  return /*#__PURE__*/React.createElement(Drawer, {
-    open: open,
-    onClose: onClose,
-    modal: true,
-    width: 900,
-    bodyPadding: false,
-    title: "Page Settings",
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer.CancelButton, {
-      text: "Cancel"
-    }), /*#__PURE__*/React.createElement(Drawer.ConfirmButton, {
-      onClick: onSave,
-      text: "Save Settings"
-    })),
-    headerSeparator: true,
-    footerSeparator: true,
-    className: "flex flex-col"
-  }, vm.error ? /*#__PURE__*/React.createElement("div", {
-    className: "text-destructive-default text-sm p-md"
-  }, vm.error) : null, vm.form ? /*#__PURE__*/React.createElement(FormView, {
-    form: vm.form
-  }) : null);
+const PageSettingsDrawer = observer(({ presenter, open, onClose, onSave })=>{
+    const vm = presenter.vm;
+    return /*#__PURE__*/ react.createElement(Drawer, {
+        open: open,
+        onClose: onClose,
+        modal: true,
+        width: 900,
+        bodyPadding: false,
+        title: "Page Settings",
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Drawer.CancelButton, {
+            text: "Cancel"
+        }), /*#__PURE__*/ react.createElement(Drawer.ConfirmButton, {
+            onClick: onSave,
+            text: "Save Settings"
+        })),
+        headerSeparator: true,
+        footerSeparator: true,
+        className: "flex flex-col"
+    }, vm.error ? /*#__PURE__*/ react.createElement("div", {
+        className: "text-destructive-default text-sm p-md"
+    }, vm.error) : null, vm.form ? /*#__PURE__*/ react.createElement(FormView, {
+        name: "Page Settings",
+        form: vm.form
+    }) : null);
 });
+export { PageSettingsDrawer };
 
 //# sourceMappingURL=PageSettingsDrawer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","observer","FormView","Drawer","PageSettingsDrawer","presenter","open","onClose","onSave","vm","createElement","modal","width","bodyPadding","title","actions","Fragment","CancelButton","text","ConfirmButton","onClick","headerSeparator","footerSeparator","className","error","form"],"sources":["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 \"~/modules/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 form={vm.form} /> : null}\n            </Drawer>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,kBAAkB;AAUzC,OAAO,MAAMC,kBAAkB,GAAGH,QAAQ,CACtC,CAAC;EAAEI,SAAS;EAAEC,IAAI;EAAEC,OAAO;EAAEC;AAAgC,CAAC,KAAK;EAC/D,MAAMC,EAAE,GAAGJ,SAAS,CAACI,EAAE;EAEvB,oBACIT,KAAA,CAAAU,aAAA,CAACP,MAAM;IACHG,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBI,KAAK,EAAE,IAAK;IACZC,KAAK,EAAE,GAAI;IACXC,WAAW,EAAE,KAAM;IACnBC,KAAK,EAAE,eAAgB;IACvBC,OAAO,eACHf,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAgB,QAAA,qBACIhB,KAAA,CAAAU,aAAA,CAACP,MAAM,CAACc,YAAY;MAACC,IAAI,EAAE;IAAS,CAAE,CAAC,eACvClB,KAAA,CAAAU,aAAA,CAACP,MAAM,CAACgB,aAAa;MAACC,OAAO,EAAEZ,MAAO;MAACU,IAAI,EAAE;IAAgB,CAAE,CACjE,CACL;IACDG,eAAe,EAAE,IAAK;IACtBC,eAAe,EAAE,IAAK;IACtBC,SAAS,EAAE;EAAgB,GAE1Bd,EAAE,CAACe,KAAK,gBACLxB,KAAA,CAAAU,aAAA;IAAKa,SAAS,EAAC;EAAuC,GAAEd,EAAE,CAACe,KAAW,CAAC,GACvE,IAAI,EACPf,EAAE,CAACgB,IAAI,gBAAGzB,KAAA,CAAAU,aAAA,CAACR,QAAQ;IAACuB,IAAI,EAAEhB,EAAE,CAACgB;EAAK,CAAE,CAAC,GAAG,IACrC,CAAC;AAEjB,CACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PageEditor/TopBar/PageSettingsDrawer.js","sources":["../../../../../src/modules/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 \"~/modules/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/modules/pages/PageEditor/TopBar/PublishButton.js

@@ -1,52 +1,78 @@
-import React from "react";
-import { Button, useToast } from "@webiny/admin-ui";
-import { useDialogs } from "@webiny/app-admin";
-import { ReactComponent as PublishIcon } from "@webiny/icons/publish.svg";
-import { usePublishPage } from "../../../../features/pages/index.js";
+import react, { useCallback, useRef, useState } from "react";
+import { Button, Text, Textarea, useToast } from "@webiny/admin-ui";
+import { useDialogs, useRouter } from "@webiny/app-admin";
+import { ReactComponent } from "@webiny/icons/publish.svg";
+import { usePublishPage, useUpdatePageRevisionDescription } from "../../../../features/pages/index.js";
 import { useSelectFromDocument } from "../../../../BaseEditor/hooks/useSelectFromDocument.js";
-import { useRouter } from "@webiny/app-admin";
 import { Routes } from "../../../../routes.js";
-export const PublishButton = () => {
-  const {
-    goToRoute
-  } = useRouter();
-  const {
-    showSuccessToast
-  } = useToast();
-  const {
-    publishPage
-  } = usePublishPage();
-  const {
-    showDialog
-  } = useDialogs();
-  const folderId = useSelectFromDocument(document => document.location.folderId);
-  const id = useSelectFromDocument(document => document.id);
-  const publish = () => {
-    showDialog({
-      title: "Publish page",
-      icon: /*#__PURE__*/React.createElement(PublishIcon, null),
-      content: "You're about to publish this page. Are you sure you want to continue?",
-      acceptLabel: "Yes, publish this page!",
-      cancelLabel: "Cancel",
-      onAccept: async () => {
+const DialogContentMessage = (props)=>{
+    const { onDescriptionChange } = props;
+    const [revisionDescription, setRevisionDescription] = useState("");
+    const onChange = useCallback((value)=>{
+        setRevisionDescription(value);
+        onDescriptionChange(value);
+    }, [
+        onDescriptionChange
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Text, null, "You are about to publish this page. Are you sure you want to continue?"), /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "mt-2"
+    }, "Write a revision description (optional):"), /*#__PURE__*/ react.createElement(Textarea, {
+        value: revisionDescription,
+        onChange: onChange
+    }));
+};
+const PublishButton = ()=>{
+    const { goToRoute } = useRouter();
+    const { showSuccessToast } = useToast();
+    const { updatePageRevisionDescription } = useUpdatePageRevisionDescription();
+    const { publishPage } = usePublishPage();
+    const { showDialog } = useDialogs();
+    const revisionDescriptionRef = useRef("");
+    const folderId = useSelectFromDocument((document)=>document.location.folderId);
+    const id = useSelectFromDocument((document)=>document.id);
+    const onDescriptionChange = useCallback((value)=>{
+        revisionDescriptionRef.current = value;
+    }, []);
+    const onAccept = useCallback(async ()=>{
+        await updatePageRevisionDescription({
+            id,
+            revisionDescription: revisionDescriptionRef.current
+        });
         await publishPage({
-          id
+            id
         });
         showSuccessToast({
-          title: "Page was published successfully!"
+            title: "Page was published successfully!"
         });
         goToRoute(Routes.Pages.List, {
-          folderId
+            folderId
+        });
+    }, [
+        id,
+        folderId,
+        publishPage,
+        updatePageRevisionDescription
+    ]);
+    const publish = ()=>{
+        showDialog({
+            title: "Publish page",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            content: /*#__PURE__*/ react.createElement(DialogContentMessage, {
+                onDescriptionChange: onDescriptionChange
+            }),
+            acceptLabel: "Yes, publish this page!",
+            cancelLabel: "Cancel",
+            onAccept
         });
-      }
+    };
+    return /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        text: "Publish",
+        onClick: publish,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
     });
-  };
-  return /*#__PURE__*/React.createElement(Button, {
-    variant: "primary",
-    text: "Publish",
-    onClick: publish,
-    icon: /*#__PURE__*/React.createElement(PublishIcon, null)
-  });
 };
+export { PublishButton };
 
 //# sourceMappingURL=PublishButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Button","useToast","useDialogs","ReactComponent","PublishIcon","usePublishPage","useSelectFromDocument","useRouter","Routes","PublishButton","goToRoute","showSuccessToast","publishPage","showDialog","folderId","document","location","id","publish","title","icon","createElement","content","acceptLabel","cancelLabel","onAccept","Pages","List","variant","text","onClick"],"sources":["PublishButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, useToast } from \"@webiny/admin-ui\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { ReactComponent as PublishIcon } from \"@webiny/icons/publish.svg\";\nimport { usePublishPage } from \"~/features/pages/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\nimport { Routes } from \"~/routes.js\";\n\nexport const PublishButton = () => {\n    const { goToRoute } = useRouter();\n    const { showSuccessToast } = useToast();\n    const { publishPage } = usePublishPage();\n    const { showDialog } = useDialogs();\n\n    const folderId = useSelectFromDocument<string, EditorPage>(\n        document => document.location.folderId\n    );\n    const id = useSelectFromDocument(document => document.id);\n\n    const publish = () => {\n        showDialog({\n            title: \"Publish page\",\n            icon: <PublishIcon />,\n            content: \"You're about to publish this page. Are you sure you want to continue?\",\n            acceptLabel: \"Yes, publish this page!\",\n            cancelLabel: \"Cancel\",\n            onAccept: async () => {\n                await publishPage({ id });\n\n                showSuccessToast({\n                    title: \"Page was published successfully!\"\n                });\n\n                goToRoute(Routes.Pages.List, { folderId });\n            }\n        });\n    };\n\n    return (\n        <Button\n            variant=\"primary\"\n            text={\"Publish\"}\n            onClick={publish}\n            icon={<PublishIcon />}\n        ></Button>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,QAAQ,QAAQ,kBAAkB;AACnD,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,cAAc,IAAIC,WAAW,QAAQ,2BAA2B;AACzE,SAASC,cAAc;AACvB,SAASC,qBAAqB;AAC9B,SAASC,SAAS,QAAQ,mBAAmB;AAE7C,SAASC,MAAM;AAEf,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC;EAAU,CAAC,GAAGH,SAAS,CAAC,CAAC;EACjC,MAAM;IAAEI;EAAiB,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACvC,MAAM;IAAEW;EAAY,CAAC,GAAGP,cAAc,CAAC,CAAC;EACxC,MAAM;IAAEQ;EAAW,CAAC,GAAGX,UAAU,CAAC,CAAC;EAEnC,MAAMY,QAAQ,GAAGR,qBAAqB,CAClCS,QAAQ,IAAIA,QAAQ,CAACC,QAAQ,CAACF,QAClC,CAAC;EACD,MAAMG,EAAE,GAAGX,qBAAqB,CAACS,QAAQ,IAAIA,QAAQ,CAACE,EAAE,CAAC;EAEzD,MAAMC,OAAO,GAAGA,CAAA,KAAM;IAClBL,UAAU,CAAC;MACPM,KAAK,EAAE,cAAc;MACrBC,IAAI,eAAErB,KAAA,CAAAsB,aAAA,CAACjB,WAAW,MAAE,CAAC;MACrBkB,OAAO,EAAE,uEAAuE;MAChFC,WAAW,EAAE,yBAAyB;MACtCC,WAAW,EAAE,QAAQ;MACrBC,QAAQ,EAAE,MAAAA,CAAA,KAAY;QAClB,MAAMb,WAAW,CAAC;UAAEK;QAAG,CAAC,CAAC;QAEzBN,gBAAgB,CAAC;UACbQ,KAAK,EAAE;QACX,CAAC,CAAC;QAEFT,SAAS,CAACF,MAAM,CAACkB,KAAK,CAACC,IAAI,EAAE;UAAEb;QAAS,CAAC,CAAC;MAC9C;IACJ,CAAC,CAAC;EACN,CAAC;EAED,oBACIf,KAAA,CAAAsB,aAAA,CAACrB,MAAM;IACH4B,OAAO,EAAC,SAAS;IACjBC,IAAI,EAAE,SAAU;IAChBC,OAAO,EAAEZ,OAAQ;IACjBE,IAAI,eAAErB,KAAA,CAAAsB,aAAA,CAACjB,WAAW,MAAE;EAAE,CACjB,CAAC;AAElB,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PageEditor/TopBar/PublishButton.js","sources":["../../../../../src/modules/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"}