@webiny/app-website-builder 0.0.0-unstable.06b2ede40f

package/modules/integrations/useIntegrationsDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useDialogs","IntegrationsSettings","useEcommerceApiProvider","useGetEcommerceSettings","useUpdateEcommerceSettings","useToast","useIntegrationsDialog","showSuccessToast","dialogs","provider","manifests","getApiManifests","getSettings","updateSettings","noIntegrations","length","showIntegrationsDialog","showDialog","title","formData","description","acceptLabel","cancelLabel","content","createElement","onAccept","data","duration"],"sources":["useIntegrationsDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { IntegrationsSettings } from \"./IntegrationsSettings\";\nimport {\n    useEcommerceApiProvider,\n    useGetEcommerceSettings,\n    useUpdateEcommerceSettings\n} from \"~/features\";\nimport { useToast } from \"@webiny/admin-ui\";\n\nexport const useIntegrationsDialog = () => {\n    const { showSuccessToast } = useToast();\n    const dialogs = useDialogs();\n    const provider = useEcommerceApiProvider();\n    const manifests = provider.getApiManifests();\n    const { getSettings } = useGetEcommerceSettings();\n    const { updateSettings } = useUpdateEcommerceSettings();\n\n    const noIntegrations = manifests.length === 0;\n\n    const showIntegrationsDialog = () => {\n        dialogs.showDialog({\n            title: `Website Builder Integrations`,\n            formData: getSettings,\n            description: \"Configure your website builder integrations here.\",\n            acceptLabel: noIntegrations ? null : \"Save Settings\",\n            cancelLabel: noIntegrations ? \"Close\" : \"Cancel\",\n            content: <IntegrationsSettings manifests={manifests} />,\n            onAccept: async data => {\n                await updateSettings(data);\n                showSuccessToast({\n                    title: \"Success!\",\n                    description: \"Integrations settings were saved successfully.\",\n                    duration: 3000\n                });\n            }\n        });\n    };\n\n    return { showIntegrationsDialog };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,oBAAoB;AAC7B,SACIC,uBAAuB,EACvBC,uBAAuB,EACvBC,0BAA0B;AAE9B,SAASC,QAAQ,QAAQ,kBAAkB;AAE3C,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,MAAM;IAAEC;EAAiB,CAAC,GAAGF,QAAQ,CAAC,CAAC;EACvC,MAAMG,OAAO,GAAGR,UAAU,CAAC,CAAC;EAC5B,MAAMS,QAAQ,GAAGP,uBAAuB,CAAC,CAAC;EAC1C,MAAMQ,SAAS,GAAGD,QAAQ,CAACE,eAAe,CAAC,CAAC;EAC5C,MAAM;IAAEC;EAAY,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EACjD,MAAM;IAAEU;EAAe,CAAC,GAAGT,0BAA0B,CAAC,CAAC;EAEvD,MAAMU,cAAc,GAAGJ,SAAS,CAACK,MAAM,KAAK,CAAC;EAE7C,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACjCR,OAAO,CAACS,UAAU,CAAC;MACfC,KAAK,EAAE,8BAA8B;MACrCC,QAAQ,EAAEP,WAAW;MACrBQ,WAAW,EAAE,mDAAmD;MAChEC,WAAW,EAAEP,cAAc,GAAG,IAAI,GAAG,eAAe;MACpDQ,WAAW,EAAER,cAAc,GAAG,OAAO,GAAG,QAAQ;MAChDS,OAAO,eAAExB,KAAA,CAAAyB,aAAA,CAACvB,oBAAoB;QAACS,SAAS,EAAEA;MAAU,CAAE,CAAC;MACvDe,QAAQ,EAAE,MAAMC,IAAI,IAAI;QACpB,MAAMb,cAAc,CAACa,IAAI,CAAC;QAC1BnB,gBAAgB,CAAC;UACbW,KAAK,EAAE,UAAU;UACjBE,WAAW,EAAE,gDAAgD;UAC7DO,QAAQ,EAAE;QACd,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IAAEX;EAAuB,CAAC;AACrC,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/DefaultPageEditorConfig.d.ts

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

package/modules/pages/PageEditor/DefaultPageEditorConfig.js

