@wordpress/edit-site 6.42.0 → 6.43.0

package/build-module/components/sidebar-navigation-screen-templates-browse/content-legacy.mjs

@@ -1,69 +1,51 @@
 // packages/edit-site/src/components/sidebar-navigation-screen-templates-browse/content-legacy.js
-import { useEntityRecords } from "@wordpress/core-data";
-import { useMemo } from "@wordpress/element";
-import { __experimentalItemGroup as ItemGroup } from "@wordpress/components";
-import { __ } from "@wordpress/i18n";
-import { privateApis as routerPrivateApis } from "@wordpress/router";
-import { addQueryArgs } from "@wordpress/url";
-import SidebarNavigationItem from "../sidebar-navigation-item/index.mjs";
-import { useAddedBy } from "../page-templates/hooks.mjs";
-import { layout } from "@wordpress/icons";
+import { store as coreStore } from "@wordpress/core-data";
+import { useSelect } from "@wordpress/data";
+import {
+  commentAuthorAvatar,
+  layout,
+  plugins as pluginIcon,
+  globe
+} from "@wordpress/icons";
 import { TEMPLATE_POST_TYPE } from "../../utils/constants.mjs";
-import { unlock } from "../../lock-unlock.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-var { useLocation } = unlock(routerPrivateApis);
-var EMPTY_ARRAY = [];
-function TemplateDataviewItem({ template, isActive }) {
-  const { text, icon } = useAddedBy(template.type, template.id);
+import DataViewsSidebarContent from "../sidebar-dataviews/index.mjs";
+import { jsx } from "react/jsx-runtime";
+var SOURCE_TO_ICON = {
+  user: commentAuthorAvatar,
+  theme: layout,
+  plugin: pluginIcon,
+  site: globe
+};
+function DataviewsTemplatesSidebarContent() {
+  const authorSourceMap = useSelect((select) => {
+    const templates = select(coreStore).getEntityRecords(
+      "postType",
+      TEMPLATE_POST_TYPE,
+      { per_page: -1 }
+    );
+    if (!templates) {
+      return {};
+    }
+    const map = {};
+    for (const template of templates) {
+      if (template.author_text && template.original_source && !map[template.author_text]) {
+        map[template.author_text] = template.original_source;
+      }
+    }
+    return map;
+  }, []);
+  const resolveIcon = (view) => {
+    const source = authorSourceMap[view.slug];
+    return SOURCE_TO_ICON[source] ?? layout;
+  };
   return /* @__PURE__ */ jsx(
-    SidebarNavigationItem,
+    DataViewsSidebarContent,
     {
-      to: addQueryArgs("/template", { activeView: text }),
-      icon,
-      "aria-current": isActive,
-      children: text
+      postType: TEMPLATE_POST_TYPE,
+      resolveIcon
     }
   );
 }
-function DataviewsTemplatesSidebarContent() {
-  const {
-    query: { activeView = "all" }
-  } = useLocation();
-  const { records } = useEntityRecords("postType", TEMPLATE_POST_TYPE, {
-    per_page: -1
-  });
-  const firstItemPerAuthorText = useMemo(() => {
-    const firstItemPerAuthor = records?.reduce((acc, template) => {
-      const author = template.author_text;
-      if (author && !acc[author]) {
-        acc[author] = template;
-      }
-      return acc;
-    }, {});
-    return (firstItemPerAuthor && Object.values(firstItemPerAuthor)) ?? EMPTY_ARRAY;
-  }, [records]);
-  return /* @__PURE__ */ jsxs(ItemGroup, { className: "edit-site-sidebar-navigation-screen-templates-browse", children: [
-    /* @__PURE__ */ jsx(
-      SidebarNavigationItem,
-      {
-        to: "/template",
-        icon: layout,
-        "aria-current": activeView === "all",
-        children: __("All templates")
-      }
-    ),
-    firstItemPerAuthorText.map((template) => {
-      return /* @__PURE__ */ jsx(
-        TemplateDataviewItem,
-        {
-          template,
-          isActive: activeView === template.author_text
-        },
-        template.author_text
-      );
-    })
-  ] });
-}
 export {
   DataviewsTemplatesSidebarContent as default
 };

package/build-module/components/sidebar-navigation-screen-templates-browse/content-legacy.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/sidebar-navigation-screen-templates-browse/content-legacy.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { useAddedBy } from '../page-templates/hooks';\nimport { layout } from '@wordpress/icons';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst EMPTY_ARRAY = [];\n\nfunction TemplateDataviewItem( { template, isActive } ) {\n\tconst { text, icon } = useAddedBy( template.type, template.id );\n\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\tto={ addQueryArgs( '/template', { activeView: text } ) }\n\t\t\ticon={ icon }\n\t\t\taria-current={ isActive }\n\t\t>\n\t\t\t{ text }\n\t\t</SidebarNavigationItem>\n\t);\n}\n\nexport default function DataviewsTemplatesSidebarContent() {\n\tconst {\n\t\tquery: { activeView = 'all' },\n\t} = useLocation();\n\tconst { records } = useEntityRecords( 'postType', TEMPLATE_POST_TYPE, {\n\t\tper_page: -1,\n\t} );\n\tconst firstItemPerAuthorText = useMemo( () => {\n\t\tconst firstItemPerAuthor = records?.reduce( ( acc, template ) => {\n\t\t\tconst author = template.author_text;\n\t\t\tif ( author && ! acc[ author ] ) {\n\t\t\t\tacc[ author ] = template;\n\t\t\t}\n\t\t\treturn acc;\n\t\t}, {} );\n\t\treturn (\n\t\t\t( firstItemPerAuthor && Object.values( firstItemPerAuthor ) ) ??\n\t\t\tEMPTY_ARRAY\n\t\t);\n\t}, [ records ] );\n\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-templates-browse\">\n\t\t\t<SidebarNavigationItem\n\t\t\t\tto=\"/template\"\n\t\t\t\ticon={ layout }\n\t\t\t\taria-current={ activeView === 'all' }\n\t\t\t>\n\t\t\t\t{ __( 'All templates' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t\t{ firstItemPerAuthorText.map( ( template ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<TemplateDataviewItem\n\t\t\t\t\t\tkey={ template.author_text }\n\t\t\t\t\t\ttemplate={ template }\n\t\t\t\t\t\tisActive={ activeView === template.author_text }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ItemGroup>\n\t);\n}\n"],
-  "mappings": ";AAGA,SAAS,wBAAwB;AACjC,SAAS,eAAe;AACxB,SAAS,2BAA2B,iBAAiB;AACrD,SAAS,UAAU;AACnB,SAAS,eAAe,yBAAyB;AACjD,SAAS,oBAAoB;AAK7B,OAAO,2BAA2B;AAClC,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,cAAc;AAUrB,cAgCA,YAhCA;AARF,IAAM,EAAE,YAAY,IAAI,OAAQ,iBAAkB;AAElD,IAAM,cAAc,CAAC;AAErB,SAAS,qBAAsB,EAAE,UAAU,SAAS,GAAI;AACvD,QAAM,EAAE,MAAM,KAAK,IAAI,WAAY,SAAS,MAAM,SAAS,EAAG;AAE9D,SACC;AAAA,IAAC;AAAA;AAAA,MACA,IAAK,aAAc,aAAa,EAAE,YAAY,KAAK,CAAE;AAAA,MACrD;AAAA,MACA,gBAAe;AAAA,MAEb;AAAA;AAAA,EACH;AAEF;AAEe,SAAR,mCAAoD;AAC1D,QAAM;AAAA,IACL,OAAO,EAAE,aAAa,MAAM;AAAA,EAC7B,IAAI,YAAY;AAChB,QAAM,EAAE,QAAQ,IAAI,iBAAkB,YAAY,oBAAoB;AAAA,IACrE,UAAU;AAAA,EACX,CAAE;AACF,QAAM,yBAAyB,QAAS,MAAM;AAC7C,UAAM,qBAAqB,SAAS,OAAQ,CAAE,KAAK,aAAc;AAChE,YAAM,SAAS,SAAS;AACxB,UAAK,UAAU,CAAE,IAAK,MAAO,GAAI;AAChC,YAAK,MAAO,IAAI;AAAA,MACjB;AACA,aAAO;AAAA,IACR,GAAG,CAAC,CAAE;AACN,YACG,sBAAsB,OAAO,OAAQ,kBAAmB,MAC1D;AAAA,EAEF,GAAG,CAAE,OAAQ,CAAE;AAEf,SACC,qBAAC,aAAU,WAAU,wDACpB;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,IAAG;AAAA,QACH,MAAO;AAAA,QACP,gBAAe,eAAe;AAAA,QAE5B,aAAI,eAAgB;AAAA;AAAA,IACvB;AAAA,IACE,uBAAuB,IAAK,CAAE,aAAc;AAC7C,aACC;AAAA,QAAC;AAAA;AAAA,UAEA;AAAA,UACA,UAAW,eAAe,SAAS;AAAA;AAAA,QAF7B,SAAS;AAAA,MAGhB;AAAA,IAEF,CAAE;AAAA,KACH;AAEF;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport {\n\tcommentAuthorAvatar,\n\tlayout,\n\tplugins as pluginIcon,\n\tglobe,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\n\nconst SOURCE_TO_ICON = {\n\tuser: commentAuthorAvatar,\n\ttheme: layout,\n\tplugin: pluginIcon,\n\tsite: globe,\n};\nexport default function DataviewsTemplatesSidebarContent() {\n\tconst authorSourceMap = useSelect( ( select ) => {\n\t\tconst templates = select( coreStore ).getEntityRecords(\n\t\t\t'postType',\n\t\t\tTEMPLATE_POST_TYPE,\n\t\t\t{ per_page: -1 }\n\t\t);\n\t\tif ( ! templates ) {\n\t\t\treturn {};\n\t\t}\n\t\tconst map = {};\n\t\tfor ( const template of templates ) {\n\t\t\tif (\n\t\t\t\ttemplate.author_text &&\n\t\t\t\ttemplate.original_source &&\n\t\t\t\t! map[ template.author_text ]\n\t\t\t) {\n\t\t\t\tmap[ template.author_text ] = template.original_source;\n\t\t\t}\n\t\t}\n\t\treturn map;\n\t}, [] );\n\n\tconst resolveIcon = ( view ) => {\n\t\tconst source = authorSourceMap[ view.slug ];\n\t\treturn SOURCE_TO_ICON[ source ] ?? layout;\n\t};\n\n\treturn (\n\t\t<DataViewsSidebarContent\n\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\tresolveIcon={ resolveIcon }\n\t\t/>\n\t);\n}\n"],
+  "mappings": ";AAGA,SAAS,SAAS,iBAAiB;AACnC,SAAS,iBAAiB;AAC1B;AAAA,EACC;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,OACM;AAKP,SAAS,0BAA0B;AACnC,OAAO,6BAA6B;AAqClC;AAnCF,IAAM,iBAAiB;AAAA,EACtB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACP;AACe,SAAR,mCAAoD;AAC1D,QAAM,kBAAkB,UAAW,CAAE,WAAY;AAChD,UAAM,YAAY,OAAQ,SAAU,EAAE;AAAA,MACrC;AAAA,MACA;AAAA,MACA,EAAE,UAAU,GAAG;AAAA,IAChB;AACA,QAAK,CAAE,WAAY;AAClB,aAAO,CAAC;AAAA,IACT;AACA,UAAM,MAAM,CAAC;AACb,eAAY,YAAY,WAAY;AACnC,UACC,SAAS,eACT,SAAS,mBACT,CAAE,IAAK,SAAS,WAAY,GAC3B;AACD,YAAK,SAAS,WAAY,IAAI,SAAS;AAAA,MACxC;AAAA,IACD;AACA,WAAO;AAAA,EACR,GAAG,CAAC,CAAE;AAEN,QAAM,cAAc,CAAE,SAAU;AAC/B,UAAM,SAAS,gBAAiB,KAAK,IAAK;AAC1C,WAAO,eAAgB,MAAO,KAAK;AAAA,EACpC;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAW;AAAA,MACX;AAAA;AAAA,EACD;AAEF;",
   "names": []
 }

