@webiny/app-website-builder-workflows 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

package/Components/OptionItem/OpenInNewWindow.js

@@ -1,41 +1,34 @@
-import React, { useCallback } from "react";
+import react, { useCallback } from "react";
 import { DropdownMenu, Icon } from "@webiny/admin-ui";
 import { Components } from "@webiny/app-workflows";
-import { ReactComponent as OpenInNewIcon } from "@webiny/icons/open_in_new.svg";
+import { ReactComponent } from "@webiny/icons/open_in_new.svg";
 import { useRouter } from "@webiny/app";
 import { Routes } from "@webiny/app-website-builder/routes.js";
 import { WB_PAGE_APP } from "../../constants.js";
-const {
-  OpenInNewWindow
-} = Components.List.Options;
-export const ListOpenInNewWindow = OpenInNewWindow.createDecorator(Original => {
-  return function ListOpenInNewWindow(props) {
-    const {
-      state
-    } = props;
-    const {
-      getLink
-    } = useRouter();
-    const onClick = useCallback(() => {
-      const url = getLink(Routes.Pages.Editor, {
-        id: state.targetRevisionId,
-        folderId: "root"
-      });
-      const goTo = `${window.location.origin}${url}`;
-      window.open(goTo, "_blank");
-    }, [state.id]);
-    if (state.app !== WB_PAGE_APP) {
-      return /*#__PURE__*/React.createElement(Original, props);
-    }
-    return /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-      icon: /*#__PURE__*/React.createElement(Icon, {
-        icon: /*#__PURE__*/React.createElement(OpenInNewIcon, null),
-        label: "Open In New Window"
-      }),
-      text: "Open in New Window",
-      onClick: onClick
+const { OpenInNewWindow: OpenInNewWindow } = Components.List.Options;
+const OpenInNewWindow_ListOpenInNewWindow = OpenInNewWindow.createDecorator((Original)=>function(props) {
+        const { state } = props;
+        const { getLink } = useRouter();
+        const onClick = useCallback(()=>{
+            const url = getLink(Routes.Pages.Editor, {
+                id: state.targetRevisionId,
+                folderId: "root"
+            });
+            const goTo = `${window.location.origin}${url}`;
+            window.open(goTo, "_blank");
+        }, [
+            state.id
+        ]);
+        if (state.app !== WB_PAGE_APP) return /*#__PURE__*/ react.createElement(Original, props);
+        return /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            icon: /*#__PURE__*/ react.createElement(Icon, {
+                icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                label: "Open In New Window"
+            }),
+            text: "Open in New Window",
+            onClick: onClick
+        });
     });
-  };
-});
+export { OpenInNewWindow_ListOpenInNewWindow as ListOpenInNewWindow };
 
 //# sourceMappingURL=OpenInNewWindow.js.map

package/Components/OptionItem/OpenInNewWindow.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","DropdownMenu","Icon","Components","ReactComponent","OpenInNewIcon","useRouter","Routes","WB_PAGE_APP","OpenInNewWindow","List","Options","ListOpenInNewWindow","createDecorator","Original","props","state","getLink","onClick","url","Pages","Editor","id","targetRevisionId","folderId","goTo","window","location","origin","open","app","createElement","Item","icon","label","text"],"sources":["OpenInNewWindow.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { DropdownMenu, Icon } from \"@webiny/admin-ui\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { ReactComponent as OpenInNewIcon } from \"@webiny/icons/open_in_new.svg\";\nimport { useRouter } from \"@webiny/app\";\nimport { Routes } from \"@webiny/app-website-builder/routes.js\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\n\nconst { OpenInNewWindow } = Components.List.Options;\n\nexport const ListOpenInNewWindow = OpenInNewWindow.createDecorator(Original => {\n    return function ListOpenInNewWindow(props) {\n        const { state } = props;\n\n        const { getLink } = useRouter();\n        const onClick = useCallback(() => {\n            const url = getLink(Routes.Pages.Editor, {\n                id: state.targetRevisionId,\n                folderId: \"root\"\n            });\n\n            const goTo = `${window.location.origin}${url}`;\n\n            window.open(goTo, \"_blank\");\n        }, [state.id]);\n\n        if (state.app !== WB_PAGE_APP) {\n            return <Original {...props} />;\n        }\n\n        return (\n            <DropdownMenu.Item\n                icon={<Icon icon={<OpenInNewIcon />} label={\"Open In New Window\"} />}\n                text={\"Open in New Window\"}\n                onClick={onClick}\n            />\n        );\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,YAAY,EAAEC,IAAI,QAAQ,kBAAkB;AACrD,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,cAAc,IAAIC,aAAa,QAAQ,+BAA+B;AAC/E,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,MAAM,QAAQ,uCAAuC;AAC9D,SAASC,WAAW;AAEpB,MAAM;EAAEC;AAAgB,CAAC,GAAGN,UAAU,CAACO,IAAI,CAACC,OAAO;AAEnD,OAAO,MAAMC,mBAAmB,GAAGH,eAAe,CAACI,eAAe,CAACC,QAAQ,IAAI;EAC3E,OAAO,SAASF,mBAAmBA,CAACG,KAAK,EAAE;IACvC,MAAM;MAAEC;IAAM,CAAC,GAAGD,KAAK;IAEvB,MAAM;MAAEE;IAAQ,CAAC,GAAGX,SAAS,CAAC,CAAC;IAC/B,MAAMY,OAAO,GAAGlB,WAAW,CAAC,MAAM;MAC9B,MAAMmB,GAAG,GAAGF,OAAO,CAACV,MAAM,CAACa,KAAK,CAACC,MAAM,EAAE;QACrCC,EAAE,EAAEN,KAAK,CAACO,gBAAgB;QAC1BC,QAAQ,EAAE;MACd,CAAC,CAAC;MAEF,MAAMC,IAAI,GAAG,GAAGC,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAGT,GAAG,EAAE;MAE9CO,MAAM,CAACG,IAAI,CAACJ,IAAI,EAAE,QAAQ,CAAC;IAC/B,CAAC,EAAE,CAACT,KAAK,CAACM,EAAE,CAAC,CAAC;IAEd,IAAIN,KAAK,CAACc,GAAG,KAAKtB,WAAW,EAAE;MAC3B,oBAAOT,KAAA,CAAAgC,aAAA,CAACjB,QAAQ,EAAKC,KAAQ,CAAC;IAClC;IAEA,oBACIhB,KAAA,CAAAgC,aAAA,CAAC9B,YAAY,CAAC+B,IAAI;MACdC,IAAI,eAAElC,KAAA,CAAAgC,aAAA,CAAC7B,IAAI;QAAC+B,IAAI,eAAElC,KAAA,CAAAgC,aAAA,CAAC1B,aAAa,MAAE,CAAE;QAAC6B,KAAK,EAAE;MAAqB,CAAE,CAAE;MACrEC,IAAI,EAAE,oBAAqB;MAC3BjB,OAAO,EAAEA;IAAQ,CACpB,CAAC;EAEV,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/OptionItem/OpenInNewWindow.js","sources":["../../../src/Components/OptionItem/OpenInNewWindow.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { DropdownMenu, Icon } from \"@webiny/admin-ui\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { ReactComponent as OpenInNewIcon } from \"@webiny/icons/open_in_new.svg\";\nimport { useRouter } from \"@webiny/app\";\nimport { Routes } from \"@webiny/app-website-builder/routes.js\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\n\nconst { OpenInNewWindow } = Components.List.Options;\n\nexport const ListOpenInNewWindow = OpenInNewWindow.createDecorator(Original => {\n    return function ListOpenInNewWindow(props) {\n        const { state } = props;\n\n        const { getLink } = useRouter();\n        const onClick = useCallback(() => {\n            const url = getLink(Routes.Pages.Editor, {\n                id: state.targetRevisionId,\n                folderId: \"root\"\n            });\n\n            const goTo = `${window.location.origin}${url}`;\n\n            window.open(goTo, \"_blank\");\n        }, [state.id]);\n\n        if (state.app !== WB_PAGE_APP) {\n            return <Original {...props} />;\n        }\n\n        return (\n            <DropdownMenu.Item\n                icon={<Icon icon={<OpenInNewIcon />} label={\"Open In New Window\"} />}\n                text={\"Open in New Window\"}\n                onClick={onClick}\n            />\n        );\n    };\n});\n"],"names":["OpenInNewWindow","Components","ListOpenInNewWindow","Original","props","state","getLink","useRouter","onClick","useCallback","url","Routes","goTo","window","WB_PAGE_APP","DropdownMenu","Icon","OpenInNewIcon"],"mappings":";;;;;;;AAQA,MAAM,EAAEA,iBAAAA,eAAe,EAAE,GAAGC,WAAW,IAAI,CAAC,OAAO;AAE5C,MAAMC,sCAAsBF,gBAAgB,eAAe,CAACG,CAAAA,WACxD,SAA6BC,KAAK;QACrC,MAAM,EAAEC,KAAK,EAAE,GAAGD;QAElB,MAAM,EAAEE,OAAO,EAAE,GAAGC;QACpB,MAAMC,UAAUC,YAAY;YACxB,MAAMC,MAAMJ,QAAQK,OAAO,KAAK,CAAC,MAAM,EAAE;gBACrC,IAAIN,MAAM,gBAAgB;gBAC1B,UAAU;YACd;YAEA,MAAMO,OAAO,GAAGC,OAAO,QAAQ,CAAC,MAAM,GAAGH,KAAK;YAE9CG,OAAO,IAAI,CAACD,MAAM;QACtB,GAAG;YAACP,MAAM,EAAE;SAAC;QAEb,IAAIA,MAAM,GAAG,KAAKS,aACd,OAAO,WAAP,GAAO,oBAACX,UAAaC;QAGzB,OAAO,WAAP,GACI,oBAACW,aAAa,IAAI;YACd,oBAAM,oBAACC,MAAIA;gBAAC,oBAAM,oBAACC,gBAAaA;gBAAK,OAAO;;YAC5C,MAAM;YACN,SAAST;;IAGrB"}

