npm - @webiny/app-website-builder - Versions diffs - 6.0.0-alpha.4 → 6.0.0-rc.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1185) hide show

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

@@ -1,13 +1,25 @@
 import React from "react";
 import { FileManager } from "@webiny/app-admin";
-import { Tabs, Grid, Input, Textarea, FilePicker } from "@webiny/admin-ui";
+import { Tabs, Grid, Input, Textarea, FilePicker, Switch, CodeEditor, Text } from "@webiny/admin-ui";
 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 { MetaTags } from "./MetaTags";
-import { SimpleTags } from "./SimpleTags";
-import { fileManagerItemToValue } from "../../../../../shared/fileManagerItemToValue";
+import { ReactComponent as SchemaIcon } from "@webiny/icons/schema.svg";
+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;
+  }
+  throw new Error(`Enter a valid pathname, e.g.: /path/to/page?query=value`);
+};
 export const SettingsDialogBody = () => {
   return /*#__PURE__*/React.createElement(Tabs, {
     tabs: [/*#__PURE__*/React.createElement(Tabs.Tab, {
@@ -28,22 +40,30 @@ export const SettingsDialogBody = () => {
       trigger: "Social",
       icon: /*#__PURE__*/React.createElement(SocialIcon, null),
       content: /*#__PURE__*/React.createElement(SocialSettingsForm, null)
+    }), /*#__PURE__*/React.createElement(Tabs.Tab, {
+      key: "schema",
+      value: "schema",
+      trigger: "Schema",
+      icon: /*#__PURE__*/React.createElement(SchemaIcon, null),
+      content: /*#__PURE__*/React.createElement(SchemaForm, null)
     })]
   });
 };
 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, {
-    name: "properties.title"
+    name: "properties.title",
+    validators: [validation.create("required")]
   }, /*#__PURE__*/React.createElement(Input, {
     label: "Page title"
   }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
-    name: "properties.path"
+    name: "properties.path",
+    validators: [validation.create("required")]
   }, /*#__PURE__*/React.createElement(Input, {
     label: "Path"
   }))), /*#__PURE__*/React.createElement(Grid.Column, {
@@ -83,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, {
@@ -108,11 +128,35 @@ const SeoSettingsForm = () => {
     keyLabel: "Name",
     valueName: "content",
     valueLabel: "Content"
-  })));
+  })), /*#__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"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.seo.noIndex",
+    defaultValue: false
+  }, /*#__PURE__*/React.createElement(Switch, {
+    label: "No Index",
+    description: "Whether this page should be indexed by search engines"
+  }))), /*#__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"
+  }))));
 };
 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, {
@@ -160,5 +204,32 @@ const SocialSettingsForm = () => {
     valueLabel: "Content"
   })));
 };
+const SchemaForm = () => {
+  return /*#__PURE__*/React.createElement(Grid, {
+    className: "mt-md"
+  }, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    className: ""
+  }, "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(Bind, {
+    name: "properties.seo.structuredSchema",
+    defaultValue: ""
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement(CodeEditor, {
+    value: value,
+    height: 400,
+    onChange: onChange,
+    language: "html"
+  }))));
+};
 //# sourceMappingURL=SettingsDialogBody.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","FileManager","Tabs","Grid","Input","Textarea","FilePicker","Bind","ReactComponent","SettingsIcon","SeoIcon","SocialIcon","MetaTags","SimpleTags","fileManagerItemToValue","SettingsDialogBody","createElement","tabs","Tab","key","value","trigger","icon","content","GeneralSettingsForm","SeoSettingsForm","SocialSettingsForm","className","Column","span","name","label","onChange","images","render","showFileManager","description","type","onSelectItem","file","onRemoveItem","undefined","bindName","keyName","keyLabel","valueName","valueLabel"],"sources":["SettingsDialogBody.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport { Tabs, Grid, Input, Textarea, FilePicker } 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 { MetaTags } from \"./MetaTags\";\nimport { SimpleTags } from \"~/modules/pages/PageEditor/TopBar/Settings/SimpleTags\";\nimport { fileManagerItemToValue } from \"~/shared/fileManagerItemToValue\";\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 ]}\n />\n );\n};\n\nconst GeneralSettingsForm = () => {\n return (\n <Grid className={\"wby-mt-md\"}>\n <Grid.Column span={12}>\n <Bind name={\"properties.title\"}>\n <Input label={\"Page title\"} />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind name={\"properties.path\"}>\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>\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,kBAAkB;AAC1E,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,cAAc,IAAIC,YAAY,QAAQ,4BAA4B;AAC3E,SAASD,cAAc,IAAIE,OAAO,QAAQ,0BAA0B;AACpE,SAASF,cAAc,IAAIG,UAAU,QAAQ,4BAA4B;AACzE,SAASC,QAAQ;AACjB,SAASC,UAAU;AACnB,SAASC,sBAAsB;AAE/B,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,oBACIf,KAAA,CAAAgB,aAAA,CAACd,IAAI;IACDe,IAAI,EAAE,cACFjB,KAAA,CAAAgB,aAAA,CAACd,IAAI,CAACgB,GAAG;MACLC,GAAG,EAAE,SAAU;MACfC,KAAK,EAAE,SAAU;MACjBC,OAAO,EAAE,SAAU;MACnBC,IAAI,eAAEtB,KAAA,CAAAgB,aAAA,CAACP,YAAY,MAAE,CAAE;MACvBc,OAAO,eAAEvB,KAAA,CAAAgB,aAAA,CAACQ,mBAAmB,MAAE;IAAE,CACpC,CAAC,eACFxB,KAAA,CAAAgB,aAAA,CAACd,IAAI,CAACgB,GAAG;MACLC,GAAG,EAAE,KAAM;MACXC,KAAK,EAAE,KAAM;MACbC,OAAO,EAAE,KAAM;MACfC,IAAI,eAAEtB,KAAA,CAAAgB,aAAA,CAACN,OAAO,MAAE,CAAE;MAClBa,OAAO,eAAEvB,KAAA,CAAAgB,aAAA,CAACS,eAAe,MAAE;IAAE,CAChC,CAAC,eACFzB,KAAA,CAAAgB,aAAA,CAACd,IAAI,CAACgB,GAAG;MACLC,GAAG,EAAE,QAAS;MACdC,KAAK,EAAE,QAAS;MAChBC,OAAO,EAAE,QAAS;MAClBC,IAAI,eAAEtB,KAAA,CAAAgB,aAAA,CAACL,UAAU,MAAE,CAAE;MACrBY,OAAO,eAAEvB,KAAA,CAAAgB,aAAA,CAACU,kBAAkB,MAAE;IAAE,CACnC,CAAC;EACJ,CACL,CAAC;AAEV,CAAC;AAED,MAAMF,mBAAmB,GAAGA,CAAA,KAAM;EAC9B,oBACIxB,KAAA,CAAAgB,aAAA,CAACb,IAAI;IAACwB,SAAS,EAAE;EAAY,gBACzB3B,KAAA,CAAAgB,aAAA,CAACb,IAAI,CAACyB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB7B,KAAA,CAAAgB,aAAA,CAACT,IAAI;IAACuB,IAAI,EAAE;EAAmB,gBAC3B9B,KAAA,CAAAgB,aAAA,CAACZ,KAAK;IAAC2B,KAAK,EAAE;EAAa,CAAE,CAC3B,CACG,CAAC,eACd/B,KAAA,CAAAgB,aAAA,CAACb,IAAI,CAACyB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB7B,KAAA,CAAAgB,aAAA,CAACT,IAAI;IAACuB,IAAI,EAAE;EAAkB,gBAC1B9B,KAAA,CAAAgB,aAAA,CAACZ,KAAK;IAAC2B,KAAK,EAAE;EAAO,CAAE,CACrB,CACG,CAAC,eACd/B,KAAA,CAAAgB,aAAA,CAACb,IAAI,CAACyB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB7B,KAAA,CAAAgB,aAAA,CAACT,IAAI;IAACuB,IAAI,EAAE;EAAqB,gBAC7B9B,KAAA,CAAAgB,aAAA,CAACX,QAAQ;IAAC0B,KAAK,EAAE;EAAU,CAAE,CAC3B,CACG,CAAC,eACd/B,KAAA,CAAAgB,aAAA,CAACb,IAAI,CAACyB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB7B,KAAA,CAAAgB,aAAA,CAACT,IAAI;IAACuB,IAAI,EAAE;EAAmB,GAC1B,CAAC;IAAEV,KAAK;IAAEY;EAAS,CAAC,kBACjBhC,KAAA,CAAAgB,aAAA,CAACf,WAAW;IACRgC,MAAM,EAAE,IAAK;IACbC,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,kBACxBnC,KAAA,CAAAgB,aAAA,CAACV,UAAU;MACPyB,KAAK,EAAE,OAAQ;MACfK,WAAW,EAAC,wCAAwC;MACpDC,IAAI,EAAC,SAAS;MACdjB,KAAK,EAAEA,KAAM;MACbkB,YAAY,EAAEA,CAAA,KACVH,eAAe,CAACI,IAAI,IAAI;QACpBP,QAAQ,CAAClB,sBAAsB,CAACyB,IAAI,CAAC,CAAC;MAC1C,CAAC,CACJ;MACDC,YAAY,EAAEA,CAAA,KAAMR,QAAQ,CAACS,SAAS;IAAE,CAC3C;EACH,CACL,CAEH,CACG,CAAC,eACdzC,KAAA,CAAAgB,aAAA,CAACb,IAAI,CAACyB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB7B,KAAA,CAAAgB,aAAA,CAACH,UAAU;IACP6B,QAAQ,EAAE,iBAAkB;IAC5BX,KAAK,EAAE,MAAO;IACdK,WAAW,EACP;EACH,CACJ,CACQ,CACX,CAAC;AAEf,CAAC;AAED,MAAMX,eAAe,GAAGA,CAAA,KAAM;EAC1B,oBACIzB,KAAA,CAAAgB,aAAA,CAACb,IAAI;IAACwB,SAAS,EAAE;EAAY,gBACzB3B,KAAA,CAAAgB,aAAA,CAACb,IAAI,CAACyB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB7B,KAAA,CAAAgB,aAAA,CAACT,IAAI;IAACuB,IAAI,EAAE;EAAuB,gBAC/B9B,KAAA,CAAAgB,aAAA,CAACZ,KAAK;IAAC2B,KAAK,EAAE,OAAQ;IAACK,WAAW,EAAE;EAAY,CAAE,CAChD,CACG,CAAC,eACdpC,KAAA,CAAAgB,aAAA,CAACb,IAAI,CAACyB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB7B,KAAA,CAAAgB,aAAA,CAACT,IAAI;IAACuB,IAAI,EAAE;EAA6B,gBACrC9B,KAAA,CAAAgB,aAAA,CAACX,QAAQ;IAAC0B,KAAK,EAAE,aAAc;IAACK,WAAW,EAAE;EAAkB,CAAE,CAC/D,CACG,CAAC,eACdpC,KAAA,CAAAgB,aAAA,CAACb,IAAI,CAACyB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB7B,KAAA,CAAAgB,aAAA,CAACJ,QAAQ;IACLmB,KAAK,EAAE,WAAY;IACnBK,WAAW,EAAE,cAAe;IAC5BM,QAAQ,EAAE,yBAA0B;IACpCC,OAAO,EAAE,MAAO;IAChBC,QAAQ,EAAE,MAAO;IACjBC,SAAS,EAAE,SAAU;IACrBC,UAAU,EAAE;EAAU,CACzB,CACQ,CACX,CAAC;AAEf,CAAC;AAED,MAAMpB,kBAAkB,GAAGA,CAAA,KAAM;EAC7B,oBACI1B,KAAA,CAAAgB,aAAA,CAACb,IAAI;IAACwB,SAAS,EAAE;EAAY,gBACzB3B,KAAA,CAAAgB,aAAA,CAACb,IAAI,CAACyB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB7B,KAAA,CAAAgB,aAAA,CAACT,IAAI;IAACuB,IAAI,EAAE;EAA0B,gBAClC9B,KAAA,CAAAgB,aAAA,CAACZ,KAAK;IAAC2B,KAAK,EAAE,OAAQ;IAACK,WAAW,EAAE;EAAwC,CAAE,CAC5E,CACG,CAAC,eACdpC,KAAA,CAAAgB,aAAA,CAACb,IAAI,CAACyB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB7B,KAAA,CAAAgB,aAAA,CAACT,IAAI;IAACuB,IAAI,EAAE;EAAgC,gBACxC9B,KAAA,CAAAgB,aAAA,CAACX,QAAQ;IACL0B,KAAK,EAAE,aAAc;IACrBK,WAAW,EAAE;EAAoD,CACpE,CACC,CACG,CAAC,eACdpC,KAAA,CAAAgB,aAAA,CAACb,IAAI,CAACyB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB7B,KAAA,CAAAgB,aAAA,CAACT,IAAI;IAACuB,IAAI,EAAE;EAA0B,GACjC,CAAC;IAAEV,KAAK;IAAEY;EAAS,CAAC,kBACjBhC,KAAA,CAAAgB,aAAA,CAACf,WAAW;IACRgC,MAAM,EAAE,IAAK;IACbC,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,kBACxBnC,KAAA,CAAAgB,aAAA,CAACV,UAAU;MACPyB,KAAK,EAAE,OAAQ;MACfK,WAAW,EAAC,iDAAiD;MAC7DC,IAAI,EAAC,SAAS;MACdjB,KAAK,EAAEA,KAAM;MACbkB,YAAY,EAAEA,CAAA,KACVH,eAAe,CAACI,IAAI,IAAI;QACpBP,QAAQ,CAAClB,sBAAsB,CAACyB,IAAI,CAAC,CAAC;MAC1C,CAAC,CACJ;MACDC,YAAY,EAAEA,CAAA,KAAMR,QAAQ,CAACS,SAAS;IAAE,CAC3C;EACH,CACL,CAEH,CACG,CAAC,eACdzC,KAAA,CAAAgB,aAAA,CAACb,IAAI,CAACyB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB7B,KAAA,CAAAgB,aAAA,CAACJ,QAAQ;IACLmB,KAAK,EAAE,WAAY;IACnBK,WAAW,EAAE,0BAA2B;IACxCM,QAAQ,EAAE,4BAA6B;IACvCC,OAAO,EAAE,UAAW;IACpBC,QAAQ,EAAE,UAAW;IACrBC,SAAS,EAAE,SAAU;IACrBC,UAAU,EAAE;EAAU,CACzB,CACQ,CACX,CAAC;AAEf,CAAC","ignoreList":[]}