@@ -0,0 +1,38 @@
+import React from "react";
+import { PageEditorConfig } from "./PageEditorConfig";
+import { AutoSaveIndicator, PageAutoSave } from "./PageAutoSave";
+import { BackButton } from "./TopBar/BackButton";
+import { Title } from "./TopBar/Title";
+import { PublishButton } from "./TopBar/PublishButton";
+import { RevisionsMenu } from "./TopBar/RevisionsMenu";
+import { SettingsButton } from "./TopBar/SettingsButton";
+const {
+  Ui
+} = PageEditorConfig;
+export const DefaultPageEditorConfig = () => {
+  return /*#__PURE__*/React.createElement(PageEditorConfig, null, /*#__PURE__*/React.createElement(Ui.TopBar.Element, {
+    name: "buttonBack",
+    group: "left",
+    element: /*#__PURE__*/React.createElement(BackButton, null)
+  }), /*#__PURE__*/React.createElement(Ui.TopBar.Element, {
+    name: "title",
+    group: "left",
+    element: /*#__PURE__*/React.createElement(Title, null)
+  }), /*#__PURE__*/React.createElement(Ui.TopBar.Action, {
+    name: "revisionsMenu",
+    element: /*#__PURE__*/React.createElement(RevisionsMenu, null)
+  }), /*#__PURE__*/React.createElement(Ui.TopBar.Action, {
+    name: "buttonSettings",
+    element: /*#__PURE__*/React.createElement(SettingsButton, null)
+  }), /*#__PURE__*/React.createElement(Ui.TopBar.Action, {
+    name: "buttonPublish",
+    element: /*#__PURE__*/React.createElement(PublishButton, null)
+  }), /*#__PURE__*/React.createElement(PageAutoSave, null), /*#__PURE__*/React.createElement(Ui.TopBar.Element, {
+    group: "left",
+    name: "autoSave",
+    after: "title",
+    element: /*#__PURE__*/React.createElement(AutoSaveIndicator, null)
+  }));
+};
+
+//# sourceMappingURL=DefaultPageEditorConfig.js.map

package/modules/pages/PageEditor/DefaultPageEditorConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PageEditorConfig","AutoSaveIndicator","PageAutoSave","BackButton","Title","PublishButton","RevisionsMenu","SettingsButton","Ui","DefaultPageEditorConfig","createElement","TopBar","Element","name","group","element","Action","after"],"sources":["DefaultPageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"~/modules/pages/PageEditor/PageEditorConfig\";\nimport { AutoSaveIndicator, PageAutoSave } from \"~/modules/pages/PageEditor/PageAutoSave\";\nimport { BackButton } from \"./TopBar/BackButton\";\nimport { Title } from \"./TopBar/Title\";\nimport { PublishButton } from \"./TopBar/PublishButton\";\nimport { RevisionsMenu } from \"~/modules/pages/PageEditor/TopBar/RevisionsMenu\";\nimport { SettingsButton } from \"./TopBar/SettingsButton\";\n\nconst { Ui } = PageEditorConfig;\n\nexport const DefaultPageEditorConfig = () => {\n    return (\n        <PageEditorConfig>\n            <Ui.TopBar.Element name={\"buttonBack\"} group={\"left\"} element={<BackButton />} />\n            <Ui.TopBar.Element name={\"title\"} group={\"left\"} element={<Title />} />\n            <Ui.TopBar.Action name={\"revisionsMenu\"} element={<RevisionsMenu />} />\n            <Ui.TopBar.Action name={\"buttonSettings\"} element={<SettingsButton />} />\n            <Ui.TopBar.Action name={\"buttonPublish\"} element={<PublishButton />} />\n            <PageAutoSave />\n            <Ui.TopBar.Element\n                group={\"left\"}\n                name={\"autoSave\"}\n                after={\"title\"}\n                element={<AutoSaveIndicator />}\n            />\n        </PageEditorConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB;AACzB,SAASC,iBAAiB,EAAEC,YAAY;AACxC,SAASC,UAAU;AACnB,SAASC,KAAK;AACd,SAASC,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,cAAc;AAEvB,MAAM;EAAEC;AAAG,CAAC,GAAGR,gBAAgB;AAE/B,OAAO,MAAMS,uBAAuB,GAAGA,CAAA,KAAM;EACzC,oBACIV,KAAA,CAAAW,aAAA,CAACV,gBAAgB,qBACbD,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACC,IAAI,EAAE,YAAa;IAACC,KAAK,EAAE,MAAO;IAACC,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACP,UAAU,MAAE;EAAE,CAAE,CAAC,eACjFJ,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACC,IAAI,EAAE,OAAQ;IAACC,KAAK,EAAE,MAAO;IAACC,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACN,KAAK,MAAE;EAAE,CAAE,CAAC,eACvEL,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,eAAgB;IAACE,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACJ,aAAa,MAAE;EAAE,CAAE,CAAC,eACvEP,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,gBAAiB;IAACE,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACH,cAAc,MAAE;EAAE,CAAE,CAAC,eACzER,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,eAAgB;IAACE,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACL,aAAa,MAAE;EAAE,CAAE,CAAC,eACvEN,KAAA,CAAAW,aAAA,CAACR,YAAY,MAAE,CAAC,eAChBH,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IACdE,KAAK,EAAE,MAAO;IACdD,IAAI,EAAE,UAAW;IACjBI,KAAK,EAAE,OAAQ;IACfF,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACT,iBAAiB,MAAE;EAAE,CAClC,CACa,CAAC;AAE3B,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/EditorStateDebugger.d.ts

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