package/Components/OptionItem/index.js

@@ -1,3 +1 @@
 export { ListOpenInNewWindow } from "./OpenInNewWindow.js";
-
-//# sourceMappingURL=index.js.map

package/Components/PageEditor/PageEditorAutoSave.js

@@ -1,33 +1,22 @@
-import React from "react";
+import react from "react";
 import { PageEditorConfig } from "@webiny/app-website-builder";
 import { useWorkflowState } from "@webiny/app-workflows";
 import { observer } from "mobx-react-lite";
-const {
-  Ui
-} = PageEditorConfig;
-const WrappedAutoSave = observer(props => {
-  const {
-    presenter
-  } = useWorkflowState();
-  /**
-   * Autosave should work only when the page does not have a workflow state assigned.
-   */
-  if (!presenter.vm.state?.state) {
-    return props.element;
-  }
-  return null;
-});
-export const PageEditorAutoSave = Ui.TopBar.Element.createDecorator(Original => {
-  return function PageEditorAutoSaveDecorated(props) {
-    if (props.name === "autoSave") {
-      return /*#__PURE__*/React.createElement(Original, Object.assign({}, props, {
-        element: /*#__PURE__*/React.createElement(WrappedAutoSave, {
-          element: props.element
-        })
-      }));
-    }
-    return /*#__PURE__*/React.createElement(Original, props);
-  };
+const { Ui: Ui } = PageEditorConfig;
+const WrappedAutoSave = observer((props)=>{
+    const { presenter } = useWorkflowState();
+    if (!presenter.vm.state?.state) return props.element;
+    return null;
 });
+const PageEditorAutoSave = Ui.TopBar.Element.createDecorator((Original)=>function(props) {
+        if ("autoSave" === props.name) return /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            element: /*#__PURE__*/ react.createElement(WrappedAutoSave, {
+                element: props.element
+            })
+        });
+        return /*#__PURE__*/ react.createElement(Original, props);
+    });
+export { PageEditorAutoSave };
 
 //# sourceMappingURL=PageEditorAutoSave.js.map

package/Components/PageEditor/PageEditorAutoSave.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PageEditorConfig","useWorkflowState","observer","Ui","WrappedAutoSave","props","presenter","vm","state","element","PageEditorAutoSave","TopBar","Element","createDecorator","Original","PageEditorAutoSaveDecorated","name","createElement","Object","assign"],"sources":["PageEditorAutoSave.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport { useWorkflowState } from \"@webiny/app-workflows\";\nimport { observer } from \"mobx-react-lite\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface IWrappedAutoSave {\n    element?: React.ReactElement | null;\n}\nconst WrappedAutoSave = observer((props: IWrappedAutoSave) => {\n    const { presenter } = useWorkflowState();\n    /**\n     * Autosave should work only when the page does not have a workflow state assigned.\n     */\n    if (!presenter.vm.state?.state) {\n        return props.element;\n    }\n\n    return null;\n});\n\nexport const PageEditorAutoSave = Ui.TopBar.Element.createDecorator(Original => {\n    return function PageEditorAutoSaveDecorated(props) {\n        if (props.name === \"autoSave\") {\n            return <Original {...props} element={<WrappedAutoSave element={props.element} />} />;\n        }\n        return <Original {...props} />;\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,MAAM;EAAEC;AAAG,CAAC,GAAGH,gBAAgB;AAK/B,MAAMI,eAAe,GAAGF,QAAQ,CAAEG,KAAuB,IAAK;EAC1D,MAAM;IAAEC;EAAU,CAAC,GAAGL,gBAAgB,CAAC,CAAC;EACxC;AACJ;AACA;EACI,IAAI,CAACK,SAAS,CAACC,EAAE,CAACC,KAAK,EAAEA,KAAK,EAAE;IAC5B,OAAOH,KAAK,CAACI,OAAO;EACxB;EAEA,OAAO,IAAI;AACf,CAAC,CAAC;AAEF,OAAO,MAAMC,kBAAkB,GAAGP,EAAE,CAACQ,MAAM,CAACC,OAAO,CAACC,eAAe,CAACC,QAAQ,IAAI;EAC5E,OAAO,SAASC,2BAA2BA,CAACV,KAAK,EAAE;IAC/C,IAAIA,KAAK,CAACW,IAAI,KAAK,UAAU,EAAE;MAC3B,oBAAOjB,KAAA,CAAAkB,aAAA,CAACH,QAAQ,EAAAI,MAAA,CAAAC,MAAA,KAAKd,KAAK;QAAEI,OAAO,eAAEV,KAAA,CAAAkB,aAAA,CAACb,eAAe;UAACK,OAAO,EAAEJ,KAAK,CAACI;QAAQ,CAAE;MAAE,EAAE,CAAC;IACxF;IACA,oBAAOV,KAAA,CAAAkB,aAAA,CAACH,QAAQ,EAAKT,KAAQ,CAAC;EAClC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/PageEditor/PageEditorAutoSave.js","sources":["../../../src/Components/PageEditor/PageEditorAutoSave.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport { useWorkflowState } from \"@webiny/app-workflows\";\nimport { observer } from \"mobx-react-lite\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface IWrappedAutoSave {\n    element?: React.ReactElement | null;\n}\nconst WrappedAutoSave = observer((props: IWrappedAutoSave) => {\n    const { presenter } = useWorkflowState();\n    /**\n     * Autosave should work only when the page does not have a workflow state assigned.\n     */\n    if (!presenter.vm.state?.state) {\n        return props.element;\n    }\n\n    return null;\n});\n\nexport const PageEditorAutoSave = Ui.TopBar.Element.createDecorator(Original => {\n    return function PageEditorAutoSaveDecorated(props) {\n        if (props.name === \"autoSave\") {\n            return <Original {...props} element={<WrappedAutoSave element={props.element} />} />;\n        }\n        return <Original {...props} />;\n    };\n});\n"],"names":["Ui","PageEditorConfig","WrappedAutoSave","observer","props","presenter","useWorkflowState","PageEditorAutoSave","Original"],"mappings":";;;;AAKA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAKf,MAAMC,kBAAkBC,SAAS,CAACC;IAC9B,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAItB,IAAI,CAACD,UAAU,EAAE,CAAC,KAAK,EAAE,OACrB,OAAOD,MAAM,OAAO;IAGxB,OAAO;AACX;AAEO,MAAMG,qBAAqBP,GAAG,MAAM,CAAC,OAAO,CAAC,eAAe,CAACQ,CAAAA,WACzD,SAAqCJ,KAAK;QAC7C,IAAIA,AAAe,eAAfA,MAAM,IAAI,EACV,OAAO,WAAP,GAAO,oBAACI,UAAAA;YAAU,GAAGJ,KAAK;YAAE,uBAAS,oBAACF,iBAAeA;gBAAC,SAASE,MAAM,OAAO;;;QAEhF,OAAO,WAAP,GAAO,oBAACI,UAAaJ;IACzB"}

