@webiny/app-website-builder 6.0.0 → 6.1.0-beta.1

package/modules/pages/PageEditor/PageEditorConfig.js

@@ -1,8 +1,19 @@
 import React from "react";
 import { CompositionScope } from "@webiny/app-admin";
-import { EditorConfig } from "../../../BaseEditor/index.js";
+import { EditorConfig, EditorConfigComponents } from "../../../BaseEditor/index.js";
 import { EDITOR_NAME } from "../constants.js";
-const BasePageEditorConfig = ({
+import { PageSettings } from "./PageSettings/PageSettings.js";
+const PrimaryPageEditorConfig = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(CompositionScope, {
+    name: EDITOR_NAME,
+    inherit: true
+  }, /*#__PURE__*/React.createElement(EditorConfig, {
+    priority: "primary"
+  }, children));
+};
+const SecondaryPageEditorConfig = ({
   children
 }) => {
   return /*#__PURE__*/React.createElement(CompositionScope, {
@@ -12,6 +23,15 @@ const BasePageEditorConfig = ({
     priority: "secondary"
   }, children));
 };
-export const PageEditorConfig = Object.assign(BasePageEditorConfig, EditorConfig);
+
+/* This one is an internal API for the base app. It ensures this config is always applied first. */
+export const InternalPageEditorConfig = Object.assign(PrimaryPageEditorConfig, EditorConfigComponents, {
+  PageSettings
+});
+
+/* This one is a public API for other apps and third party developers. */
+export const PageEditorConfig = Object.assign(SecondaryPageEditorConfig, EditorConfigComponents, {
+  PageSettings
+});
 
 //# sourceMappingURL=PageEditorConfig.js.map

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/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":[]}
+{"version":3,"names":["React","CompositionScope","EditorConfig","EditorConfigComponents","EDITOR_NAME","PageSettings","PrimaryPageEditorConfig","children","createElement","name","inherit","priority","SecondaryPageEditorConfig","InternalPageEditorConfig","Object","assign","PageEditorConfig"],"sources":["PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport { EditorConfig, EditorConfigComponents } from \"~/BaseEditor/index.js\";\nimport { EDITOR_NAME } from \"~/modules/pages/constants.js\";\nimport { PageSettings } from \"./PageSettings/PageSettings.js\";\n\ninterface PageEditorConfigProps {\n    children: React.ReactNode;\n}\n\nconst PrimaryPageEditorConfig = ({ children }: PageEditorConfigProps) => {\n    return (\n        <CompositionScope name={EDITOR_NAME} inherit={true}>\n            <EditorConfig priority={\"primary\"}>{children}</EditorConfig>\n        </CompositionScope>\n    );\n};\n\nconst SecondaryPageEditorConfig = ({ children }: PageEditorConfigProps) => {\n    return (\n        <CompositionScope name={EDITOR_NAME} inherit={true}>\n            <EditorConfig priority={\"secondary\"}>{children}</EditorConfig>\n        </CompositionScope>\n    );\n};\n\n/* This one is an internal API for the base app. It ensures this config is always applied first. */\nexport const InternalPageEditorConfig = Object.assign(\n    PrimaryPageEditorConfig,\n    EditorConfigComponents,\n    { PageSettings }\n);\n\n/* This one is a public API for other apps and third party developers. */\nexport const PageEditorConfig = Object.assign(SecondaryPageEditorConfig, EditorConfigComponents, {\n    PageSettings\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,YAAY,EAAEC,sBAAsB;AAC7C,SAASC,WAAW;AACpB,SAASC,YAAY;AAMrB,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,KAAK;EACrE,oBACIP,KAAA,CAAAQ,aAAA,CAACP,gBAAgB;IAACQ,IAAI,EAAEL,WAAY;IAACM,OAAO,EAAE;EAAK,gBAC/CV,KAAA,CAAAQ,aAAA,CAACN,YAAY;IAACS,QAAQ,EAAE;EAAU,GAAEJ,QAAuB,CAC7C,CAAC;AAE3B,CAAC;AAED,MAAMK,yBAAyB,GAAGA,CAAC;EAAEL;AAAgC,CAAC,KAAK;EACvE,oBACIP,KAAA,CAAAQ,aAAA,CAACP,gBAAgB;IAACQ,IAAI,EAAEL,WAAY;IAACM,OAAO,EAAE;EAAK,gBAC/CV,KAAA,CAAAQ,aAAA,CAACN,YAAY;IAACS,QAAQ,EAAE;EAAY,GAAEJ,QAAuB,CAC/C,CAAC;AAE3B,CAAC;;AAED;AACA,OAAO,MAAMM,wBAAwB,GAAGC,MAAM,CAACC,MAAM,CACjDT,uBAAuB,EACvBH,sBAAsB,EACtB;EAAEE;AAAa,CACnB,CAAC;;AAED;AACA,OAAO,MAAMW,gBAAgB,GAAGF,MAAM,CAACC,MAAM,CAACH,yBAAyB,EAAET,sBAAsB,EAAE;EAC7FE;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+import React from "react";
+export interface GroupProps {
+    name: string;
+    title?: string;
+    description?: string;
+    icon?: React.ReactNode;
+    children?: React.ReactNode;
+    remove?: boolean;
+    replace?: string;
+}
+export declare const Dialog: () => React.JSX.Element;
+export declare const Drawer: () => React.JSX.Element;
+export declare const Group: ({ children, replace, remove, ...rest }: GroupProps) => React.JSX.Element;
+export interface ElementProps {
+    name: string;
+    element?: JSX.Element;
+    after?: string;
+    before?: string;
+    remove?: boolean;
+    replace?: string;
+}
+export declare const Element: React.FC<ElementProps>;
+export declare const PageSettings: {
+    Group: ({ children, replace, remove, ...rest }: GroupProps) => React.JSX.Element;
+    Element: React.FC<ElementProps>;
+    ViewMode: {
+        Dialog: () => React.JSX.Element;
+        Drawer: () => React.JSX.Element;
+    };
+};

package/modules/pages/PageEditor/PageSettings/PageSettings.js

@@ -0,0 +1,84 @@
+import React from "react";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+export const Dialog = () => {
+  return /*#__PURE__*/React.createElement(Property, {
+    id: "pageSettings",
+    name: "pageSettings"
+  }, /*#__PURE__*/React.createElement(Property, {
+    id: "pageSettings.viewMode",
+    name: "viewMode",
+    value: "dialog"
+  }));
+};
+export const Drawer = () => {
+  return /*#__PURE__*/React.createElement(Property, {
+    id: "pageSettings",
+    name: "pageSettings"
+  }, /*#__PURE__*/React.createElement(Property, {
+    id: "pageSettings.viewMode",
+    name: "viewMode",
+    value: "drawer"
+  }));
+};
+export const Group = ({
+  children,
+  replace,
+  remove = false,
+  ...rest
+}) => {
+  const props = rest;
+  const id = `group:${props.name}`;
+  const toReplace = replace !== undefined ? `group:${replace}` : undefined;
+  return /*#__PURE__*/React.createElement(Property, {
+    id: "pageSettings",
+    name: "pageSettings"
+  }, /*#__PURE__*/React.createElement(Property, {
+    id: id,
+    name: "groups",
+    array: true,
+    remove: remove,
+    replace: toReplace
+  }, Object.keys(props).map(name => /*#__PURE__*/React.createElement(Property, {
+    key: name,
+    id: `group:${props.name}:${name}`,
+    name: name,
+    value: props[name]
+  })), children));
+};
+export const Element = ({
+  after,
+  before,
+  replace,
+  remove = false,
+  ...rest
+}) => {
+  const getId = useIdGenerator("element");
+  const props = rest;
+  const toReplace = replace !== undefined ? getId(replace) : undefined;
+  const placeAfter = after !== undefined ? getId(after) : undefined;
+  const placeBefore = before !== undefined ? getId(before) : undefined;
+  return /*#__PURE__*/React.createElement(Property, {
+    id: getId(props.name),
+    name: "elements",
+    array: true,
+    replace: toReplace,
+    remove: remove,
+    after: placeAfter,
+    before: placeBefore
+  }, Object.keys(props).map(name => /*#__PURE__*/React.createElement(Property, {
+    key: name,
+    id: getId(props.name, name),
+    name: name,
+    value: props[name]
+  })));
+};
+export const PageSettings = {
+  Group,
+  Element,
+  ViewMode: {
+    Dialog,
+    Drawer
+  }
+};
+
+//# sourceMappingURL=PageSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Property","useIdGenerator","Dialog","createElement","id","name","value","Drawer","Group","children","replace","remove","rest","props","toReplace","undefined","array","Object","keys","map","key","Element","after","before","getId","placeAfter","placeBefore","PageSettings","ViewMode"],"sources":["PageSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface GroupProps {\n    name: string;\n    title?: string;\n    description?: string;\n    icon?: React.ReactNode;\n    children?: React.ReactNode;\n    remove?: boolean;\n    replace?: string;\n}\n\ntype DynamicProps<T> = T & {\n    [key: string]: any;\n};\n\nexport const Dialog = () => {\n    return (\n        <Property id=\"pageSettings\" name={\"pageSettings\"}>\n            <Property id=\"pageSettings.viewMode\" name={\"viewMode\"} value={\"dialog\"} />\n        </Property>\n    );\n};\n\nexport const Drawer = () => {\n    return (\n        <Property id=\"pageSettings\" name={\"pageSettings\"}>\n            <Property id=\"pageSettings.viewMode\" name={\"viewMode\"} value={\"drawer\"} />\n        </Property>\n    );\n};\n\nexport const Group = ({ children, replace, remove = false, ...rest }: GroupProps) => {\n    const props: DynamicProps<typeof rest> = rest;\n    const id = `group:${props.name}`;\n    const toReplace = replace !== undefined ? `group:${replace}` : undefined;\n\n    return (\n        <Property id=\"pageSettings\" name={\"pageSettings\"}>\n            <Property id={id} name={\"groups\"} array remove={remove} replace={toReplace}>\n                {Object.keys(props).map(name => (\n                    <Property\n                        key={name}\n                        id={`group:${props.name}:${name}`}\n                        name={name}\n                        value={props[name]}\n                    />\n                ))}\n                {children}\n            </Property>\n        </Property>\n    );\n};\n\nexport interface ElementProps {\n    name: string;\n    element?: JSX.Element;\n    after?: string;\n    before?: string;\n    remove?: boolean;\n    replace?: string;\n}\n\nexport const Element: React.FC<ElementProps> = ({\n    after,\n    before,\n    replace,\n    remove = false,\n    ...rest\n}) => {\n    const getId = useIdGenerator(\"element\");\n    const props: DynamicProps<typeof rest> = rest;\n    const toReplace = replace !== undefined ? getId(replace) : undefined;\n    const placeAfter = after !== undefined ? getId(after) : undefined;\n    const placeBefore = before !== undefined ? getId(before) : undefined;\n\n    return (\n        <Property\n            id={getId(props.name)}\n            name={\"elements\"}\n            array\n            replace={toReplace}\n            remove={remove}\n            after={placeAfter}\n            before={placeBefore}\n        >\n            {Object.keys(props).map(name => (\n                <Property key={name} id={getId(props.name, name)} name={name} value={props[name]} />\n            ))}\n        </Property>\n    );\n};\n\nexport const PageSettings = {\n    Group,\n    Element,\n    ViewMode: {\n        Dialog,\n        Drawer\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/PageSettingsConfig.d.ts

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

package/modules/pages/PageEditor/PageSettings/PageSettingsConfig.js

@@ -0,0 +1,98 @@
+import React from "react";
+import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
+import { ReactComponent as SeoIcon } from "@webiny/icons/search.svg";
+import { ReactComponent as SocialIcon } from "@webiny/icons/thumb_up.svg";
+import { ReactComponent as SchemaIcon } from "@webiny/icons/schema.svg";
+import { InternalPageEditorConfig } from "../PageEditorConfig.js";
+import { GeneralTitle } from "./elements/GeneralTitle.js";
+import { GeneralPath } from "./elements/GeneralPath.js";
+import { GeneralSnippet } from "./elements/GeneralSnippet.js";
+import { GeneralImage } from "./elements/GeneralImage.js";
+import { GeneralTags } from "./elements/GeneralTags.js";
+import { SeoTitle } from "./elements/SeoTitle.js";
+import { SeoDescription } from "./elements/SeoDescription.js";
+import { SeoMetaTags } from "./elements/SeoMetaTags.js";
+import { SeoCanonicalUrl } from "./elements/SeoCanonicalUrl.js";
+import { SeoNoIndex } from "./elements/SeoNoIndex.js";
+import { SeoNoFollow } from "./elements/SeoNoFollow.js";
+import { SocialTitle } from "./elements/SocialTitle.js";
+import { SocialDescription } from "./elements/SocialDescription.js";
+import { SocialImage } from "./elements/SocialImage.js";
+import { SocialMetaTags } from "./elements/SocialMetaTags.js";
+import { SchemaEditor } from "./elements/SchemaEditor.js";
+const {
+  PageSettings
+} = InternalPageEditorConfig;
+export const PageSettingsConfig = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageSettings.Group, {
+    name: "general",
+    title: "General",
+    description: "Configure the page's core details like title, path, snippet, and image.",
+    icon: /*#__PURE__*/React.createElement(SettingsIcon, null)
+  }, /*#__PURE__*/React.createElement(PageSettings.Element, {
+    name: "title",
+    element: /*#__PURE__*/React.createElement(GeneralTitle, null)
+  }), /*#__PURE__*/React.createElement(PageSettings.Element, {
+    name: "path",
+    element: /*#__PURE__*/React.createElement(GeneralPath, null)
+  }), /*#__PURE__*/React.createElement(PageSettings.Element, {
+    name: "snippet",
+    element: /*#__PURE__*/React.createElement(GeneralSnippet, null)
+  }), /*#__PURE__*/React.createElement(PageSettings.Element, {
+    name: "image",
+    element: /*#__PURE__*/React.createElement(GeneralImage, null)
+  }), /*#__PURE__*/React.createElement(PageSettings.Element, {
+    name: "tags",
+    element: /*#__PURE__*/React.createElement(GeneralTags, null)
+  })), /*#__PURE__*/React.createElement(PageSettings.Group, {
+    name: "seo",
+    title: "SEO",
+    description: "Optimize how this page appears in search engine results.",
+    icon: /*#__PURE__*/React.createElement(SeoIcon, null)
+  }, /*#__PURE__*/React.createElement(PageSettings.Element, {
+    name: "title",
+    element: /*#__PURE__*/React.createElement(SeoTitle, null)
+  }), /*#__PURE__*/React.createElement(PageSettings.Element, {
+    name: "description",
+    element: /*#__PURE__*/React.createElement(SeoDescription, null)
+  }), /*#__PURE__*/React.createElement(PageSettings.Element, {
+    name: "metaTags",
+    element: /*#__PURE__*/React.createElement(SeoMetaTags, null)
+  }), /*#__PURE__*/React.createElement(PageSettings.Element, {
+    name: "canonicalUrl",
+    element: /*#__PURE__*/React.createElement(SeoCanonicalUrl, null)
+  }), /*#__PURE__*/React.createElement(PageSettings.Element, {
+    name: "noIndex",
+    element: /*#__PURE__*/React.createElement(SeoNoIndex, null)
+  }), /*#__PURE__*/React.createElement(PageSettings.Element, {
+    name: "noFollow",
+    element: /*#__PURE__*/React.createElement(SeoNoFollow, null)
+  })), /*#__PURE__*/React.createElement(PageSettings.Group, {
+    name: "social",
+    title: "Social",
+    description: "Control how this page is previewed when shared on social media.",
+    icon: /*#__PURE__*/React.createElement(SocialIcon, null)
+  }, /*#__PURE__*/React.createElement(PageSettings.Element, {
+    name: "title",
+    element: /*#__PURE__*/React.createElement(SocialTitle, null)
+  }), /*#__PURE__*/React.createElement(PageSettings.Element, {
+    name: "description",
+    element: /*#__PURE__*/React.createElement(SocialDescription, null)
+  }), /*#__PURE__*/React.createElement(PageSettings.Element, {
+    name: "image",
+    element: /*#__PURE__*/React.createElement(SocialImage, null)
+  }), /*#__PURE__*/React.createElement(PageSettings.Element, {
+    name: "metaTags",
+    element: /*#__PURE__*/React.createElement(SocialMetaTags, null)
+  })), /*#__PURE__*/React.createElement(PageSettings.Group, {
+    name: "schema",
+    title: "Schema",
+    description: "Add structured data markup to enhance search result appearance.",
+    icon: /*#__PURE__*/React.createElement(SchemaIcon, null)
+  }, /*#__PURE__*/React.createElement(PageSettings.Element, {
+    name: "editor",
+    element: /*#__PURE__*/React.createElement(SchemaEditor, null)
+  })));
+};
+
+//# sourceMappingURL=PageSettingsConfig.js.map

package/modules/pages/PageEditor/PageSettings/PageSettingsConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","SettingsIcon","SeoIcon","SocialIcon","SchemaIcon","InternalPageEditorConfig","GeneralTitle","GeneralPath","GeneralSnippet","GeneralImage","GeneralTags","SeoTitle","SeoDescription","SeoMetaTags","SeoCanonicalUrl","SeoNoIndex","SeoNoFollow","SocialTitle","SocialDescription","SocialImage","SocialMetaTags","SchemaEditor","PageSettings","PageSettingsConfig","createElement","Fragment","Group","name","title","description","icon","Element","element"],"sources":["PageSettingsConfig.tsx"],"sourcesContent":["import React from \"react\";\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 { InternalPageEditorConfig } from \"~/modules/pages/PageEditor/PageEditorConfig.js\";\nimport { GeneralTitle } from \"./elements/GeneralTitle.js\";\nimport { GeneralPath } from \"./elements/GeneralPath.js\";\nimport { GeneralSnippet } from \"./elements/GeneralSnippet.js\";\nimport { GeneralImage } from \"./elements/GeneralImage.js\";\nimport { GeneralTags } from \"./elements/GeneralTags.js\";\nimport { SeoTitle } from \"./elements/SeoTitle.js\";\nimport { SeoDescription } from \"./elements/SeoDescription.js\";\nimport { SeoMetaTags } from \"./elements/SeoMetaTags.js\";\nimport { SeoCanonicalUrl } from \"./elements/SeoCanonicalUrl.js\";\nimport { SeoNoIndex } from \"./elements/SeoNoIndex.js\";\nimport { SeoNoFollow } from \"./elements/SeoNoFollow.js\";\nimport { SocialTitle } from \"./elements/SocialTitle.js\";\nimport { SocialDescription } from \"./elements/SocialDescription.js\";\nimport { SocialImage } from \"./elements/SocialImage.js\";\nimport { SocialMetaTags } from \"./elements/SocialMetaTags.js\";\nimport { SchemaEditor } from \"./elements/SchemaEditor.js\";\n\nconst { PageSettings } = InternalPageEditorConfig;\n\nexport const PageSettingsConfig = () => {\n    return (\n        <>\n            <PageSettings.Group\n                name={\"general\"}\n                title={\"General\"}\n                description={\n                    \"Configure the page's core details like title, path, snippet, and image.\"\n                }\n                icon={<SettingsIcon />}\n            >\n                <PageSettings.Element name={\"title\"} element={<GeneralTitle />} />\n                <PageSettings.Element name={\"path\"} element={<GeneralPath />} />\n                <PageSettings.Element name={\"snippet\"} element={<GeneralSnippet />} />\n                <PageSettings.Element name={\"image\"} element={<GeneralImage />} />\n                <PageSettings.Element name={\"tags\"} element={<GeneralTags />} />\n            </PageSettings.Group>\n            <PageSettings.Group\n                name={\"seo\"}\n                title={\"SEO\"}\n                description={\"Optimize how this page appears in search engine results.\"}\n                icon={<SeoIcon />}\n            >\n                <PageSettings.Element name={\"title\"} element={<SeoTitle />} />\n                <PageSettings.Element name={\"description\"} element={<SeoDescription />} />\n                <PageSettings.Element name={\"metaTags\"} element={<SeoMetaTags />} />\n                <PageSettings.Element name={\"canonicalUrl\"} element={<SeoCanonicalUrl />} />\n                <PageSettings.Element name={\"noIndex\"} element={<SeoNoIndex />} />\n                <PageSettings.Element name={\"noFollow\"} element={<SeoNoFollow />} />\n            </PageSettings.Group>\n            <PageSettings.Group\n                name={\"social\"}\n                title={\"Social\"}\n                description={\"Control how this page is previewed when shared on social media.\"}\n                icon={<SocialIcon />}\n            >\n                <PageSettings.Element name={\"title\"} element={<SocialTitle />} />\n                <PageSettings.Element name={\"description\"} element={<SocialDescription />} />\n                <PageSettings.Element name={\"image\"} element={<SocialImage />} />\n                <PageSettings.Element name={\"metaTags\"} element={<SocialMetaTags />} />\n            </PageSettings.Group>\n            <PageSettings.Group\n                name={\"schema\"}\n                title={\"Schema\"}\n                description={\"Add structured data markup to enhance search result appearance.\"}\n                icon={<SchemaIcon />}\n            >\n                <PageSettings.Element name={\"editor\"} element={<SchemaEditor />} />\n            </PageSettings.Group>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/elements/GeneralImage.d.ts

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

package/modules/pages/PageEditor/PageSettings/elements/GeneralImage.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { FileManager } from "@webiny/app-admin";
+import { Grid, FilePicker } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+import { fileManagerItemToValue } from "../../../../../shared/fileManagerItemToValue.js";
+export const GeneralImage = () => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.image"
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement(FileManager, {
+    images: true,
+    render: ({
+      showFileManager
+    }) => /*#__PURE__*/React.createElement(FilePicker, {
+      label: "Image",
+      description: "Select an image to represent this page",
+      type: "compact",
+      value: value,
+      onSelectItem: () => showFileManager(file => {
+        onChange(fileManagerItemToValue(file));
+      }),
+      onRemoveItem: () => onChange(undefined)
+    })
+  })));
+};
+
+//# sourceMappingURL=GeneralImage.js.map