package/modules/pages/PageEditor/EditorStateDebugger.js

@@ -0,0 +1,59 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { useEffect } from "react";
+import MonacoEditor from "@monaco-editor/react";
+import { Button } from "@webiny/admin-ui";
+import { useDocumentEditor } from "../../../DocumentEditor";
+import { useSelectFromDocument } from "../../../BaseEditor/hooks/useSelectFromDocument";
+import React from "react";
+import { useSelectFromEditor } from "../../../BaseEditor/hooks/useSelectFromEditor";
+const Toolbar = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ojwo140"
+} : {
+  target: "e1ojwo140",
+  label: "Toolbar"
+})(process.env.NODE_ENV === "production" ? {
+  name: "5tttfu",
+  styles: "position:absolute;padding-top:5px;width:100%;padding-left:5px;border-top:1px solid #cccccc;z-index:10000"
+} : {
+  name: "5tttfu",
+  styles: "position:absolute;padding-top:5px;width:100%;padding-left:5px;border-top:1px solid #cccccc;z-index:10000",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVkaXRvclN0YXRlRGVidWdnZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVUwQiIsImZpbGUiOiJFZGl0b3JTdGF0ZURlYnVnZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IE1vbmFjb0VkaXRvciBmcm9tIFwiQG1vbmFjby1lZGl0b3IvcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWlcIjtcbmltcG9ydCB7IHVzZURvY3VtZW50RWRpdG9yIH0gZnJvbSBcIn4vRG9jdW1lbnRFZGl0b3JcIjtcbmltcG9ydCB7IHVzZVNlbGVjdEZyb21Eb2N1bWVudCB9IGZyb20gXCJ+L0Jhc2VFZGl0b3IvaG9va3MvdXNlU2VsZWN0RnJvbURvY3VtZW50XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VTZWxlY3RGcm9tRWRpdG9yIH0gZnJvbSBcIn4vQmFzZUVkaXRvci9ob29rcy91c2VTZWxlY3RGcm9tRWRpdG9yXCI7XG5pbXBvcnQgdHlwZSB7IEhpc3RvcnlTbmFwc2hvdCB9IGZyb20gXCJ+L2VkaXRvclNkay9IaXN0b3J5U25hcHNob3RcIjtcblxuY29uc3QgVG9vbGJhciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHBhZGRpbmctdG9wOiA1cHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNjY2NjY2M7XG4gICAgei1pbmRleDogMTAwMDA7XG5gO1xuXG5jb25zdCBtb25hY29PcHRpb25zID0geyBtaW5pbWFwOiB7IGVuYWJsZWQ6IGZhbHNlIH0gfTtcblxuY29uc3QgZm9ybWF0U25hcHNob3RzID0gKHNuYXBzaG90czogSGlzdG9yeVNuYXBzaG90W10sIGFjdGl2ZUluZGV4OiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gc25hcHNob3RzXG4gICAgICAgIC5tYXAoKHNuYXBzaG90LCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgYXNTdHJpbmcgPSBKU09OLnN0cmluZ2lmeShzbmFwc2hvdC5nZXRTdGF0ZSgpLCBudWxsLCAyKTtcbiAgICAgICAgICAgIGNvbnN0IGlzQWN0aXZlID0gYWN0aXZlSW5kZXggPT09IGluZGV4O1xuXG4gICAgICAgICAgICByZXR1cm4gYC8vICR7aXNBY3RpdmUgPyBcIvCfn6JcIiA6IFwi4pqq77iPXCJ9IFNuYXBzaG90ICMke2luZGV4ICsgMX0gKCR7c25hcHNob3RcbiAgICAgICAgICAgICAgICAuZ2V0Q3JlYXRlZE9uKClcbiAgICAgICAgICAgICAgICAudG9JU09TdHJpbmcoKX0pXFxuJHthc1N0cmluZ31gO1xuICAgICAgICB9KVxuICAgICAgICAuam9pbihcIixcXG5cIik7XG59O1xuXG5leHBvcnQgY29uc3QgRWRpdG9yU3RhdGVEZWJ1Z2dlciA9ICgpID0+IHtcbiAgICBjb25zdCBlZGl0b3IgPSB1c2VEb2N1bWVudEVkaXRvcigpO1xuXG4gICAgY29uc3QgZWRpdG9yU3RhdGUgPSB1c2VTZWxlY3RGcm9tRWRpdG9yKHN0YXRlID0+IHN0YXRlKTtcbiAgICBjb25zdCBkb2N1bWVudFN0YXRlID0gdXNlU2VsZWN0RnJvbURvY3VtZW50KHN0YXRlID0+IHN0YXRlKTtcbiAgICBjb25zdCBoaXN0b3J5ID0gZWRpdG9yLmdldERvY3VtZW50U3RhdGUoKS5nZXRIaXN0b3J5KCk7XG5cbiAgICBjb25zdCBudW1iZXJPZlNuYXBzaG90cyA9IGVkaXRvci5nZXREb2N1bWVudFN0YXRlKCkuZ2V0SGlzdG9yeSgpLmdldFNuYXBzaG90cygpLmxlbmd0aDtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIC8vIEB0cy1pZ25vcmUgMTIzXG4gICAgICAgIHdpbmRvd1tcImVkaXRvclwiXSA9IGVkaXRvcjtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBtb25hY29WYWx1ZSA9IGAvLyBFZGl0b3IgU3RhdGVcXG4ke0pTT04uc3RyaW5naWZ5KFxuICAgICAgICBlZGl0b3JTdGF0ZSxcbiAgICAgICAgbnVsbCxcbiAgICAgICAgMlxuICAgICl9XFxuXFxuLy8gRG9jdW1lbnQgU3RhdGVcXG4ke0pTT04uc3RyaW5naWZ5KFxuICAgICAgICBkb2N1bWVudFN0YXRlLFxuICAgICAgICBudWxsLFxuICAgICAgICAyXG4gICAgKX1cXG5cXG4vLyBIaXN0b3J5XFxuXFxuJHtmb3JtYXRTbmFwc2hvdHMoaGlzdG9yeS5nZXRTbmFwc2hvdHMoKSwgaGlzdG9yeS5nZXRBY3RpdmVTbmFwc2hvdEluZGV4KCkpfVxuICAgIFxcbi8vIFNuYXBzaG90IENoYW5nZXNcXG4ke0pTT04uc3RyaW5naWZ5KGhpc3RvcnkuZ2V0Q3VycmVudFNuYXBzaG90KCkuZ2V0Q2hhbmdlcygpLCBudWxsLCAyKX1gO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRvb2xiYXI+XG4gICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiB0ZXh0PXtgU25hcHNob3RzOiAke251bWJlck9mU25hcHNob3RzfWB9PjwvQnV0dG9uPlxuICAgICAgICAgICAgPE1vbmFjb0VkaXRvclxuICAgICAgICAgICAgICAgIGhlaWdodD17XCIxMDB2aFwifVxuICAgICAgICAgICAgICAgIGxhbmd1YWdlPXtcImpzb25cIn1cbiAgICAgICAgICAgICAgICB2YWx1ZT17bW9uYWNvVmFsdWV9XG4gICAgICAgICAgICAgICAgb3B0aW9ucz17bW9uYWNvT3B0aW9uc31cbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvVG9vbGJhcj5cbiAgICApO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const monacoOptions = {
+  minimap: {
+    enabled: false
+  }
+};
+const formatSnapshots = (snapshots, activeIndex) => {
+  return snapshots.map((snapshot, index) => {
+    const asString = JSON.stringify(snapshot.getState(), null, 2);
+    const isActive = activeIndex === index;
+    return `// ${isActive ? "🟢" : "⚪️"} Snapshot #${index + 1} (${snapshot.getCreatedOn().toISOString()})\n${asString}`;
+  }).join(",\n");
+};
+export const EditorStateDebugger = () => {
+  const editor = useDocumentEditor();
+  const editorState = useSelectFromEditor(state => state);
+  const documentState = useSelectFromDocument(state => state);
+  const history = editor.getDocumentState().getHistory();
+  const numberOfSnapshots = editor.getDocumentState().getHistory().getSnapshots().length;
+  useEffect(() => {
+    // @ts-ignore 123
+    window["editor"] = editor;
+  }, []);
+  const monacoValue = `// Editor State\n${JSON.stringify(editorState, null, 2)}\n\n// Document State\n${JSON.stringify(documentState, null, 2)}\n\n// History\n\n${formatSnapshots(history.getSnapshots(), history.getActiveSnapshotIndex())}
+    \n// Snapshot Changes\n${JSON.stringify(history.getCurrentSnapshot().getChanges(), null, 2)}`;
+  return /*#__PURE__*/React.createElement(Toolbar, null, /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    text: `Snapshots: ${numberOfSnapshots}`
+  }), /*#__PURE__*/React.createElement(MonacoEditor, {
+    height: "100vh",
+    language: "json",
+    value: monacoValue,
+    options: monacoOptions
+  }));
+};
+
+//# sourceMappingURL=EditorStateDebugger.js.map