package/Components/PageEditor/PageEditorConfig.js

@@ -1,14 +1,9 @@
-import React from "react";
-import { PageEditorConfig as BaseConfig } from "@webiny/app-website-builder";
-import { PageEditorAutoSave } from "./PageEditorAutoSave.js";
-import { PageEditorSettings } from "./PageEditorSettings.js";
+import react from "react";
+import { PageEditorConfig } from "@webiny/app-website-builder";
 import { PageFormWorkflowStateTooltip } from "./PageFormWorkflowStateTooltip.js";
 import { PageFormWorkflowStatePublishButton } from "./PageFormWorkflowStatePublishButton.js";
-import { PageEditorLayout } from "./PageEditorLayout.js";
-import { PageEditorToolbar } from "./PageEditorToolbar.js";
-import { PageEditorSidebar } from "./PageEditorSidebar.js";
-export const PageEditorConfig = () => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageEditorLayout, null), /*#__PURE__*/React.createElement(BaseConfig, null, /*#__PURE__*/React.createElement(PageEditorAutoSave, null), /*#__PURE__*/React.createElement(PageEditorSettings, null), /*#__PURE__*/React.createElement(PageEditorToolbar, null), /*#__PURE__*/React.createElement(PageEditorSidebar, null), /*#__PURE__*/React.createElement(PageFormWorkflowStateTooltip, null), /*#__PURE__*/React.createElement(PageFormWorkflowStatePublishButton, null)));
-};
+import { PageEditorTopBar } from "./PageEditorTopBar.js";
+const PageEditorConfig_PageEditorConfig = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(PageEditorTopBar, null), /*#__PURE__*/ react.createElement(PageEditorConfig, null, /*#__PURE__*/ react.createElement(PageFormWorkflowStateTooltip, null), /*#__PURE__*/ react.createElement(PageFormWorkflowStatePublishButton, null)));
+export { PageEditorConfig_PageEditorConfig as PageEditorConfig };
 
 //# sourceMappingURL=PageEditorConfig.js.map

package/Components/PageEditor/PageEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PageEditorConfig","BaseConfig","PageEditorAutoSave","PageEditorSettings","PageFormWorkflowStateTooltip","PageFormWorkflowStatePublishButton","PageEditorLayout","PageEditorToolbar","PageEditorSidebar","createElement","Fragment"],"sources":["PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig as BaseConfig } from \"@webiny/app-website-builder\";\nimport { PageEditorAutoSave } from \"./PageEditorAutoSave.js\";\nimport { PageEditorSettings } from \"./PageEditorSettings.js\";\nimport { PageFormWorkflowStateTooltip } from \"./PageFormWorkflowStateTooltip.js\";\nimport { PageFormWorkflowStatePublishButton } from \"./PageFormWorkflowStatePublishButton.js\";\nimport { PageEditorLayout } from \"./PageEditorLayout.js\";\nimport { PageEditorToolbar } from \"./PageEditorToolbar.js\";\nimport { PageEditorSidebar } from \"./PageEditorSidebar.js\";\n\nexport const PageEditorConfig = () => {\n    return (\n        <>\n            <PageEditorLayout />\n            <BaseConfig>\n                {/* Should remove autosave feature */}\n                <PageEditorAutoSave />\n                {/* Should remove settings button */}\n                <PageEditorSettings />\n                {/* Should remove left bar in the editor */}\n                <PageEditorToolbar />\n                {/* Should remove right bar in the editor */}\n                <PageEditorSidebar />\n                {/* Should add a button with list of steps and their states + comment button in each row */}\n                <PageFormWorkflowStateTooltip />\n                {/* should remove publish button from the form */}\n                <PageFormWorkflowStatePublishButton />\n            </BaseConfig>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,IAAIC,UAAU,QAAQ,6BAA6B;AAC5E,SAASC,kBAAkB;AAC3B,SAASC,kBAAkB;AAC3B,SAASC,4BAA4B;AACrC,SAASC,kCAAkC;AAC3C,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAE1B,OAAO,MAAMR,gBAAgB,GAAGA,CAAA,KAAM;EAClC,oBACID,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,qBACIX,KAAA,CAAAU,aAAA,CAACH,gBAAgB,MAAE,CAAC,eACpBP,KAAA,CAAAU,aAAA,CAACR,UAAU,qBAEPF,KAAA,CAAAU,aAAA,CAACP,kBAAkB,MAAE,CAAC,eAEtBH,KAAA,CAAAU,aAAA,CAACN,kBAAkB,MAAE,CAAC,eAEtBJ,KAAA,CAAAU,aAAA,CAACF,iBAAiB,MAAE,CAAC,eAErBR,KAAA,CAAAU,aAAA,CAACD,iBAAiB,MAAE,CAAC,eAErBT,KAAA,CAAAU,aAAA,CAACL,4BAA4B,MAAE,CAAC,eAEhCL,KAAA,CAAAU,aAAA,CAACJ,kCAAkC,MAAE,CAC7B,CACd,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/PageEditor/PageEditorConfig.js","sources":["../../../src/Components/PageEditor/PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig as BaseConfig } from \"@webiny/app-website-builder\";\nimport { PageFormWorkflowStateTooltip } from \"./PageFormWorkflowStateTooltip.js\";\nimport { PageFormWorkflowStatePublishButton } from \"./PageFormWorkflowStatePublishButton.js\";\nimport { PageEditorTopBar } from \"./PageEditorTopBar.js\";\n\nexport const PageEditorConfig = () => {\n    return (\n        <>\n            {/* Toggle editor \"readonly\" mode, and add workflow alerts */}\n            <PageEditorTopBar />\n            <BaseConfig>\n                {/* Should add a button with list of steps and their states + comment button in each row */}\n                <PageFormWorkflowStateTooltip />\n                {/* should remove publish button from the form */}\n                <PageFormWorkflowStatePublishButton />\n            </BaseConfig>\n        </>\n    );\n};\n"],"names":["PageEditorConfig","PageEditorTopBar","BaseConfig","PageFormWorkflowStateTooltip","PageFormWorkflowStatePublishButton"],"mappings":";;;;;AAMO,MAAMA,oCAAmB,IACrB,WAAP,GACI,wDAEI,oBAACC,kBAAgBA,OAAAA,WAAAA,GACjB,oBAACC,kBAAUA,MAAAA,WAAAA,GAEP,oBAACC,8BAA4BA,OAAAA,WAAAA,GAE7B,oBAACC,oCAAkCA"}