package/modules/pages/PageEditor/PageSettings/elements/GeneralImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FileManager","Grid","FilePicker","Bind","fileManagerItemToValue","GeneralImage","createElement","Column","span","name","value","onChange","images","render","showFileManager","label","description","type","onSelectItem","file","onRemoveItem","undefined"],"sources":["GeneralImage.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport { Grid, FilePicker } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport { fileManagerItemToValue } from \"~/shared/fileManagerItemToValue.js\";\n\nexport const GeneralImage = () => {\n    return (\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    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,IAAI,EAAEC,UAAU,QAAQ,kBAAkB;AACnD,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,sBAAsB;AAE/B,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,oBACIN,KAAA,CAAAO,aAAA,CAACL,IAAI,CAACM,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBT,KAAA,CAAAO,aAAA,CAACH,IAAI;IAACM,IAAI,EAAE;EAAmB,GAC1B,CAAC;IAAEC,KAAK;IAAEC;EAAS,CAAC,kBACjBZ,KAAA,CAAAO,aAAA,CAACN,WAAW;IACRY,MAAM,EAAE,IAAK;IACbC,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,kBACxBf,KAAA,CAAAO,aAAA,CAACJ,UAAU;MACPa,KAAK,EAAE,OAAQ;MACfC,WAAW,EAAC,wCAAwC;MACpDC,IAAI,EAAC,SAAS;MACdP,KAAK,EAAEA,KAAM;MACbQ,YAAY,EAAEA,CAAA,KACVJ,eAAe,CAACK,IAAI,IAAI;QACpBR,QAAQ,CAACP,sBAAsB,CAACe,IAAI,CAAC,CAAC;MAC1C,CAAC,CACJ;MACDC,YAAY,EAAEA,CAAA,KAAMT,QAAQ,CAACU,SAAS;IAAE,CAC3C;EACH,CACL,CAEH,CACG,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/elements/GeneralPath.d.ts

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

