@webiny/app-website-builder 6.0.0-alpha.5 → 6.0.0-rc.0

package/modules/pages/PageEditor/PageAutoSave.js

@@ -1,9 +1,9 @@
 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 = () => {
+import debounce from "lodash/debounce.js";
+import { useDocumentEditor } from "../../../DocumentEditor/index.js";
+import { useUpdatePage } from "../../../features/pages/index.js";
+import { useSelectFromEditor } from "../../../BaseEditor/hooks/useSelectFromEditor.js";
+const PageAutoSaveAction = () => {
   const editor = useDocumentEditor();
   const {
     updatePage
@@ -29,11 +29,11 @@ export const PageAutoSave = () => {
   }, []);
   return null;
 };
-export const AutoSaveIndicator = () => {
+export const PageAutoSave = () => {
   const isSaving = useSelectFromEditor(state => state.autoSaving ?? false);
-  return isSaving ? /*#__PURE__*/React.createElement("div", {
-    className: "wby-text-neutral-muted wby-animate-pulse"
-  }, "Autosaving...") : null;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageAutoSaveAction, null), isSaving ? /*#__PURE__*/React.createElement("div", {
+    className: "text-neutral-muted animate-pulse"
+  }, "Autosaving...") : null);
 };
 
 //# sourceMappingURL=PageAutoSave.js.map

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