package/Components/PageEditor/PageEditorLayout.js

@@ -1,39 +1,43 @@
-import React from "react";
+import react, { useEffect } from "react";
 import { useSelectFromDocument } from "@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js";
 import { useApolloClient } from "@apollo/react-hooks";
-import { useSecurity } from "@webiny/app-admin";
-import { Components } from "@webiny/app-workflows";
+import { useAuthentication } from "@webiny/app-admin";
+import { Components, useWorkflowState } from "@webiny/app-workflows";
 import { WB_PAGE_APP } from "../../constants.js";
-import { PageFormWorkflowState } from "./PageFormWorkflowState.js";
 import { PageEditorConfig } from "@webiny/app-website-builder";
-const {
-  Ui
-} = PageEditorConfig;
-const {
-  ContentReview: {
-    WorkflowStateProvider
-  }
-} = Components;
-export const PageEditorLayout = Ui.TopBar.Layout.createDecorator(Original => {
-  return function PageEditorTopBarWorkflowsState() {
-    const page = useSelectFromDocument(doc => {
-      return {
-        id: doc.id,
-        title: doc.properties.title || "unknown page"
-      };
-    });
-    const client = useApolloClient();
-    const {
-      identity
-    } = useSecurity();
-    return /*#__PURE__*/React.createElement(WorkflowStateProvider, {
-      app: WB_PAGE_APP,
-      id: page.id,
-      identity: identity,
-      client: client,
-      title: `Website Builder: ${page.title}`
-    }, /*#__PURE__*/React.createElement(Original, null), /*#__PURE__*/React.createElement(PageFormWorkflowState, null));
-  };
+import { observer } from "mobx-react-lite";
+import { useDocumentEditor } from "@webiny/app-website-builder/DocumentEditor/index.js";
+const { Ui: Ui } = PageEditorConfig;
+const { ContentReview: { WorkflowStateProvider: WorkflowStateProvider } } = Components;
+const ToggleReadonly = observer(()=>{
+    const { presenter } = useWorkflowState();
+    const editor = useDocumentEditor();
+    const hasState = !!presenter.vm.state?.state;
+    useEffect(()=>{
+        const options = editor.getEditorOptions();
+        editor.updateEditor((state)=>{
+            state.isReadOnly = options.isReadOnly || hasState;
+        });
+    }, [
+        hasState
+    ]);
+    return null;
 });
+const PageEditorLayout = Ui.Layout.createDecorator((Original)=>function() {
+        const page = useSelectFromDocument((doc)=>({
+                id: doc.id,
+                title: doc.properties.title || "unknown page"
+            }));
+        const client = useApolloClient();
+        const { identity } = useAuthentication();
+        return /*#__PURE__*/ react.createElement(WorkflowStateProvider, {
+            app: WB_PAGE_APP,
+            id: page.id,
+            identity: identity,
+            client: client,
+            title: `Website Builder: ${page.title}`
+        }, /*#__PURE__*/ react.createElement(Original, null), /*#__PURE__*/ react.createElement(ToggleReadonly, null));
+    });
+export { PageEditorLayout };
 
 //# sourceMappingURL=PageEditorLayout.js.map

package/Components/PageEditor/PageEditorLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useSelectFromDocument","useApolloClient","useSecurity","Components","WB_PAGE_APP","PageFormWorkflowState","PageEditorConfig","Ui","ContentReview","WorkflowStateProvider","PageEditorLayout","TopBar","Layout","createDecorator","Original","PageEditorTopBarWorkflowsState","page","doc","id","title","properties","client","identity","createElement","app"],"sources":["PageEditorLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSelectFromDocument } from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\nimport { PageFormWorkflowState } from \"./PageFormWorkflowState.js\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\n\nconst { Ui } = PageEditorConfig;\n\nconst {\n    ContentReview: { WorkflowStateProvider }\n} = Components;\n\nexport const PageEditorLayout = Ui.TopBar.Layout.createDecorator(Original => {\n    return function PageEditorTopBarWorkflowsState() {\n        const page = useSelectFromDocument(doc => {\n            return {\n                id: doc.id,\n                title: doc.properties.title || \"unknown page\"\n            };\n        });\n\n        const client = useApolloClient();\n        const { identity } = useSecurity();\n\n        return (\n            <WorkflowStateProvider\n                app={WB_PAGE_APP}\n                id={page.id}\n                identity={identity}\n                client={client}\n                title={`Website Builder: ${page.title}`}\n            >\n                {/* Original top bar*/}\n                <Original />\n                {/* Should render workflow state bar and the alert for storing changes */}\n                <PageFormWorkflowState />\n            </WorkflowStateProvider>\n        );\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,qBAAqB,QAAQ,uEAAuE;AAC7G,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,WAAW;AACpB,SAASC,qBAAqB;AAC9B,SAASC,gBAAgB,QAAQ,6BAA6B;AAE9D,MAAM;EAAEC;AAAG,CAAC,GAAGD,gBAAgB;AAE/B,MAAM;EACFE,aAAa,EAAE;IAAEC;EAAsB;AAC3C,CAAC,GAAGN,UAAU;AAEd,OAAO,MAAMO,gBAAgB,GAAGH,EAAE,CAACI,MAAM,CAACC,MAAM,CAACC,eAAe,CAACC,QAAQ,IAAI;EACzE,OAAO,SAASC,8BAA8BA,CAAA,EAAG;IAC7C,MAAMC,IAAI,GAAGhB,qBAAqB,CAACiB,GAAG,IAAI;MACtC,OAAO;QACHC,EAAE,EAAED,GAAG,CAACC,EAAE;QACVC,KAAK,EAAEF,GAAG,CAACG,UAAU,CAACD,KAAK,IAAI;MACnC,CAAC;IACL,CAAC,CAAC;IAEF,MAAME,MAAM,GAAGpB,eAAe,CAAC,CAAC;IAChC,MAAM;MAAEqB;IAAS,CAAC,GAAGpB,WAAW,CAAC,CAAC;IAElC,oBACIH,KAAA,CAAAwB,aAAA,CAACd,qBAAqB;MAClBe,GAAG,EAAEpB,WAAY;MACjBc,EAAE,EAAEF,IAAI,CAACE,EAAG;MACZI,QAAQ,EAAEA,QAAS;MACnBD,MAAM,EAAEA,MAAO;MACfF,KAAK,EAAE,oBAAoBH,IAAI,CAACG,KAAK;IAAG,gBAGxCpB,KAAA,CAAAwB,aAAA,CAACT,QAAQ,MAAE,CAAC,eAEZf,KAAA,CAAAwB,aAAA,CAAClB,qBAAqB,MAAE,CACL,CAAC;EAEhC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/PageEditor/PageEditorLayout.js","sources":["../../../src/Components/PageEditor/PageEditorLayout.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useSelectFromDocument } from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { useAuthentication } from \"@webiny/app-admin\";\nimport { Components, useWorkflowState } from \"@webiny/app-workflows\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport { observer } from \"mobx-react-lite\";\nimport { useDocumentEditor } from \"@webiny/app-website-builder/DocumentEditor/index.js\";\n\nconst { Ui } = PageEditorConfig;\n\nconst {\n    ContentReview: { WorkflowStateProvider }\n} = Components;\n\nconst ToggleReadonly = observer(() => {\n    const { presenter } = useWorkflowState();\n    const editor = useDocumentEditor();\n\n    const hasState = !!presenter.vm.state?.state;\n\n    useEffect(() => {\n        const options = editor.getEditorOptions();\n        editor.updateEditor(state => {\n            state.isReadOnly = options.isReadOnly || hasState;\n        });\n    }, [hasState]);\n\n    return null;\n});\n\nexport const PageEditorLayout = Ui.Layout.createDecorator(Original => {\n    return function PageEditorTopBarWorkflowsState() {\n        const page = useSelectFromDocument(doc => {\n            return {\n                id: doc.id,\n                title: doc.properties.title || \"unknown page\"\n            };\n        });\n\n        const client = useApolloClient();\n        const { identity } = useAuthentication();\n\n        return (\n            <WorkflowStateProvider\n                app={WB_PAGE_APP}\n                id={page.id}\n                identity={identity}\n                client={client}\n                title={`Website Builder: ${page.title}`}\n            >\n                <Original />\n                <ToggleReadonly />\n            </WorkflowStateProvider>\n        );\n    };\n});\n"],"names":["Ui","PageEditorConfig","WorkflowStateProvider","Components","ToggleReadonly","observer","presenter","useWorkflowState","editor","useDocumentEditor","hasState","useEffect","options","state","PageEditorLayout","Original","page","useSelectFromDocument","doc","client","useApolloClient","identity","useAuthentication","WB_PAGE_APP"],"mappings":";;;;;;;;;AAUA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAEf,MAAM,EACF,eAAe,EAAEC,uBAAAA,qBAAqB,EAAE,EAC3C,GAAGC;AAEJ,MAAMC,iBAAiBC,SAAS;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAMC,SAASC;IAEf,MAAMC,WAAW,CAAC,CAACJ,UAAU,EAAE,CAAC,KAAK,EAAE;IAEvCK,UAAU;QACN,MAAMC,UAAUJ,OAAO,gBAAgB;QACvCA,OAAO,YAAY,CAACK,CAAAA;YAChBA,MAAM,UAAU,GAAGD,QAAQ,UAAU,IAAIF;QAC7C;IACJ,GAAG;QAACA;KAAS;IAEb,OAAO;AACX;AAEO,MAAMI,mBAAmBd,GAAG,MAAM,CAAC,eAAe,CAACe,CAAAA,WAC/C;QACH,MAAMC,OAAOC,sBAAsBC,CAAAA,MACxB;gBACH,IAAIA,IAAI,EAAE;gBACV,OAAOA,IAAI,UAAU,CAAC,KAAK,IAAI;YACnC;QAGJ,MAAMC,SAASC;QACf,MAAM,EAAEC,QAAQ,EAAE,GAAGC;QAErB,OAAO,WAAP,GACI,oBAACpB,uBAAqBA;YAClB,KAAKqB;YACL,IAAIP,KAAK,EAAE;YACX,UAAUK;YACV,QAAQF;YACR,OAAO,CAAC,iBAAiB,EAAEH,KAAK,KAAK,EAAE;yBAEvC,oBAACD,UAAAA,OAAAA,WAAAA,GACD,oBAACX,gBAAcA;IAG3B"}