package/modules/pages/PageEditor/EditorStateDebugger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","MonacoEditor","Button","useDocumentEditor","useSelectFromDocument","React","useSelectFromEditor","Toolbar","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","monacoOptions","minimap","enabled","formatSnapshots","snapshots","activeIndex","snapshot","index","asString","JSON","stringify","getState","isActive","getCreatedOn","toISOString","join","EditorStateDebugger","editor","editorState","state","documentState","history","getDocumentState","getHistory","numberOfSnapshots","getSnapshots","length","window","monacoValue","getActiveSnapshotIndex","getCurrentSnapshot","getChanges","createElement","variant","text","height","language","value","options"],"sources":["EditorStateDebugger.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport MonacoEditor from \"@monaco-editor/react\";\nimport styled from \"@emotion/styled\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument\";\nimport React from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor\";\nimport type { HistorySnapshot } from \"~/editorSdk/HistorySnapshot\";\n\nconst Toolbar = styled.div`\n    position: absolute;\n    padding-top: 5px;\n    width: 100%;\n    padding-left: 5px;\n    border-top: 1px solid #cccccc;\n    z-index: 10000;\n`;\n\nconst monacoOptions = { minimap: { enabled: false } };\n\nconst formatSnapshots = (snapshots: HistorySnapshot[], activeIndex: number) => {\n    return snapshots\n        .map((snapshot, index) => {\n            const asString = JSON.stringify(snapshot.getState(), null, 2);\n            const isActive = activeIndex === index;\n\n            return `// ${isActive ? \"🟢\" : \"⚪️\"} Snapshot #${index + 1} (${snapshot\n                .getCreatedOn()\n                .toISOString()})\\n${asString}`;\n        })\n        .join(\",\\n\");\n};\n\nexport const EditorStateDebugger = () => {\n    const editor = useDocumentEditor();\n\n    const editorState = useSelectFromEditor(state => state);\n    const documentState = useSelectFromDocument(state => state);\n    const history = editor.getDocumentState().getHistory();\n\n    const numberOfSnapshots = editor.getDocumentState().getHistory().getSnapshots().length;\n\n    useEffect(() => {\n        // @ts-ignore 123\n        window[\"editor\"] = editor;\n    }, []);\n\n    const monacoValue = `// Editor State\\n${JSON.stringify(\n        editorState,\n        null,\n        2\n    )}\\n\\n// Document State\\n${JSON.stringify(\n        documentState,\n        null,\n        2\n    )}\\n\\n// History\\n\\n${formatSnapshots(history.getSnapshots(), history.getActiveSnapshotIndex())}\n    \\n// Snapshot Changes\\n${JSON.stringify(history.getCurrentSnapshot().getChanges(), null, 2)}`;\n\n    return (\n        <Toolbar>\n            <Button variant=\"secondary\" text={`Snapshots: ${numberOfSnapshots}`}></Button>\n            <MonacoEditor\n                height={\"100vh\"}\n                language={\"json\"}\n                value={monacoValue}\n                options={monacoOptions}\n            />\n        </Toolbar>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageEditor/PageAutoSave.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const PageAutoSave: () => null;
+export declare const AutoSaveIndicator: () => React.JSX.Element | null;