1	+ {"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 \n <a href={\"https://schema.org\"} target={\"_blank\"} rel={\"noreferrer noopener\"}>\n schema.org\n </a>\n   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":[]}

package/modules/pages/PageEditor/TopBar/Settings/SimpleTags.js CHANGED Viewed

@@ -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",
@@ -47,9 +47,9 @@ export const SimpleTags = 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}`
   }, /*#__PURE__*/React.createElement(Input, {

package/modules/pages/PageEditor/TopBar/Settings/SimpleTags.js.map CHANGED Viewed

	@@ -1 +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","SimpleTags","props","value","onChange","name","bindName","defaultValue","onAdd","actions","header","footer","row","empty","index","remove","add"],"sources":["SimpleTags.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 bindName: string;\n label: string;\n description: string;\n}\n\nexport const SimpleTags = (props: MetaTagsProps) => {\n const { value, onChange } = useBind({ name: props.bindName, defaultValue: [] });\n\n return (\n <DynamicFieldset value={value} onChange={onChange} onAdd={() => \"\"}>\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}`}>\n <Input 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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AACjE,SAASD,cAAc,IAAIE,UAAU,QAAQ,0BAA0B;AACvE,SAASC,IAAI,EAAEC,OAAO,QAAQ,cAAc;AAC5C,SACIC,MAAM,EACNC,eAAe,EACfC,wBAAwB,EACxBC,kBAAkB,EAClBC,UAAU,EACVC,KAAK,QACF,kBAAkB;AAOzB,MAAMC,MAAM,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAyB,CAAC,KAAK;EACpD,oBACId,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,qBACIhB,KAAA,CAAAe,aAAA,CAACN,kBAAkB;IAACQ,IAAI,EAAEJ;EAAM,CAAE,CAAC,eACnCb,KAAA,CAAAe,aAAA,CAACP,wBAAwB;IAACS,IAAI,EAAEH;EAAY,CAAE,CAChD,CAAC;AAEX,CAAC;AAMD,MAAMI,MAAM,GAAGA,CAAC;EAAEC;AAAqB,CAAC,KAAK;EACzC,oBACInB,KAAA,CAAAe,aAAA;IAAKK,SAAS,EAAE;~~EAAY~~,~~gBACxBpB~~,KAAA,CAAAe,aAAA,CAACT,MAAM;IACHa,OAAO,EAAEA,OAAQ;IACjBF,IAAI,EAAC,SAAS;IACdI,OAAO,EAAE,WAAY;IACrBC,IAAI,EAAE,IAAK;IACXC,IAAI,eAAEvB,KAAA,CAAAe,aAAA,CAACb,OAAO,MAAE;EAAE,CACrB,CACA,CAAC;AAEd,CAAC;AAQD,OAAO,MAAMsB,UAAU,GAAIC,KAAoB,IAAK;EAChD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGtB,OAAO,CAAC;IAAEuB,IAAI,EAAEH,KAAK,CAACI,QAAQ;IAAEC,YAAY,EAAE;EAAG,CAAC,CAAC;EAE/E,oBACI9B,KAAA,CAAAe,aAAA,CAACR,eAAe;IAACmB,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA,QAAS;IAACI,KAAK,EAAEA,CAAA,KAAM;EAAG,GAC9D,CAAC;IAAEC,OAAO;IAAEC,MAAM;IAAEC,MAAM;IAAEC,GAAG;IAAEC;EAAM,CAAC,kBACrCpC,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,QACKmB,GAAG,CAAC,CAAC;IAAEE;EAAM,CAAC,kBACXrC,KAAA,CAAAe,aAAA;IAAKK,SAAS,EAAE;~~EAAY~~,~~gBACxBpB~~,KAAA,CAAAe,aAAA;IAAKK,SAAS,EAAE;~~EAAsC~~,~~gBAClDpB~~,KAAA,CAAAe,aAAA,CAACX,IAAI;IAACwB,IAAI,EAAE,GAAGH,KAAK,CAACI,QAAQ,IAAIQ,KAAK;EAAG,gBACrCrC,KAAA,CAAAe,aAAA,CAACJ,KAAK;IAACW,IAAI,EAAE;EAAK,CAAE,CAClB,CAAC,eACPtB,KAAA,CAAAe,aAAA,CAACL,UAAU;IACPW,OAAO,EAAE,OAAQ;IACjBC,IAAI,EAAE,IAAK;IACXC,IAAI,eAAEvB,KAAA,CAAAe,aAAA,CAACZ,UAAU,MAAE,CAAE;IACrBgB,OAAO,EAAEa,OAAO,CAACM,MAAM,CAACD,KAAK;EAAE,CAClC,CACA,CACJ,CACR,CAAC,EACDH,MAAM,CAAC,mBACJlC,KAAA,CAAAe,aAAA,CAACG,MAAM;IAACC,OAAO,EAAEa,OAAO,CAACO,GAAG,CAAC;EAAE,CAAE,CACpC,CAAC,EACDN,MAAM,CAAC,mBACJjC,KAAA,CAAAe,aAAA,CAACH,MAAM;IAACC,KAAK,EAAEY,KAAK,CAACZ,KAAM;IAACC,WAAW,EAAEW,KAAK,CAACX;EAAY,CAAE,CAChE,CAAC,EACDsB,KAAK,CAAC,mBACHpC,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,qBACIhB,KAAA,CAAAe,aAAA,CAACH,MAAM;IAACC,KAAK,EAAEY,KAAK,CAACZ,KAAM;IAACC,WAAW,EAAEW,KAAK,CAACX;EAAY,CAAE,CAAC,eAC9Dd,KAAA,CAAAe,aAAA,CAACG,MAAM;IAACC,OAAO,EAAEa,OAAO,CAACO,GAAG,CAAC;EAAE,CAAE,CACnC,CACL,CACH,CAEO,CAAC;AAE1B,CAAC","ignoreList":[]}
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","SimpleTags","props","value","onChange","name","bindName","defaultValue","onAdd","actions","header","footer","row","empty","index","remove","add"],"sources":["SimpleTags.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 bindName: string;\n label: string;\n description: string;\n}\n\nexport const SimpleTags = (props: MetaTagsProps) => {\n const { value, onChange } = useBind({ name: props.bindName, defaultValue: [] });\n\n return (\n <DynamicFieldset value={value} onChange={onChange} onAdd={() => \"\"}>\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}`}>\n <Input 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/SettingsButton.js CHANGED Viewed

@@ -3,8 +3,8 @@ import { toJS, observable } from "mobx";
 import { IconButton } from "@webiny/admin-ui";
 import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
 import { useDialogs } from "@webiny/app-admin";
-import { SettingsDialogBody } from "./Settings/SettingsDialogBody";
-import { useDocumentEditor } from "../../../../DocumentEditor";
+import { SettingsDialogBody } from "./Settings/SettingsDialogBody.js";
+import { useDocumentEditor } from "../../../../DocumentEditor/index.js";
 export const SettingsButton = () => {
   const dialogs = useDialogs();
   const editor = useDocumentEditor();
@@ -31,7 +31,7 @@ export const SettingsButton = () => {
     });
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-gap-x-sm"
+    className: "flex gap-x-sm"
   }, /*#__PURE__*/React.createElement(IconButton, {
     variant: "secondary",
     icon: /*#__PURE__*/React.createElement(SettingsIcon, null),

package/modules/pages/PageEditor/TopBar/SettingsButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","toJS","observable","IconButton","ReactComponent","SettingsIcon","useDialogs","SettingsDialogBody","useDocumentEditor","SettingsButton","dialogs","editor","showDialog","title","description","dismissible","acceptLabel","formData","properties","getDocumentState","read","metadata","structuredClone","content","createElement","onAccept","data","updateDocument","document","className","variant","icon","onClick"],"sources":["SettingsButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { toJS, observable } from \"mobx\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { SettingsDialogBody } from \"./Settings/SettingsDialogBody\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\n\nexport const SettingsButton = () => {\n const dialogs = useDialogs();\n const editor = useDocumentEditor();\n\n const showDialog = () => {\n dialogs.showDialog({\n title: \"Page Settings\",\n description: \"Configure your page settings, SEO and Social metadata.\",\n dismissible: false,\n acceptLabel: \"Save Settings\",\n formData: async () => {\n const formData = {\n properties: editor.getDocumentState().read().properties,\n metadata: editor.getDocumentState().read().metadata\n };\n return structuredClone(toJS(formData));\n },\n content: <SettingsDialogBody />,\n onAccept: data => {\n editor.updateDocument(document => {\n document.properties = observable(data.properties);\n document.metadata = observable(data.metadata);\n });\n }\n });\n };\n\n return (\n <div className={\"~~wby-~~flex ~~wby-~~gap-x-sm\"}>\n <IconButton\n variant=\"secondary\"\n icon={<SettingsIcon />}\n onClick={showDialog}\n ></IconButton>\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,MAAM;AACvC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,YAAY,QAAQ,4BAA4B;AAC3E,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAMC,OAAO,GAAGJ,UAAU,CAAC,CAAC;EAC5B,MAAMK,MAAM,GAAGH,iBAAiB,CAAC,CAAC;EAElC,MAAMI,UAAU,GAAGA,CAAA,KAAM;IACrBF,OAAO,CAACE,UAAU,CAAC;MACfC,KAAK,EAAE,eAAe;MACtBC,WAAW,EAAE,wDAAwD;MACrEC,WAAW,EAAE,KAAK;MAClBC,WAAW,EAAE,eAAe;MAC5BC,QAAQ,EAAE,MAAAA,CAAA,KAAY;QAClB,MAAMA,QAAQ,GAAG;UACbC,UAAU,EAAEP,MAAM,CAACQ,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACF,UAAU;UACvDG,QAAQ,EAAEV,MAAM,CAACQ,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACC;QAC/C,CAAC;QACD,OAAOC,eAAe,CAACrB,IAAI,CAACgB,QAAQ,CAAC,CAAC;MAC1C,CAAC;MACDM,OAAO,eAAEvB,KAAA,CAAAwB,aAAA,CAACjB,kBAAkB,MAAE,CAAC;MAC/BkB,QAAQ,EAAEC,IAAI,IAAI;QACdf,MAAM,CAACgB,cAAc,CAACC,QAAQ,IAAI;UAC9BA,QAAQ,CAACV,UAAU,GAAGhB,UAAU,CAACwB,IAAI,CAACR,UAAU,CAAC;UACjDU,QAAQ,CAACP,QAAQ,GAAGnB,UAAU,CAACwB,IAAI,CAACL,QAAQ,CAAC;QACjD,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,oBACIrB,KAAA,CAAAwB,aAAA;IAAKK,SAAS,EAAE;~~EAAwB~~,~~gBACpC7B~~,KAAA,CAAAwB,aAAA,CAACrB,UAAU;IACP2B,OAAO,EAAC,WAAW;IACnBC,IAAI,eAAE/B,KAAA,CAAAwB,aAAA,CAACnB,YAAY,MAAE,CAAE;IACvB2B,OAAO,EAAEpB;EAAW,CACX,CACZ,CAAC;AAEd,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","toJS","observable","IconButton","ReactComponent","SettingsIcon","useDialogs","SettingsDialogBody","useDocumentEditor","SettingsButton","dialogs","editor","showDialog","title","description","dismissible","acceptLabel","formData","properties","getDocumentState","read","metadata","structuredClone","content","createElement","onAccept","data","updateDocument","document","className","variant","icon","onClick"],"sources":["SettingsButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { toJS, observable } from \"mobx\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { SettingsDialogBody } from \"./Settings/SettingsDialogBody.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\n\nexport const SettingsButton = () => {\n const dialogs = useDialogs();\n const editor = useDocumentEditor();\n\n const showDialog = () => {\n dialogs.showDialog({\n title: \"Page Settings\",\n description: \"Configure your page settings, SEO and Social metadata.\",\n dismissible: false,\n acceptLabel: \"Save Settings\",\n formData: async () => {\n const formData = {\n properties: editor.getDocumentState().read().properties,\n metadata: editor.getDocumentState().read().metadata\n };\n return structuredClone(toJS(formData));\n },\n content: <SettingsDialogBody />,\n onAccept: data => {\n editor.updateDocument(document => {\n document.properties = observable(data.properties);\n document.metadata = observable(data.metadata);\n });\n }\n });\n };\n\n return (\n <div className={\"flex gap-x-sm\"}>\n <IconButton\n variant=\"secondary\"\n icon={<SettingsIcon />}\n onClick={showDialog}\n ></IconButton>\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,MAAM;AACvC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,YAAY,QAAQ,4BAA4B;AAC3E,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAMC,OAAO,GAAGJ,UAAU,CAAC,CAAC;EAC5B,MAAMK,MAAM,GAAGH,iBAAiB,CAAC,CAAC;EAElC,MAAMI,UAAU,GAAGA,CAAA,KAAM;IACrBF,OAAO,CAACE,UAAU,CAAC;MACfC,KAAK,EAAE,eAAe;MACtBC,WAAW,EAAE,wDAAwD;MACrEC,WAAW,EAAE,KAAK;MAClBC,WAAW,EAAE,eAAe;MAC5BC,QAAQ,EAAE,MAAAA,CAAA,KAAY;QAClB,MAAMA,QAAQ,GAAG;UACbC,UAAU,EAAEP,MAAM,CAACQ,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACF,UAAU;UACvDG,QAAQ,EAAEV,MAAM,CAACQ,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACC;QAC/C,CAAC;QACD,OAAOC,eAAe,CAACrB,IAAI,CAACgB,QAAQ,CAAC,CAAC;MAC1C,CAAC;MACDM,OAAO,eAAEvB,KAAA,CAAAwB,aAAA,CAACjB,kBAAkB,MAAE,CAAC;MAC/BkB,QAAQ,EAAEC,IAAI,IAAI;QACdf,MAAM,CAACgB,cAAc,CAACC,QAAQ,IAAI;UAC9BA,QAAQ,CAACV,UAAU,GAAGhB,UAAU,CAACwB,IAAI,CAACR,UAAU,CAAC;UACjDU,QAAQ,CAACP,QAAQ,GAAGnB,UAAU,CAACwB,IAAI,CAACL,QAAQ,CAAC;QACjD,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,oBACIrB,KAAA,CAAAwB,aAAA;IAAKK,SAAS,EAAE;EAAgB,gBAC5B7B,KAAA,CAAAwB,aAAA,CAACrB,UAAU;IACP2B,OAAO,EAAC,WAAW;IACnBC,IAAI,eAAE/B,KAAA,CAAAwB,aAAA,CAACnB,YAAY,MAAE,CAAE;IACvB2B,OAAO,EAAEpB;EAAW,CACX,CACZ,CAAC;AAEd,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/Title.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import React, { useCallback, useState } from "react";
 import { Input, Text } from "@webiny/admin-ui";
-import { useDocumentEditor } from "../../../../DocumentEditor";
-import { useSelectFromDocument } from "../../../../BaseEditor/hooks/useSelectFromDocument";
+import { useDocumentEditor } from "../../../../DocumentEditor/index.js";
+import { useSelectFromDocument } from "../../../../BaseEditor/hooks/useSelectFromDocument.js";
 export function Title() {
   const [localValue, setLocalValue] = useState();
   const [isEditing, setIsEditing] = useState(false);
@@ -25,10 +25,10 @@ export function Title() {
     setLocalValue(undefined);
   }, []);
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-flex-col"
+    className: "flex flex-col min-w-0"
   }, !isEditing ? /*#__PURE__*/React.createElement(Text, {
     onClick: () => setIsEditing(true),
-    className: "wby-cursor-pointer wby-text-accent-primary wby-font-bold wby-mx-sm",
+    className: "cursor-pointer text-accent-primary font-bold mx-sm truncate",
     size: "lg"
   }, title) : null, isEditing ? /*#__PURE__*/React.createElement(Input, {
     autoFocus: true,

package/modules/pages/PageEditor/TopBar/Title.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useState","Input","Text","useDocumentEditor","useSelectFromDocument","Title","localValue","setLocalValue","isEditing","setIsEditing","editor","title","document","properties","commitValue","value","updateDocument","undefined","cancelEditing","createElement","className","onClick","size","autoFocus","autoSelect","variant","onChange","onBlur","e","currentTarget","onEnter","onEscape"],"sources":["Title.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Input, Text } from \"@webiny/admin-ui\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument\";\n\nexport function Title() {\n const [localValue, setLocalValue] = useState<string \| undefined>();\n const [isEditing, setIsEditing] = useState<boolean>(false);\n\n const editor = useDocumentEditor();\n\n const { title } = useSelectFromDocument(document => {\n return {\n title: document.properties.title ?? \"Untitled\"\n };\n });\n\n const commitValue = useCallback((value: string) => {\n editor.updateDocument(document => {\n document.properties.title = value;\n });\n setLocalValue(undefined);\n setIsEditing(false);\n }, []);\n\n const cancelEditing = useCallback(() => {\n setIsEditing(false);\n setLocalValue(undefined);\n }, []);\n\n return (\n <div className={\"~~wby-~~flex ~~wby-~~flex-col\"}>\n {!isEditing ? (\n <Text\n onClick={() => setIsEditing(true)}\n className={\"~~wby-~~cursor-pointer ~~wby-~~text-accent-primary ~~wby-~~font-bold ~~wby-~~mx-sm\"}\n size={\"lg\"}\n >\n {title}\n </Text>\n ) : null}\n {isEditing ? (\n <Input\n autoFocus\n autoSelect\n size={\"md\"}\n variant={\"secondary\"}\n value={localValue ?? title}\n onChange={setLocalValue}\n onBlur={e => commitValue(e.currentTarget.value)}\n onEnter={e => commitValue(e.currentTarget.value)}\n onEscape={cancelEditing}\n />\n ) : null}\n </div>\n );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,KAAK,EAAEC,IAAI,QAAQ,kBAAkB;AAC9C,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAE9B,OAAO,SAASC,KAAKA,CAAA,EAAG;EACpB,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGP,QAAQ,CAAqB,CAAC;EAClE,MAAM,CAACQ,SAAS,EAAEC,YAAY,CAAC,GAAGT,QAAQ,CAAU,KAAK,CAAC;EAE1D,MAAMU,MAAM,GAAGP,iBAAiB,CAAC,CAAC;EAElC,MAAM;IAAEQ;EAAM,CAAC,GAAGP,qBAAqB,CAACQ,QAAQ,IAAI;IAChD,OAAO;MACHD,KAAK,EAAEC,QAAQ,CAACC,UAAU,CAACF,KAAK,IAAI;IACxC,CAAC;EACL,CAAC,CAAC;EAEF,MAAMG,WAAW,GAAGf,WAAW,CAAEgB,KAAa,IAAK;IAC/CL,MAAM,CAACM,cAAc,CAACJ,QAAQ,IAAI;MAC9BA,QAAQ,CAACC,UAAU,CAACF,KAAK,GAAGI,KAAK;IACrC,CAAC,CAAC;IACFR,aAAa,CAACU,SAAS,CAAC;IACxBR,YAAY,CAAC,KAAK,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMS,aAAa,GAAGnB,WAAW,CAAC,MAAM;IACpCU,YAAY,CAAC,KAAK,CAAC;IACnBF,aAAa,CAACU,SAAS,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,oBACInB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAwB,GACnC,CAACZ,SAAS,gBACPV,KAAA,CAAAqB,aAAA,CAACjB,IAAI;IACDmB,OAAO,EAAEA,CAAA,KAAMZ,YAAY,CAAC,IAAI,CAAE;IAClCW,SAAS,EAAE,~~oEAAqE~~;~~IAChFE~~,IAAI,EAAE;EAAK,GAEVX,KACC,CAAC,GACP,IAAI,EACPH,SAAS,gBACNV,KAAA,CAAAqB,aAAA,CAAClB,KAAK;IACFsB,SAAS;IACTC,UAAU;IACVF,IAAI,EAAE,IAAK;IACXG,OAAO,EAAE,WAAY;IACrBV,KAAK,EAAET,UAAU,IAAIK,KAAM;IAC3Be,QAAQ,EAAEnB,aAAc;IACxBoB,MAAM,EAAEC,CAAC,IAAId,WAAW,CAACc,CAAC,CAACC,aAAa,CAACd,KAAK,CAAE;IAChDe,OAAO,EAAEF,CAAC,IAAId,WAAW,CAACc,CAAC,CAACC,aAAa,CAACd,KAAK,CAAE;IACjDgB,QAAQ,EAAEb;EAAc,CAC3B,CAAC,GACF,IACH,CAAC;AAEd","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useState","Input","Text","useDocumentEditor","useSelectFromDocument","Title","localValue","setLocalValue","isEditing","setIsEditing","editor","title","document","properties","commitValue","value","updateDocument","undefined","cancelEditing","createElement","className","onClick","size","autoFocus","autoSelect","variant","onChange","onBlur","e","currentTarget","onEnter","onEscape"],"sources":["Title.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Input, Text } from \"@webiny/admin-ui\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\n\nexport function Title() {\n const [localValue, setLocalValue] = useState<string \| undefined>();\n const [isEditing, setIsEditing] = useState<boolean>(false);\n\n const editor = useDocumentEditor();\n\n const { title } = useSelectFromDocument(document => {\n return {\n title: document.properties.title ?? \"Untitled\"\n };\n });\n\n const commitValue = useCallback((value: string) => {\n editor.updateDocument(document => {\n document.properties.title = value;\n });\n setLocalValue(undefined);\n setIsEditing(false);\n }, []);\n\n const cancelEditing = useCallback(() => {\n setIsEditing(false);\n setLocalValue(undefined);\n }, []);\n\n return (\n <div className={\"flex flex-col min-w-0\"}>\n {!isEditing ? (\n <Text\n onClick={() => setIsEditing(true)}\n className={\"cursor-pointer text-accent-primary font-bold mx-sm truncate\"}\n size={\"lg\"}\n >\n {title}\n </Text>\n ) : null}\n {isEditing ? (\n <Input\n autoFocus\n autoSelect\n size={\"md\"}\n variant={\"secondary\"}\n value={localValue ?? title}\n onChange={setLocalValue}\n onBlur={e => commitValue(e.currentTarget.value)}\n onEnter={e => commitValue(e.currentTarget.value)}\n onEscape={cancelEditing}\n />\n ) : null}\n </div>\n );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,KAAK,EAAEC,IAAI,QAAQ,kBAAkB;AAC9C,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAE9B,OAAO,SAASC,KAAKA,CAAA,EAAG;EACpB,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGP,QAAQ,CAAqB,CAAC;EAClE,MAAM,CAACQ,SAAS,EAAEC,YAAY,CAAC,GAAGT,QAAQ,CAAU,KAAK,CAAC;EAE1D,MAAMU,MAAM,GAAGP,iBAAiB,CAAC,CAAC;EAElC,MAAM;IAAEQ;EAAM,CAAC,GAAGP,qBAAqB,CAACQ,QAAQ,IAAI;IAChD,OAAO;MACHD,KAAK,EAAEC,QAAQ,CAACC,UAAU,CAACF,KAAK,IAAI;IACxC,CAAC;EACL,CAAC,CAAC;EAEF,MAAMG,WAAW,GAAGf,WAAW,CAAEgB,KAAa,IAAK;IAC/CL,MAAM,CAACM,cAAc,CAACJ,QAAQ,IAAI;MAC9BA,QAAQ,CAACC,UAAU,CAACF,KAAK,GAAGI,KAAK;IACrC,CAAC,CAAC;IACFR,aAAa,CAACU,SAAS,CAAC;IACxBR,YAAY,CAAC,KAAK,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMS,aAAa,GAAGnB,WAAW,CAAC,MAAM;IACpCU,YAAY,CAAC,KAAK,CAAC;IACnBF,aAAa,CAACU,SAAS,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,oBACInB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAwB,GACnC,CAACZ,SAAS,gBACPV,KAAA,CAAAqB,aAAA,CAACjB,IAAI;IACDmB,OAAO,EAAEA,CAAA,KAAMZ,YAAY,CAAC,IAAI,CAAE;IAClCW,SAAS,EAAE,6DAA8D;IACzEE,IAAI,EAAE;EAAK,GAEVX,KACC,CAAC,GACP,IAAI,EACPH,SAAS,gBACNV,KAAA,CAAAqB,aAAA,CAAClB,KAAK;IACFsB,SAAS;IACTC,UAAU;IACVF,IAAI,EAAE,IAAK;IACXG,OAAO,EAAE,WAAY;IACrBV,KAAK,EAAET,UAAU,IAAIK,KAAM;IAC3Be,QAAQ,EAAEnB,aAAc;IACxBoB,MAAM,EAAEC,CAAC,IAAId,WAAW,CAACc,CAAC,CAACC,aAAa,CAACd,KAAK,CAAE;IAChDe,OAAO,EAAEF,CAAC,IAAId,WAAW,CAACc,CAAC,CAACC,aAAa,CAACd,KAAK,CAAE;IACjDgB,QAAQ,EAAEb;EAAc,CAC3B,CAAC,GACF,IACH,CAAC;AAEd","ignoreList":[]}

package/modules/pages/PageEditor.js CHANGED Viewed

@@ -1,15 +1,17 @@
 import React, { useEffect, useState } from "react";
-import { useRouter } from "@webiny/react-router";
+import { useRoute, useRouter } from "@webiny/app-admin";
 import { DocumentEditor } from "../../DocumentEditor/DocumentEditor.js";
-import { useCreatePageRevisionFrom, useGetPage } from "../../features/pages";
+import { useCreatePageRevisionFrom, useGetPage } from "../../features/pages/index.js";
 import { OverlayLoader } from "@webiny/admin-ui";
-import { useGetWebsiteBuilderSettings } from "../../features";
-import { DefaultPageEditorConfig } from "./PageEditor/DefaultPageEditorConfig";
-import { DefaultEditorConfig } from "../../BaseEditor";
-import { EDITOR_NAME } from "./constants";
-import { WB_PAGE_EDITOR_ROUTE, WbPageStatus } from "../../constants";
+import { useGetWebsiteBuilderSettings } from "../../features/index.js";
+import { DefaultPageEditorConfig } from "./PageEditor/DefaultPageEditorConfig.js";
+import { DefaultEditorConfig } from "../../BaseEditor/index.js";
+import { EDITOR_NAME } from "./constants.js";
+import { WbPageStatus } from "../../constants.js";
+import { Routes } from "../../routes.js";
 const getPageDataFromPage = page => {
   return {
+    ...page,
     id: page.id,
     version: page.version,
     status: page.status,
@@ -28,9 +30,11 @@ export const PageEditor = () => {
   const [loading, setLoading] = useState(true);
   const [page, setPage] = useState(null);
   const {
-    history,
-    params
+    goToRoute
   } = useRouter();
+  const {
+    route
+  } = useRoute(Routes.Pages.Editor);
   const {
     getPage
   } = useGetPage();
@@ -40,7 +44,7 @@ export const PageEditor = () => {
   useEffect(() => {
     setLoading(true);
     Promise.all([getSettings(), getPage({
-      id: params.id
+      id: route.params.id
     }).then(page => {
       if (page.status === WbPageStatus.Draft) {
         setPage(getPageDataFromPage(page));
@@ -49,14 +53,15 @@ export const PageEditor = () => {
       return createPageRevisionFrom({
         id: page.id
       }).then(page => {
-        const encodedPageId = encodeURIComponent(page.id);
-        const encodedFolderId = encodeURIComponent(page.location.folderId);
-        history.push(`${WB_PAGE_EDITOR_ROUTE}/${encodedPageId}?folderId=${encodedFolderId}`);
+        goToRoute(Routes.Pages.Editor, {
+          id: page.id,
+          folderId: page.location.folderId
+        });
       });
     })]).then(() => {
       setLoading(false);
     });
-  }, [params.id]);
+  }, [route.params.id]);
   if (loading || !page) {
     return /*#__PURE__*/React.createElement(OverlayLoader, {
       text: "Loading page..."

package/modules/pages/PageEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useState","useRouter","DocumentEditor","useCreatePageRevisionFrom","useGetPage","OverlayLoader","useGetWebsiteBuilderSettings","DefaultPageEditorConfig","DefaultEditorConfig","EDITOR_NAME","~~WB_PAGE_EDITOR_ROUTE~~","~~WbPageStatus~~","getPageDataFromPage","page","id","version","status","location","properties","bindings","elements","metadata","state","PageEditor","getSettings","loading","setLoading","setPage","~~history~~","~~params~~","~~getPage~~","~~createPageRevisionFrom~~","~~Promise~~","~~all~~","~~then~~","~~Draft~~","~~encodedPageId~~","~~encodeURIComponent~~","~~encodedFolderId~~","folderId","~~push","~~createElement","text","key","document","name"],"sources":["PageEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useRouter } from \"@webiny/~~react~~-~~router~~\";\nimport { DocumentEditor } from \"~/DocumentEditor/DocumentEditor.js\";\nimport { useCreatePageRevisionFrom, useGetPage } from \"~/features/pages\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { useGetWebsiteBuilderSettings } from \"~/features\";\nimport { DefaultPageEditorConfig } from \"./PageEditor/DefaultPageEditorConfig\";\nimport { DefaultEditorConfig } from \"~/BaseEditor\";\nimport { EDITOR_NAME } from \"~/modules/pages/constants\";\nimport { ~~WB_PAGE_EDITOR_ROUTE,~~ WbPageStatus } from \"~/constants\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\nimport type { Page } from \"~/domain/Page\";\n\nconst getPageDataFromPage = (page: Page): EditorPage => {\n return {\n id: page.id,\n version: page.version,\n status: page.status,\n location: page.location,\n properties: page.properties as EditorPage[\"properties\"],\n bindings: page.bindings,\n elements: page.elements,\n metadata: page.metadata,\n state: {}\n };\n};\n\nexport const PageEditor = () => {\n const { getSettings } = useGetWebsiteBuilderSettings();\n const [loading, setLoading] = useState(true);\n const [page, setPage] = useState<EditorPage \| null>(null);\n\n const { ~~history,~~ ~~params~~ } = useRouter();\n const { getPage } = useGetPage();\n const { createPageRevisionFrom } = useCreatePageRevisionFrom();\n\n useEffect(() => {\n setLoading(true);\n Promise.all([\n getSettings(),\n getPage({ id: params.id }).then(page => {\n if (page.status === WbPageStatus.Draft) {\n setPage(getPageDataFromPage(page));\n\n return;\n }\n\n return createPageRevisionFrom({ id: page.id }).then(page => {\n ~~const~~ ~~encodedPageId~~ ~~= encodeURIComponent(~~page.id~~);\~~n ~~const~~ ~~encodedFolderId = encodeURIComponent(~~page.location.folderId~~);\~~n ~~history.push(\n `${WB_PAGE_EDITOR_ROUTE~~}~~/${encodedPageId}?folderId=${encodedFolderId}`\n~~ );\n });\n })\n ]).then(() => {\n setLoading(false);\n });\n }, [params.id]);\n\n if (loading \|\| !page) {\n return <OverlayLoader text={\"Loading page...\"} />;\n }\n\n return (\n <DocumentEditor<EditorPage> key={page.id} document={page} name={EDITOR_NAME}>\n <DefaultEditorConfig />\n <DefaultPageEditorConfig />\n </DocumentEditor>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,SAAS,QAAQ,~~sBAAsB~~;~~AAChD~~,SAASC,cAAc;AACvB,SAASC,yBAAyB,EAAEC,UAAU;AAC9C,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,4BAA4B;AACrC,SAASC,uBAAuB;AAChC,SAASC,mBAAmB;AAC5B,SAASC,WAAW;AACpB,SAASC,~~oBAAoB~~,~~EAAEC~~,~~YAAY~~;~~AAI3C~~,MAAMC,mBAAmB,GAAIC,IAAU,IAAiB;EACpD,OAAO;~~IACHC~~,EAAE,EAAED,IAAI,CAACC,EAAE;IACXC,OAAO,EAAEF,IAAI,CAACE,OAAO;IACrBC,MAAM,EAAEH,IAAI,CAACG,MAAM;IACnBC,QAAQ,EAAEJ,IAAI,CAACI,QAAQ;IACvBC,UAAU,EAAEL,IAAI,CAACK,UAAsC;IACvDC,QAAQ,EAAEN,IAAI,CAACM,QAAQ;IACvBC,QAAQ,EAAEP,IAAI,CAACO,QAAQ;IACvBC,QAAQ,EAAER,IAAI,CAACQ,QAAQ;IACvBC,KAAK,EAAE,CAAC;EACZ,CAAC;AACL,CAAC;AAED,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEC;EAAY,CAAC,GAAGlB,4BAA4B,CAAC,CAAC;EACtD,MAAM,CAACmB,OAAO,EAAEC,UAAU,CAAC,~~GAAG1B~~,QAAQ,CAAC,IAAI,CAAC;EAC5C,MAAM,~~CAACa~~,IAAI,EAAEc,OAAO,CAAC,~~GAAG3B~~,QAAQ,CAAoB,IAAI,CAAC;EAEzD,MAAM;~~IAAE4B,OAAO~~;~~IAAEC;EAAO~~,CAAC,~~GAAG5B~~,SAAS,CAAC,CAAC;~~EACvC~~,MAAM;~~IAAE6B~~;EAAQ,CAAC,~~GAAG1B~~,UAAU,CAAC,CAAC;EAChC,MAAM;~~IAAE2B~~;EAAuB,CAAC,~~GAAG5B~~,yBAAyB,CAAC,CAAC;~~EAE9DJ~~,SAAS,CAAC,MAAM;~~IACZ2B~~,UAAU,CAAC,IAAI,CAAC;~~IAChBM~~,OAAO,CAACC,GAAG,CAAC,~~CACRT~~,WAAW,CAAC,CAAC,~~EACbM~~,OAAO,CAAC;~~MAAEhB~~,EAAE,EAAEe,MAAM,~~CAACf~~;IAAG,CAAC,CAAC,~~CAACoB~~,IAAI,~~CAACrB~~,IAAI,IAAI;~~MACpC~~,IAAIA,IAAI,CAACG,MAAM,~~KAAKL~~,YAAY,~~CAACwB~~,KAAK,EAAE;~~QACpCR~~,OAAO,CAACf,mBAAmB,CAACC,IAAI,CAAC,CAAC;~~QAElC~~;MACJ;MAEA,~~OAAOkB~~,sBAAsB,CAAC;~~QAAEjB~~,EAAE,EAAED,IAAI,CAACC;MAAG,CAAC,CAAC,~~CAACoB~~,IAAI,~~CAACrB~~,IAAI,IAAI;~~QACxD~~,~~MAAMuB~~,~~aAAa~~,~~GAAGC~~,~~kBAAkB~~,~~CAACxB~~,~~IAAI,~~CAACC,EAAE~~,CAAC~~;~~QACjD~~,~~MAAMwB~~,~~eAAe~~,~~GAAGD~~,~~kBAAkB~~,~~CAACxB~~,IAAI,CAACI,QAAQ,CAACsB,~~QAAQ,~~CAAC~~;QAClEX~~,~~OAAO,CAACY,IAAI,CACR,GAAG9B,oBAAoB,IAAI0B,aAAa,aAAaE,eAAe,EACxE,~~CAAC;~~MACL~~,CAAC,CAAC;IACN,CAAC,CAAC,CACL,CAAC,~~CAACJ~~,IAAI,CAAC,MAAM;~~MACVR~~,UAAU,CAAC,KAAK,CAAC;IACrB,CAAC,CAAC;EACN,CAAC,EAAE,CAACG,MAAM,~~CAACf~~,EAAE,CAAC,CAAC;~~EAEf~~,IAAIW,OAAO,IAAI,CAACZ,IAAI,EAAE;IAClB,~~oBAAOf~~,KAAA,CAAA2C,aAAA,~~CAACpC~~,aAAa;~~MAACqC~~,IAAI,EAAE;IAAkB,CAAE,CAAC;EACrD;EAEA,oBACI5C,KAAA,CAAA2C,aAAA,~~CAACvC~~,cAAc;~~IAAayC~~,GAAG,~~EAAE9B~~,IAAI,CAACC,EAAG;~~IAAC8B~~,QAAQ,~~EAAE/B~~,IAAK;~~IAACgC~~,IAAI,~~EAAEpC~~;EAAY,~~gBACxEX~~,KAAA,CAAA2C,aAAA,~~CAACjC~~,mBAAmB,MAAE,CAAC,~~eACvBV~~,KAAA,CAAA2C,aAAA,~~CAAClC~~,uBAAuB,MAAE,CACd,CAAC;AAEzB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useEffect","useState","useRoute","useRouter","DocumentEditor","useCreatePageRevisionFrom","useGetPage","OverlayLoader","useGetWebsiteBuilderSettings","DefaultPageEditorConfig","DefaultEditorConfig","EDITOR_NAME","WbPageStatus","Routes","getPageDataFromPage","page","id","version","status","location","properties","bindings","elements","metadata","state","PageEditor","getSettings","loading","setLoading","setPage","goToRoute","route","Pages","Editor","getPage","createPageRevisionFrom","Promise","all","params","then","Draft","folderId","createElement","text","key","document","name"],"sources":["PageEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useRoute, useRouter } from \"@webiny/app-admin\";\nimport { DocumentEditor } from \"~/DocumentEditor/DocumentEditor.js\";\nimport { useCreatePageRevisionFrom, useGetPage } from \"~/features/pages/index.js\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { useGetWebsiteBuilderSettings } from \"~/features/index.js\";\nimport { DefaultPageEditorConfig } from \"./PageEditor/DefaultPageEditorConfig.js\";\nimport { DefaultEditorConfig } from \"~/BaseEditor/index.js\";\nimport { EDITOR_NAME } from \"~/modules/pages/constants.js\";\nimport { WbPageStatus } from \"~/constants.js\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\nimport type { Page } from \"~/domain/Page/index.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst getPageDataFromPage = (page: Page): EditorPage => {\n return {\n ...page,\n id: page.id,\n version: page.version,\n status: page.status,\n location: page.location,\n properties: page.properties as EditorPage[\"properties\"],\n bindings: page.bindings,\n elements: page.elements,\n metadata: page.metadata,\n state: {}\n };\n};\n\nexport const PageEditor = () => {\n const { getSettings } = useGetWebsiteBuilderSettings();\n const [loading, setLoading] = useState(true);\n const [page, setPage] = useState<EditorPage \| null>(null);\n\n const { goToRoute } = useRouter();\n const { route } = useRoute(Routes.Pages.Editor);\n\n const { getPage } = useGetPage();\n const { createPageRevisionFrom } = useCreatePageRevisionFrom();\n\n useEffect(() => {\n setLoading(true);\n Promise.all([\n getSettings(),\n getPage({ id: route.params.id }).then(page => {\n if (page.status === WbPageStatus.Draft) {\n setPage(getPageDataFromPage(page));\n return;\n }\n\n return createPageRevisionFrom({ id: page.id }).then(page => {\n goToRoute(Routes.Pages.Editor, {\n id: page.id,\n folderId: page.location.folderId\n });\n });\n })\n ]).then(() => {\n setLoading(false);\n });\n }, [route.params.id]);\n\n if (loading \|\| !page) {\n return <OverlayLoader text={\"Loading page...\"} />;\n }\n\n return (\n <DocumentEditor<EditorPage> key={page.id} document={page} name={EDITOR_NAME}>\n <DefaultEditorConfig />\n <DefaultPageEditorConfig />\n </DocumentEditor>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageList.js CHANGED Viewed

@@ -1,20 +1,34 @@
 import React from "react";
-import { CompositionScope, DialogsProvider } from "@webiny/app-admin";
-import { AcoWithConfig } from "@webiny/app-aco";
-import { PagesList } from "./PagesList/PagesList.js";
-import { AdminLayout } from "@webiny/app-admin/components/AdminLayout.js";
+import { useRoute, useRouter, AdminLayout, DialogsProvider } from "@webiny/app-admin";
+import { NavigateFolderProvider } from "@webiny/app-aco";
 import { FoldersProvider } from "@webiny/app-aco/contexts/folders.js";
+import { PagesList } from "./PagesList/PagesList.js";
 import { WB_PAGE_APP } from "../../constants.js";
-import { NavigateFolderProvider } from "./PagesList/NavigateFolderProvider";
 import { PageListWithConfig } from "./configs/index.js";
+import { WB_PAGE_LATEST_VISITED_FOLDER } from "../../constants.js";
+import { Routes } from "../../routes.js";
+const createStorageKey = () => {
+  return WB_PAGE_LATEST_VISITED_FOLDER;
+};
 export const PageList = () => {
-  return /*#__PURE__*/React.createElement(CompositionScope, {
-    name: "wbPage"
-  }, /*#__PURE__*/React.createElement(AdminLayout, {
+  const router = useRouter();
+  const {
+    route
+  } = useRoute(Routes.Pages.List);
+  const navigateToFolder = folderId => {
+    router.goToRoute(Routes.Pages.List, {
+      folderId
+    });
+  };
+  return /*#__PURE__*/React.createElement(AdminLayout, {
     title: "Pages - Website Builder"
-  }, /*#__PURE__*/React.createElement(PageListWithConfig, null, /*#__PURE__*/React.createElement(AcoWithConfig, null, /*#__PURE__*/React.createElement(FoldersProvider, {
+  }, /*#__PURE__*/React.createElement(PageListWithConfig, null, /*#__PURE__*/React.createElement(FoldersProvider, {
     type: WB_PAGE_APP
-  }, /*#__PURE__*/React.createElement(NavigateFolderProvider, null, /*#__PURE__*/React.createElement(DialogsProvider, null, /*#__PURE__*/React.createElement(PagesList, null))))))));
+  }, /*#__PURE__*/React.createElement(NavigateFolderProvider, {
+    folderId: route.params.folderId,
+    createStorageKey: createStorageKey,
+    navigateToFolder: navigateToFolder
+  }, /*#__PURE__*/React.createElement(DialogsProvider, null, /*#__PURE__*/React.createElement(PagesList, null))))));
 };
 //# sourceMappingURL=PageList.js.map

package/modules/pages/PageList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","~~CompositionScope~~","~~DialogsProvider~~","~~AcoWithConfig~~","~~PagesList~~","~~AdminLayout~~","FoldersProvider","~~WB_PAGE_APP~~","~~NavigateFolderProvider~~","PageListWithConfig","PageList","~~createElement~~","~~name~~","title","type"],"sources":["PageList.tsx"],"sourcesContent":["import React from \"react\";\nimport { ~~CompositionScope~~, DialogsProvider } from \"@webiny/app-admin\";\nimport { ~~AcoWithConfig~~ } from \"@webiny/app-aco\";\nimport { ~~PagesList~~ } from \"~~./PagesList~~/~~PagesList~~.js\";\nimport { ~~AdminLayout~~ } from \"~~@webiny~~/~~app-admin/components/AdminLayout~~.js\";\nimport { ~~FoldersProvider~~ } from \"~~@webiny/app-aco/contexts/folders~~.js\";\nimport { ~~WB_PAGE_APP~~ } from \"~~~/constants~~.js\";\nimport { ~~NavigateFolderProvider~~ } from \"~/~~modules/pages/PagesList/NavigateFolderProvider~~\";\nimport { ~~PageListWithConfig~~ } from \"~~./configs/index~~.js\";\n\nexport const PageList = () => {\n ~~return~~ (\n ~~<CompositionScope~~ ~~name~~={\~~"wbPage\"~~}>\n <AdminLayout title={\"Pages - Website Builder\"}>\n <PageListWithConfig>\n <~~AcoWithConfig>\n <~~FoldersProvider type={WB_PAGE_APP}>\n <NavigateFolderProvider>\n <DialogsProvider>\n <PagesList />\n </DialogsProvider>\n </NavigateFolderProvider>\n </FoldersProvider>\n </~~AcoWithConfig>\n </~~PageListWithConfig>\n </AdminLayout>\n ~~</CompositionScope>\n~~ );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,~~gBAAgB~~,EAAEC,eAAe,QAAQ,mBAAmB;~~AACrE~~,SAASC,~~aAAa~~,QAAQ,iBAAiB;~~AAC/C~~,SAASC,SAAS;AAClB,SAASC,WAAW,~~QAAQ~~,~~6CAA6C~~;~~AACzE~~,SAASC,~~eAAe,QAAQ,qCAAqC~~;~~AACrE~~,SAASC,~~WAAW~~;~~AACpB~~,~~SAASC~~,~~sBAAsB~~;~~AAC/B~~,~~SAASC~~,~~kBAAkB~~;~~AAE3B~~,OAAO,~~MAAMC~~,QAAQ,GAAGA,CAAA,KAAM;EAC1B,~~oBACIV~~,~~KAAA~~,~~CAAAW~~,~~aAAA~~,~~CAACV~~,gBAAgB;~~IAACW~~,IAAI,EAAE;~~EAAS~~,~~gBAC7BZ~~,KAAA,~~CAAAW~~,aAAA,~~CAACN~~,WAAW;~~IAACQ~~,KAAK,EAAE;EAA0B,~~gBAC1Cb~~,KAAA,~~CAAAW~~,aAAA,~~CAACF~~,kBAAkB,qBACfT,KAAA,~~CAAAW~~,aAAA,~~CAACR~~,~~aAAa,qBACVH,KAAA,CAAAW,aAAA,CAACL,~~eAAe;~~IAACQ~~,IAAI,~~EAAEP~~;EAAY,gBAC/BP,KAAA,~~CAAAW~~,aAAA,~~CAACH~~,sBAAsB,~~qBACnBR~~,KAAA,~~CAAAW~~,aAAA,~~CAACT~~,eAAe,~~qBACZF~~,KAAA,~~CAAAW~~,aAAA,~~CAACP~~,SAAS,MAAE,CACC,CACG,CACX,~~CACN~~,~~CACC,~~CACX,~~CACC,~~CAAC;~~AAE3B~~,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useRoute","useRouter","AdminLayout","DialogsProvider","NavigateFolderProvider","FoldersProvider","PagesList","WB_PAGE_APP","PageListWithConfig","WB_PAGE_LATEST_VISITED_FOLDER","Routes","createStorageKey","PageList","router","route","Pages","List","navigateToFolder","folderId","goToRoute","createElement","title","type","params"],"sources":["PageList.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRoute, useRouter, AdminLayout, DialogsProvider } from \"@webiny/app-admin\";\nimport { NavigateFolderProvider } from \"@webiny/app-aco\";\nimport { FoldersProvider } from \"@webiny/app-aco/contexts/folders.js\";\nimport { PagesList } from \"./PagesList/PagesList.js\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\nimport { PageListWithConfig } from \"./configs/index.js\";\nimport { WB_PAGE_LATEST_VISITED_FOLDER } from \"~/constants.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst createStorageKey = () => {\n return WB_PAGE_LATEST_VISITED_FOLDER;\n};\n\nexport const PageList = () => {\n const router = useRouter();\n const { route } = useRoute(Routes.Pages.List);\n\n const navigateToFolder = (folderId: string) => {\n router.goToRoute(Routes.Pages.List, { folderId });\n };\n\n return (\n <AdminLayout title={\"Pages - Website Builder\"}>\n <PageListWithConfig>\n <FoldersProvider type={WB_PAGE_APP}>\n <NavigateFolderProvider\n folderId={route.params.folderId}\n createStorageKey={createStorageKey}\n navigateToFolder={navigateToFolder}\n >\n <DialogsProvider>\n <PagesList />\n </DialogsProvider>\n </NavigateFolderProvider>\n </FoldersProvider>\n </PageListWithConfig>\n </AdminLayout>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,eAAe,QAAQ,mBAAmB;AACrF,SAASC,sBAAsB,QAAQ,iBAAiB;AACxD,SAASC,eAAe,QAAQ,qCAAqC;AACrE,SAASC,SAAS;AAClB,SAASC,WAAW;AACpB,SAASC,kBAAkB;AAC3B,SAASC,6BAA6B;AACtC,SAASC,MAAM;AAEf,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAC3B,OAAOF,6BAA6B;AACxC,CAAC;AAED,OAAO,MAAMG,QAAQ,GAAGA,CAAA,KAAM;EAC1B,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEa;EAAM,CAAC,GAAGd,QAAQ,CAACU,MAAM,CAACK,KAAK,CAACC,IAAI,CAAC;EAE7C,MAAMC,gBAAgB,GAAIC,QAAgB,IAAK;IAC3CL,MAAM,CAACM,SAAS,CAACT,MAAM,CAACK,KAAK,CAACC,IAAI,EAAE;MAAEE;IAAS,CAAC,CAAC;EACrD,CAAC;EAED,oBACInB,KAAA,CAAAqB,aAAA,CAAClB,WAAW;IAACmB,KAAK,EAAE;EAA0B,gBAC1CtB,KAAA,CAAAqB,aAAA,CAACZ,kBAAkB,qBACfT,KAAA,CAAAqB,aAAA,CAACf,eAAe;IAACiB,IAAI,EAAEf;EAAY,gBAC/BR,KAAA,CAAAqB,aAAA,CAAChB,sBAAsB;IACnBc,QAAQ,EAAEJ,KAAK,CAACS,MAAM,CAACL,QAAS;IAChCP,gBAAgB,EAAEA,gBAAiB;IACnCM,gBAAgB,EAAEA;EAAiB,gBAEnClB,KAAA,CAAAqB,aAAA,CAACjB,eAAe,qBACZJ,KAAA,CAAAqB,aAAA,CAACd,SAAS,MAAE,CACC,CACG,CACX,CACD,CACX,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/pages/PagesList/PagesList.js CHANGED Viewed

@@ -2,12 +2,11 @@ import React from "react";
 import { Layout } from "./components/Layout/index.js";
 import { Main } from "./components/Main/index.js";
 import { Sidebar } from "./components/Sidebar/index.js";
-import { DocumentListPresenterProvider } from "./presenters/DocumentListPresenterContext.js";
 export const PagesList = () => {
-  return /*#__PURE__*/React.createElement(DocumentListPresenterProvider, null, /*#__PURE__*/React.createElement(Layout, {
+  return /*#__PURE__*/React.createElement(Layout, {
     main: /*#__PURE__*/React.createElement(Main, null),
     sidebar: /*#__PURE__*/React.createElement(Sidebar, null)
-  }));
+  });
 };
 //# sourceMappingURL=PagesList.js.map

package/modules/pages/PagesList/PagesList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Layout","Main","Sidebar","~~DocumentListPresenterProvider","~~PagesList","createElement","main","sidebar"],"sources":["PagesList.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/modules/pages/PagesList/components/Layout/index.js\";\nimport { Main } from \"~/modules/pages/PagesList/components/Main/index.js\";\nimport { Sidebar } from \"~/modules/pages/PagesList/components/Sidebar/index.js\";\~~nimport { DocumentListPresenterProvider } from \"~/modules/pages/PagesList/presenters/DocumentListPresenterContext.js\";\~~n\nexport const PagesList = () => {\n return ~~(\n~~ <~~DocumentListPresenterProvider>\n <~~Layout main={<Main />} sidebar={<Sidebar />} ~~/>\~~n ~~</DocumentListPresenterProvider>\n );\n~~};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM;AACf,SAASC,IAAI;AACb,SAASC,OAAO;~~AAChB~~,~~SAASC,6BAA6B;AAEtC,~~OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC3B,~~oBACIL~~,KAAA,~~CAAAM~~,aAAA,~~CAACF~~,~~6BAA6B,qBAC1BJ,KAAA,CAAAM,aAAA,CAACL,~~MAAM;~~IAACM~~,IAAI,~~eAAEP~~,KAAA,~~CAAAM~~,aAAA,~~CAACJ~~,IAAI,MAAE,CAAE;~~IAACM~~,OAAO,~~eAAER~~,KAAA,~~CAAAM~~,aAAA,~~CAACH~~,OAAO,MAAE;EAAE,CAAE,~~CACpB,~~CAAC;~~AAExC~~,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","Layout","Main","Sidebar","PagesList","createElement","main","sidebar"],"sources":["PagesList.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/modules/pages/PagesList/components/Layout/index.js\";\nimport { Main } from \"~/modules/pages/PagesList/components/Main/index.js\";\nimport { Sidebar } from \"~/modules/pages/PagesList/components/Sidebar/index.js\";\n\nexport const PagesList = () => {\n return <Layout main={<Main />} sidebar={<Sidebar />} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM;AACf,SAASC,IAAI;AACb,SAASC,OAAO;AAEhB,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC3B,oBAAOJ,KAAA,CAAAK,aAAA,CAACJ,MAAM;IAACK,IAAI,eAAEN,KAAA,CAAAK,aAAA,CAACH,IAAI,MAAE,CAAE;IAACK,OAAO,eAAEP,KAAA,CAAAK,aAAA,CAACF,OAAO,MAAE;EAAE,CAAE,CAAC;AAC3D,CAAC","ignoreList":[]}

package/modules/pages/PagesList/components/BottomInfoBar/BottomInfoBar.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import React from "react";
 import { Separator } from "@webiny/admin-ui";
-import { ListMeta } from "./ListMeta";
-import { ListStatus } from "./ListStatus";
+import { ListMeta } from "./ListMeta.js";
+import { ListStatus } from "./ListStatus.js";
 import { useDocumentList } from "../../useDocumentList.js";
 export const BottomInfoBar = () => {
   const {
     vm
   } = useDocumentList();
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-sticky wby-bottom-0 wby-z-5 wby-bg-neutral-base wby-w-full wby-transform wby-translate-z-0 wby-overflow-hidden"
+    className: "sticky bottom-0 z-5 bg-neutral-base w-full transform translate-z-0 overflow-hidden"
   }, /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement("div", {
-    className: "wby-h-xl wby-px-md wby-py-sm wby-flex wby-items-center wby-justify-between"
+    className: "h-xl px-md py-sm flex items-center justify-between"
   }, /*#__PURE__*/React.createElement(ListMeta, {
     loading: vm.isLoading,
     totalCount: vm.meta.totalCount,

package/modules/pages/PagesList/components/BottomInfoBar/BottomInfoBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Separator","ListMeta","ListStatus","useDocumentList","BottomInfoBar","vm","createElement","className","loading","isLoading","totalCount","meta","currentCount","isLoadingMore"],"sources":["BottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport { ListMeta } from \"./ListMeta\";\nimport { ListStatus } from \"./ListStatus\";\nimport { useDocumentList } from \"~/modules/pages/PagesList/useDocumentList.js\";\n\nexport const BottomInfoBar = () => {\n const { vm } = useDocumentList();\n\n return (\n <div className=\"~~wby-~~sticky ~~wby-~~bottom-0 ~~wby-~~z-5 ~~wby-~~bg-neutral-base ~~wby-~~w-full ~~wby-~~transform ~~wby-~~translate-z-0 ~~wby-~~overflow-hidden\">\n <Separator />\n <div\n className={\~~n \~~"~~wby-~~h-xl ~~wby-~~px-md ~~wby-~~py-sm ~~wby-~~flex ~~wby-~~items-center ~~wby-~~justify-between\"\n }\n >\n <ListMeta\n loading={vm.isLoading}\n totalCount={vm.meta.totalCount}\n currentCount={vm.meta.currentCount}\n />\n <ListStatus loading={vm.isLoadingMore} />\n </div>\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,QAAQ;AACjB,SAASC,UAAU;AACnB,SAASC,eAAe;AAExB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC;EAAG,CAAC,GAAGF,eAAe,CAAC,CAAC;EAEhC,oBACIJ,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAC;~~EAAoH~~,gBAC/HR,KAAA,CAAAO,aAAA,CAACN,SAAS,MAAE,CAAC,eACbD,KAAA,CAAAO,aAAA;~~IACIC~~,SAAS,~~EACL~~;~~EACH~~,~~gBAEDR~~,KAAA,CAAAO,aAAA,CAACL,QAAQ;IACLO,OAAO,EAAEH,EAAE,CAACI,SAAU;IACtBC,UAAU,EAAEL,EAAE,CAACM,IAAI,CAACD,UAAW;IAC/BE,YAAY,EAAEP,EAAE,CAACM,IAAI,CAACC;EAAa,CACtC,CAAC,eACFb,KAAA,CAAAO,aAAA,CAACJ,UAAU;IAACM,OAAO,EAAEH,EAAE,CAACQ;EAAc,CAAE,CACvC,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","Separator","ListMeta","ListStatus","useDocumentList","BottomInfoBar","vm","createElement","className","loading","isLoading","totalCount","meta","currentCount","isLoadingMore"],"sources":["BottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport { ListMeta } from \"./ListMeta.js\";\nimport { ListStatus } from \"./ListStatus.js\";\nimport { useDocumentList } from \"~/modules/pages/PagesList/useDocumentList.js\";\n\nexport const BottomInfoBar = () => {\n const { vm } = useDocumentList();\n\n return (\n <div className=\"sticky bottom-0 z-5 bg-neutral-base w-full transform translate-z-0 overflow-hidden\">\n <Separator />\n <div className={\"h-xl px-md py-sm flex items-center justify-between\"}>\n <ListMeta\n loading={vm.isLoading}\n totalCount={vm.meta.totalCount}\n currentCount={vm.meta.currentCount}\n />\n <ListStatus loading={vm.isLoadingMore} />\n </div>\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,QAAQ;AACjB,SAASC,UAAU;AACnB,SAASC,eAAe;AAExB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC;EAAG,CAAC,GAAGF,eAAe,CAAC,CAAC;EAEhC,oBACIJ,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAC;EAAoF,gBAC/FR,KAAA,CAAAO,aAAA,CAACN,SAAS,MAAE,CAAC,eACbD,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAE;EAAqD,gBACjER,KAAA,CAAAO,aAAA,CAACL,QAAQ;IACLO,OAAO,EAAEH,EAAE,CAACI,SAAU;IACtBC,UAAU,EAAEL,EAAE,CAACM,IAAI,CAACD,UAAW;IAC/BE,YAAY,EAAEP,EAAE,CAACM,IAAI,CAACC;EAAa,CACtC,CAAC,eACFb,KAAA,CAAAO,aAAA,CAACJ,UAAU;IAACM,OAAO,EAAEH,EAAE,CAACQ;EAAc,CAAE,CACvC,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/modules/pages/PagesList/components/BottomInfoBar/ListMeta.js CHANGED Viewed

@@ -10,7 +10,7 @@ export const ListMeta = props => {
   return /*#__PURE__*/React.createElement(Text, {
     size: "sm",
     as: "div",
-    className: "wby-text-neutral-strong"
+    className: "text-neutral-strong"
   }, `Showing ${props.currentCount} out of ${getLabel(props.totalCount)}.`);
 };