package/Components/PageEditor/PageEditorTopBar.d.ts

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

package/Components/PageEditor/PageEditorTopBar.js

@@ -0,0 +1,31 @@
+import react from "react";
+import { useApolloClient } from "@apollo/react-hooks";
+import { PageEditorConfig } from "@webiny/app-website-builder";
+import { useSelectFromDocument } from "@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js";
+import { useAuthentication } from "@webiny/app-admin";
+import { WorkflowStateProvider } from "@webiny/app-workflows/Components/WorkflowState/index.js";
+import { WB_PAGE_APP } from "../../constants.js";
+import { PageFormWorkflowState } from "./PageFormWorkflowState.js";
+import { ToggleEditorMode } from "./ToggleEditorMode.js";
+import { WbPageStatus } from "@webiny/app-website-builder/constants.js";
+const { Ui: Ui } = PageEditorConfig;
+const PageEditorTopBar = Ui.TopBar.Layout.createDecorator((Original)=>function() {
+        const page = useSelectFromDocument((doc)=>({
+                id: doc.id,
+                title: doc.properties.title || "unknown page",
+                status: doc.status || "draft"
+            }));
+        const client = useApolloClient();
+        const { identity } = useAuthentication();
+        return /*#__PURE__*/ react.createElement(WorkflowStateProvider, {
+            app: WB_PAGE_APP,
+            id: page.id,
+            disabled: page.status !== WbPageStatus.Draft,
+            identity: identity,
+            client: client,
+            title: `Website Builder: ${page.title}`
+        }, /*#__PURE__*/ react.createElement(Original, null), /*#__PURE__*/ react.createElement(ToggleEditorMode, null), /*#__PURE__*/ react.createElement(PageFormWorkflowState, null));
+    });
+export { PageEditorTopBar };
+
+//# sourceMappingURL=PageEditorTopBar.js.map