package/modules/pages/PageEditor/PageAutoSave.js

@@ -0,0 +1,39 @@
+import React, { useEffect } from "react";
+import debounce from "lodash/debounce";
+import { useDocumentEditor } from "../../../DocumentEditor";
+import { useUpdatePage } from "../../../features/pages";
+import { useSelectFromEditor } from "../../../BaseEditor/hooks/useSelectFromEditor";
+export const PageAutoSave = () => {
+  const editor = useDocumentEditor();
+  const {
+    updatePage
+  } = useUpdatePage();
+  const savePage = debounce(page => {
+    return updatePage(page);
+  }, 500);
+  useEffect(() => {
+    return editor.onDocumentStateChange(async event => {
+      editor.updateEditor(state => {
+        state.autoSaving = true;
+      });
+      const {
+        state
+      } = event;
+      await savePage(state);
+      setTimeout(() => {
+        editor.updateEditor(state => {
+          state.autoSaving = false;
+        });
+      }, 500);
+    });
+  }, []);
+  return null;
+};
+export const AutoSaveIndicator = () => {
+  const isSaving = useSelectFromEditor(state => state.autoSaving ?? false);
+  return isSaving ? /*#__PURE__*/React.createElement("div", {
+    className: "wby-text-neutral-muted wby-animate-pulse"
+  }, "Autosaving...") : null;
+};
+
+//# sourceMappingURL=PageAutoSave.js.map