package/modules/pages/PageEditor/PageSettings/elements/GeneralPath.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { Grid, Input } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+import { validation } from "@webiny/validation";
+export const GeneralPath = () => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.path",
+    validators: [validation.create("required")]
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Path"
+  })));
+};
+
+//# sourceMappingURL=GeneralPath.js.map

package/modules/pages/PageEditor/PageSettings/elements/GeneralPath.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","Input","Bind","validation","GeneralPath","createElement","Column","span","name","validators","create","label"],"sources":["GeneralPath.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\n\nexport const GeneralPath = () => {\n    return (\n        <Grid.Column span={12}>\n            <Bind name={\"properties.path\"} validators={[validation.create(\"required\")]}>\n                <Input label={\"Path\"} />\n            </Bind>\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,oBACIL,KAAA,CAAAM,aAAA,CAACL,IAAI,CAACM,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBR,KAAA,CAAAM,aAAA,CAACH,IAAI;IAACM,IAAI,EAAE,iBAAkB;IAACC,UAAU,EAAE,CAACN,UAAU,CAACO,MAAM,CAAC,UAAU,CAAC;EAAE,gBACvEX,KAAA,CAAAM,aAAA,CAACJ,KAAK;IAACU,KAAK,EAAE;EAAO,CAAE,CACrB,CACG,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/elements/GeneralSnippet.d.ts

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

package/modules/pages/PageEditor/PageSettings/elements/GeneralSnippet.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { Grid, Textarea } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+export const GeneralSnippet = () => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.snippet"
+  }, /*#__PURE__*/React.createElement(Textarea, {
+    label: "Snippet"
+  })));
+};
+
+//# sourceMappingURL=GeneralSnippet.js.map