package/Components/PageEditor/PageEditorTopBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageEditorTopBar.js","sources":["../../../src/Components/PageEditor/PageEditorTopBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport {\n    type EditorDocument,\n    useSelectFromDocument\n} from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useAuthentication } from \"@webiny/app-admin\";\nimport { WorkflowStateProvider } from \"@webiny/app-workflows/Components/WorkflowState/index.js\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\nimport { PageFormWorkflowState } from \"~/Components/PageEditor/PageFormWorkflowState.js\";\nimport { ToggleEditorMode } from \"~/Components/PageEditor/ToggleEditorMode.js\";\nimport { WbPageStatus, type WbStatus } from \"@webiny/app-website-builder/constants.js\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface PageEditorTopBarEditorDocument extends EditorDocument {\n    status: WbStatus;\n}\n\ninterface ISelectedPage {\n    id: string;\n    title: string;\n    status: WbStatus;\n}\n\nexport const PageEditorTopBar = Ui.TopBar.Layout.createDecorator(Original => {\n    return function PageEditorTopBarWorkflowsState() {\n        const page = useSelectFromDocument<ISelectedPage, PageEditorTopBarEditorDocument>(doc => {\n            return {\n                id: doc.id,\n                title: doc.properties.title || \"unknown page\",\n                status: doc.status || \"draft\"\n            };\n        });\n\n        const client = useApolloClient();\n        const { identity } = useAuthentication();\n\n        return (\n            <WorkflowStateProvider\n                app={WB_PAGE_APP}\n                id={page.id}\n                disabled={page.status !== WbPageStatus.Draft}\n                identity={identity}\n                client={client}\n                title={`Website Builder: ${page.title}`}\n            >\n                <Original />\n                <ToggleEditorMode />\n                <PageFormWorkflowState />\n            </WorkflowStateProvider>\n        );\n    };\n});\n"],"names":["Ui","PageEditorConfig","PageEditorTopBar","Original","page","useSelectFromDocument","doc","client","useApolloClient","identity","useAuthentication","WorkflowStateProvider","WB_PAGE_APP","WbPageStatus","ToggleEditorMode","PageFormWorkflowState"],"mappings":";;;;;;;;;;AAcA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAYR,MAAMC,mBAAmBF,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAACG,CAAAA,WACtD;QACH,MAAMC,OAAOC,sBAAqEC,CAAAA,MACvE;gBACH,IAAIA,IAAI,EAAE;gBACV,OAAOA,IAAI,UAAU,CAAC,KAAK,IAAI;gBAC/B,QAAQA,IAAI,MAAM,IAAI;YAC1B;QAGJ,MAAMC,SAASC;QACf,MAAM,EAAEC,QAAQ,EAAE,GAAGC;QAErB,OAAO,WAAP,GACI,oBAACC,uBAAqBA;YAClB,KAAKC;YACL,IAAIR,KAAK,EAAE;YACX,UAAUA,KAAK,MAAM,KAAKS,aAAa,KAAK;YAC5C,UAAUJ;YACV,QAAQF;YACR,OAAO,CAAC,iBAAiB,EAAEH,KAAK,KAAK,EAAE;yBAEvC,oBAACD,UAAAA,OAAAA,WAAAA,GACD,oBAACW,kBAAgBA,OAAAA,WAAAA,GACjB,oBAACC,uBAAqBA;IAGlC"}

package/Components/PageEditor/PageFormWorkflowState.js

@@ -1,36 +1,10 @@
-import React from "react";
+import react from "react";
 import { Components } from "@webiny/app-workflows";
-import { Alert, Grid } from "@webiny/admin-ui";
-const {
-  ContentReview: {
-    WorkflowStateBar
-  }
-} = Components;
-const StoreAlert = ({
-  state
-}) => {
-  if (!state) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "max-w-screen bg-white p-sm"
-  }, /*#__PURE__*/React.createElement(Grid, {
-    className: "w-full"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Alert, {
-    className: "mb-md mt-md",
-    type: "danger"
-  }, "Any changes you do on the page will not be stored!"))));
-};
-export const PageFormWorkflowState = () => {
-  return /*#__PURE__*/React.createElement(WorkflowStateBar, null, ({
-    state
-  }) => {
-    return /*#__PURE__*/React.createElement(StoreAlert, {
-      state: state
-    });
-  });
-};
+const { ContentReview: { WorkflowStateBar: WorkflowStateBar } } = Components;
+const PageFormWorkflowState = ()=>/*#__PURE__*/ react.createElement(WorkflowStateBar, null, ({ stateBar })=>/*#__PURE__*/ react.createElement("div", {
+            className: "max-w-screen bg-white p-sm",
+            "data-affects-preview": "height"
+        }, stateBar));
+export { PageFormWorkflowState };
 
 //# sourceMappingURL=PageFormWorkflowState.js.map

package/Components/PageEditor/PageFormWorkflowState.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Components","Alert","Grid","ContentReview","WorkflowStateBar","StoreAlert","state","createElement","className","Column","span","type","PageFormWorkflowState"],"sources":["PageFormWorkflowState.tsx"],"sourcesContent":["import React from \"react\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { Alert, Grid } from \"@webiny/admin-ui\";\nimport type { IWorkflowState } from \"@webiny/app-workflows/types.js\";\n\nconst {\n    ContentReview: { WorkflowStateBar }\n} = Components;\n\ninterface IStoreAlertProps {\n    state: IWorkflowState | undefined | null;\n}\n\nconst StoreAlert = ({ state }: IStoreAlertProps) => {\n    if (!state) {\n        return null;\n    }\n    return (\n        <div className={\"max-w-screen bg-white p-sm\"}>\n            <Grid className={\"w-full\"}>\n                <Grid.Column span={12}>\n                    <Alert className={\"mb-md mt-md\"} type=\"danger\">\n                        Any changes you do on the page will not be stored!\n                    </Alert>\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n\nexport const PageFormWorkflowState = () => {\n    return (\n        <WorkflowStateBar>\n            {({ state }) => {\n                return <StoreAlert state={state} />;\n            }}\n        </WorkflowStateBar>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,KAAK,EAAEC,IAAI,QAAQ,kBAAkB;AAG9C,MAAM;EACFC,aAAa,EAAE;IAAEC;EAAiB;AACtC,CAAC,GAAGJ,UAAU;AAMd,MAAMK,UAAU,GAAGA,CAAC;EAAEC;AAAwB,CAAC,KAAK;EAChD,IAAI,CAACA,KAAK,EAAE;IACR,OAAO,IAAI;EACf;EACA,oBACIP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAA6B,gBACzCT,KAAA,CAAAQ,aAAA,CAACL,IAAI;IAACM,SAAS,EAAE;EAAS,gBACtBT,KAAA,CAAAQ,aAAA,CAACL,IAAI,CAACO,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBX,KAAA,CAAAQ,aAAA,CAACN,KAAK;IAACO,SAAS,EAAE,aAAc;IAACG,IAAI,EAAC;EAAQ,GAAC,oDAExC,CACE,CACX,CACL,CAAC;AAEd,CAAC;AAED,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,oBACIb,KAAA,CAAAQ,aAAA,CAACH,gBAAgB,QACZ,CAAC;IAAEE;EAAM,CAAC,KAAK;IACZ,oBAAOP,KAAA,CAAAQ,aAAA,CAACF,UAAU;MAACC,KAAK,EAAEA;IAAM,CAAE,CAAC;EACvC,CACc,CAAC;AAE3B,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/PageEditor/PageFormWorkflowState.js","sources":["../../../src/Components/PageEditor/PageFormWorkflowState.tsx"],"sourcesContent":["import React from \"react\";\nimport { Components } from \"@webiny/app-workflows\";\n\nconst {\n    ContentReview: { WorkflowStateBar }\n} = Components;\n\nexport const PageFormWorkflowState = () => {\n    return (\n        <WorkflowStateBar>\n            {({ stateBar }) => {\n                return (\n                    <div className={\"max-w-screen bg-white p-sm\"} data-affects-preview={\"height\"}>\n                        {stateBar}\n                    </div>\n                );\n            }}\n        </WorkflowStateBar>\n    );\n};\n"],"names":["WorkflowStateBar","Components","PageFormWorkflowState","stateBar"],"mappings":";;AAGA,MAAM,EACF,eAAe,EAAEA,kBAAAA,gBAAgB,EAAE,EACtC,GAAGC;AAEG,MAAMC,wBAAwB,IAC1B,WAAP,GACI,oBAACF,kBAAgBA,MACZ,CAAC,EAAEG,QAAQ,EAAE,GACH,WAAP,GACI,oBAAC;YAAI,WAAW;YAA8B,wBAAsB;WAC/DA"}

package/Components/PageEditor/PageFormWorkflowStatePublishButton.js

@@ -1,33 +1,22 @@
-import React from "react";
+import react from "react";
 import { PageEditorConfig } from "@webiny/app-website-builder";