package/modules/pages/PageEditor/PageAutoSave.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","debounce","useDocumentEditor","useUpdatePage","useSelectFromEditor","PageAutoSave","editor","updatePage","savePage","page","onDocumentStateChange","event","updateEditor","state","autoSaving","setTimeout","AutoSaveIndicator","isSaving","createElement","className"],"sources":["PageAutoSave.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { useUpdatePage } from \"~/features/pages\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor\";\n\nexport const PageAutoSave = () => {\n    const editor = useDocumentEditor();\n    const { updatePage } = useUpdatePage();\n\n    const savePage = debounce(page => {\n        return updatePage(page);\n    }, 500);\n\n    useEffect(() => {\n        return editor.onDocumentStateChange(async event => {\n            editor.updateEditor(state => {\n                state.autoSaving = true;\n            });\n            const { state } = event;\n\n            await savePage(state);\n\n            setTimeout(() => {\n                editor.updateEditor(state => {\n                    state.autoSaving = false;\n                });\n            }, 500);\n        });\n    }, []);\n\n    return null;\n};\n\nexport const AutoSaveIndicator = () => {\n    const isSaving = useSelectFromEditor(state => state.autoSaving ?? false);\n\n    return isSaving ? (\n        <div className=\"wby-text-neutral-muted wby-animate-pulse\">Autosaving...</div>\n    ) : null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,QAAQ,MAAM,iBAAiB;AACtC,SAASC,iBAAiB;AAC1B,SAASC,aAAa;AACtB,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClC,MAAM;IAAEK;EAAW,CAAC,GAAGJ,aAAa,CAAC,CAAC;EAEtC,MAAMK,QAAQ,GAAGP,QAAQ,CAACQ,IAAI,IAAI;IAC9B,OAAOF,UAAU,CAACE,IAAI,CAAC;EAC3B,CAAC,EAAE,GAAG,CAAC;EAEPT,SAAS,CAAC,MAAM;IACZ,OAAOM,MAAM,CAACI,qBAAqB,CAAC,MAAMC,KAAK,IAAI;MAC/CL,MAAM,CAACM,YAAY,CAACC,KAAK,IAAI;QACzBA,KAAK,CAACC,UAAU,GAAG,IAAI;MAC3B,CAAC,CAAC;MACF,MAAM;QAAED;MAAM,CAAC,GAAGF,KAAK;MAEvB,MAAMH,QAAQ,CAACK,KAAK,CAAC;MAErBE,UAAU,CAAC,MAAM;QACbT,MAAM,CAACM,YAAY,CAACC,KAAK,IAAI;UACzBA,KAAK,CAACC,UAAU,GAAG,KAAK;QAC5B,CAAC,CAAC;MACN,CAAC,EAAE,GAAG,CAAC;IACX,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC;AAED,OAAO,MAAME,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAMC,QAAQ,GAAGb,mBAAmB,CAACS,KAAK,IAAIA,KAAK,CAACC,UAAU,IAAI,KAAK,CAAC;EAExE,OAAOG,QAAQ,gBACXlB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAA0C,GAAC,eAAkB,CAAC,GAC7E,IAAI;AACZ,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageEditorConfig.d.ts