@@ -1 +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":[]}
+{"version":3,"names":["React","useEffect","debounce","useDocumentEditor","useUpdatePage","useSelectFromEditor","PageAutoSaveAction","editor","updatePage","savePage","page","onDocumentStateChange","event","updateEditor","state","autoSaving","setTimeout","PageAutoSave","isSaving","createElement","Fragment","className"],"sources":["PageAutoSave.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { useUpdatePage } from \"~/features/pages/index.js\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\n\nconst PageAutoSaveAction = () => {\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 PageAutoSave = () => {\n    const isSaving = useSelectFromEditor(state => state.autoSaving ?? false);\n\n    return (\n        <>\n            <PageAutoSaveAction />\n            {isSaving ? (\n                <div className=\"text-neutral-muted animate-pulse\">Autosaving...</div>\n            ) : null}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,SAASC,iBAAiB;AAC1B,SAASC,aAAa;AACtB,SAASC,mBAAmB;AAE5B,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EAC7B,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,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAMC,QAAQ,GAAGb,mBAAmB,CAACS,KAAK,IAAIA,KAAK,CAACC,UAAU,IAAI,KAAK,CAAC;EAExE,oBACIf,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAoB,QAAA,qBACIpB,KAAA,CAAAmB,aAAA,CAACb,kBAAkB,MAAE,CAAC,EACrBY,QAAQ,gBACLlB,KAAA,CAAAmB,aAAA;IAAKE,SAAS,EAAC;EAAkC,GAAC,eAAkB,CAAC,GACrE,IACN,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -2,7 +2,7 @@ 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) & {
+export declare const PageEditorConfig: (({ children }: PageEditorConfigProps) => React.JSX.Element) & (({ priority, children }: import("@webiny/react-properties/createConfigurableComponent").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;
@@ -221,6 +221,24 @@ export declare const PageEditorConfig: (({ children }: PageEditorConfigProps) =>
             };
         };
         Toolbar: (() => 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: () => 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;
@@ -262,6 +280,24 @@ export declare const PageEditorConfig: (({ children }: PageEditorConfigProps) =>
             };
         };
         Sidebar: (() => 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: (() => React.JSX.Element) & {
                 original: () => React.JSX.Element;
                 originalName: string;
@@ -340,10 +376,7 @@ export declare const PageEditorConfig: (({ children }: PageEditorConfigProps) =>
             } & {
                 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>, {}>;
+            ScrollableContainer: ({ children }: any) => React.JSX.Element;
         };
         OnActiveElement: ({ children }: import("../../../BaseEditor/config/OnActiveElement").OnActiveElementProps) => React.JSX.Element | null;
         NoActiveElement: ({ children }: import("../../../BaseEditor/config/NoActiveElement").NoActiveElementProps) => React.JSX.Element | null;
@@ -414,6 +447,6 @@ export declare const PageEditorConfig: (({ children }: PageEditorConfigProps) =>
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    useEditorConfig: typeof import("../../../BaseEditor").useEditorConfig;
+    useEditorConfig: typeof import("~/BaseEditor/index.js").useEditorConfig;
 };
 export {};

package/modules/pages/PageEditor/PageEditorConfig.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { CompositionScope } from "@webiny/app-admin";
-import { EditorConfig } from "../../../BaseEditor";
-import { EDITOR_NAME } from "../constants";
+import { EditorConfig } from "../../../BaseEditor/index.js";
+import { EDITOR_NAME } from "../constants.js";
 const BasePageEditorConfig = ({
   children
 }) => {

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

@@ -1 +1 @@
-{"version":3,"names":["React","CompositionScope","EditorConfig","EDITOR_NAME","BasePageEditorConfig","children","createElement","name","inherit","priority","PageEditorConfig","Object","assign"],"sources":["PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport { EditorConfig } from \"~/BaseEditor\";\nimport { EDITOR_NAME } from \"~/modules/pages/constants\";\n\ninterface PageEditorConfigProps {\n    children: React.ReactNode;\n}\n\nconst BasePageEditorConfig = ({ children }: PageEditorConfigProps) => {\n    return (\n        <CompositionScope name={EDITOR_NAME} inherit={true}>\n            <EditorConfig priority={\"secondary\"}>{children}</EditorConfig>\n        </CompositionScope>\n    );\n};\n\nexport const PageEditorConfig = Object.assign(BasePageEditorConfig, EditorConfig);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,YAAY;AACrB,SAASC,WAAW;AAMpB,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,KAAK;EAClE,oBACIL,KAAA,CAAAM,aAAA,CAACL,gBAAgB;IAACM,IAAI,EAAEJ,WAAY;IAACK,OAAO,EAAE;EAAK,gBAC/CR,KAAA,CAAAM,aAAA,CAACJ,YAAY;IAACO,QAAQ,EAAE;EAAY,GAAEJ,QAAuB,CAC/C,CAAC;AAE3B,CAAC;AAED,OAAO,MAAMK,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAACR,oBAAoB,EAAEF,YAAY,CAAC","ignoreList":[]}
+{"version":3,"names":["React","CompositionScope","EditorConfig","EDITOR_NAME","BasePageEditorConfig","children","createElement","name","inherit","priority","PageEditorConfig","Object","assign"],"sources":["PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport { EditorConfig } from \"~/BaseEditor/index.js\";\nimport { EDITOR_NAME } from \"~/modules/pages/constants.js\";\n\ninterface PageEditorConfigProps {\n    children: React.ReactNode;\n}\n\nconst BasePageEditorConfig = ({ children }: PageEditorConfigProps) => {\n    return (\n        <CompositionScope name={EDITOR_NAME} inherit={true}>\n            <EditorConfig priority={\"secondary\"}>{children}</EditorConfig>\n        </CompositionScope>\n    );\n};\n\nexport const PageEditorConfig = Object.assign(BasePageEditorConfig, EditorConfig);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,YAAY;AACrB,SAASC,WAAW;AAMpB,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,KAAK;EAClE,oBACIL,KAAA,CAAAM,aAAA,CAACL,gBAAgB;IAACM,IAAI,EAAEJ,WAAY;IAACK,OAAO,EAAE;EAAK,gBAC/CR,KAAA,CAAAM,aAAA,CAACJ,YAAY;IAACO,QAAQ,EAAE;EAAY,GAAEJ,QAAuB,CAC/C,CAAC;AAE3B,CAAC;AAED,OAAO,MAAMK,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAACR,oBAAoB,EAAEF,YAAY,CAAC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","IconButton","useLocation","useNavigate","useRouter","ReactComponent","BackIcon","useDocumentEditor","BackButton","key","navigate","search","editor","onClick","document","getDocumentState","read","folderId","get","properties","encodeURIComponent","createElement","Fragment","variant","size","icon"],"sources":["BackButton.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { useLocation, useNavigate, useRouter } from \"@webiny/react-router\";\nimport { ReactComponent as BackIcon } from \"@webiny/icons/arrow_back.svg\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\n\nexport function BackButton() {\n    const { key } = useLocation();\n    const navigate = useNavigate();\n    const { search } = useRouter();\n    const editor = useDocumentEditor();\n\n    const onClick = useCallback(() => {\n        const document = editor.getDocumentState().read();\n        const folderId = search[0].get(\"folderId\") ?? document.properties.folderId ?? \"root\";\n\n        navigate(`/website-builder/pages?folderId=${encodeURIComponent(folderId)}`);\n    }, [key, navigate]);\n\n    return (\n        <>\n            <IconButton variant={\"ghost\"} size={\"md\"} onClick={onClick} icon={<BackIcon />} />\n        </>\n    );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,EAAEC,WAAW,EAAEC,SAAS,QAAQ,sBAAsB;AAC1E,SAASC,cAAc,IAAIC,QAAQ,QAAQ,8BAA8B;AACzE,SAASC,iBAAiB;AAE1B,OAAO,SAASC,UAAUA,CAAA,EAAG;EACzB,MAAM;IAAEC;EAAI,CAAC,GAAGP,WAAW,CAAC,CAAC;EAC7B,MAAMQ,QAAQ,GAAGP,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEQ;EAAO,CAAC,GAAGP,SAAS,CAAC,CAAC;EAC9B,MAAMQ,MAAM,GAAGL,iBAAiB,CAAC,CAAC;EAElC,MAAMM,OAAO,GAAGb,WAAW,CAAC,MAAM;IAC9B,MAAMc,QAAQ,GAAGF,MAAM,CAACG,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;IACjD,MAAMC,QAAQ,GAAGN,MAAM,CAAC,CAAC,CAAC,CAACO,GAAG,CAAC,UAAU,CAAC,IAAIJ,QAAQ,CAACK,UAAU,CAACF,QAAQ,IAAI,MAAM;IAEpFP,QAAQ,CAAC,mCAAmCU,kBAAkB,CAACH,QAAQ,CAAC,EAAE,CAAC;EAC/E,CAAC,EAAE,CAACR,GAAG,EAAEC,QAAQ,CAAC,CAAC;EAEnB,oBACIX,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,qBACIvB,KAAA,CAAAsB,aAAA,CAACpB,UAAU;IAACsB,OAAO,EAAE,OAAQ;IAACC,IAAI,EAAE,IAAK;IAACX,OAAO,EAAEA,OAAQ;IAACY,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACf,QAAQ,MAAE;EAAE,CAAE,CACnF,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["React","useCallback","IconButton","useRoute","useRouter","ReactComponent","BackIcon","useDocumentEditor","Routes","ROOT_FOLDER","BackButton","goToRoute","route","Pages","Editor","editor","onClick","document","getDocumentState","read","folderId","params","properties","List","createElement","variant","size","icon"],"sources":["BackButton.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { useRoute, useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as BackIcon } from \"@webiny/icons/arrow_back.svg\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Routes } from \"~/routes.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\n\nexport function BackButton() {\n    const { goToRoute } = useRouter();\n    const { route } = useRoute(Routes.Pages.Editor);\n    const editor = useDocumentEditor();\n\n    const onClick = useCallback(() => {\n        const document = editor.getDocumentState().read();\n        const folderId = route.params.folderId ?? document.properties.folderId ?? ROOT_FOLDER;\n\n        goToRoute(Routes.Pages.List, { folderId });\n    }, [route]);\n\n    return <IconButton variant={\"ghost\"} size={\"md\"} onClick={onClick} icon={<BackIcon />} />;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,EAAEC,SAAS,QAAQ,mBAAmB;AACvD,SAASC,cAAc,IAAIC,QAAQ,QAAQ,8BAA8B;AACzE,SAASC,iBAAiB;AAC1B,SAASC,MAAM;AACf,SAASC,WAAW;AAEpB,OAAO,SAASC,UAAUA,CAAA,EAAG;EACzB,MAAM;IAAEC;EAAU,CAAC,GAAGP,SAAS,CAAC,CAAC;EACjC,MAAM;IAAEQ;EAAM,CAAC,GAAGT,QAAQ,CAACK,MAAM,CAACK,KAAK,CAACC,MAAM,CAAC;EAC/C,MAAMC,MAAM,GAAGR,iBAAiB,CAAC,CAAC;EAElC,MAAMS,OAAO,GAAGf,WAAW,CAAC,MAAM;IAC9B,MAAMgB,QAAQ,GAAGF,MAAM,CAACG,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;IACjD,MAAMC,QAAQ,GAAGR,KAAK,CAACS,MAAM,CAACD,QAAQ,IAAIH,QAAQ,CAACK,UAAU,CAACF,QAAQ,IAAIX,WAAW;IAErFE,SAAS,CAACH,MAAM,CAACK,KAAK,CAACU,IAAI,EAAE;MAAEH;IAAS,CAAC,CAAC;EAC9C,CAAC,EAAE,CAACR,KAAK,CAAC,CAAC;EAEX,oBAAOZ,KAAA,CAAAwB,aAAA,CAACtB,UAAU;IAACuB,OAAO,EAAE,OAAQ;IAACC,IAAI,EAAE,IAAK;IAACV,OAAO,EAAEA,OAAQ;IAACW,IAAI,eAAE3B,KAAA,CAAAwB,aAAA,CAAClB,QAAQ,MAAE;EAAE,CAAE,CAAC;AAC7F","ignoreList":[]}

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

@@ -2,13 +2,13 @@ import React from "react";
 import { Button, useToast } from "@webiny/admin-ui";
 import { useDialogs } from "@webiny/app-admin";
 import { ReactComponent as PublishIcon } from "@webiny/icons/publish.svg";
-import { usePublishPage } from "../../../../features/pages";
-import { useSelectFromDocument } from "../../../../BaseEditor/hooks/useSelectFromDocument";
-import { WB_PAGES_LIST_ROUTE } from "../../../../constants";
-import { useRouter } from "@webiny/react-router";
+import { usePublishPage } from "../../../../features/pages/index.js";
+import { useSelectFromDocument } from "../../../../BaseEditor/hooks/useSelectFromDocument.js";
+import { useRouter } from "@webiny/app-admin";
+import { Routes } from "../../../../routes.js";
 export const PublishButton = () => {
   const {
-    history
+    goToRoute
   } = useRouter();
   const {
     showSuccessToast
@@ -35,7 +35,9 @@ export const PublishButton = () => {
         showSuccessToast({
           title: "Page was published successfully!"
         });
-        history.push(`${WB_PAGES_LIST_ROUTE}?folderId=${encodeURIComponent(folderId)}`);
+        goToRoute(Routes.Pages.List, {
+          folderId
+        });
       }
     });
   };

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

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

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

@@ -4,9 +4,10 @@ import { ReactComponent as ArrowDown } from "@webiny/icons/keyboard_arrow_down.s
 import { ReactComponent as Draft } from "@webiny/icons/draw.svg";
 import { ReactComponent as Unpublished } from "@webiny/icons/lock.svg";
 import { ReactComponent as Published } from "@webiny/icons/remove_red_eye.svg";
-import { useGetPageRevisions } from "../../../../features/pages";
-import { useSelectFromDocument } from "../../../../BaseEditor/hooks/useSelectFromDocument";
-import { WB_PAGE_EDITOR_ROUTE } from "../../../../constants";
+import { useGetPageRevisions } from "../../../../features/pages/index.js";
+import { useSelectFromDocument } from "../../../../BaseEditor/hooks/useSelectFromDocument.js";
+import { useRouter } from "@webiny/app-admin";
+import { Routes } from "../../../../routes.js";
 const {
   Item
 } = DropdownMenu;
@@ -16,6 +17,9 @@ const statusIcon = {
   unpublished: /*#__PURE__*/React.createElement(Unpublished, null)
 };
 export const RevisionsMenu = () => {
+  const {
+    getLink
+  } = useRouter();
   const [revisions, setRevisions] = useState([]);
   const {
     loading,
@@ -36,7 +40,9 @@ export const RevisionsMenu = () => {
   const currentRevision = revisions.find(r => r.id === id);
   const goToRevision = useCallback(id => {
     // TODO: make this work without a full app reload
-    window.location.pathname = `${WB_PAGE_EDITOR_ROUTE}/${encodeURIComponent(id)}`;
+    window.location.pathname = getLink(Routes.Pages.Editor, {
+      id
+    });
   }, []);
   return /*#__PURE__*/React.createElement(DropdownMenu, {
     trigger: /*#__PURE__*/React.createElement(Button, {
@@ -48,7 +54,7 @@ export const RevisionsMenu = () => {
     })
   }, revisions.map(revision => /*#__PURE__*/React.createElement(Item, {
     key: revision.id,
-    className: "wby-cursor-pointer",
+    className: "cursor-pointer",
     onClick: () => goToRevision(revision.id),
     disabled: revision.locked,
     icon: /*#__PURE__*/React.createElement(Item.Icon, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","useCallback","Button","DropdownMenu","ReactComponent","ArrowDown","Draft","Unpublished","Published","useGetPageRevisions","useSelectFromDocument","WB_PAGE_EDITOR_ROUTE","Item","statusIcon","draft","createElement","published","unpublished","RevisionsMenu","revisions","setRevisions","loading","getPageRevisions","id","document","status","entryId","split","then","sort","a","b","Date","savedOn","getTime","reverse","currentRevision","find","r","goToRevision","window","location","pathname","encodeURIComponent","trigger","disabled","variant","text","getLabel","icon","iconPosition","map","revision","key","className","onClick","locked","Icon","label","element"],"sources":["RevisionsMenu.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\nimport { Button, DropdownMenu } from \"@webiny/admin-ui\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { ReactComponent as Draft } from \"@webiny/icons/draw.svg\";\nimport { ReactComponent as Unpublished } from \"@webiny/icons/lock.svg\";\nimport { ReactComponent as Published } from \"@webiny/icons/remove_red_eye.svg\";\nimport { useGetPageRevisions } from \"~/features/pages\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument\";\nimport type { PageRevision } from \"~/domain/PageRevision\";\nimport { WB_PAGE_EDITOR_ROUTE } from \"~/constants\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\n\nconst { Item } = DropdownMenu;\n\nconst statusIcon: Record<string, JSX.Element> = {\n    draft: <Draft />,\n    published: <Published />,\n    unpublished: <Unpublished />\n};\n\nexport const RevisionsMenu = () => {\n    const [revisions, setRevisions] = useState<PageRevision[]>([]);\n    const { loading, getPageRevisions } = useGetPageRevisions();\n    const id = useSelectFromDocument(document => document.id);\n    const status = useSelectFromDocument<string, EditorPage>(document => document.status);\n\n    useEffect(() => {\n        const [entryId] = id.split(\"#\");\n        getPageRevisions({ entryId }).then(revisions => {\n            setRevisions(\n                revisions\n                    .sort((a, b) => {\n                        return new Date(a.savedOn).getTime() - new Date(b.savedOn).getTime();\n                    })\n                    .reverse()\n            );\n        });\n    }, [id, status]);\n\n    const currentRevision = revisions.find(r => r.id === id);\n\n    const goToRevision = useCallback((id: string) => {\n        // TODO: make this work without a full app reload\n        window.location.pathname = `${WB_PAGE_EDITOR_ROUTE}/${encodeURIComponent(id)}`;\n    }, []);\n\n    return (\n        <DropdownMenu\n            trigger={\n                <Button\n                    disabled={loading}\n                    variant=\"ghost\"\n                    text={currentRevision ? currentRevision.getLabel() : \"Loading...\"}\n                    icon={<ArrowDown />}\n                    iconPosition={\"end\"}\n                />\n            }\n        >\n            {revisions.map(revision => (\n                <Item\n                    key={revision.id}\n                    className={\"wby-cursor-pointer\"}\n                    onClick={() => goToRevision(revision.id)}\n                    disabled={revision.locked}\n                    icon={\n                        <Item.Icon\n                            label={revision.getLabel()}\n                            element={statusIcon[revision.status]}\n                        />\n                    }\n                    text={revision.getLabel()}\n                />\n            ))}\n        </DropdownMenu>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","useCallback","Button","DropdownMenu","ReactComponent","ArrowDown","Draft","Unpublished","Published","useGetPageRevisions","useSelectFromDocument","useRouter","Routes","Item","statusIcon","draft","createElement","published","unpublished","RevisionsMenu","getLink","revisions","setRevisions","loading","getPageRevisions","id","document","status","entryId","split","then","sort","a","b","Date","savedOn","getTime","reverse","currentRevision","find","r","goToRevision","window","location","pathname","Pages","Editor","trigger","disabled","variant","text","getLabel","icon","iconPosition","map","revision","key","className","onClick","locked","Icon","label","element"],"sources":["RevisionsMenu.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\nimport { Button, DropdownMenu } from \"@webiny/admin-ui\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { ReactComponent as Draft } from \"@webiny/icons/draw.svg\";\nimport { ReactComponent as Unpublished } from \"@webiny/icons/lock.svg\";\nimport { ReactComponent as Published } from \"@webiny/icons/remove_red_eye.svg\";\nimport { useGetPageRevisions } from \"~/features/pages/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport type { PageRevision } from \"~/domain/PageRevision/index.js\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { Routes } from \"~/routes.js\";\n\nconst { Item } = DropdownMenu;\n\nconst statusIcon: Record<string, JSX.Element> = {\n    draft: <Draft />,\n    published: <Published />,\n    unpublished: <Unpublished />\n};\n\nexport const RevisionsMenu = () => {\n    const { getLink } = useRouter();\n    const [revisions, setRevisions] = useState<PageRevision[]>([]);\n    const { loading, getPageRevisions } = useGetPageRevisions();\n    const id = useSelectFromDocument(document => document.id);\n    const status = useSelectFromDocument<string, EditorPage>(document => document.status);\n\n    useEffect(() => {\n        const [entryId] = id.split(\"#\");\n        getPageRevisions({ entryId }).then(revisions => {\n            setRevisions(\n                revisions\n                    .sort((a, b) => {\n                        return new Date(a.savedOn).getTime() - new Date(b.savedOn).getTime();\n                    })\n                    .reverse()\n            );\n        });\n    }, [id, status]);\n\n    const currentRevision = revisions.find(r => r.id === id);\n\n    const goToRevision = useCallback((id: string) => {\n        // TODO: make this work without a full app reload\n        window.location.pathname = getLink(Routes.Pages.Editor, { id });\n    }, []);\n\n    return (\n        <DropdownMenu\n            trigger={\n                <Button\n                    disabled={loading}\n                    variant=\"ghost\"\n                    text={currentRevision ? currentRevision.getLabel() : \"Loading...\"}\n                    icon={<ArrowDown />}\n                    iconPosition={\"end\"}\n                />\n            }\n        >\n            {revisions.map(revision => (\n                <Item\n                    key={revision.id}\n                    className={\"cursor-pointer\"}\n                    onClick={() => goToRevision(revision.id)}\n                    disabled={revision.locked}\n                    icon={\n                        <Item.Icon\n                            label={revision.getLabel()}\n                            element={statusIcon[revision.status]}\n                        />\n                    }\n                    text={revision.getLabel()}\n                />\n            ))}\n        </DropdownMenu>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/Settings/KeyValueGridEditor.js

@@ -19,7 +19,7 @@ export const KeyValueGridEditor = () => {
     }]);
   };
   return /*#__PURE__*/React.createElement(Grid, {
-    className: "wby-mt-md"
+    className: "mt-md"
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Text, {

package/modules/pages/PageEditor/TopBar/Settings/KeyValueGridEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Grid","Input","Button","IconButton","Text","ReactComponent","DeleteIcon","KeyValueGridEditor","items","setItems","handleChange","index","field","value","updated","handleDelete","filter","_","i","handleAdd","key","createElement","className","Fragment","Column","span","size","map","item","placeholder","onChange","variant","onClick","icon","text"],"sources":["KeyValueGridEditor.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Grid, Input, Button, IconButton, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\n\ntype KeyValue = {\n    key: string;\n    value: string;\n};\n\nexport const KeyValueGridEditor: React.FC = () => {\n    const [items, setItems] = useState<KeyValue[]>([]);\n\n    const handleChange = (index: number, field: \"key\" | \"value\", value: string) => {\n        const updated = [...items];\n        updated[index][field] = value;\n        setItems(updated);\n    };\n\n    const handleDelete = (index: number) => {\n        const updated = items.filter((_, i) => i !== index);\n        setItems(updated);\n    };\n\n    const handleAdd = () => {\n        setItems([...items, { key: \"\", value: \"\" }]);\n    };\n\n    return (\n        <Grid className={\"wby-mt-md\"}>\n            <>\n                <Grid.Column span={12}>\n                    <Text size={\"md\"}>Add your SEO tags here.</Text>\n                </Grid.Column>\n                {items.map((item, index) => (\n                    <Grid.Column key={index} span={12}>\n                        <Grid>\n                            <Grid.Column span={5}>\n                                <Input\n                                    placeholder=\"Key\"\n                                    value={item.key}\n                                    onChange={value => handleChange(index, \"key\", value)}\n                                />\n                            </Grid.Column>\n                            <Grid.Column span={5}>\n                                <Input\n                                    placeholder=\"Value\"\n                                    value={item.value}\n                                    onChange={value => handleChange(index, \"value\", value)}\n                                />\n                            </Grid.Column>\n                            <Grid.Column span={2}>\n                                <IconButton\n                                    size={\"md\"}\n                                    variant={\"tertiary\"}\n                                    onClick={() => handleDelete(index)}\n                                    icon={<DeleteIcon />}\n                                />\n                            </Grid.Column>\n                        </Grid>\n                    </Grid.Column>\n                ))}\n            </>\n            <Grid.Column span={12} key={\"action\"}>\n                <Button onClick={handleAdd} variant={\"secondary\"} text={\"+ Add\"} />\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","Grid","Input","Button","IconButton","Text","ReactComponent","DeleteIcon","KeyValueGridEditor","items","setItems","handleChange","index","field","value","updated","handleDelete","filter","_","i","handleAdd","key","createElement","className","Fragment","Column","span","size","map","item","placeholder","onChange","variant","onClick","icon","text"],"sources":["KeyValueGridEditor.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Grid, Input, Button, IconButton, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\n\ntype KeyValue = {\n    key: string;\n    value: string;\n};\n\nexport const KeyValueGridEditor: React.FC = () => {\n    const [items, setItems] = useState<KeyValue[]>([]);\n\n    const handleChange = (index: number, field: \"key\" | \"value\", value: string) => {\n        const updated = [...items];\n        updated[index][field] = value;\n        setItems(updated);\n    };\n\n    const handleDelete = (index: number) => {\n        const updated = items.filter((_, i) => i !== index);\n        setItems(updated);\n    };\n\n    const handleAdd = () => {\n        setItems([...items, { key: \"\", value: \"\" }]);\n    };\n\n    return (\n        <Grid className={\"mt-md\"}>\n            <>\n                <Grid.Column span={12}>\n                    <Text size={\"md\"}>Add your SEO tags here.</Text>\n                </Grid.Column>\n                {items.map((item, index) => (\n                    <Grid.Column key={index} span={12}>\n                        <Grid>\n                            <Grid.Column span={5}>\n                                <Input\n                                    placeholder=\"Key\"\n                                    value={item.key}\n                                    onChange={value => handleChange(index, \"key\", value)}\n                                />\n                            </Grid.Column>\n                            <Grid.Column span={5}>\n                                <Input\n                                    placeholder=\"Value\"\n                                    value={item.value}\n                                    onChange={value => handleChange(index, \"value\", value)}\n                                />\n                            </Grid.Column>\n                            <Grid.Column span={2}>\n                                <IconButton\n                                    size={\"md\"}\n                                    variant={\"tertiary\"}\n                                    onClick={() => handleDelete(index)}\n                                    icon={<DeleteIcon />}\n                                />\n                            </Grid.Column>\n                        </Grid>\n                    </Grid.Column>\n                ))}\n            </>\n            <Grid.Column span={12} key={\"action\"}>\n                <Button onClick={handleAdd} variant={\"secondary\"} text={\"+ Add\"} />\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/Settings/MetaTags.js

@@ -17,7 +17,7 @@ const Footer = ({
   onClick
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-mt-md"
+    className: "mt-md"
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: onClick,
     text: "Add tag",
@@ -46,9 +46,9 @@ export const MetaTags = props => {
   }) => /*#__PURE__*/React.createElement(React.Fragment, null, row(({
     index
   }) => /*#__PURE__*/React.createElement("div", {
-    className: "wby-mt-md"
+    className: "mt-md"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-start wby-gap-sm"
+    className: "flex items-start gap-sm"
   }, /*#__PURE__*/React.createElement(Bind, {
     name: `${props.bindName}.${index}.${props.keyName}`
   }, /*#__PURE__*/React.createElement(Input, {

package/modules/pages/PageEditor/TopBar/Settings/MetaTags.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","AddIcon","DeleteIcon","Bind","useBind","Button","DynamicFieldset","FormComponentDescription","FormComponentLabel","IconButton","Input","Header","label","description","createElement","Fragment","text","Footer","onClick","className","variant","size","icon","MetaTags","props","value","onChange","name","bindName","defaultValue","actions","header","footer","row","empty","index","keyName","placeholder","keyLabel","valueName","valueLabel","remove","add"],"sources":["MetaTags.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { Bind, useBind } from \"@webiny/form\";\nimport {\n    Button,\n    DynamicFieldset,\n    FormComponentDescription,\n    FormComponentLabel,\n    IconButton,\n    Input\n} from \"@webiny/admin-ui\";\n\ninterface HeaderProps {\n    label: string;\n    description: string;\n}\n\nconst Header = ({ label, description }: HeaderProps) => {\n    return (\n        <>\n            <FormComponentLabel text={label} />\n            <FormComponentDescription text={description} />\n        </>\n    );\n};\n\ninterface FooterProps {\n    onClick: () => void;\n}\n\nconst Footer = ({ onClick }: FooterProps) => {\n    return (\n        <div className={\"wby-mt-md\"}>\n            <Button\n                onClick={onClick}\n                text=\"Add tag\"\n                variant={\"secondary\"}\n                size={\"sm\"}\n                icon={<AddIcon />}\n            />\n        </div>\n    );\n};\n\nexport interface MetaTagsProps {\n    label: string;\n    description: string;\n    bindName: string;\n    keyName: string;\n    keyLabel: string;\n    valueName: string;\n    valueLabel: string;\n}\n\nexport const MetaTags = (props: MetaTagsProps) => {\n    const { value, onChange } = useBind({ name: props.bindName, defaultValue: [] });\n\n    return (\n        <DynamicFieldset value={value} onChange={onChange}>\n            {({ actions, header, footer, row, empty }) => (\n                <>\n                    {row(({ index }) => (\n                        <div className={\"wby-mt-md\"}>\n                            <div className={\"wby-flex wby-items-start wby-gap-sm\"}>\n                                <Bind name={`${props.bindName}.${index}.${props.keyName}`}>\n                                    <Input placeholder={props.keyLabel} size={\"lg\"} />\n                                </Bind>\n                                <Bind name={`${props.bindName}.${index}.${props.valueName}`}>\n                                    <Input placeholder={props.valueLabel} size={\"lg\"} />\n                                </Bind>\n                                <IconButton\n                                    variant={\"ghost\"}\n                                    size={\"lg\"}\n                                    icon={<DeleteIcon />}\n                                    onClick={actions.remove(index)}\n                                />\n                            </div>\n                        </div>\n                    ))}\n                    {footer(() => (\n                        <Footer onClick={actions.add()} />\n                    ))}\n                    {header(() => (\n                        <Header label={props.label} description={props.description} />\n                    ))}\n                    {empty(() => (\n                        <>\n                            <Header label={props.label} description={props.description} />\n                            <Footer onClick={actions.add()} />\n                        </>\n                    ))}\n                </>\n            )}\n        </DynamicFieldset>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","AddIcon","DeleteIcon","Bind","useBind","Button","DynamicFieldset","FormComponentDescription","FormComponentLabel","IconButton","Input","Header","label","description","createElement","Fragment","text","Footer","onClick","className","variant","size","icon","MetaTags","props","value","onChange","name","bindName","defaultValue","actions","header","footer","row","empty","index","keyName","placeholder","keyLabel","valueName","valueLabel","remove","add"],"sources":["MetaTags.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { Bind, useBind } from \"@webiny/form\";\nimport {\n    Button,\n    DynamicFieldset,\n    FormComponentDescription,\n    FormComponentLabel,\n    IconButton,\n    Input\n} from \"@webiny/admin-ui\";\n\ninterface HeaderProps {\n    label: string;\n    description: string;\n}\n\nconst Header = ({ label, description }: HeaderProps) => {\n    return (\n        <>\n            <FormComponentLabel text={label} />\n            <FormComponentDescription text={description} />\n        </>\n    );\n};\n\ninterface FooterProps {\n    onClick: () => void;\n}\n\nconst Footer = ({ onClick }: FooterProps) => {\n    return (\n        <div className={\"mt-md\"}>\n            <Button\n                onClick={onClick}\n                text=\"Add tag\"\n                variant={\"secondary\"}\n                size={\"sm\"}\n                icon={<AddIcon />}\n            />\n        </div>\n    );\n};\n\nexport interface MetaTagsProps {\n    label: string;\n    description: string;\n    bindName: string;\n    keyName: string;\n    keyLabel: string;\n    valueName: string;\n    valueLabel: string;\n}\n\nexport const MetaTags = (props: MetaTagsProps) => {\n    const { value, onChange } = useBind({ name: props.bindName, defaultValue: [] });\n\n    return (\n        <DynamicFieldset value={value} onChange={onChange}>\n            {({ actions, header, footer, row, empty }) => (\n                <>\n                    {row(({ index }) => (\n                        <div className={\"mt-md\"}>\n                            <div className={\"flex items-start gap-sm\"}>\n                                <Bind name={`${props.bindName}.${index}.${props.keyName}`}>\n                                    <Input placeholder={props.keyLabel} size={\"lg\"} />\n                                </Bind>\n                                <Bind name={`${props.bindName}.${index}.${props.valueName}`}>\n                                    <Input placeholder={props.valueLabel} size={\"lg\"} />\n                                </Bind>\n                                <IconButton\n                                    variant={\"ghost\"}\n                                    size={\"lg\"}\n                                    icon={<DeleteIcon />}\n                                    onClick={actions.remove(index)}\n                                />\n                            </div>\n                        </div>\n                    ))}\n                    {footer(() => (\n                        <Footer onClick={actions.add()} />\n                    ))}\n                    {header(() => (\n                        <Header label={props.label} description={props.description} />\n                    ))}\n                    {empty(() => (\n                        <>\n                            <Header label={props.label} description={props.description} />\n                            <Footer onClick={actions.add()} />\n                        </>\n                    ))}\n                </>\n            )}\n        </DynamicFieldset>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/Settings/SettingsDialogBody.js

@@ -4,14 +4,17 @@ import { Tabs, Grid, Input, Textarea, FilePicker, Switch, CodeEditor, Text } fro
 import { Bind } from "@webiny/form";
 import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
 import { ReactComponent as SeoIcon } from "@webiny/icons/search.svg";
+import { validation } from "@webiny/validation";
 import { ReactComponent as SocialIcon } from "@webiny/icons/thumb_up.svg";
 import { ReactComponent as SchemaIcon } from "@webiny/icons/schema.svg";
-import { MetaTags } from "./MetaTags";
-import { SimpleTags } from "./SimpleTags";
-import { fileManagerItemToValue } from "../../../../../shared/fileManagerItemToValue";
-import { validation } from "@webiny/validation";
+import { MetaTags } from "./MetaTags.js";
+import { SimpleTags } from "./SimpleTags.js";
+import { fileManagerItemToValue } from "../../../../../shared/fileManagerItemToValue.js";
 const PATHNAME_REGEX = new RegExp(`^\\/(?:[a-zA-Z0-9._~:@!$&'()*+,;=%/-])*(?:\\?[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\]-]*)?(?:#[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\]-]*)?$`);
 const validatePathname = pathname => {
+  if (!pathname) {
+    return;
+  }
   if (PATHNAME_REGEX.test(pathname)) {
     return;
   }
@@ -48,7 +51,7 @@ export const SettingsDialogBody = () => {
 };
 const GeneralSettingsForm = () => {
   return /*#__PURE__*/React.createElement(Grid, {
-    className: "wby-mt-md"
+    className: "mt-md"
   }, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
@@ -100,7 +103,7 @@ const GeneralSettingsForm = () => {
 };
 const SeoSettingsForm = () => {
   return /*#__PURE__*/React.createElement(Grid, {
-    className: "wby-mt-md"
+    className: "mt-md"
   }, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
@@ -153,7 +156,7 @@ const SeoSettingsForm = () => {
 };
 const SocialSettingsForm = () => {
   return /*#__PURE__*/React.createElement(Grid, {
-    className: "wby-mt-md"
+    className: "mt-md"
   }, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
@@ -203,7 +206,7 @@ const SocialSettingsForm = () => {
 };
 const SchemaForm = () => {
   return /*#__PURE__*/React.createElement(Grid, {
-    className: "wby-mt-md"
+    className: "mt-md"
   }, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Text, {

package/modules/pages/PageEditor/TopBar/Settings/SettingsDialogBody.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FileManager","Tabs","Grid","Input","Textarea","FilePicker","Switch","CodeEditor","Text","Bind","ReactComponent","SettingsIcon","SeoIcon","SocialIcon","SchemaIcon","MetaTags","SimpleTags","fileManagerItemToValue","validation","PATHNAME_REGEX","RegExp","validatePathname","pathname","test","Error","SettingsDialogBody","createElement","tabs","Tab","key","value","trigger","icon","content","GeneralSettingsForm","SeoSettingsForm","SocialSettingsForm","SchemaForm","className","Column","span","name","validators","create","label","onChange","images","render","showFileManager","description","type","onSelectItem","file","onRemoveItem","undefined","bindName","keyName","keyLabel","valueName","valueLabel","defaultValue","size","href","target","rel","height","language"],"sources":["SettingsDialogBody.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport {\n    Tabs,\n    Grid,\n    Input,\n    Textarea,\n    FilePicker,\n    Switch,\n    CodeEditor,\n    Text\n} from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { ReactComponent as SeoIcon } from \"@webiny/icons/search.svg\";\nimport { ReactComponent as SocialIcon } from \"@webiny/icons/thumb_up.svg\";\nimport { ReactComponent as SchemaIcon } from \"@webiny/icons/schema.svg\";\nimport { MetaTags } from \"./MetaTags\";\nimport { SimpleTags } from \"~/modules/pages/PageEditor/TopBar/Settings/SimpleTags\";\nimport { fileManagerItemToValue } from \"~/shared/fileManagerItemToValue\";\nimport { validation } from \"@webiny/validation\";\n\nconst PATHNAME_REGEX = new RegExp(\n    `^\\\\/(?:[a-zA-Z0-9._~:@!$&'()*+,;=%/-])*(?:\\\\?[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\\\]-]*)?(?:#[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\\\]-]*)?$`\n);\nconst validatePathname = (pathname: string) => {\n    if (PATHNAME_REGEX.test(pathname)) {\n        return;\n    }\n\n    throw new Error(`Enter a valid pathname, e.g.: /path/to/page?query=value`);\n};\n\nexport const SettingsDialogBody = () => {\n    return (\n        <Tabs\n            tabs={[\n                <Tabs.Tab\n                    key={\"general\"}\n                    value={\"general\"}\n                    trigger={\"General\"}\n                    icon={<SettingsIcon />}\n                    content={<GeneralSettingsForm />}\n                />,\n                <Tabs.Tab\n                    key={\"seo\"}\n                    value={\"seo\"}\n                    trigger={\"SEO\"}\n                    icon={<SeoIcon />}\n                    content={<SeoSettingsForm />}\n                />,\n                <Tabs.Tab\n                    key={\"social\"}\n                    value={\"social\"}\n                    trigger={\"Social\"}\n                    icon={<SocialIcon />}\n                    content={<SocialSettingsForm />}\n                />,\n                <Tabs.Tab\n                    key={\"schema\"}\n                    value={\"schema\"}\n                    trigger={\"Schema\"}\n                    icon={<SchemaIcon />}\n                    content={<SchemaForm />}\n                />\n            ]}\n        />\n    );\n};\n\nconst GeneralSettingsForm = () => {\n    return (\n        <Grid className={\"wby-mt-md\"}>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.title\"} validators={[validation.create(\"required\")]}>\n                    <Input label={\"Page title\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.path\"} validators={[validation.create(\"required\")]}>\n                    <Input label={\"Path\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.snippet\"}>\n                    <Textarea label={\"Snippet\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.image\"}>\n                    {({ value, onChange }) => (\n                        <FileManager\n                            images={true}\n                            render={({ showFileManager }) => (\n                                <FilePicker\n                                    label={\"Image\"}\n                                    description=\"Select an image to represent this page\"\n                                    type=\"compact\"\n                                    value={value}\n                                    onSelectItem={() =>\n                                        showFileManager(file => {\n                                            onChange(fileManagerItemToValue(file));\n                                        })\n                                    }\n                                    onRemoveItem={() => onChange(undefined)}\n                                />\n                            )}\n                        />\n                    )}\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <SimpleTags\n                    bindName={\"properties.tags\"}\n                    label={\"Tags\"}\n                    description={\n                        \"Add page tags. These can be used for page rendering, filtering, etc.\"\n                    }\n                />\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nconst SeoSettingsForm = () => {\n    return (\n        <Grid className={\"wby-mt-md\"}>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.seo.title\"}>\n                    <Input label={\"Title\"} description={\"SEO title\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.seo.description\"}>\n                    <Textarea label={\"Description\"} description={\"SEO description\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <MetaTags\n                    label={\"Meta Tags\"}\n                    description={\"Add SEO tags\"}\n                    bindName={\"properties.seo.metaTags\"}\n                    keyName={\"name\"}\n                    keyLabel={\"Name\"}\n                    valueName={\"content\"}\n                    valueLabel={\"Content\"}\n                />\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.seo.canonicalUrl\"} validators={[validatePathname]}>\n                    <Input\n                        label={\"Canonical URL\"}\n                        description={\"The canonical URL for this page\"}\n                    />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.seo.noIndex\"} defaultValue={false}>\n                    <Switch\n                        label={\"No Index\"}\n                        description={\"Whether this page should be indexed by search engines\"}\n                    />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.seo.noFollow\"} defaultValue={false}>\n                    <Switch\n                        label={\"No Follow\"}\n                        description={\"Whether search engines should follow links on this page\"}\n                    />\n                </Bind>\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nconst SocialSettingsForm = () => {\n    return (\n        <Grid className={\"wby-mt-md\"}>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.social.title\"}>\n                    <Input label={\"Title\"} description={\"Title for social platforms (og:title)\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.social.description\"}>\n                    <Textarea\n                        label={\"Description\"}\n                        description={\"Description for social platforms (og:description)\"}\n                    />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.social.image\"}>\n                    {({ value, onChange }) => (\n                        <FileManager\n                            images={true}\n                            render={({ showFileManager }) => (\n                                <FilePicker\n                                    label={\"Image\"}\n                                    description=\"Select an image for social platforms (og:image)\"\n                                    type=\"compact\"\n                                    value={value}\n                                    onSelectItem={() =>\n                                        showFileManager(file => {\n                                            onChange(fileManagerItemToValue(file));\n                                        })\n                                    }\n                                    onRemoveItem={() => onChange(undefined)}\n                                />\n                            )}\n                        />\n                    )}\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <MetaTags\n                    label={\"Meta Tags\"}\n                    description={\"Add more Open Graph tags\"}\n                    bindName={\"properties.social.metaTags\"}\n                    keyName={\"property\"}\n                    keyLabel={\"Property\"}\n                    valueName={\"content\"}\n                    valueLabel={\"Content\"}\n                />\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nconst SchemaForm = () => {\n    return (\n        <Grid className={\"wby-mt-md\"}>\n            <Grid.Column span={12}>\n                <Text size={\"sm\"} className={\"\"}>\n                    Enter your&nbsp;\n                    <a href={\"https://schema.org\"} target={\"_blank\"} rel={\"noreferrer noopener\"}>\n                        schema.org\n                    </a>\n                    &nbsp; markup for this page:\n                </Text>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.seo.structuredSchema\"} defaultValue={\"\"}>\n                    {({ value, onChange }) => (\n                        <CodeEditor\n                            value={value}\n                            height={400}\n                            onChange={onChange}\n                            language={\"html\"}\n                        />\n                    )}\n                </Bind>\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","FileManager","Tabs","Grid","Input","Textarea","FilePicker","Switch","CodeEditor","Text","Bind","ReactComponent","SettingsIcon","SeoIcon","validation","SocialIcon","SchemaIcon","MetaTags","SimpleTags","fileManagerItemToValue","PATHNAME_REGEX","RegExp","validatePathname","pathname","test","Error","SettingsDialogBody","createElement","tabs","Tab","key","value","trigger","icon","content","GeneralSettingsForm","SeoSettingsForm","SocialSettingsForm","SchemaForm","className","Column","span","name","validators","create","label","onChange","images","render","showFileManager","description","type","onSelectItem","file","onRemoveItem","undefined","bindName","keyName","keyLabel","valueName","valueLabel","defaultValue","size","href","target","rel","height","language"],"sources":["SettingsDialogBody.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport {\n    Tabs,\n    Grid,\n    Input,\n    Textarea,\n    FilePicker,\n    Switch,\n    CodeEditor,\n    Text\n} from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { ReactComponent as SeoIcon } from \"@webiny/icons/search.svg\";\nimport { validation } from \"@webiny/validation\";\nimport { ReactComponent as SocialIcon } from \"@webiny/icons/thumb_up.svg\";\nimport { ReactComponent as SchemaIcon } from \"@webiny/icons/schema.svg\";\nimport { MetaTags } from \"./MetaTags.js\";\nimport { SimpleTags } from \"~/modules/pages/PageEditor/TopBar/Settings/SimpleTags.js\";\nimport { fileManagerItemToValue } from \"~/shared/fileManagerItemToValue.js\";\n\nconst PATHNAME_REGEX = new RegExp(\n    `^\\\\/(?:[a-zA-Z0-9._~:@!$&'()*+,;=%/-])*(?:\\\\?[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\\\]-]*)?(?:#[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\\\]-]*)?$`\n);\nconst validatePathname = (pathname: string) => {\n    if (!pathname) {\n        return;\n    }\n\n    if (PATHNAME_REGEX.test(pathname)) {\n        return;\n    }\n\n    throw new Error(`Enter a valid pathname, e.g.: /path/to/page?query=value`);\n};\n\nexport const SettingsDialogBody = () => {\n    return (\n        <Tabs\n            tabs={[\n                <Tabs.Tab\n                    key={\"general\"}\n                    value={\"general\"}\n                    trigger={\"General\"}\n                    icon={<SettingsIcon />}\n                    content={<GeneralSettingsForm />}\n                />,\n                <Tabs.Tab\n                    key={\"seo\"}\n                    value={\"seo\"}\n                    trigger={\"SEO\"}\n                    icon={<SeoIcon />}\n                    content={<SeoSettingsForm />}\n                />,\n                <Tabs.Tab\n                    key={\"social\"}\n                    value={\"social\"}\n                    trigger={\"Social\"}\n                    icon={<SocialIcon />}\n                    content={<SocialSettingsForm />}\n                />,\n                <Tabs.Tab\n                    key={\"schema\"}\n                    value={\"schema\"}\n                    trigger={\"Schema\"}\n                    icon={<SchemaIcon />}\n                    content={<SchemaForm />}\n                />\n            ]}\n        />\n    );\n};\n\nconst GeneralSettingsForm = () => {\n    return (\n        <Grid className={\"mt-md\"}>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.title\"} validators={[validation.create(\"required\")]}>\n                    <Input label={\"Page title\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.path\"} validators={[validation.create(\"required\")]}>\n                    <Input label={\"Path\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.snippet\"}>\n                    <Textarea label={\"Snippet\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.image\"}>\n                    {({ value, onChange }) => (\n                        <FileManager\n                            images={true}\n                            render={({ showFileManager }) => (\n                                <FilePicker\n                                    label={\"Image\"}\n                                    description=\"Select an image to represent this page\"\n                                    type=\"compact\"\n                                    value={value}\n                                    onSelectItem={() =>\n                                        showFileManager(file => {\n                                            onChange(fileManagerItemToValue(file));\n                                        })\n                                    }\n                                    onRemoveItem={() => onChange(undefined)}\n                                />\n                            )}\n                        />\n                    )}\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <SimpleTags\n                    bindName={\"properties.tags\"}\n                    label={\"Tags\"}\n                    description={\n                        \"Add page tags. These can be used for page rendering, filtering, etc.\"\n                    }\n                />\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nconst SeoSettingsForm = () => {\n    return (\n        <Grid className={\"mt-md\"}>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.seo.title\"}>\n                    <Input label={\"Title\"} description={\"SEO title\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.seo.description\"}>\n                    <Textarea label={\"Description\"} description={\"SEO description\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <MetaTags\n                    label={\"Meta Tags\"}\n                    description={\"Add SEO tags\"}\n                    bindName={\"properties.seo.metaTags\"}\n                    keyName={\"name\"}\n                    keyLabel={\"Name\"}\n                    valueName={\"content\"}\n                    valueLabel={\"Content\"}\n                />\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.seo.canonicalUrl\"} validators={[validatePathname]}>\n                    <Input\n                        label={\"Canonical URL\"}\n                        description={\"The canonical URL for this page\"}\n                    />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.seo.noIndex\"} defaultValue={false}>\n                    <Switch\n                        label={\"No Index\"}\n                        description={\"Whether this page should be indexed by search engines\"}\n                    />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.seo.noFollow\"} defaultValue={false}>\n                    <Switch\n                        label={\"No Follow\"}\n                        description={\"Whether search engines should follow links on this page\"}\n                    />\n                </Bind>\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nconst SocialSettingsForm = () => {\n    return (\n        <Grid className={\"mt-md\"}>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.social.title\"}>\n                    <Input label={\"Title\"} description={\"Title for social platforms (og:title)\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.social.description\"}>\n                    <Textarea\n                        label={\"Description\"}\n                        description={\"Description for social platforms (og:description)\"}\n                    />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.social.image\"}>\n                    {({ value, onChange }) => (\n                        <FileManager\n                            images={true}\n                            render={({ showFileManager }) => (\n                                <FilePicker\n                                    label={\"Image\"}\n                                    description=\"Select an image for social platforms (og:image)\"\n                                    type=\"compact\"\n                                    value={value}\n                                    onSelectItem={() =>\n                                        showFileManager(file => {\n                                            onChange(fileManagerItemToValue(file));\n                                        })\n                                    }\n                                    onRemoveItem={() => onChange(undefined)}\n                                />\n                            )}\n                        />\n                    )}\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <MetaTags\n                    label={\"Meta Tags\"}\n                    description={\"Add more Open Graph tags\"}\n                    bindName={\"properties.social.metaTags\"}\n                    keyName={\"property\"}\n                    keyLabel={\"Property\"}\n                    valueName={\"content\"}\n                    valueLabel={\"Content\"}\n                />\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nconst SchemaForm = () => {\n    return (\n        <Grid className={\"mt-md\"}>\n            <Grid.Column span={12}>\n                <Text size={\"sm\"} className={\"\"}>\n                    Enter your&nbsp;\n                    <a href={\"https://schema.org\"} target={\"_blank\"} rel={\"noreferrer noopener\"}>\n                        schema.org\n                    </a>\n                    &nbsp; markup for this page:\n                </Text>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.seo.structuredSchema\"} defaultValue={\"\"}>\n                    {({ value, onChange }) => (\n                        <CodeEditor\n                            value={value}\n                            height={400}\n                            onChange={onChange}\n                            language={\"html\"}\n                        />\n                    )}\n                </Bind>\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}