package/modules/pages/PageEditor/PageSettings/elements/GeneralSnippet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","Textarea","Bind","GeneralSnippet","createElement","Column","span","name","label"],"sources":["GeneralSnippet.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Textarea } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\n\nexport const GeneralSnippet = () => {\n    return (\n        <Grid.Column span={12}>\n            <Bind name={\"properties.snippet\"}>\n                <Textarea label={\"Snippet\"} />\n            </Bind>\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,QAAQ,QAAQ,kBAAkB;AACjD,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACK,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBP,KAAA,CAAAK,aAAA,CAACF,IAAI;IAACK,IAAI,EAAE;EAAqB,gBAC7BR,KAAA,CAAAK,aAAA,CAACH,QAAQ;IAACO,KAAK,EAAE;EAAU,CAAE,CAC3B,CACG,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/elements/GeneralTags.d.ts

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

package/modules/pages/PageEditor/PageSettings/elements/GeneralTags.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { Grid } from "@webiny/admin-ui";
+import { SimpleTags } from "../../TopBar/Settings/SimpleTags.js";
+export const GeneralTags = () => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(SimpleTags, {
+    bindName: "properties.tags",
+    label: "Tags",
+    description: "Add page tags. These can be used for page rendering, filtering, etc."
+  }));
+};
+
+//# sourceMappingURL=GeneralTags.js.map

package/modules/pages/PageEditor/PageSettings/elements/GeneralTags.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","SimpleTags","GeneralTags","createElement","Column","span","bindName","label","description"],"sources":["GeneralTags.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { SimpleTags } from \"~/modules/pages/PageEditor/TopBar/Settings/SimpleTags.js\";\n\nexport const GeneralTags = () => {\n    return (\n        <Grid.Column span={12}>\n            <SimpleTags\n                bindName={\"properties.tags\"}\n                label={\"Tags\"}\n                description={\"Add page tags. These can be used for page rendering, filtering, etc.\"}\n            />\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,UAAU;AAEnB,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,oBACIH,KAAA,CAAAI,aAAA,CAACH,IAAI,CAACI,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBN,KAAA,CAAAI,aAAA,CAACF,UAAU;IACPK,QAAQ,EAAE,iBAAkB;IAC5BC,KAAK,EAAE,MAAO;IACdC,WAAW,EAAE;EAAuE,CACvF,CACQ,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/elements/GeneralTitle.d.ts

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

package/modules/pages/PageEditor/PageSettings/elements/GeneralTitle.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { Grid, Input } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+import { validation } from "@webiny/validation";
+export const GeneralTitle = () => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.title",
+    validators: [validation.create("required")]
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Page title"
+  })));
+};
+
+//# sourceMappingURL=GeneralTitle.js.map