@@ -0,0 +1,419 @@
+import React from "react";
+interface PageEditorConfigProps {
+    children: React.ReactNode;
+}
+export declare const PageEditorConfig: (({ children }: PageEditorConfigProps) => React.JSX.Element) & (({ priority, children }: import("@webiny/react-properties").ConfigProps) => React.JSX.Element) & {
+    Ui: {
+        Element: (({ id, name, element, group, scope, remove, before, after }: import("../../../BaseEditor/config/Element").ElementProps) => React.JSX.Element) & {
+            original: ({ id, name, element, group, scope, remove, before, after }: import("../../../BaseEditor/config/Element").ElementProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ id, name, element, group, scope, remove, before, after }: import("../../../BaseEditor/config/Element").ElementProps) => React.JSX.Element) & {
+                original: ({ id, name, element, group, scope, remove, before, after }: import("../../../BaseEditor/config/Element").ElementProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ id, name, element, group, scope, remove, before, after }: import("../../../BaseEditor/config/Element").ElementProps) => React.JSX.Element) & {
+                original: ({ id, name, element, group, scope, remove, before, after }: import("../../../BaseEditor/config/Element").ElementProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+        Elements: ({ group, scope, transform }: import("../../../BaseEditor/config/Elements").ElementsProps) => React.JSX.Element;
+        Layout: (() => React.JSX.Element) & {
+            original: () => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (() => React.JSX.Element) & {
+                original: () => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(() => React.JSX.Element) & {
+                original: () => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+        Content: (() => React.JSX.Element) & {
+            original: () => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (() => React.JSX.Element) & {
+                original: () => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(() => React.JSX.Element) & {
+                original: () => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            Layout: ({ children }: import("../../../BaseEditor/config/Content/Layout").LayoutProps) => React.ReactNode;
+            Element: ((props: import("../../../BaseEditor/config/Content/Content").ElementProps) => React.JSX.Element) & {
+                original: (props: import("../../../BaseEditor/config/Content/Content").ElementProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("../../../BaseEditor/config/Content/Content").ElementProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/Content/Content").ElementProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: import("../../../BaseEditor/config/Content/Content").ElementProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/Content/Content").ElementProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+            Elements: (() => React.JSX.Element) & {
+                original: () => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (() => React.JSX.Element) & {
+                    original: () => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(() => React.JSX.Element) & {
+                    original: () => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+        };
+        TopBar: (() => React.JSX.Element) & {
+            Element: ((props: import("../../../BaseEditor/config/TopBar/TopBar").ElementProps) => React.JSX.Element) & {
+                original: (props: import("../../../BaseEditor/config/TopBar/TopBar").ElementProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("../../../BaseEditor/config/TopBar/TopBar").ElementProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/TopBar/TopBar").ElementProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: import("../../../BaseEditor/config/TopBar/TopBar").ElementProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/TopBar/TopBar").ElementProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+            Elements: ((props: import("../../../BaseEditor/config/TopBar/TopBar").ElementsProps) => React.JSX.Element) & {
+                original: (props: import("../../../BaseEditor/config/TopBar/TopBar").ElementsProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("../../../BaseEditor/config/TopBar/TopBar").ElementsProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/TopBar/TopBar").ElementsProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: import("../../../BaseEditor/config/TopBar/TopBar").ElementsProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/TopBar/TopBar").ElementsProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+            Layout: (() => React.JSX.Element) & {
+                original: () => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (() => React.JSX.Element) & {
+                    original: () => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(() => React.JSX.Element) & {
+                    original: () => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+            Divider: (() => React.JSX.Element) & {
+                original: () => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (() => React.JSX.Element) & {
+                    original: () => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(() => React.JSX.Element) & {
+                    original: () => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+            Action: ((props: import("../../../BaseEditor/config/TopBar/TopBar").ActionProps) => React.JSX.Element) & {
+                original: (props: import("../../../BaseEditor/config/TopBar/TopBar").ActionProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("../../../BaseEditor/config/TopBar/TopBar").ActionProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/TopBar/TopBar").ActionProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: import("../../../BaseEditor/config/TopBar/TopBar").ActionProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/TopBar/TopBar").ActionProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+            DropdownAction: ((props: import("../../../BaseEditor/config/TopBar/TopBar").DropdownActionProps) => React.JSX.Element) & {
+                original: (props: import("../../../BaseEditor/config/TopBar/TopBar").DropdownActionProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("../../../BaseEditor/config/TopBar/TopBar").DropdownActionProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/TopBar/TopBar").DropdownActionProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: import("../../../BaseEditor/config/TopBar/TopBar").DropdownActionProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/TopBar/TopBar").DropdownActionProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            } & {
+                MenuItem: (props: import("../../../BaseEditor/config/TopBar/MenuItem").MenuItemProps) => React.JSX.Element;
+            };
+        };
+        Toolbar: (() => React.JSX.Element) & {
+            Layout: () => React.JSX.Element;
+            Element: ((props: import("../../../BaseEditor/config/Toolbar/Toolbar").ElementProps) => React.JSX.Element) & {
+                original: (props: import("../../../BaseEditor/config/Toolbar/Toolbar").ElementProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("../../../BaseEditor/config/Toolbar/Toolbar").ElementProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/Toolbar/Toolbar").ElementProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: import("../../../BaseEditor/config/Toolbar/Toolbar").ElementProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/Toolbar/Toolbar").ElementProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+            Elements: ((props: import("../../../BaseEditor/config/Toolbar/Toolbar").ElementsProps) => React.JSX.Element) & {
+                original: (props: import("../../../BaseEditor/config/Toolbar/Toolbar").ElementsProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("../../../BaseEditor/config/Toolbar/Toolbar").ElementsProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/Toolbar/Toolbar").ElementsProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: import("../../../BaseEditor/config/Toolbar/Toolbar").ElementsProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/Toolbar/Toolbar").ElementsProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+        };
+        Sidebar: (() => React.JSX.Element) & {
+            Layout: (() => React.JSX.Element) & {
+                original: () => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (() => React.JSX.Element) & {
+                    original: () => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(() => React.JSX.Element) & {
+                    original: () => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+            Element: ((props: import("../../../BaseEditor/config/Sidebar/Sidebar").BaseElementProps) => React.JSX.Element) & {
+                original: (props: import("../../../BaseEditor/config/Sidebar/Sidebar").BaseElementProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("../../../BaseEditor/config/Sidebar/Sidebar").BaseElementProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/Sidebar/Sidebar").BaseElementProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: import("../../../BaseEditor/config/Sidebar/Sidebar").BaseElementProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/Sidebar/Sidebar").BaseElementProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+            Elements: ((props: import("../../../BaseEditor/config/Sidebar/Sidebar").ElementsProps) => React.JSX.Element) & {
+                original: (props: import("../../../BaseEditor/config/Sidebar/Sidebar").ElementsProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("../../../BaseEditor/config/Sidebar/Sidebar").ElementsProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/Sidebar/Sidebar").ElementsProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: import("../../../BaseEditor/config/Sidebar/Sidebar").ElementsProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/Sidebar/Sidebar").ElementsProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+            Group: ((props: import("../../../BaseEditor/config/Sidebar/Sidebar").GroupProps) => React.JSX.Element) & {
+                original: (props: import("../../../BaseEditor/config/Sidebar/Sidebar").GroupProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("../../../BaseEditor/config/Sidebar/Sidebar").GroupProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/Sidebar/Sidebar").GroupProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: import("../../../BaseEditor/config/Sidebar/Sidebar").GroupProps) => React.JSX.Element) & {
+                    original: (props: import("../../../BaseEditor/config/Sidebar/Sidebar").GroupProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            } & {
+                Tab: ({ name, label, disabled, element, visible, noPadding }: import("../../../BaseEditor/config/Sidebar/Tab").TabProps) => React.JSX.Element;
+            };
+            ScrollableContainer: import("@emotion/styled").StyledComponent<{
+                theme?: import("@emotion/react").Theme | undefined;
+                as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+            }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+        };
+        OnActiveElement: ({ children }: import("../../../BaseEditor/config/OnActiveElement").OnActiveElementProps) => React.JSX.Element | null;
+        NoActiveElement: ({ children }: import("../../../BaseEditor/config/NoActiveElement").NoActiveElementProps) => React.JSX.Element | null;
+    };
+    ElementInput: {
+        Renderer: (props: import("../../../BaseEditor/config/ElementInput").RendererProps) => React.JSX.Element;
+    };
+    ElementProperty: ((props: import("../../../BaseEditor/config/ElementProperty").ElementPropertyProps) => React.JSX.Element) & {
+        original: (props: import("../../../BaseEditor/config/ElementProperty").ElementPropertyProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("../../../BaseEditor/config/ElementProperty").ElementPropertyProps) => React.JSX.Element) & {
+            original: (props: import("../../../BaseEditor/config/ElementProperty").ElementPropertyProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: import("../../../BaseEditor/config/ElementProperty").ElementPropertyProps) => React.JSX.Element) & {
+            original: (props: import("../../../BaseEditor/config/ElementProperty").ElementPropertyProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    } & {
+        STYLE: string;
+        ELEMENT: string;
+    };
+    ElementProperties: (props: import("../../../BaseEditor/config/ElementProperty").ElementPropertiesProps) => React.JSX.Element;
+    ElementAction: ((props: import("../../../BaseEditor/config/ElementAction").ElementActionProps) => React.JSX.Element) & {
+        original: (props: import("../../../BaseEditor/config/ElementAction").ElementActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("../../../BaseEditor/config/ElementAction").ElementActionProps) => React.JSX.Element) & {
+            original: (props: import("../../../BaseEditor/config/ElementAction").ElementActionProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: import("../../../BaseEditor/config/ElementAction").ElementActionProps) => React.JSX.Element) & {
+            original: (props: import("../../../BaseEditor/config/ElementAction").ElementActionProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    } & {
+        IconButton: ({ label, icon, disabled, onClick }: import("../../../BaseEditor/config/IconButton").IconButtonProps) => React.JSX.Element;
+    };
+    ElementActions: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (() => React.JSX.Element) & {
+            original: () => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(() => React.JSX.Element) & {
+            original: () => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    useEditorConfig: typeof import("../../../BaseEditor").useEditorConfig;
+};
+export {};

package/modules/pages/PageEditor/PageEditorConfig.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { CompositionScope } from "@webiny/app-admin";
+import { EditorConfig } from "../../../BaseEditor";
+import { EDITOR_NAME } from "../constants";
+const BasePageEditorConfig = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(CompositionScope, {
+    name: EDITOR_NAME,
+    inherit: true
+  }, /*#__PURE__*/React.createElement(EditorConfig, {
+    priority: "secondary"
+  }, children));
+};
+export const PageEditorConfig = Object.assign(BasePageEditorConfig, EditorConfig);
+
+//# sourceMappingURL=PageEditorConfig.js.map