package/build-module/components/site-editor-routes/home.mjs

@@ -2,23 +2,27 @@
 import SidebarNavigationScreenMain from "../sidebar-navigation-screen-main/index.mjs";
 import SidebarNavigationScreenUnsupported from "../sidebar-navigation-screen-unsupported/index.mjs";
 import Editor from "../editor/index.mjs";
-import { isClassicThemeWithStyleBookSupport } from "./utils.mjs";
-import { jsx } from "react/jsx-runtime";
+import { isClassicThemeWithStyleBookSupport, isThemeDataLoaded } from "./utils.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
 var homeRoute = {
   name: "home",
   path: "/",
   areas: {
     sidebar({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme || isClassicThemeWithStyleBookSupport(siteData) ? /* @__PURE__ */ jsx(SidebarNavigationScreenMain, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
+      if (!isThemeDataLoaded(siteData)) {
+        return null;
+      }
+      return siteData.currentTheme.is_block_theme || isClassicThemeWithStyleBookSupport(siteData) ? /* @__PURE__ */ jsx(SidebarNavigationScreenMain, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
     },
     preview({ siteData }) {
       const isBlockTheme = siteData.currentTheme?.is_block_theme;
       return isBlockTheme || isClassicThemeWithStyleBookSupport(siteData) ? /* @__PURE__ */ jsx(Editor, { isHomeRoute: true }) : void 0;
     },
     mobile({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme || isClassicThemeWithStyleBookSupport(siteData) ? /* @__PURE__ */ jsx(SidebarNavigationScreenMain, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
+      if (!isThemeDataLoaded(siteData)) {
+        return /* @__PURE__ */ jsx(Fragment, {});
+      }
+      return siteData.currentTheme.is_block_theme || isClassicThemeWithStyleBookSupport(siteData) ? /* @__PURE__ */ jsx(SidebarNavigationScreenMain, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
     }
   }
 };

package/build-module/components/site-editor-routes/home.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/site-editor-routes/home.js"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport SidebarNavigationScreenMain from '../sidebar-navigation-screen-main';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\nimport Editor from '../editor';\nimport { isClassicThemeWithStyleBookSupport } from './utils';\n\nexport const homeRoute = {\n\tname: 'home',\n\tpath: '/',\n\tareas: {\n\t\tsidebar( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ||\n\t\t\t\tisClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<SidebarNavigationScreenMain />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tpreview( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ||\n\t\t\t\tisClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<Editor isHomeRoute />\n\t\t\t) : undefined;\n\t\t},\n\t\tmobile( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ||\n\t\t\t\tisClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<SidebarNavigationScreenMain />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t},\n};\n"],
-  "mappings": ";AAGA,OAAO,iCAAiC;AACxC,OAAO,wCAAwC;AAC/C,OAAO,YAAY;AACnB,SAAS,0CAA0C;AAU/C;AARG,IAAM,YAAY;AAAA,EACxB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,gBACN,mCAAoC,QAAS,IAC7C,oBAAC,+BAA4B,IAE7B,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,gBACN,mCAAoC,QAAS,IAC7C,oBAAC,UAAO,aAAW,MAAC,IACjB;AAAA,IACL;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,gBACN,mCAAoC,QAAS,IAC7C,oBAAC,+BAA4B,IAE7B,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,EACD;AACD;",
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport SidebarNavigationScreenMain from '../sidebar-navigation-screen-main';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\nimport Editor from '../editor';\nimport { isClassicThemeWithStyleBookSupport, isThemeDataLoaded } from './utils';\n\nexport const homeRoute = {\n\tname: 'home',\n\tpath: '/',\n\tareas: {\n\t\tsidebar( { siteData } ) {\n\t\t\tif ( ! isThemeDataLoaded( siteData ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\treturn siteData.currentTheme.is_block_theme ||\n\t\t\t\tisClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<SidebarNavigationScreenMain />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tpreview( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ||\n\t\t\t\tisClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<Editor isHomeRoute />\n\t\t\t) : undefined;\n\t\t},\n\t\tmobile( { siteData } ) {\n\t\t\tif ( ! isThemeDataLoaded( siteData ) ) {\n\t\t\t\treturn <></>;\n\t\t\t}\n\t\t\treturn siteData.currentTheme.is_block_theme ||\n\t\t\t\tisClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<SidebarNavigationScreenMain />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t},\n};\n"],
+  "mappings": ";AAGA,OAAO,iCAAiC;AACxC,OAAO,wCAAwC;AAC/C,OAAO,YAAY;AACnB,SAAS,oCAAoC,yBAAyB;AAYlE,SAcO,UAdP;AAVG,IAAM,YAAY;AAAA,EACxB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,UAAK,CAAE,kBAAmB,QAAS,GAAI;AACtC,eAAO;AAAA,MACR;AACA,aAAO,SAAS,aAAa,kBAC5B,mCAAoC,QAAS,IAC7C,oBAAC,+BAA4B,IAE7B,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,gBACN,mCAAoC,QAAS,IAC7C,oBAAC,UAAO,aAAW,MAAC,IACjB;AAAA,IACL;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,UAAK,CAAE,kBAAmB,QAAS,GAAI;AACtC,eAAO,gCAAE;AAAA,MACV;AACA,aAAO,SAAS,aAAa,kBAC5B,mCAAoC,QAAS,IAC7C,oBAAC,+BAA4B,IAE7B,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,EACD;AACD;",
   "names": []
 }

package/build-module/components/site-editor-routes/navigation-item.mjs

@@ -4,7 +4,8 @@ import Editor from "../editor/index.mjs";
 import SidebarNavigationScreenNavigationMenu from "../sidebar-navigation-screen-navigation-menu/index.mjs";
 import SidebarNavigationScreenUnsupported from "../sidebar-navigation-screen-unsupported/index.mjs";
 import { unlock } from "../../lock-unlock.mjs";
-import { jsx } from "react/jsx-runtime";
+import { isThemeDataLoaded } from "./utils.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
 var { useLocation } = unlock(routerPrivateApis);
 function MobileNavigationItemView() {
   const { query = {} } = useLocation();
@@ -16,16 +17,22 @@ var navigationItemRoute = {
   path: "/wp_navigation/:postId",
   areas: {
     sidebar({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ jsx(SidebarNavigationScreenNavigationMenu, { backPath: "/navigation" }) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
+      if (!isThemeDataLoaded(siteData)) {
+        return null;
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ jsx(SidebarNavigationScreenNavigationMenu, { backPath: "/navigation" }) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
     },
     preview({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ jsx(Editor, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
+      if (!isThemeDataLoaded(siteData)) {
+        return null;
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ jsx(Editor, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
     },
     mobile({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ jsx(MobileNavigationItemView, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
+      if (!isThemeDataLoaded(siteData)) {
+        return /* @__PURE__ */ jsx(Fragment, {});
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ jsx(MobileNavigationItemView, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
     }
   }
 };

package/build-module/components/site-editor-routes/navigation-item.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/site-editor-routes/navigation-item.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport SidebarNavigationScreenNavigationMenu from '../sidebar-navigation-screen-navigation-menu';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction MobileNavigationItemView() {\n\tconst { query = {} } = useLocation();\n\tconst { canvas = 'view' } = query;\n\n\treturn canvas === 'edit' ? (\n\t\t<Editor />\n\t) : (\n\t\t<SidebarNavigationScreenNavigationMenu backPath=\"/navigation\" />\n\t);\n}\n\nexport const navigationItemRoute = {\n\tname: 'navigation-item',\n\tpath: '/wp_navigation/:postId',\n\tareas: {\n\t\tsidebar( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? (\n\t\t\t\t<SidebarNavigationScreenNavigationMenu backPath=\"/navigation\" />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tpreview( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? (\n\t\t\t\t<Editor />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tmobile( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? (\n\t\t\t\t<MobileNavigationItemView />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t},\n};\n"],
-  "mappings": ";AAGA,SAAS,eAAe,yBAAyB;AAKjD,OAAO,YAAY;AACnB,OAAO,2CAA2C;AAClD,OAAO,wCAAwC;AAC/C,SAAS,cAAc;AASrB;AAPF,IAAM,EAAE,YAAY,IAAI,OAAQ,iBAAkB;AAElD,SAAS,2BAA2B;AACnC,QAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,YAAY;AACnC,QAAM,EAAE,SAAS,OAAO,IAAI;AAE5B,SAAO,WAAW,SACjB,oBAAC,UAAO,IAER,oBAAC,yCAAsC,UAAS,eAAc;AAEhE;AAEO,IAAM,sBAAsB;AAAA,EAClC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eACN,oBAAC,yCAAsC,UAAS,eAAc,IAE9D,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eACN,oBAAC,UAAO,IAER,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eACN,oBAAC,4BAAyB,IAE1B,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,EACD;AACD;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport SidebarNavigationScreenNavigationMenu from '../sidebar-navigation-screen-navigation-menu';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\nimport { unlock } from '../../lock-unlock';\nimport { isThemeDataLoaded } from './utils';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction MobileNavigationItemView() {\n\tconst { query = {} } = useLocation();\n\tconst { canvas = 'view' } = query;\n\n\treturn canvas === 'edit' ? (\n\t\t<Editor />\n\t) : (\n\t\t<SidebarNavigationScreenNavigationMenu backPath=\"/navigation\" />\n\t);\n}\n\nexport const navigationItemRoute = {\n\tname: 'navigation-item',\n\tpath: '/wp_navigation/:postId',\n\tareas: {\n\t\tsidebar( { siteData } ) {\n\t\t\tif ( ! isThemeDataLoaded( siteData ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\treturn siteData.currentTheme.is_block_theme ? (\n\t\t\t\t<SidebarNavigationScreenNavigationMenu backPath=\"/navigation\" />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tpreview( { siteData } ) {\n\t\t\tif ( ! isThemeDataLoaded( siteData ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\treturn siteData.currentTheme.is_block_theme ? (\n\t\t\t\t<Editor />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tmobile( { siteData } ) {\n\t\t\tif ( ! isThemeDataLoaded( siteData ) ) {\n\t\t\t\treturn <></>;\n\t\t\t}\n\t\t\treturn siteData.currentTheme.is_block_theme ? (\n\t\t\t\t<MobileNavigationItemView />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t},\n};\n"],
+  "mappings": ";AAGA,SAAS,eAAe,yBAAyB;AAKjD,OAAO,YAAY;AACnB,OAAO,2CAA2C;AAClD,OAAO,wCAAwC;AAC/C,SAAS,cAAc;AACvB,SAAS,yBAAyB;AAShC,SAgCS,UAhCT;AAPF,IAAM,EAAE,YAAY,IAAI,OAAQ,iBAAkB;AAElD,SAAS,2BAA2B;AACnC,QAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,YAAY;AACnC,QAAM,EAAE,SAAS,OAAO,IAAI;AAE5B,SAAO,WAAW,SACjB,oBAAC,UAAO,IAER,oBAAC,yCAAsC,UAAS,eAAc;AAEhE;AAEO,IAAM,sBAAsB;AAAA,EAClC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,UAAK,CAAE,kBAAmB,QAAS,GAAI;AACtC,eAAO;AAAA,MACR;AACA,aAAO,SAAS,aAAa,iBAC5B,oBAAC,yCAAsC,UAAS,eAAc,IAE9D,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,UAAK,CAAE,kBAAmB,QAAS,GAAI;AACtC,eAAO;AAAA,MACR;AACA,aAAO,SAAS,aAAa,iBAC5B,oBAAC,UAAO,IAER,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,UAAK,CAAE,kBAAmB,QAAS,GAAI;AACtC,eAAO,gCAAE;AAAA,MACV;AACA,aAAO,SAAS,aAAa,iBAC5B,oBAAC,4BAAyB,IAE1B,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,EACD;AACD;",
   "names": []
 }

package/build-module/components/site-editor-routes/navigation.mjs

@@ -4,7 +4,8 @@ import Editor from "../editor/index.mjs";
 import SidebarNavigationScreenNavigationMenus from "../sidebar-navigation-screen-navigation-menus/index.mjs";
 import SidebarNavigationScreenUnsupported from "../sidebar-navigation-screen-unsupported/index.mjs";
 import { unlock } from "../../lock-unlock.mjs";
-import { jsx } from "react/jsx-runtime";
+import { isThemeDataLoaded } from "./utils.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
 var { useLocation } = unlock(routerPrivateApis);
 function MobileNavigationView() {
   const { query = {} } = useLocation();
@@ -16,16 +17,20 @@ var navigationRoute = {
   path: "/navigation",
   areas: {
     sidebar({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ jsx(SidebarNavigationScreenNavigationMenus, { backPath: "/" }) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
+      if (!isThemeDataLoaded(siteData)) {
+        return null;
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ jsx(SidebarNavigationScreenNavigationMenus, { backPath: "/" }) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
     },
     preview({ siteData }) {
       const isBlockTheme = siteData.currentTheme?.is_block_theme;
       return isBlockTheme ? /* @__PURE__ */ jsx(Editor, {}) : void 0;
     },
     mobile({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ jsx(MobileNavigationView, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
+      if (!isThemeDataLoaded(siteData)) {
+        return /* @__PURE__ */ jsx(Fragment, {});
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ jsx(MobileNavigationView, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
     }
   }
 };

package/build-module/components/site-editor-routes/navigation.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/site-editor-routes/navigation.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport SidebarNavigationScreenNavigationMenus from '../sidebar-navigation-screen-navigation-menus';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction MobileNavigationView() {\n\tconst { query = {} } = useLocation();\n\tconst { canvas = 'view' } = query;\n\n\treturn canvas === 'edit' ? (\n\t\t<Editor />\n\t) : (\n\t\t<SidebarNavigationScreenNavigationMenus backPath=\"/\" />\n\t);\n}\n\nexport const navigationRoute = {\n\tname: 'navigation',\n\tpath: '/navigation',\n\tareas: {\n\t\tsidebar( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? (\n\t\t\t\t<SidebarNavigationScreenNavigationMenus backPath=\"/\" />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tpreview( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? <Editor /> : undefined;\n\t\t},\n\t\tmobile( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? (\n\t\t\t\t<MobileNavigationView />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t},\n};\n"],
-  "mappings": ";AAGA,SAAS,eAAe,yBAAyB;AAKjD,OAAO,YAAY;AACnB,OAAO,4CAA4C;AACnD,OAAO,wCAAwC;AAC/C,SAAS,cAAc;AASrB;AAPF,IAAM,EAAE,YAAY,IAAI,OAAQ,iBAAkB;AAElD,SAAS,uBAAuB;AAC/B,QAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,YAAY;AACnC,QAAM,EAAE,SAAS,OAAO,IAAI;AAE5B,SAAO,WAAW,SACjB,oBAAC,UAAO,IAER,oBAAC,0CAAuC,UAAS,KAAI;AAEvD;AAEO,IAAM,kBAAkB;AAAA,EAC9B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eACN,oBAAC,0CAAuC,UAAS,KAAI,IAErD,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eAAe,oBAAC,UAAO,IAAK;AAAA,IACpC;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eACN,oBAAC,wBAAqB,IAEtB,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,EACD;AACD;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport SidebarNavigationScreenNavigationMenus from '../sidebar-navigation-screen-navigation-menus';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\nimport { unlock } from '../../lock-unlock';\nimport { isThemeDataLoaded } from './utils';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction MobileNavigationView() {\n\tconst { query = {} } = useLocation();\n\tconst { canvas = 'view' } = query;\n\n\treturn canvas === 'edit' ? (\n\t\t<Editor />\n\t) : (\n\t\t<SidebarNavigationScreenNavigationMenus backPath=\"/\" />\n\t);\n}\n\nexport const navigationRoute = {\n\tname: 'navigation',\n\tpath: '/navigation',\n\tareas: {\n\t\tsidebar( { siteData } ) {\n\t\t\tif ( ! isThemeDataLoaded( siteData ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\treturn siteData.currentTheme.is_block_theme ? (\n\t\t\t\t<SidebarNavigationScreenNavigationMenus backPath=\"/\" />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tpreview( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? <Editor /> : undefined;\n\t\t},\n\t\tmobile( { siteData } ) {\n\t\t\tif ( ! isThemeDataLoaded( siteData ) ) {\n\t\t\t\treturn <></>;\n\t\t\t}\n\t\t\treturn siteData.currentTheme.is_block_theme ? (\n\t\t\t\t<MobileNavigationView />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t},\n};\n"],
+  "mappings": ";AAGA,SAAS,eAAe,yBAAyB;AAKjD,OAAO,YAAY;AACnB,OAAO,4CAA4C;AACnD,OAAO,wCAAwC;AAC/C,SAAS,cAAc;AACvB,SAAS,yBAAyB;AAShC,SA0BS,UA1BT;AAPF,IAAM,EAAE,YAAY,IAAI,OAAQ,iBAAkB;AAElD,SAAS,uBAAuB;AAC/B,QAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,YAAY;AACnC,QAAM,EAAE,SAAS,OAAO,IAAI;AAE5B,SAAO,WAAW,SACjB,oBAAC,UAAO,IAER,oBAAC,0CAAuC,UAAS,KAAI;AAEvD;AAEO,IAAM,kBAAkB;AAAA,EAC9B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,UAAK,CAAE,kBAAmB,QAAS,GAAI;AACtC,eAAO;AAAA,MACR;AACA,aAAO,SAAS,aAAa,iBAC5B,oBAAC,0CAAuC,UAAS,KAAI,IAErD,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eAAe,oBAAC,UAAO,IAAK;AAAA,IACpC;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,UAAK,CAAE,kBAAmB,QAAS,GAAI;AACtC,eAAO,gCAAE;AAAA,MACV;AACA,aAAO,SAAS,aAAa,iBAC5B,oBAAC,wBAAqB,IAEtB,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,EACD;AACD;",
   "names": []
 }

package/build-module/components/site-editor-routes/page-item.mjs

@@ -4,14 +4,17 @@ import Editor from "../editor/index.mjs";
 import DataViewsSidebarContent from "../sidebar-dataviews/index.mjs";
 import SidebarNavigationScreen from "../sidebar-navigation-screen/index.mjs";
 import SidebarNavigationScreenUnsupported from "../sidebar-navigation-screen-unsupported/index.mjs";
-import { jsx } from "react/jsx-runtime";
+import { isThemeDataLoaded } from "./utils.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
 var pageItemRoute = {
   name: "page-item",
   path: "/page/:postId",
   areas: {
     sidebar({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ jsx(
+      if (!isThemeDataLoaded(siteData)) {
+        return null;
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ jsx(
         SidebarNavigationScreen,
         {
           title: __("Pages"),
@@ -21,12 +24,16 @@ var pageItemRoute = {
       ) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
     },
     mobile({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ jsx(Editor, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
+      if (!isThemeDataLoaded(siteData)) {
+        return /* @__PURE__ */ jsx(Fragment, {});
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ jsx(Editor, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
     },
     preview({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ jsx(Editor, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
+      if (!isThemeDataLoaded(siteData)) {
+        return null;
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ jsx(Editor, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
     }
   }
 };

package/build-module/components/site-editor-routes/page-item.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/site-editor-routes/page-item.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\n\nexport const pageItemRoute = {\n\tname: 'page-item',\n\tpath: '/page/:postId',\n\tareas: {\n\t\tsidebar( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? (\n\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\ttitle={ __( 'Pages' ) }\n\t\t\t\t\tbackPath=\"/\"\n\t\t\t\t\tcontent={ <DataViewsSidebarContent postType=\"page\" /> }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tmobile( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? (\n\t\t\t\t<Editor />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tpreview( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? (\n\t\t\t\t<Editor />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t},\n};\n"],
-  "mappings": ";AAGA,SAAS,UAAU;AAKnB,OAAO,YAAY;AACnB,OAAO,6BAA6B;AACpC,OAAO,6BAA6B;AACpC,OAAO,wCAAwC;AAYhC;AAVR,IAAM,gBAAgB;AAAA,EAC5B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eACN;AAAA,QAAC;AAAA;AAAA,UACA,OAAQ,GAAI,OAAQ;AAAA,UACpB,UAAS;AAAA,UACT,SAAU,oBAAC,2BAAwB,UAAS,QAAO;AAAA;AAAA,MACpD,IAEA,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eACN,oBAAC,UAAO,IAER,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eACN,oBAAC,UAAO,IAER,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,EACD;AACD;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\nimport { isThemeDataLoaded } from './utils';\n\nexport const pageItemRoute = {\n\tname: 'page-item',\n\tpath: '/page/:postId',\n\tareas: {\n\t\tsidebar( { siteData } ) {\n\t\t\tif ( ! isThemeDataLoaded( siteData ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\treturn siteData.currentTheme.is_block_theme ? (\n\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\ttitle={ __( 'Pages' ) }\n\t\t\t\t\tbackPath=\"/\"\n\t\t\t\t\tcontent={ <DataViewsSidebarContent postType=\"page\" /> }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tmobile( { siteData } ) {\n\t\t\tif ( ! isThemeDataLoaded( siteData ) ) {\n\t\t\t\treturn <></>;\n\t\t\t}\n\t\t\treturn siteData.currentTheme.is_block_theme ? (\n\t\t\t\t<Editor />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tpreview( { siteData } ) {\n\t\t\tif ( ! isThemeDataLoaded( siteData ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\treturn siteData.currentTheme.is_block_theme ? (\n\t\t\t\t<Editor />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t},\n};\n"],
+  "mappings": ";AAGA,SAAS,UAAU;AAKnB,OAAO,YAAY;AACnB,OAAO,6BAA6B;AACpC,OAAO,6BAA6B;AACpC,OAAO,wCAAwC;AAC/C,SAAS,yBAAyB;AAcnB,SAQJ,UARI;AAZR,IAAM,gBAAgB;AAAA,EAC5B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,UAAK,CAAE,kBAAmB,QAAS,GAAI;AACtC,eAAO;AAAA,MACR;AACA,aAAO,SAAS,aAAa,iBAC5B;AAAA,QAAC;AAAA;AAAA,UACA,OAAQ,GAAI,OAAQ;AAAA,UACpB,UAAS;AAAA,UACT,SAAU,oBAAC,2BAAwB,UAAS,QAAO;AAAA;AAAA,MACpD,IAEA,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,UAAK,CAAE,kBAAmB,QAAS,GAAI;AACtC,eAAO,gCAAE;AAAA,MACV;AACA,aAAO,SAAS,aAAa,iBAC5B,oBAAC,UAAO,IAER,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,UAAK,CAAE,kBAAmB,QAAS,GAAI;AACtC,eAAO;AAAA,MACR;AACA,aAAO,SAAS,aAAa,iBAC5B,oBAAC,UAAO,IAER,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,EACD;AACD;",
   "names": []
 }

package/build-module/components/site-editor-routes/pages.mjs

@@ -1,6 +1,8 @@
 // packages/edit-site/src/components/site-editor-routes/pages.js
 import { privateApis as routerPrivateApis } from "@wordpress/router";
 import { __ } from "@wordpress/i18n";
+import { resolveSelect } from "@wordpress/data";
+import { store as coreStore } from "@wordpress/core-data";
 import { loadView } from "@wordpress/views";
 import Editor from "../editor/index.mjs";
 import SidebarNavigationScreen from "../sidebar-navigation-screen/index.mjs";
@@ -8,20 +10,25 @@ import SidebarNavigationScreenUnsupported from "../sidebar-navigation-screen-uns
 import DataViewsSidebarContent from "../sidebar-dataviews/index.mjs";
 import PostList from "../post-list/index.mjs";
 import { unlock } from "../../lock-unlock.mjs";
-import {
-  DEFAULT_VIEW,
-  getActiveViewOverridesForTab
-} from "../post-list/view-utils.mjs";
-import { jsx } from "react/jsx-runtime";
+import { isThemeDataLoaded } from "./utils.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
 var { useLocation } = unlock(routerPrivateApis);
 async function isListView(query) {
   const { activeView = "all" } = query;
+  const config = await unlock(resolveSelect(coreStore)).getViewConfig(
+    "postType",
+    "page"
+  );
+  const defaultView = config?.default_view;
+  const defaultLayouts = config?.default_layouts;
+  const viewEntry = config?.view_list?.find((v) => v.slug === activeView);
   const view = await loadView({
     kind: "postType",
     name: "page",
     slug: "default",
-    defaultView: DEFAULT_VIEW,
-    activeViewOverrides: getActiveViewOverridesForTab(activeView)
+    defaultView,
+    defaultLayouts,
+    activeViewOverrides: viewEntry?.view ?? {}
   });
   return view.type === "list";
 }
@@ -35,8 +42,10 @@ var pagesRoute = {
   path: "/page",
   areas: {
     sidebar({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ jsx(
+      if (!isThemeDataLoaded(siteData)) {
+        return null;
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ jsx(
         SidebarNavigationScreen,
         {
           title: __("Pages"),
@@ -58,8 +67,10 @@ var pagesRoute = {
       return isList ? /* @__PURE__ */ jsx(Editor, {}) : void 0;
     },
     mobile({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ jsx(MobilePagesView, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
+      if (!isThemeDataLoaded(siteData)) {
+        return /* @__PURE__ */ jsx(Fragment, {});
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ jsx(MobilePagesView, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
     }
   },
   widths: {

package/build-module/components/site-editor-routes/pages.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/site-editor-routes/pages.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { __ } from '@wordpress/i18n';\nimport { loadView } from '@wordpress/views';\n\n/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\nimport PostList from '../post-list';\nimport { unlock } from '../../lock-unlock';\nimport {\n\tDEFAULT_VIEW,\n\tgetActiveViewOverridesForTab,\n} from '../post-list/view-utils';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nasync function isListView( query ) {\n\tconst { activeView = 'all' } = query;\n\tconst view = await loadView( {\n\t\tkind: 'postType',\n\t\tname: 'page',\n\t\tslug: 'default',\n\t\tdefaultView: DEFAULT_VIEW,\n\t\tactiveViewOverrides: getActiveViewOverridesForTab( activeView ),\n\t} );\n\treturn view.type === 'list';\n}\n\nfunction MobilePagesView() {\n\tconst { query = {} } = useLocation();\n\tconst { canvas = 'view' } = query;\n\n\treturn canvas === 'edit' ? <Editor /> : <PostList postType=\"page\" />;\n}\n\nexport const pagesRoute = {\n\tname: 'pages',\n\tpath: '/page',\n\tareas: {\n\t\tsidebar( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? (\n\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\ttitle={ __( 'Pages' ) }\n\t\t\t\t\tbackPath=\"/\"\n\t\t\t\t\tcontent={ <DataViewsSidebarContent postType=\"page\" /> }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tcontent( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? <PostList postType=\"page\" /> : undefined;\n\t\t},\n\t\tasync preview( { query, siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\tif ( ! isBlockTheme ) {\n\t\t\t\treturn undefined;\n\t\t\t}\n\t\t\tconst isList = await isListView( query );\n\t\t\treturn isList ? <Editor /> : undefined;\n\t\t},\n\t\tmobile( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? (\n\t\t\t\t<MobilePagesView />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t},\n\twidths: {\n\t\tasync content( { query } ) {\n\t\t\tconst isList = await isListView( query );\n\t\t\treturn isList ? 380 : undefined;\n\t\t},\n\t},\n};\n"],
-  "mappings": ";AAGA,SAAS,eAAe,yBAAyB;AACjD,SAAS,UAAU;AACnB,SAAS,gBAAgB;AAKzB,OAAO,YAAY;AACnB,OAAO,6BAA6B;AACpC,OAAO,wCAAwC;AAC/C,OAAO,6BAA6B;AACpC,OAAO,cAAc;AACrB,SAAS,cAAc;AACvB;AAAA,EACC;AAAA,EACA;AAAA,OACM;AAoBqB;AAlB5B,IAAM,EAAE,YAAY,IAAI,OAAQ,iBAAkB;AAElD,eAAe,WAAY,OAAQ;AAClC,QAAM,EAAE,aAAa,MAAM,IAAI;AAC/B,QAAM,OAAO,MAAM,SAAU;AAAA,IAC5B,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,qBAAqB,6BAA8B,UAAW;AAAA,EAC/D,CAAE;AACF,SAAO,KAAK,SAAS;AACtB;AAEA,SAAS,kBAAkB;AAC1B,QAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,YAAY;AACnC,QAAM,EAAE,SAAS,OAAO,IAAI;AAE5B,SAAO,WAAW,SAAS,oBAAC,UAAO,IAAK,oBAAC,YAAS,UAAS,QAAO;AACnE;AAEO,IAAM,aAAa;AAAA,EACzB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eACN;AAAA,QAAC;AAAA;AAAA,UACA,OAAQ,GAAI,OAAQ;AAAA,UACpB,UAAS;AAAA,UACT,SAAU,oBAAC,2BAAwB,UAAS,QAAO;AAAA;AAAA,MACpD,IAEA,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eAAe,oBAAC,YAAS,UAAS,QAAO,IAAK;AAAA,IACtD;AAAA,IACA,MAAM,QAAS,EAAE,OAAO,SAAS,GAAI;AACpC,YAAM,eAAe,SAAS,cAAc;AAC5C,UAAK,CAAE,cAAe;AACrB,eAAO;AAAA,MACR;AACA,YAAM,SAAS,MAAM,WAAY,KAAM;AACvC,aAAO,SAAS,oBAAC,UAAO,IAAK;AAAA,IAC9B;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eACN,oBAAC,mBAAgB,IAEjB,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,EACD;AAAA,EACA,QAAQ;AAAA,IACP,MAAM,QAAS,EAAE,MAAM,GAAI;AAC1B,YAAM,SAAS,MAAM,WAAY,KAAM;AACvC,aAAO,SAAS,MAAM;AAAA,IACvB;AAAA,EACD;AACD;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { __ } from '@wordpress/i18n';\nimport { resolveSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { loadView } from '@wordpress/views';\n\n/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\nimport PostList from '../post-list';\nimport { unlock } from '../../lock-unlock';\nimport { isThemeDataLoaded } from './utils';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nasync function isListView( query ) {\n\tconst { activeView = 'all' } = query;\n\tconst config = await unlock( resolveSelect( coreStore ) ).getViewConfig(\n\t\t'postType',\n\t\t'page'\n\t);\n\tconst defaultView = config?.default_view;\n\tconst defaultLayouts = config?.default_layouts;\n\tconst viewEntry = config?.view_list?.find( ( v ) => v.slug === activeView );\n\tconst view = await loadView( {\n\t\tkind: 'postType',\n\t\tname: 'page',\n\t\tslug: 'default',\n\t\tdefaultView,\n\t\tdefaultLayouts,\n\t\tactiveViewOverrides: viewEntry?.view ?? {},\n\t} );\n\treturn view.type === 'list';\n}\n\nfunction MobilePagesView() {\n\tconst { query = {} } = useLocation();\n\tconst { canvas = 'view' } = query;\n\n\treturn canvas === 'edit' ? <Editor /> : <PostList postType=\"page\" />;\n}\n\nexport const pagesRoute = {\n\tname: 'pages',\n\tpath: '/page',\n\tareas: {\n\t\tsidebar( { siteData } ) {\n\t\t\tif ( ! isThemeDataLoaded( siteData ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\treturn siteData.currentTheme.is_block_theme ? (\n\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\ttitle={ __( 'Pages' ) }\n\t\t\t\t\tbackPath=\"/\"\n\t\t\t\t\tcontent={ <DataViewsSidebarContent postType=\"page\" /> }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tcontent( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? <PostList postType=\"page\" /> : undefined;\n\t\t},\n\t\tasync preview( { query, siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\tif ( ! isBlockTheme ) {\n\t\t\t\treturn undefined;\n\t\t\t}\n\t\t\tconst isList = await isListView( query );\n\t\t\treturn isList ? <Editor /> : undefined;\n\t\t},\n\t\tmobile( { siteData } ) {\n\t\t\tif ( ! isThemeDataLoaded( siteData ) ) {\n\t\t\t\treturn <></>;\n\t\t\t}\n\t\t\treturn siteData.currentTheme.is_block_theme ? (\n\t\t\t\t<MobilePagesView />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t},\n\twidths: {\n\t\tasync content( { query } ) {\n\t\t\tconst isList = await isListView( query );\n\t\t\treturn isList ? 380 : undefined;\n\t\t},\n\t},\n};\n"],
+  "mappings": ";AAGA,SAAS,eAAe,yBAAyB;AACjD,SAAS,UAAU;AACnB,SAAS,qBAAqB;AAC9B,SAAS,SAAS,iBAAiB;AACnC,SAAS,gBAAgB;AAKzB,OAAO,YAAY;AACnB,OAAO,6BAA6B;AACpC,OAAO,wCAAwC;AAC/C,OAAO,6BAA6B;AACpC,OAAO,cAAc;AACrB,SAAS,cAAc;AACvB,SAAS,yBAAyB;AA4BN,SAmCjB,UAnCiB;AA1B5B,IAAM,EAAE,YAAY,IAAI,OAAQ,iBAAkB;AAElD,eAAe,WAAY,OAAQ;AAClC,QAAM,EAAE,aAAa,MAAM,IAAI;AAC/B,QAAM,SAAS,MAAM,OAAQ,cAAe,SAAU,CAAE,EAAE;AAAA,IACzD;AAAA,IACA;AAAA,EACD;AACA,QAAM,cAAc,QAAQ;AAC5B,QAAM,iBAAiB,QAAQ;AAC/B,QAAM,YAAY,QAAQ,WAAW,KAAM,CAAE,MAAO,EAAE,SAAS,UAAW;AAC1E,QAAM,OAAO,MAAM,SAAU;AAAA,IAC5B,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,qBAAqB,WAAW,QAAQ,CAAC;AAAA,EAC1C,CAAE;AACF,SAAO,KAAK,SAAS;AACtB;AAEA,SAAS,kBAAkB;AAC1B,QAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,YAAY;AACnC,QAAM,EAAE,SAAS,OAAO,IAAI;AAE5B,SAAO,WAAW,SAAS,oBAAC,UAAO,IAAK,oBAAC,YAAS,UAAS,QAAO;AACnE;AAEO,IAAM,aAAa;AAAA,EACzB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,UAAK,CAAE,kBAAmB,QAAS,GAAI;AACtC,eAAO;AAAA,MACR;AACA,aAAO,SAAS,aAAa,iBAC5B;AAAA,QAAC;AAAA;AAAA,UACA,OAAQ,GAAI,OAAQ;AAAA,UACpB,UAAS;AAAA,UACT,SAAU,oBAAC,2BAAwB,UAAS,QAAO;AAAA;AAAA,MACpD,IAEA,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eAAe,oBAAC,YAAS,UAAS,QAAO,IAAK;AAAA,IACtD;AAAA,IACA,MAAM,QAAS,EAAE,OAAO,SAAS,GAAI;AACpC,YAAM,eAAe,SAAS,cAAc;AAC5C,UAAK,CAAE,cAAe;AACrB,eAAO;AAAA,MACR;AACA,YAAM,SAAS,MAAM,WAAY,KAAM;AACvC,aAAO,SAAS,oBAAC,UAAO,IAAK;AAAA,IAC9B;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,UAAK,CAAE,kBAAmB,QAAS,GAAI;AACtC,eAAO,gCAAE;AAAA,MACV;AACA,aAAO,SAAS,aAAa,iBAC5B,oBAAC,mBAAgB,IAEjB,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,EACD;AAAA,EACA,QAAQ;AAAA,IACP,MAAM,QAAS,EAAE,MAAM,GAAI;AAC1B,YAAM,SAAS,MAAM,WAAY,KAAM;AACvC,aAAO,SAAS,MAAM;AAAA,IACvB;AAAA,EACD;AACD;",
   "names": []
 }

package/build-module/components/site-editor-routes/stylebook.mjs

@@ -4,7 +4,7 @@ import { privateApis as editorPrivateApis } from "@wordpress/editor";
 import SidebarNavigationScreen from "../sidebar-navigation-screen/index.mjs";
 import SidebarNavigationScreenUnsupported from "../sidebar-navigation-screen-unsupported/index.mjs";
 import { unlock } from "../../lock-unlock.mjs";
-import { isClassicThemeWithStyleBookSupport } from "./utils.mjs";
+import { isClassicThemeWithStyleBookSupport, isThemeDataLoaded } from "./utils.mjs";
 import { jsx } from "react/jsx-runtime";
 var { StyleBookPreview } = unlock(editorPrivateApis);
 var stylebookRoute = {
@@ -12,6 +12,9 @@ var stylebookRoute = {
   path: "/stylebook",
   areas: {
     sidebar({ siteData }) {
+      if (!isThemeDataLoaded(siteData)) {
+        return null;
+      }
       return isClassicThemeWithStyleBookSupport(siteData) ? /* @__PURE__ */ jsx(
         SidebarNavigationScreen,
         {
@@ -24,10 +27,22 @@ var stylebookRoute = {
       ) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
     },
     preview({ siteData }) {
-      return isClassicThemeWithStyleBookSupport(siteData) ? /* @__PURE__ */ jsx(StyleBookPreview, { isStatic: true }) : void 0;
+      return isClassicThemeWithStyleBookSupport(siteData) ? /* @__PURE__ */ jsx(
+        StyleBookPreview,
+        {
+          isStatic: true,
+          settings: siteData.editorSettings
+        }
+      ) : void 0;
     },
     mobile({ siteData }) {
-      return isClassicThemeWithStyleBookSupport(siteData) ? /* @__PURE__ */ jsx(StyleBookPreview, { isStatic: true }) : void 0;
+      return isClassicThemeWithStyleBookSupport(siteData) ? /* @__PURE__ */ jsx(
+        StyleBookPreview,
+        {
+          isStatic: true,
+          settings: siteData.editorSettings
+        }
+      ) : void 0;
     }
   }
 };

package/build-module/components/site-editor-routes/stylebook.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/site-editor-routes/stylebook.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\nimport { unlock } from '../../lock-unlock';\nimport { isClassicThemeWithStyleBookSupport } from './utils';\n\nconst { StyleBookPreview } = unlock( editorPrivateApis );\n\nexport const stylebookRoute = {\n\tname: 'stylebook',\n\tpath: '/stylebook',\n\tareas: {\n\t\tsidebar( { siteData } ) {\n\t\t\treturn isClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t\t\tbackPath=\"/\"\n\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t`Preview your website's visual identity: colors, typography, and blocks.`\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tpreview( { siteData } ) {\n\t\t\treturn isClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<StyleBookPreview isStatic />\n\t\t\t) : undefined;\n\t\t},\n\t\tmobile( { siteData } ) {\n\t\t\treturn isClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<StyleBookPreview isStatic />\n\t\t\t) : undefined;\n\t\t},\n\t},\n};\n"],
-  "mappings": ";AAGA,SAAS,UAAU;AACnB,SAAS,eAAe,yBAAyB;AAKjD,OAAO,6BAA6B;AACpC,OAAO,wCAAwC;AAC/C,SAAS,cAAc;AACvB,SAAS,0CAA0C;AAU/C;AARJ,IAAM,EAAE,iBAAiB,IAAI,OAAQ,iBAAkB;AAEhD,IAAM,iBAAiB;AAAA,EAC7B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,aAAO,mCAAoC,QAAS,IACnD;AAAA,QAAC;AAAA;AAAA,UACA,OAAQ,GAAI,QAAS;AAAA,UACrB,UAAS;AAAA,UACT,aAAc;AAAA,YACb;AAAA,UACD;AAAA;AAAA,MACD,IAEA,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,aAAO,mCAAoC,QAAS,IACnD,oBAAC,oBAAiB,UAAQ,MAAC,IACxB;AAAA,IACL;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,aAAO,mCAAoC,QAAS,IACnD,oBAAC,oBAAiB,UAAQ,MAAC,IACxB;AAAA,IACL;AAAA,EACD;AACD;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\nimport { unlock } from '../../lock-unlock';\nimport { isClassicThemeWithStyleBookSupport, isThemeDataLoaded } from './utils';\n\nconst { StyleBookPreview } = unlock( editorPrivateApis );\n\nexport const stylebookRoute = {\n\tname: 'stylebook',\n\tpath: '/stylebook',\n\tareas: {\n\t\tsidebar( { siteData } ) {\n\t\t\tif ( ! isThemeDataLoaded( siteData ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\treturn isClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t\t\tbackPath=\"/\"\n\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t`Preview your website's visual identity: colors, typography, and blocks.`\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tpreview( { siteData } ) {\n\t\t\treturn isClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<StyleBookPreview\n\t\t\t\t\tisStatic\n\t\t\t\t\tsettings={ siteData.editorSettings }\n\t\t\t\t/>\n\t\t\t) : undefined;\n\t\t},\n\t\tmobile( { siteData } ) {\n\t\t\treturn isClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<StyleBookPreview\n\t\t\t\t\tisStatic\n\t\t\t\t\tsettings={ siteData.editorSettings }\n\t\t\t\t/>\n\t\t\t) : undefined;\n\t\t},\n\t},\n};\n"],
+  "mappings": ";AAGA,SAAS,UAAU;AACnB,SAAS,eAAe,yBAAyB;AAKjD,OAAO,6BAA6B;AACpC,OAAO,wCAAwC;AAC/C,SAAS,cAAc;AACvB,SAAS,oCAAoC,yBAAyB;AAalE;AAXJ,IAAM,EAAE,iBAAiB,IAAI,OAAQ,iBAAkB;AAEhD,IAAM,iBAAiB;AAAA,EAC7B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,UAAK,CAAE,kBAAmB,QAAS,GAAI;AACtC,eAAO;AAAA,MACR;AACA,aAAO,mCAAoC,QAAS,IACnD;AAAA,QAAC;AAAA;AAAA,UACA,OAAQ,GAAI,QAAS;AAAA,UACrB,UAAS;AAAA,UACT,aAAc;AAAA,YACb;AAAA,UACD;AAAA;AAAA,MACD,IAEA,oBAAC,sCAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,aAAO,mCAAoC,QAAS,IACnD;AAAA,QAAC;AAAA;AAAA,UACA,UAAQ;AAAA,UACR,UAAW,SAAS;AAAA;AAAA,MACrB,IACG;AAAA,IACL;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,aAAO,mCAAoC,QAAS,IACnD;AAAA,QAAC;AAAA;AAAA,UACA,UAAQ;AAAA,UACR,UAAW,SAAS;AAAA;AAAA,MACrB,IACG;AAAA,IACL;AAAA,EACD;AACD;",
   "names": []
 }

package/build-module/components/site-editor-routes/template-item.mjs

@@ -2,19 +2,26 @@
 import Editor from "../editor/index.mjs";
 import SidebarNavigationScreenTemplatesBrowse from "../sidebar-navigation-screen-templates-browse/index.mjs";
 import SidebarNavigationScreenUnsupported from "../sidebar-navigation-screen-unsupported/index.mjs";
-import { jsx } from "react/jsx-runtime";
+import { isThemeDataLoaded } from "./utils.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
 var areas = {
   sidebar({ siteData }) {
-    const isBlockTheme = siteData.currentTheme?.is_block_theme;
-    return isBlockTheme ? /* @__PURE__ */ jsx(SidebarNavigationScreenTemplatesBrowse, { backPath: "/" }) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
+    if (!isThemeDataLoaded(siteData)) {
+      return null;
+    }
+    return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ jsx(SidebarNavigationScreenTemplatesBrowse, { backPath: "/" }) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
   },
   mobile({ siteData }) {
-    const isBlockTheme = siteData.currentTheme?.is_block_theme;
-    return isBlockTheme ? /* @__PURE__ */ jsx(Editor, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
+    if (!isThemeDataLoaded(siteData)) {
+      return /* @__PURE__ */ jsx(Fragment, {});
+    }
+    return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ jsx(Editor, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
   },
   preview({ siteData }) {
-    const isBlockTheme = siteData.currentTheme?.is_block_theme;
-    return isBlockTheme ? /* @__PURE__ */ jsx(Editor, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
+    if (!isThemeDataLoaded(siteData)) {
+      return null;
+    }
+    return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ jsx(Editor, {}) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
   }
 };
 var templateItemRoute = {

package/build-module/components/site-editor-routes/template-item.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/site-editor-routes/template-item.js"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport SidebarNavigationScreenTemplatesBrowse from '../sidebar-navigation-screen-templates-browse';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\n\nconst areas = {\n\tsidebar( { siteData } ) {\n\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\treturn isBlockTheme ? (\n\t\t\t<SidebarNavigationScreenTemplatesBrowse backPath=\"/\" />\n\t\t) : (\n\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t);\n\t},\n\tmobile( { siteData } ) {\n\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\treturn isBlockTheme ? (\n\t\t\t<Editor />\n\t\t) : (\n\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t);\n\t},\n\tpreview( { siteData } ) {\n\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\treturn isBlockTheme ? (\n\t\t\t<Editor />\n\t\t) : (\n\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t);\n\t},\n};\n\nexport const templateItemRoute = {\n\tname: 'template-item',\n\tpath: '/wp_template/*postId',\n\tareas,\n};\n"],
-  "mappings": ";AAGA,OAAO,YAAY;AACnB,OAAO,4CAA4C;AACnD,OAAO,wCAAwC;AAM5C;AAJH,IAAM,QAAQ;AAAA,EACb,QAAS,EAAE,SAAS,GAAI;AACvB,UAAM,eAAe,SAAS,cAAc;AAC5C,WAAO,eACN,oBAAC,0CAAuC,UAAS,KAAI,IAErD,oBAAC,sCAAmC;AAAA,EAEtC;AAAA,EACA,OAAQ,EAAE,SAAS,GAAI;AACtB,UAAM,eAAe,SAAS,cAAc;AAC5C,WAAO,eACN,oBAAC,UAAO,IAER,oBAAC,sCAAmC;AAAA,EAEtC;AAAA,EACA,QAAS,EAAE,SAAS,GAAI;AACvB,UAAM,eAAe,SAAS,cAAc;AAC5C,WAAO,eACN,oBAAC,UAAO,IAER,oBAAC,sCAAmC;AAAA,EAEtC;AACD;AAEO,IAAM,oBAAoB;AAAA,EAChC,MAAM;AAAA,EACN,MAAM;AAAA,EACN;AACD;",
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport SidebarNavigationScreenTemplatesBrowse from '../sidebar-navigation-screen-templates-browse';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\nimport { isThemeDataLoaded } from './utils';\n\nconst areas = {\n\tsidebar( { siteData } ) {\n\t\tif ( ! isThemeDataLoaded( siteData ) ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn siteData.currentTheme.is_block_theme ? (\n\t\t\t<SidebarNavigationScreenTemplatesBrowse backPath=\"/\" />\n\t\t) : (\n\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t);\n\t},\n\tmobile( { siteData } ) {\n\t\tif ( ! isThemeDataLoaded( siteData ) ) {\n\t\t\treturn <></>;\n\t\t}\n\t\treturn siteData.currentTheme.is_block_theme ? (\n\t\t\t<Editor />\n\t\t) : (\n\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t);\n\t},\n\tpreview( { siteData } ) {\n\t\tif ( ! isThemeDataLoaded( siteData ) ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn siteData.currentTheme.is_block_theme ? (\n\t\t\t<Editor />\n\t\t) : (\n\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t);\n\t},\n};\n\nexport const templateItemRoute = {\n\tname: 'template-item',\n\tpath: '/wp_template/*postId',\n\tareas,\n};\n"],
+  "mappings": ";AAGA,OAAO,YAAY;AACnB,OAAO,4CAA4C;AACnD,OAAO,wCAAwC;AAC/C,SAAS,yBAAyB;AAQ/B,SAOO,UAPP;AANH,IAAM,QAAQ;AAAA,EACb,QAAS,EAAE,SAAS,GAAI;AACvB,QAAK,CAAE,kBAAmB,QAAS,GAAI;AACtC,aAAO;AAAA,IACR;AACA,WAAO,SAAS,aAAa,iBAC5B,oBAAC,0CAAuC,UAAS,KAAI,IAErD,oBAAC,sCAAmC;AAAA,EAEtC;AAAA,EACA,OAAQ,EAAE,SAAS,GAAI;AACtB,QAAK,CAAE,kBAAmB,QAAS,GAAI;AACtC,aAAO,gCAAE;AAAA,IACV;AACA,WAAO,SAAS,aAAa,iBAC5B,oBAAC,UAAO,IAER,oBAAC,sCAAmC;AAAA,EAEtC;AAAA,EACA,QAAS,EAAE,SAAS,GAAI;AACvB,QAAK,CAAE,kBAAmB,QAAS,GAAI;AACtC,aAAO;AAAA,IACR;AACA,WAAO,SAAS,aAAa,iBAC5B,oBAAC,UAAO,IAER,oBAAC,sCAAmC;AAAA,EAEtC;AACD;AAEO,IAAM,oBAAoB;AAAA,EAChC,MAAM;AAAA,EACN,MAAM;AAAA,EACN;AACD;",
   "names": []
 }