package/modules/pages/PageEditor/PageSettings/elements/GeneralTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","Input","Bind","validation","GeneralTitle","createElement","Column","span","name","validators","create","label"],"sources":["GeneralTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\n\nexport const GeneralTitle = () => {\n    return (\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    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,oBACIL,KAAA,CAAAM,aAAA,CAACL,IAAI,CAACM,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBR,KAAA,CAAAM,aAAA,CAACH,IAAI;IAACM,IAAI,EAAE,kBAAmB;IAACC,UAAU,EAAE,CAACN,UAAU,CAACO,MAAM,CAAC,UAAU,CAAC;EAAE,gBACxEX,KAAA,CAAAM,aAAA,CAACJ,KAAK;IAACU,KAAK,EAAE;EAAa,CAAE,CAC3B,CACG,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/elements/SchemaEditor.d.ts

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

package/modules/pages/PageEditor/PageSettings/elements/SchemaEditor.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { Grid, CodeEditor, Text } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+export const SchemaEditor = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm"
+  }, "Enter your\xA0", /*#__PURE__*/React.createElement("a", {
+    href: "https://schema.org",
+    target: "_blank",
+    rel: "noreferrer noopener"
+  }, "schema.org"), "\xA0 markup for this page:")), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "border-1 border-neutral-dimmed"
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.seo.structuredSchema",
+    defaultValue: ""
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement(CodeEditor, {
+    value: value,
+    height: 400,
+    onChange: onChange,
+    language: "html"
+  })))));
+};
+
+//# sourceMappingURL=SchemaEditor.js.map

