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

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"}

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

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

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

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