-import { useWorkflowState, WorkflowStateValue } from "@webiny/app-workflows";
+import { WorkflowStateValue, useWorkflowState } from "@webiny/app-workflows";
 import { observer } from "mobx-react-lite";
-const {
-  Ui
-} = PageEditorConfig;
-const WrappedPublishButton = observer(props => {
-  const {
-    presenter
-  } = useWorkflowState();
-  /**
-   * Publish button should be visible only when there is no workflow available and when workflow state is approved.
-   */
-  if (!presenter.vm.workflow || presenter.vm.state?.state === WorkflowStateValue.approved) {
-    return props.element;
-  }
-  return null;
-});
-export const PageFormWorkflowStatePublishButton = Ui.TopBar.Action.createDecorator(Original => {
-  return function AutoSaveDecorator(props) {
-    if (props.name === "buttonPublish") {
-      return /*#__PURE__*/React.createElement(Original, Object.assign({}, props, {
-        element: /*#__PURE__*/React.createElement(WrappedPublishButton, {
-          element: props.element
-        })
-      }));
-    }
-    return /*#__PURE__*/React.createElement(Original, props);
-  };
+const { Ui: Ui } = PageEditorConfig;
+const WrappedPublishButton = observer((props)=>{
+    const { presenter } = useWorkflowState();
+    if (!presenter.vm.workflow || presenter.vm.state?.state === WorkflowStateValue.approved) return props.element;
+    return null;
 });
+const PageFormWorkflowStatePublishButton = Ui.TopBar.Action.createDecorator((Original)=>function(props) {
+        if ("buttonPublish" === props.name) return /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            element: /*#__PURE__*/ react.createElement(WrappedPublishButton, {
+                element: props.element
+            })
+        });
+        return /*#__PURE__*/ react.createElement(Original, props);
+    });
+export { PageFormWorkflowStatePublishButton };
 
 //# sourceMappingURL=PageFormWorkflowStatePublishButton.js.map

package/Components/PageEditor/PageFormWorkflowStatePublishButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PageEditorConfig","useWorkflowState","WorkflowStateValue","observer","Ui","WrappedPublishButton","props","presenter","vm","workflow","state","approved","element","PageFormWorkflowStatePublishButton","TopBar","Action","createDecorator","Original","AutoSaveDecorator","name","createElement","Object","assign"],"sources":["PageFormWorkflowStatePublishButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport { useWorkflowState, WorkflowStateValue } from \"@webiny/app-workflows\";\nimport { observer } from \"mobx-react-lite\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface IWrappedPublishButtonProps {\n    element?: React.ReactElement | null;\n}\n\nconst WrappedPublishButton = observer((props: IWrappedPublishButtonProps) => {\n    const { presenter } = useWorkflowState();\n    /**\n     * Publish button should be visible only when there is no workflow available and when workflow state is approved.\n     */\n    if (!presenter.vm.workflow || presenter.vm.state?.state === WorkflowStateValue.approved) {\n        return props.element;\n    }\n\n    return null;\n});\n\nexport const PageFormWorkflowStatePublishButton = Ui.TopBar.Action.createDecorator(Original => {\n    return function AutoSaveDecorator(props) {\n        if (props.name === \"buttonPublish\") {\n            return (\n                <Original {...props} element={<WrappedPublishButton element={props.element} />} />\n            );\n        }\n        return <Original {...props} />;\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,uBAAuB;AAC5E,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,MAAM;EAAEC;AAAG,CAAC,GAAGJ,gBAAgB;AAM/B,MAAMK,oBAAoB,GAAGF,QAAQ,CAAEG,KAAiC,IAAK;EACzE,MAAM;IAAEC;EAAU,CAAC,GAAGN,gBAAgB,CAAC,CAAC;EACxC;AACJ;AACA;EACI,IAAI,CAACM,SAAS,CAACC,EAAE,CAACC,QAAQ,IAAIF,SAAS,CAACC,EAAE,CAACE,KAAK,EAAEA,KAAK,KAAKR,kBAAkB,CAACS,QAAQ,EAAE;IACrF,OAAOL,KAAK,CAACM,OAAO;EACxB;EAEA,OAAO,IAAI;AACf,CAAC,CAAC;AAEF,OAAO,MAAMC,kCAAkC,GAAGT,EAAE,CAACU,MAAM,CAACC,MAAM,CAACC,eAAe,CAACC,QAAQ,IAAI;EAC3F,OAAO,SAASC,iBAAiBA,CAACZ,KAAK,EAAE;IACrC,IAAIA,KAAK,CAACa,IAAI,KAAK,eAAe,EAAE;MAChC,oBACIpB,KAAA,CAAAqB,aAAA,CAACH,QAAQ,EAAAI,MAAA,CAAAC,MAAA,KAAKhB,KAAK;QAAEM,OAAO,eAAEb,KAAA,CAAAqB,aAAA,CAACf,oBAAoB;UAACO,OAAO,EAAEN,KAAK,CAACM;QAAQ,CAAE;MAAE,EAAE,CAAC;IAE1F;IACA,oBAAOb,KAAA,CAAAqB,aAAA,CAACH,QAAQ,EAAKX,KAAQ,CAAC;EAClC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/PageEditor/PageFormWorkflowStatePublishButton.js","sources":["../../../src/Components/PageEditor/PageFormWorkflowStatePublishButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport { useWorkflowState, WorkflowStateValue } from \"@webiny/app-workflows\";\nimport { observer } from \"mobx-react-lite\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface IWrappedPublishButtonProps {\n    element?: React.ReactElement | null;\n}\n\nconst WrappedPublishButton = observer((props: IWrappedPublishButtonProps) => {\n    const { presenter } = useWorkflowState();\n    /**\n     * Publish button should be visible only when there is no workflow available and when workflow state is approved.\n     */\n    if (!presenter.vm.workflow || presenter.vm.state?.state === WorkflowStateValue.approved) {\n        return props.element;\n    }\n\n    return null;\n});\n\nexport const PageFormWorkflowStatePublishButton = Ui.TopBar.Action.createDecorator(Original => {\n    return function AutoSaveDecorator(props) {\n        if (props.name === \"buttonPublish\") {\n            return (\n                <Original {...props} element={<WrappedPublishButton element={props.element} />} />\n            );\n        }\n        return <Original {...props} />;\n    };\n});\n"],"names":["Ui","PageEditorConfig","WrappedPublishButton","observer","props","presenter","useWorkflowState","WorkflowStateValue","PageFormWorkflowStatePublishButton","Original"],"mappings":";;;;AAKA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAMf,MAAMC,uBAAuBC,SAAS,CAACC;IACnC,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAItB,IAAI,CAACD,UAAU,EAAE,CAAC,QAAQ,IAAIA,UAAU,EAAE,CAAC,KAAK,EAAE,UAAUE,mBAAmB,QAAQ,EACnF,OAAOH,MAAM,OAAO;IAGxB,OAAO;AACX;AAEO,MAAMI,qCAAqCR,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAACS,CAAAA,WACxE,SAA2BL,KAAK;QACnC,IAAIA,AAAe,oBAAfA,MAAM,IAAI,EACV,OAAO,WAAP,GACI,oBAACK,UAAAA;YAAU,GAAGL,KAAK;YAAE,uBAAS,oBAACF,sBAAoBA;gBAAC,SAASE,MAAM,OAAO;;;QAGlF,OAAO,WAAP,GAAO,oBAACK,UAAaL;IACzB"}