package/modules/pages/PageEditor/PageSettings/elements/SchemaEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","CodeEditor","Text","Bind","SchemaEditor","createElement","Fragment","Column","span","size","href","target","rel","className","name","defaultValue","value","onChange","height","language"],"sources":["SchemaEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, CodeEditor, Text } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\n\nexport const SchemaEditor = () => {\n    return (\n        <>\n            <Grid.Column span={12}>\n                <Text size={\"sm\"}>\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                <div className={\"border-1 border-neutral-dimmed\"}>\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                </div>\n            </Grid.Column>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,EAAEC,IAAI,QAAQ,kBAAkB;AACzD,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,oBACIL,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,qBACIP,KAAA,CAAAM,aAAA,CAACL,IAAI,CAACO,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBT,KAAA,CAAAM,aAAA,CAACH,IAAI;IAACO,IAAI,EAAE;EAAK,GAAC,gBAEd,eAAAV,KAAA,CAAAM,aAAA;IAAGK,IAAI,EAAE,oBAAqB;IAACC,MAAM,EAAE,QAAS;IAACC,GAAG,EAAE;EAAsB,GAAC,YAE1E,CAAC,8BAEF,CACG,CAAC,eACdb,KAAA,CAAAM,aAAA,CAACL,IAAI,CAACO,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBT,KAAA,CAAAM,aAAA;IAAKQ,SAAS,EAAE;EAAiC,gBAC7Cd,KAAA,CAAAM,aAAA,CAACF,IAAI;IAACW,IAAI,EAAE,iCAAkC;IAACC,YAAY,EAAE;EAAG,GAC3D,CAAC;IAAEC,KAAK;IAAEC;EAAS,CAAC,kBACjBlB,KAAA,CAAAM,aAAA,CAACJ,UAAU;IACPe,KAAK,EAAEA,KAAM;IACbE,MAAM,EAAE,GAAI;IACZD,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAE;EAAO,CACpB,CAEH,CACL,CACI,CACf,CAAC;AAEX,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/elements/SeoCanonicalUrl.d.ts

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

package/modules/pages/PageEditor/PageSettings/elements/SeoCanonicalUrl.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { Grid, Input } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+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;
+  }
+  throw new Error(`Enter a valid pathname, e.g.: /path/to/page?query=value`);
+};
+export const SeoCanonicalUrl = () => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.seo.canonicalUrl",
+    validators: [validatePathname]
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Canonical URL",
+    description: "The canonical URL for this page"
+  })));
+};
+
+//# sourceMappingURL=SeoCanonicalUrl.js.map

package/modules/pages/PageEditor/PageSettings/elements/SeoCanonicalUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","Input","Bind","PATHNAME_REGEX","RegExp","validatePathname","pathname","test","Error","SeoCanonicalUrl","createElement","Column","span","name","validators","label","description"],"sources":["SeoCanonicalUrl.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\n\nconst PATHNAME_REGEX = new RegExp(\n    `^\\\\/(?:[a-zA-Z0-9._~:@!$&'()*+,;=%/-])*(?:\\\\?[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\\\]-]*)?(?:#[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\\\]-]*)?$`\n);\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 SeoCanonicalUrl = () => {\n    return (\n        <Grid.Column span={12}>\n            <Bind name={\"properties.seo.canonicalUrl\"} validators={[validatePathname]}>\n                <Input label={\"Canonical URL\"} description={\"The canonical URL for this page\"} />\n            </Bind>\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C,SAASC,IAAI,QAAQ,cAAc;AAEnC,MAAMC,cAAc,GAAG,IAAIC,MAAM,CAC7B,kIACJ,CAAC;AAED,MAAMC,gBAAgB,GAAIC,QAAgB,IAAK;EAC3C,IAAI,CAACA,QAAQ,EAAE;IACX;EACJ;EAEA,IAAIH,cAAc,CAACI,IAAI,CAACD,QAAQ,CAAC,EAAE;IAC/B;EACJ;EAEA,MAAM,IAAIE,KAAK,CAAC,yDAAyD,CAAC;AAC9E,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,oBACIV,KAAA,CAAAW,aAAA,CAACV,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAW,aAAA,CAACR,IAAI;IAACW,IAAI,EAAE,6BAA8B;IAACC,UAAU,EAAE,CAACT,gBAAgB;EAAE,gBACtEN,KAAA,CAAAW,aAAA,CAACT,KAAK;IAACc,KAAK,EAAE,eAAgB;IAACC,WAAW,EAAE;EAAkC,CAAE,CAC9E,CACG,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/elements/SeoDescription.d.ts

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

package/modules/pages/PageEditor/PageSettings/elements/SeoDescription.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { Grid, Textarea } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+export const SeoDescription = () => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.seo.description"
+  }, /*#__PURE__*/React.createElement(Textarea, {
+    label: "Description",
+    description: "SEO description"
+  })));
+};
+
+//# sourceMappingURL=SeoDescription.js.map