package/Components/PageEditor/PageFormWorkflowStateTooltip.js

@@ -1,23 +1,14 @@
-import React from "react";
+import react from "react";
 import { Components } from "@webiny/app-workflows";
 import { PageEditorConfig } from "@webiny/app-website-builder";
-const {
-  ContentReview: {
-    WorkflowStateTooltip
-  }
-} = Components;
-const {
-  Ui
-} = PageEditorConfig;
-const TooltipButton = () => {
-  return /*#__PURE__*/React.createElement(WorkflowStateTooltip, null);
-};
-export const PageFormWorkflowStateTooltip = () => {
-  return /*#__PURE__*/React.createElement(Ui.TopBar.Action, {
-    before: "buttonPublish",
-    name: "buttonWorkflowStateTooltip",
-    element: /*#__PURE__*/React.createElement(TooltipButton, null)
-  });
-};
+const { ContentReview: { WorkflowStateTooltip: WorkflowStateTooltip } } = Components;
+const { Ui: Ui } = PageEditorConfig;
+const TooltipButton = ()=>/*#__PURE__*/ react.createElement(WorkflowStateTooltip, null);
+const PageFormWorkflowStateTooltip = ()=>/*#__PURE__*/ react.createElement(Ui.TopBar.Action, {
+        before: "buttonPublish",
+        name: "buttonWorkflowStateTooltip",
+        element: /*#__PURE__*/ react.createElement(TooltipButton, null)
+    });
+export { PageFormWorkflowStateTooltip };
 
 //# sourceMappingURL=PageFormWorkflowStateTooltip.js.map

package/Components/PageEditor/PageFormWorkflowStateTooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Components","PageEditorConfig","ContentReview","WorkflowStateTooltip","Ui","TooltipButton","createElement","PageFormWorkflowStateTooltip","TopBar","Action","before","name","element"],"sources":["PageFormWorkflowStateTooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\n\nconst {\n    ContentReview: { WorkflowStateTooltip }\n} = Components;\n\nconst { Ui } = PageEditorConfig;\n\nconst TooltipButton = () => {\n    return <WorkflowStateTooltip />;\n};\n\nexport const PageFormWorkflowStateTooltip = () => {\n    return (\n        <Ui.TopBar.Action\n            before={\"buttonPublish\"}\n            name={\"buttonWorkflowStateTooltip\"}\n            element={<TooltipButton />}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,gBAAgB,QAAQ,6BAA6B;AAE9D,MAAM;EACFC,aAAa,EAAE;IAAEC;EAAqB;AAC1C,CAAC,GAAGH,UAAU;AAEd,MAAM;EAAEI;AAAG,CAAC,GAAGH,gBAAgB;AAE/B,MAAMI,aAAa,GAAGA,CAAA,KAAM;EACxB,oBAAON,KAAA,CAAAO,aAAA,CAACH,oBAAoB,MAAE,CAAC;AACnC,CAAC;AAED,OAAO,MAAMI,4BAA4B,GAAGA,CAAA,KAAM;EAC9C,oBACIR,KAAA,CAAAO,aAAA,CAACF,EAAE,CAACI,MAAM,CAACC,MAAM;IACbC,MAAM,EAAE,eAAgB;IACxBC,IAAI,EAAE,4BAA6B;IACnCC,OAAO,eAAEb,KAAA,CAAAO,aAAA,CAACD,aAAa,MAAE;EAAE,CAC9B,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/PageEditor/PageFormWorkflowStateTooltip.js","sources":["../../../src/Components/PageEditor/PageFormWorkflowStateTooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\n\nconst {\n    ContentReview: { WorkflowStateTooltip }\n} = Components;\n\nconst { Ui } = PageEditorConfig;\n\nconst TooltipButton = () => {\n    return <WorkflowStateTooltip />;\n};\n\nexport const PageFormWorkflowStateTooltip = () => {\n    return (\n        <Ui.TopBar.Action\n            before={\"buttonPublish\"}\n            name={\"buttonWorkflowStateTooltip\"}\n            element={<TooltipButton />}\n        />\n    );\n};\n"],"names":["WorkflowStateTooltip","Components","Ui","PageEditorConfig","TooltipButton","PageFormWorkflowStateTooltip"],"mappings":";;;AAIA,MAAM,EACF,eAAe,EAAEA,sBAAAA,oBAAoB,EAAE,EAC1C,GAAGC;AAEJ,MAAM,EAAEC,IAAAA,EAAE,EAAE,GAAGC;AAEf,MAAMC,gBAAgB,IACX,WAAP,GAAO,oBAACJ,sBAAoBA;AAGzB,MAAMK,+BAA+B,IACjC,WAAP,GACI,oBAACH,GAAG,MAAM,CAAC,MAAM;QACb,QAAQ;QACR,MAAM;QACN,uBAAS,oBAACE,eAAaA"}

package/Components/PageEditor/ToggleEditorMode.d.ts

@@ -0,0 +1,3 @@
+export declare const ToggleEditorMode: (() => null) & {
+    displayName: string;
+};

package/Components/PageEditor/ToggleEditorMode.js

@@ -0,0 +1,21 @@
+import { useEffect } from "react";
+import { observer } from "mobx-react-lite";
+import { useWorkflowState } from "@webiny/app-workflows";
+import { useDocumentEditor } from "@webiny/app-website-builder/DocumentEditor/index.js";
+const ToggleEditorMode = observer(()=>{
+    const { presenter } = useWorkflowState();
+    const editor = useDocumentEditor();
+    const hasState = !!presenter.vm.state?.state;
+    useEffect(()=>{
+        const options = editor.getEditorOptions();
+        editor.updateEditor((state)=>{
+            state.isReadOnly = options.isReadOnly || hasState;
+        });
+    }, [
+        hasState
+    ]);
+    return null;
+});
+export { ToggleEditorMode };
+
+//# sourceMappingURL=ToggleEditorMode.js.map

package/Components/PageEditor/ToggleEditorMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/ToggleEditorMode.js","sources":["../../../src/Components/PageEditor/ToggleEditorMode.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useWorkflowState } from \"@webiny/app-workflows\";\nimport { useDocumentEditor } from \"@webiny/app-website-builder/DocumentEditor/index.js\";\n\nexport const ToggleEditorMode = observer(() => {\n    const { presenter } = useWorkflowState();\n    const editor = useDocumentEditor();\n\n    const hasState = !!presenter.vm.state?.state;\n\n    useEffect(() => {\n        const options = editor.getEditorOptions();\n        editor.updateEditor(state => {\n            state.isReadOnly = options.isReadOnly || hasState;\n        });\n    }, [hasState]);\n\n    return null;\n});\n"],"names":["ToggleEditorMode","observer","presenter","useWorkflowState","editor","useDocumentEditor","hasState","useEffect","options","state"],"mappings":";;;;AAKO,MAAMA,mBAAmBC,SAAS;IACrC,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAMC,SAASC;IAEf,MAAMC,WAAW,CAAC,CAACJ,UAAU,EAAE,CAAC,KAAK,EAAE;IAEvCK,UAAU;QACN,MAAMC,UAAUJ,OAAO,gBAAgB;QACvCA,OAAO,YAAY,CAACK,CAAAA;YAChBA,MAAM,UAAU,GAAGD,QAAQ,UAAU,IAAIF;QAC7C;IACJ,GAAG;QAACA;KAAS;IAEb,OAAO;AACX"}