package/modules/pages/PageEditor/PageSettings/elements/SeoDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","Textarea","Bind","SeoDescription","createElement","Column","span","name","label","description"],"sources":["SeoDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Textarea } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\n\nexport const SeoDescription = () => {\n    return (\n        <Grid.Column span={12}>\n            <Bind name={\"properties.seo.description\"}>\n                <Textarea label={\"Description\"} description={\"SEO description\"} />\n            </Bind>\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,QAAQ,QAAQ,kBAAkB;AACjD,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACK,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBP,KAAA,CAAAK,aAAA,CAACF,IAAI;IAACK,IAAI,EAAE;EAA6B,gBACrCR,KAAA,CAAAK,aAAA,CAACH,QAAQ;IAACO,KAAK,EAAE,aAAc;IAACC,WAAW,EAAE;EAAkB,CAAE,CAC/D,CACG,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/elements/SeoMetaTags.d.ts

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

package/modules/pages/PageEditor/PageSettings/elements/SeoMetaTags.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { Grid } from "@webiny/admin-ui";
+import { MetaTags } from "../../TopBar/Settings/MetaTags.js";
+export const SeoMetaTags = () => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(MetaTags, {
+    label: "Meta Tags",
+    description: "Add SEO tags",
+    bindName: "properties.seo.metaTags",
+    keyName: "name",
+    keyLabel: "Name",
+    valueName: "content",
+    valueLabel: "Content"
+  }));
+};
+
+//# sourceMappingURL=SeoMetaTags.js.map

package/modules/pages/PageEditor/PageSettings/elements/SeoMetaTags.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","MetaTags","SeoMetaTags","createElement","Column","span","label","description","bindName","keyName","keyLabel","valueName","valueLabel"],"sources":["SeoMetaTags.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { MetaTags } from \"~/modules/pages/PageEditor/TopBar/Settings/MetaTags.js\";\n\nexport const SeoMetaTags = () => {\n    return (\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    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,QAAQ;AAEjB,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,oBACIH,KAAA,CAAAI,aAAA,CAACH,IAAI,CAACI,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBN,KAAA,CAAAI,aAAA,CAACF,QAAQ;IACLK,KAAK,EAAE,WAAY;IACnBC,WAAW,EAAE,cAAe;IAC5BC,QAAQ,EAAE,yBAA0B;IACpCC,OAAO,EAAE,MAAO;IAChBC,QAAQ,EAAE,MAAO;IACjBC,SAAS,EAAE,SAAU;IACrBC,UAAU,EAAE;EAAU,CACzB,CACQ,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/elements/SeoNoFollow.d.ts

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

package/modules/pages/PageEditor/PageSettings/elements/SeoNoFollow.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { Grid, Switch } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+export const SeoNoFollow = () => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.seo.noFollow",
+    defaultValue: false
+  }, /*#__PURE__*/React.createElement(Switch, {
+    label: "No Follow",
+    description: "Whether search engines should follow links on this page"
+  })));
+};
+
+//# sourceMappingURL=SeoNoFollow.js.map