@wordpress/edit-site 6.42.0 → 6.43.0

package/build/components/sidebar-navigation-screen-patterns/index.cjs

@@ -35,9 +35,11 @@ __export(sidebar_navigation_screen_patterns_exports, {
 module.exports = __toCommonJS(sidebar_navigation_screen_patterns_exports);
 var import_components = require("@wordpress/components");
 var import_editor = require("@wordpress/editor");
+var import_element = require("@wordpress/element");
 var import_i18n = require("@wordpress/i18n");
 var import_icons = require("@wordpress/icons");
 var import_router = require("@wordpress/router");
+var import_views = require("@wordpress/views");
 var import_sidebar_navigation_screen = __toESM(require("../sidebar-navigation-screen/index.cjs"));
 var import_category_item = __toESM(require("./category-item.cjs"));
 var import_constants = require("../../utils/constants.cjs");
@@ -47,63 +49,40 @@ var import_lock_unlock = require("../../lock-unlock.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var { useLocation } = (0, import_lock_unlock.unlock)(import_router.privateApis);
 function CategoriesGroup({
-  templatePartAreas,
-  patternCategories,
+  templatePartViews,
+  patternViews,
+  templatePartCounts,
+  patternCounts,
   currentCategory,
   currentType
 }) {
-  const [allPatterns, ...otherPatterns] = patternCategories;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalItemGroup, { className: "edit-site-sidebar-navigation-screen-patterns__group", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    templatePartViews?.map((view) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_category_item.default,
       {
-        count: Object.values(templatePartAreas).map(({ templateParts }) => templateParts?.length || 0).reduce((acc, val) => acc + val, 0),
-        icon: (0, import_editor.getTemplatePartIcon)(),
-        label: (0, import_i18n.__)("All template parts"),
-        id: import_constants.TEMPLATE_PART_ALL_AREAS_CATEGORY,
+        count: templatePartCounts[view.slug],
+        icon: (0, import_editor.getTemplatePartIcon)(
+          view.slug === import_constants.TEMPLATE_PART_ALL_AREAS_CATEGORY ? void 0 : view.slug
+        ),
+        label: view.title,
+        id: view.slug,
         type: import_constants.TEMPLATE_PART_POST_TYPE,
-        isActive: currentCategory === import_constants.TEMPLATE_PART_ALL_AREAS_CATEGORY && currentType === import_constants.TEMPLATE_PART_POST_TYPE
+        isActive: currentCategory === view.slug && currentType === import_constants.TEMPLATE_PART_POST_TYPE
       },
-      "all"
-    ),
-    Object.entries(templatePartAreas).map(
-      ([area, { label, templateParts, icon }]) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_category_item.default,
-        {
-          count: templateParts?.length,
-          icon: (0, import_editor.getTemplatePartIcon)(icon),
-          label,
-          id: area,
-          type: import_constants.TEMPLATE_PART_POST_TYPE,
-          isActive: currentCategory === area && currentType === import_constants.TEMPLATE_PART_POST_TYPE
-        },
-        area
-      )
-    ),
+      view.slug
+    )),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "edit-site-sidebar-navigation-screen-patterns__divider" }),
-    allPatterns && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    patternViews?.map((view) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_category_item.default,
       {
-        count: allPatterns.count,
-        label: allPatterns.label,
+        count: patternCounts[view.slug],
+        label: view.title,
         icon: import_icons.file,
-        id: allPatterns.name,
+        id: view.slug,
         type: import_constants.PATTERN_TYPES.user,
-        isActive: currentCategory === `${allPatterns.name}` && currentType === import_constants.PATTERN_TYPES.user
+        isActive: currentCategory === `${view.slug}` && currentType === import_constants.PATTERN_TYPES.user
       },
-      allPatterns.name
-    ),
-    otherPatterns.map((category) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_category_item.default,
-      {
-        count: category.count,
-        label: category.label,
-        icon: import_icons.file,
-        id: category.name,
-        type: import_constants.PATTERN_TYPES.user,
-        isActive: currentCategory === `${category.name}` && currentType === import_constants.PATTERN_TYPES.user
-      },
-      category.name
+      view.slug
     ))
   ] });
 }
@@ -112,8 +91,35 @@ function SidebarNavigationScreenPatterns({ backPath }) {
     query: { postType = "wp_block", categoryId }
   } = useLocation();
   const currentCategory = categoryId || (postType === import_constants.PATTERN_TYPES.user ? import_constants.PATTERN_DEFAULT_CATEGORY : import_constants.TEMPLATE_PART_ALL_AREAS_CATEGORY);
-  const { templatePartAreas, hasTemplateParts, isLoading } = (0, import_use_template_part_areas.default)();
-  const { patternCategories, hasPatterns } = (0, import_use_pattern_categories.default)();
+  const { view_list: templatePartViews } = (0, import_views.useViewConfig)({
+    kind: "postType",
+    name: import_constants.TEMPLATE_PART_POST_TYPE
+  });
+  const { view_list: patternViews } = (0, import_views.useViewConfig)({
+    kind: "postType",
+    name: import_constants.PATTERN_TYPES.user
+  });
+  const { templatePartAreas, isLoading, hasTemplateParts } = (0, import_use_template_part_areas.default)();
+  const templatePartCounts = (0, import_element.useMemo)(() => {
+    const counts = { [import_constants.TEMPLATE_PART_ALL_AREAS_CATEGORY]: 0 };
+    Object.entries(templatePartAreas).forEach(
+      ([area, { templateParts }]) => {
+        const count = templateParts?.length || 0;
+        counts[area] = count;
+        counts[import_constants.TEMPLATE_PART_ALL_AREAS_CATEGORY] += count;
+      }
+    );
+    return counts;
+  }, [templatePartAreas]);
+  const { patternCategories } = (0, import_use_pattern_categories.default)();
+  const patternCounts = (0, import_element.useMemo)(() => {
+    const counts = {};
+    patternCategories.forEach((cat) => {
+      counts[cat.name] = cat.count;
+    });
+    return counts;
+  }, [patternCategories]);
+  const hasPatterns = patternCounts[import_constants.PATTERN_DEFAULT_CATEGORY] > 0;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_sidebar_navigation_screen.default,
     {
@@ -130,8 +136,10 @@ function SidebarNavigationScreenPatterns({ backPath }) {
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             CategoriesGroup,
             {
-              templatePartAreas,
-              patternCategories,
+              templatePartViews,
+              patternViews,
+              templatePartCounts,
+              patternCounts,
               currentCategory,
               currentType: postType
             }

package/build/components/sidebar-navigation-screen-patterns/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/sidebar-navigation-screen-patterns/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n} from '@wordpress/components';\nimport { getTemplatePartIcon } from '@wordpress/editor';\nimport { __ } from '@wordpress/i18n';\nimport { file } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport CategoryItem from './category-item';\nimport {\n\tPATTERN_DEFAULT_CATEGORY,\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_PART_ALL_AREAS_CATEGORY,\n} from '../../utils/constants';\nimport usePatternCategories from './use-pattern-categories';\nimport useTemplatePartAreas from './use-template-part-areas';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction CategoriesGroup( {\n\ttemplatePartAreas,\n\tpatternCategories,\n\tcurrentCategory,\n\tcurrentType,\n} ) {\n\tconst [ allPatterns, ...otherPatterns ] = patternCategories;\n\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-patterns__group\">\n\t\t\t<CategoryItem\n\t\t\t\tkey=\"all\"\n\t\t\t\tcount={ Object.values( templatePartAreas )\n\t\t\t\t\t.map( ( { templateParts } ) => templateParts?.length || 0 )\n\t\t\t\t\t.reduce( ( acc, val ) => acc + val, 0 ) }\n\t\t\t\ticon={ getTemplatePartIcon() } /* no name, so it provides the fallback icon */\n\t\t\t\tlabel={ __( 'All template parts' ) }\n\t\t\t\tid={ TEMPLATE_PART_ALL_AREAS_CATEGORY }\n\t\t\t\ttype={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\tisActive={\n\t\t\t\t\tcurrentCategory === TEMPLATE_PART_ALL_AREAS_CATEGORY &&\n\t\t\t\t\tcurrentType === TEMPLATE_PART_POST_TYPE\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ Object.entries( templatePartAreas ).map(\n\t\t\t\t( [ area, { label, templateParts, icon } ] ) => (\n\t\t\t\t\t<CategoryItem\n\t\t\t\t\t\tkey={ area }\n\t\t\t\t\t\tcount={ templateParts?.length }\n\t\t\t\t\t\ticon={ getTemplatePartIcon( icon ) }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tid={ area }\n\t\t\t\t\t\ttype={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\t\t\tisActive={\n\t\t\t\t\t\t\tcurrentCategory === area &&\n\t\t\t\t\t\t\tcurrentType === TEMPLATE_PART_POST_TYPE\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t) }\n\t\t\t<div className=\"edit-site-sidebar-navigation-screen-patterns__divider\" />\n\t\t\t{ allPatterns && (\n\t\t\t\t<CategoryItem\n\t\t\t\t\tkey={ allPatterns.name }\n\t\t\t\t\tcount={ allPatterns.count }\n\t\t\t\t\tlabel={ allPatterns.label }\n\t\t\t\t\ticon={ file }\n\t\t\t\t\tid={ allPatterns.name }\n\t\t\t\t\ttype={ PATTERN_TYPES.user }\n\t\t\t\t\tisActive={\n\t\t\t\t\t\tcurrentCategory === `${ allPatterns.name }` &&\n\t\t\t\t\t\tcurrentType === PATTERN_TYPES.user\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ otherPatterns.map( ( category ) => (\n\t\t\t\t<CategoryItem\n\t\t\t\t\tkey={ category.name }\n\t\t\t\t\tcount={ category.count }\n\t\t\t\t\tlabel={ category.label }\n\t\t\t\t\ticon={ file }\n\t\t\t\t\tid={ category.name }\n\t\t\t\t\ttype={ PATTERN_TYPES.user }\n\t\t\t\t\tisActive={\n\t\t\t\t\t\tcurrentCategory === `${ category.name }` &&\n\t\t\t\t\t\tcurrentType === PATTERN_TYPES.user\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenPatterns( { backPath } ) {\n\tconst {\n\t\tquery: { postType = 'wp_block', categoryId },\n\t} = useLocation();\n\tconst currentCategory =\n\t\tcategoryId ||\n\t\t( postType === PATTERN_TYPES.user\n\t\t\t? PATTERN_DEFAULT_CATEGORY\n\t\t\t: TEMPLATE_PART_ALL_AREAS_CATEGORY );\n\n\tconst { templatePartAreas, hasTemplateParts, isLoading } =\n\t\tuseTemplatePartAreas();\n\tconst { patternCategories, hasPatterns } = usePatternCategories();\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ __( 'Patterns' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Manage what patterns are available when editing the site.'\n\t\t\t) }\n\t\t\tisRoot={ ! backPath }\n\t\t\tbackPath={ backPath }\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t{ isLoading && __( 'Loading items\u2026' ) }\n\t\t\t\t\t{ ! isLoading && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ ! hasTemplateParts && ! hasPatterns && (\n\t\t\t\t\t\t\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-patterns__group\">\n\t\t\t\t\t\t\t\t\t<Item>{ __( 'No items found' ) }</Item>\n\t\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<CategoriesGroup\n\t\t\t\t\t\t\t\ttemplatePartAreas={ templatePartAreas }\n\t\t\t\t\t\t\t\tpatternCategories={ patternCategories }\n\t\t\t\t\t\t\t\tcurrentCategory={ currentCategory }\n\t\t\t\t\t\t\t\tcurrentType={ postType }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAGO;AACP,oBAAoC;AACpC,kBAAmB;AACnB,mBAAqB;AACrB,oBAAiD;AAKjD,uCAAoC;AACpC,2BAAyB;AACzB,uBAKO;AACP,oCAAiC;AACjC,qCAAiC;AACjC,yBAAuB;AAarB;AAXF,IAAM,EAAE,YAAY,QAAI,2BAAQ,cAAAA,WAAkB;AAElD,SAAS,gBAAiB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,CAAE,aAAa,GAAG,aAAc,IAAI;AAE1C,SACC,6CAAC,kBAAAC,yBAAA,EAAU,WAAU,uDACpB;AAAA;AAAA,MAAC,qBAAAC;AAAA,MAAA;AAAA,QAEA,OAAQ,OAAO,OAAQ,iBAAkB,EACvC,IAAK,CAAE,EAAE,cAAc,MAAO,eAAe,UAAU,CAAE,EACzD,OAAQ,CAAE,KAAK,QAAS,MAAM,KAAK,CAAE;AAAA,QACvC,UAAO,mCAAoB;AAAA,QAC3B,WAAQ,gBAAI,oBAAqB;AAAA,QACjC,IAAK;AAAA,QACL,MAAO;AAAA,QACP,UACC,oBAAoB,qDACpB,gBAAgB;AAAA;AAAA,MAVb;AAAA,IAYL;AAAA,IACE,OAAO,QAAS,iBAAkB,EAAE;AAAA,MACrC,CAAE,CAAE,MAAM,EAAE,OAAO,eAAe,KAAK,CAAE,MACxC;AAAA,QAAC,qBAAAA;AAAA,QAAA;AAAA,UAEA,OAAQ,eAAe;AAAA,UACvB,UAAO,mCAAqB,IAAK;AAAA,UACjC;AAAA,UACA,IAAK;AAAA,UACL,MAAO;AAAA,UACP,UACC,oBAAoB,QACpB,gBAAgB;AAAA;AAAA,QARX;AAAA,MAUP;AAAA,IAEF;AAAA,IACA,4CAAC,SAAI,WAAU,yDAAwD;AAAA,IACrE,eACD;AAAA,MAAC,qBAAAA;AAAA,MAAA;AAAA,QAEA,OAAQ,YAAY;AAAA,QACpB,OAAQ,YAAY;AAAA,QACpB,MAAO;AAAA,QACP,IAAK,YAAY;AAAA,QACjB,MAAO,+BAAc;AAAA,QACrB,UACC,oBAAoB,GAAI,YAAY,IAAK,MACzC,gBAAgB,+BAAc;AAAA;AAAA,MARzB,YAAY;AAAA,IAUnB;AAAA,IAEC,cAAc,IAAK,CAAE,aACtB;AAAA,MAAC,qBAAAA;AAAA,MAAA;AAAA,QAEA,OAAQ,SAAS;AAAA,QACjB,OAAQ,SAAS;AAAA,QACjB,MAAO;AAAA,QACP,IAAK,SAAS;AAAA,QACd,MAAO,+BAAc;AAAA,QACrB,UACC,oBAAoB,GAAI,SAAS,IAAK,MACtC,gBAAgB,+BAAc;AAAA;AAAA,MARzB,SAAS;AAAA,IAUhB,CACC;AAAA,KACH;AAEF;AAEe,SAAR,gCAAkD,EAAE,SAAS,GAAI;AACvE,QAAM;AAAA,IACL,OAAO,EAAE,WAAW,YAAY,WAAW;AAAA,EAC5C,IAAI,YAAY;AAChB,QAAM,kBACL,eACE,aAAa,+BAAc,OAC1B,4CACA;AAEJ,QAAM,EAAE,mBAAmB,kBAAkB,UAAU,QACtD,+BAAAC,SAAqB;AACtB,QAAM,EAAE,mBAAmB,YAAY,QAAI,8BAAAC,SAAqB;AAEhE,SACC;AAAA,IAAC,iCAAAC;AAAA,IAAA;AAAA,MACA,WAAQ,gBAAI,UAAW;AAAA,MACvB,iBAAc;AAAA,QACb;AAAA,MACD;AAAA,MACA,QAAS,CAAE;AAAA,MACX;AAAA,MACA,SACC,4EACG;AAAA,yBAAa,gBAAI,qBAAiB;AAAA,QAClC,CAAE,aACH,4EACG;AAAA,WAAE,oBAAoB,CAAE,eACzB,4CAAC,kBAAAJ,yBAAA,EAAU,WAAU,uDACpB,sDAAC,kBAAAK,oBAAA,EAAO,8BAAI,gBAAiB,GAAG,GACjC;AAAA,UAED;AAAA,YAAC;AAAA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,aAAc;AAAA;AAAA,UACf;AAAA,WACD;AAAA,SAEF;AAAA;AAAA,EAEF;AAEF;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n} from '@wordpress/components';\nimport { getTemplatePartIcon } from '@wordpress/editor';\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { file } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useViewConfig } from '@wordpress/views';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport CategoryItem from './category-item';\nimport {\n\tPATTERN_DEFAULT_CATEGORY,\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_PART_ALL_AREAS_CATEGORY,\n} from '../../utils/constants';\nimport usePatternCategories from './use-pattern-categories';\nimport useTemplatePartAreas from './use-template-part-areas';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction CategoriesGroup( {\n\ttemplatePartViews,\n\tpatternViews,\n\ttemplatePartCounts,\n\tpatternCounts,\n\tcurrentCategory,\n\tcurrentType,\n} ) {\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-patterns__group\">\n\t\t\t{ templatePartViews?.map( ( view ) => (\n\t\t\t\t<CategoryItem\n\t\t\t\t\tkey={ view.slug }\n\t\t\t\t\tcount={ templatePartCounts[ view.slug ] }\n\t\t\t\t\ticon={ getTemplatePartIcon(\n\t\t\t\t\t\tview.slug === TEMPLATE_PART_ALL_AREAS_CATEGORY\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: view.slug\n\t\t\t\t\t) }\n\t\t\t\t\tlabel={ view.title }\n\t\t\t\t\tid={ view.slug }\n\t\t\t\t\ttype={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\t\tisActive={\n\t\t\t\t\t\tcurrentCategory === view.slug &&\n\t\t\t\t\t\tcurrentType === TEMPLATE_PART_POST_TYPE\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t\t<div className=\"edit-site-sidebar-navigation-screen-patterns__divider\" />\n\t\t\t{ patternViews?.map( ( view ) => (\n\t\t\t\t<CategoryItem\n\t\t\t\t\tkey={ view.slug }\n\t\t\t\t\tcount={ patternCounts[ view.slug ] }\n\t\t\t\t\tlabel={ view.title }\n\t\t\t\t\ticon={ file }\n\t\t\t\t\tid={ view.slug }\n\t\t\t\t\ttype={ PATTERN_TYPES.user }\n\t\t\t\t\tisActive={\n\t\t\t\t\t\tcurrentCategory === `${ view.slug }` &&\n\t\t\t\t\t\tcurrentType === PATTERN_TYPES.user\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenPatterns( { backPath } ) {\n\tconst {\n\t\tquery: { postType = 'wp_block', categoryId },\n\t} = useLocation();\n\tconst currentCategory =\n\t\tcategoryId ||\n\t\t( postType === PATTERN_TYPES.user\n\t\t\t? PATTERN_DEFAULT_CATEGORY\n\t\t\t: TEMPLATE_PART_ALL_AREAS_CATEGORY );\n\n\tconst { view_list: templatePartViews } = useViewConfig( {\n\t\tkind: 'postType',\n\t\tname: TEMPLATE_PART_POST_TYPE,\n\t} );\n\tconst { view_list: patternViews } = useViewConfig( {\n\t\tkind: 'postType',\n\t\tname: PATTERN_TYPES.user,\n\t} );\n\n\tconst { templatePartAreas, isLoading, hasTemplateParts } =\n\t\tuseTemplatePartAreas();\n\tconst templatePartCounts = useMemo( () => {\n\t\tconst counts = { [ TEMPLATE_PART_ALL_AREAS_CATEGORY ]: 0 };\n\t\tObject.entries( templatePartAreas ).forEach(\n\t\t\t( [ area, { templateParts } ] ) => {\n\t\t\t\tconst count = templateParts?.length || 0;\n\t\t\t\tcounts[ area ] = count;\n\t\t\t\tcounts[ TEMPLATE_PART_ALL_AREAS_CATEGORY ] += count;\n\t\t\t}\n\t\t);\n\t\treturn counts;\n\t}, [ templatePartAreas ] );\n\tconst { patternCategories } = usePatternCategories();\n\tconst patternCounts = useMemo( () => {\n\t\tconst counts = {};\n\t\tpatternCategories.forEach( ( cat ) => {\n\t\t\tcounts[ cat.name ] = cat.count;\n\t\t} );\n\t\treturn counts;\n\t}, [ patternCategories ] );\n\n\tconst hasPatterns = patternCounts[ PATTERN_DEFAULT_CATEGORY ] > 0;\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ __( 'Patterns' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Manage what patterns are available when editing the site.'\n\t\t\t) }\n\t\t\tisRoot={ ! backPath }\n\t\t\tbackPath={ backPath }\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t{ isLoading && __( 'Loading items\u2026' ) }\n\t\t\t\t\t{ ! isLoading && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ ! hasTemplateParts && ! hasPatterns && (\n\t\t\t\t\t\t\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-patterns__group\">\n\t\t\t\t\t\t\t\t\t<Item>{ __( 'No items found' ) }</Item>\n\t\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<CategoriesGroup\n\t\t\t\t\t\t\t\ttemplatePartViews={ templatePartViews }\n\t\t\t\t\t\t\t\tpatternViews={ patternViews }\n\t\t\t\t\t\t\t\ttemplatePartCounts={ templatePartCounts }\n\t\t\t\t\t\t\t\tpatternCounts={ patternCounts }\n\t\t\t\t\t\t\t\tcurrentCategory={ currentCategory }\n\t\t\t\t\t\t\t\tcurrentType={ postType }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAGO;AACP,oBAAoC;AACpC,qBAAwB;AACxB,kBAAmB;AACnB,mBAAqB;AACrB,oBAAiD;AACjD,mBAA8B;AAK9B,uCAAoC;AACpC,2BAAyB;AACzB,uBAKO;AACP,oCAAiC;AACjC,qCAAiC;AACjC,yBAAuB;AAarB;AAXF,IAAM,EAAE,YAAY,QAAI,2BAAQ,cAAAA,WAAkB;AAElD,SAAS,gBAAiB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,SACC,6CAAC,kBAAAC,yBAAA,EAAU,WAAU,uDAClB;AAAA,uBAAmB,IAAK,CAAE,SAC3B;AAAA,MAAC,qBAAAC;AAAA,MAAA;AAAA,QAEA,OAAQ,mBAAoB,KAAK,IAAK;AAAA,QACtC,UAAO;AAAA,UACN,KAAK,SAAS,oDACX,SACA,KAAK;AAAA,QACT;AAAA,QACA,OAAQ,KAAK;AAAA,QACb,IAAK,KAAK;AAAA,QACV,MAAO;AAAA,QACP,UACC,oBAAoB,KAAK,QACzB,gBAAgB;AAAA;AAAA,MAZX,KAAK;AAAA,IAcZ,CACC;AAAA,IACF,4CAAC,SAAI,WAAU,yDAAwD;AAAA,IACrE,cAAc,IAAK,CAAE,SACtB;AAAA,MAAC,qBAAAA;AAAA,MAAA;AAAA,QAEA,OAAQ,cAAe,KAAK,IAAK;AAAA,QACjC,OAAQ,KAAK;AAAA,QACb,MAAO;AAAA,QACP,IAAK,KAAK;AAAA,QACV,MAAO,+BAAc;AAAA,QACrB,UACC,oBAAoB,GAAI,KAAK,IAAK,MAClC,gBAAgB,+BAAc;AAAA;AAAA,MARzB,KAAK;AAAA,IAUZ,CACC;AAAA,KACH;AAEF;AAEe,SAAR,gCAAkD,EAAE,SAAS,GAAI;AACvE,QAAM;AAAA,IACL,OAAO,EAAE,WAAW,YAAY,WAAW;AAAA,EAC5C,IAAI,YAAY;AAChB,QAAM,kBACL,eACE,aAAa,+BAAc,OAC1B,4CACA;AAEJ,QAAM,EAAE,WAAW,kBAAkB,QAAI,4BAAe;AAAA,IACvD,MAAM;AAAA,IACN,MAAM;AAAA,EACP,CAAE;AACF,QAAM,EAAE,WAAW,aAAa,QAAI,4BAAe;AAAA,IAClD,MAAM;AAAA,IACN,MAAM,+BAAc;AAAA,EACrB,CAAE;AAEF,QAAM,EAAE,mBAAmB,WAAW,iBAAiB,QACtD,+BAAAC,SAAqB;AACtB,QAAM,yBAAqB,wBAAS,MAAM;AACzC,UAAM,SAAS,EAAE,CAAE,iDAAiC,GAAG,EAAE;AACzD,WAAO,QAAS,iBAAkB,EAAE;AAAA,MACnC,CAAE,CAAE,MAAM,EAAE,cAAc,CAAE,MAAO;AAClC,cAAM,QAAQ,eAAe,UAAU;AACvC,eAAQ,IAAK,IAAI;AACjB,eAAQ,iDAAiC,KAAK;AAAA,MAC/C;AAAA,IACD;AACA,WAAO;AAAA,EACR,GAAG,CAAE,iBAAkB,CAAE;AACzB,QAAM,EAAE,kBAAkB,QAAI,8BAAAC,SAAqB;AACnD,QAAM,oBAAgB,wBAAS,MAAM;AACpC,UAAM,SAAS,CAAC;AAChB,sBAAkB,QAAS,CAAE,QAAS;AACrC,aAAQ,IAAI,IAAK,IAAI,IAAI;AAAA,IAC1B,CAAE;AACF,WAAO;AAAA,EACR,GAAG,CAAE,iBAAkB,CAAE;AAEzB,QAAM,cAAc,cAAe,yCAAyB,IAAI;AAEhE,SACC;AAAA,IAAC,iCAAAC;AAAA,IAAA;AAAA,MACA,WAAQ,gBAAI,UAAW;AAAA,MACvB,iBAAc;AAAA,QACb;AAAA,MACD;AAAA,MACA,QAAS,CAAE;AAAA,MACX;AAAA,MACA,SACC,4EACG;AAAA,yBAAa,gBAAI,qBAAiB;AAAA,QAClC,CAAE,aACH,4EACG;AAAA,WAAE,oBAAoB,CAAE,eACzB,4CAAC,kBAAAJ,yBAAA,EAAU,WAAU,uDACpB,sDAAC,kBAAAK,oBAAA,EAAO,8BAAI,gBAAiB,GAAG,GACjC;AAAA,UAED;AAAA,YAAC;AAAA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,aAAc;AAAA;AAAA,UACf;AAAA,WACD;AAAA,SAEF;AAAA;AAAA,EAEF;AAEF;",
   "names": ["routerPrivateApis", "ItemGroup", "CategoryItem", "useTemplatePartAreas", "usePatternCategories", "SidebarNavigationScreen", "Item"]
 }

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

@@ -34,68 +34,45 @@ __export(content_legacy_exports, {
 });
 module.exports = __toCommonJS(content_legacy_exports);
 var import_core_data = require("@wordpress/core-data");
-var import_element = require("@wordpress/element");
-var import_components = require("@wordpress/components");
-var import_i18n = require("@wordpress/i18n");
-var import_router = require("@wordpress/router");
-var import_url = require("@wordpress/url");
-var import_sidebar_navigation_item = __toESM(require("../sidebar-navigation-item/index.cjs"));
-var import_hooks = require("../page-templates/hooks.cjs");
+var import_data = require("@wordpress/data");
 var import_icons = require("@wordpress/icons");
 var import_constants = require("../../utils/constants.cjs");
-var import_lock_unlock = require("../../lock-unlock.cjs");
+var import_sidebar_dataviews = __toESM(require("../sidebar-dataviews/index.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var { useLocation } = (0, import_lock_unlock.unlock)(import_router.privateApis);
-var EMPTY_ARRAY = [];
-function TemplateDataviewItem({ template, isActive }) {
-  const { text, icon } = (0, import_hooks.useAddedBy)(template.type, template.id);
+var SOURCE_TO_ICON = {
+  user: import_icons.commentAuthorAvatar,
+  theme: import_icons.layout,
+  plugin: import_icons.plugins,
+  site: import_icons.globe
+};
+function DataviewsTemplatesSidebarContent() {
+  const authorSourceMap = (0, import_data.useSelect)((select) => {
+    const templates = select(import_core_data.store).getEntityRecords(
+      "postType",
+      import_constants.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] ?? import_icons.layout;
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_sidebar_navigation_item.default,
+    import_sidebar_dataviews.default,
     {
-      to: (0, import_url.addQueryArgs)("/template", { activeView: text }),
-      icon,
-      "aria-current": isActive,
-      children: text
+      postType: import_constants.TEMPLATE_POST_TYPE,
+      resolveIcon
     }
   );
 }
-function DataviewsTemplatesSidebarContent() {
-  const {
-    query: { activeView = "all" }
-  } = useLocation();
-  const { records } = (0, import_core_data.useEntityRecords)("postType", import_constants.TEMPLATE_POST_TYPE, {
-    per_page: -1
-  });
-  const firstItemPerAuthorText = (0, import_element.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__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalItemGroup, { className: "edit-site-sidebar-navigation-screen-templates-browse", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_sidebar_navigation_item.default,
-      {
-        to: "/template",
-        icon: import_icons.layout,
-        "aria-current": activeView === "all",
-        children: (0, import_i18n.__)("All templates")
-      }
-    ),
-    firstItemPerAuthorText.map((template) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        TemplateDataviewItem,
-        {
-          template,
-          isActive: activeView === template.author_text
-        },
-        template.author_text
-      );
-    })
-  ] });
-}
 //# sourceMappingURL=content-legacy.cjs.map

package/build/components/sidebar-navigation-screen-templates-browse/content-legacy.cjs.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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,uBAAiC;AACjC,qBAAwB;AACxB,wBAAqD;AACrD,kBAAmB;AACnB,oBAAiD;AACjD,iBAA6B;AAK7B,qCAAkC;AAClC,mBAA2B;AAC3B,mBAAuB;AACvB,uBAAmC;AACnC,yBAAuB;AAUrB;AARF,IAAM,EAAE,YAAY,QAAI,2BAAQ,cAAAA,WAAkB;AAElD,IAAM,cAAc,CAAC;AAErB,SAAS,qBAAsB,EAAE,UAAU,SAAS,GAAI;AACvD,QAAM,EAAE,MAAM,KAAK,QAAI,yBAAY,SAAS,MAAM,SAAS,EAAG;AAE9D,SACC;AAAA,IAAC,+BAAAC;AAAA,IAAA;AAAA,MACA,QAAK,yBAAc,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,QAAI,mCAAkB,YAAY,qCAAoB;AAAA,IACrE,UAAU;AAAA,EACX,CAAE;AACF,QAAM,6BAAyB,wBAAS,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,6CAAC,kBAAAC,yBAAA,EAAU,WAAU,wDACpB;AAAA;AAAA,MAAC,+BAAAD;AAAA,MAAA;AAAA,QACA,IAAG;AAAA,QACH,MAAO;AAAA,QACP,gBAAe,eAAe;AAAA,QAE5B,8BAAI,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;",
-  "names": ["routerPrivateApis", "SidebarNavigationItem", "ItemGroup"]
+  "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,uBAAmC;AACnC,kBAA0B;AAC1B,mBAKO;AAKP,uBAAmC;AACnC,+BAAoC;AAqClC;AAnCF,IAAM,iBAAiB;AAAA,EACtB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ,aAAAA;AAAA,EACR,MAAM;AACP;AACe,SAAR,mCAAoD;AAC1D,QAAM,sBAAkB,uBAAW,CAAE,WAAY;AAChD,UAAM,YAAY,OAAQ,iBAAAC,KAAU,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,yBAAAC;AAAA,IAAA;AAAA,MACA,UAAW;AAAA,MACX;AAAA;AAAA,EACD;AAEF;",
+  "names": ["pluginIcon", "coreStore", "DataViewsSidebarContent"]
 }

package/build/components/site-editor-routes/home.cjs

@@ -43,16 +43,20 @@ var homeRoute = {
   path: "/",
   areas: {
     sidebar({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme || (0, import_utils.isClassicThemeWithStyleBookSupport)(siteData) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_main.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
+      if (!(0, import_utils.isThemeDataLoaded)(siteData)) {
+        return null;
+      }
+      return siteData.currentTheme.is_block_theme || (0, import_utils.isClassicThemeWithStyleBookSupport)(siteData) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_main.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
     },
     preview({ siteData }) {
       const isBlockTheme = siteData.currentTheme?.is_block_theme;
       return isBlockTheme || (0, import_utils.isClassicThemeWithStyleBookSupport)(siteData) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor.default, { isHomeRoute: true }) : void 0;
     },
     mobile({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme || (0, import_utils.isClassicThemeWithStyleBookSupport)(siteData) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_main.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
+      if (!(0, import_utils.isThemeDataLoaded)(siteData)) {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+      }
+      return siteData.currentTheme.is_block_theme || (0, import_utils.isClassicThemeWithStyleBookSupport)(siteData) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_main.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
     }
   }
 };

package/build/components/site-editor-routes/home.cjs.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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,4CAAwC;AACxC,mDAA+C;AAC/C,oBAAmB;AACnB,mBAAmD;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,oBACN,iDAAoC,QAAS,IAC7C,4CAAC,sCAAAA,SAAA,EAA4B,IAE7B,4CAAC,6CAAAC,SAAA,EAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,oBACN,iDAAoC,QAAS,IAC7C,4CAAC,cAAAC,SAAA,EAAO,aAAW,MAAC,IACjB;AAAA,IACL;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,oBACN,iDAAoC,QAAS,IAC7C,4CAAC,sCAAAF,SAAA,EAA4B,IAE7B,4CAAC,6CAAAC,SAAA,EAAmC;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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,4CAAwC;AACxC,mDAA+C;AAC/C,oBAAmB;AACnB,mBAAsE;AAYlE;AAVG,IAAM,YAAY;AAAA,EACxB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,UAAK,KAAE,gCAAmB,QAAS,GAAI;AACtC,eAAO;AAAA,MACR;AACA,aAAO,SAAS,aAAa,sBAC5B,iDAAoC,QAAS,IAC7C,4CAAC,sCAAAA,SAAA,EAA4B,IAE7B,4CAAC,6CAAAC,SAAA,EAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,oBACN,iDAAoC,QAAS,IAC7C,4CAAC,cAAAC,SAAA,EAAO,aAAW,MAAC,IACjB;AAAA,IACL;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,UAAK,KAAE,gCAAmB,QAAS,GAAI;AACtC,eAAO,2EAAE;AAAA,MACV;AACA,aAAO,SAAS,aAAa,sBAC5B,iDAAoC,QAAS,IAC7C,4CAAC,sCAAAF,SAAA,EAA4B,IAE7B,4CAAC,6CAAAC,SAAA,EAAmC;AAAA,IAEtC;AAAA,EACD;AACD;",
   "names": ["SidebarNavigationScreenMain", "SidebarNavigationScreenUnsupported", "Editor"]
 }

package/build/components/site-editor-routes/navigation-item.cjs

@@ -38,6 +38,7 @@ var import_editor = __toESM(require("../editor/index.cjs"));
 var import_sidebar_navigation_screen_navigation_menu = __toESM(require("../sidebar-navigation-screen-navigation-menu/index.cjs"));
 var import_sidebar_navigation_screen_unsupported = __toESM(require("../sidebar-navigation-screen-unsupported/index.cjs"));
 var import_lock_unlock = require("../../lock-unlock.cjs");
+var import_utils = require("./utils.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var { useLocation } = (0, import_lock_unlock.unlock)(import_router.privateApis);
 function MobileNavigationItemView() {
@@ -50,16 +51,22 @@ var navigationItemRoute = {
   path: "/wp_navigation/:postId",
   areas: {
     sidebar({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_navigation_menu.default, { backPath: "/navigation" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
+      if (!(0, import_utils.isThemeDataLoaded)(siteData)) {
+        return null;
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_navigation_menu.default, { backPath: "/navigation" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
     },
     preview({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
+      if (!(0, import_utils.isThemeDataLoaded)(siteData)) {
+        return null;
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
     },
     mobile({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MobileNavigationItemView, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
+      if (!(0, import_utils.isThemeDataLoaded)(siteData)) {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MobileNavigationItemView, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
     }
   }
 };

package/build/components/site-editor-routes/navigation-item.cjs.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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAiD;AAKjD,oBAAmB;AACnB,uDAAkD;AAClD,mDAA+C;AAC/C,yBAAuB;AASrB;AAPF,IAAM,EAAE,YAAY,QAAI,2BAAQ,cAAAA,WAAkB;AAElD,SAAS,2BAA2B;AACnC,QAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,YAAY;AACnC,QAAM,EAAE,SAAS,OAAO,IAAI;AAE5B,SAAO,WAAW,SACjB,4CAAC,cAAAC,SAAA,EAAO,IAER,4CAAC,iDAAAC,SAAA,EAAsC,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,4CAAC,iDAAAA,SAAA,EAAsC,UAAS,eAAc,IAE9D,4CAAC,6CAAAC,SAAA,EAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eACN,4CAAC,cAAAF,SAAA,EAAO,IAER,4CAAC,6CAAAE,SAAA,EAAmC;AAAA,IAEtC;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eACN,4CAAC,4BAAyB,IAE1B,4CAAC,6CAAAA,SAAA,EAAmC;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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAiD;AAKjD,oBAAmB;AACnB,uDAAkD;AAClD,mDAA+C;AAC/C,yBAAuB;AACvB,mBAAkC;AAShC;AAPF,IAAM,EAAE,YAAY,QAAI,2BAAQ,cAAAA,WAAkB;AAElD,SAAS,2BAA2B;AACnC,QAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,YAAY;AACnC,QAAM,EAAE,SAAS,OAAO,IAAI;AAE5B,SAAO,WAAW,SACjB,4CAAC,cAAAC,SAAA,EAAO,IAER,4CAAC,iDAAAC,SAAA,EAAsC,UAAS,eAAc;AAEhE;AAEO,IAAM,sBAAsB;AAAA,EAClC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,UAAK,KAAE,gCAAmB,QAAS,GAAI;AACtC,eAAO;AAAA,MACR;AACA,aAAO,SAAS,aAAa,iBAC5B,4CAAC,iDAAAA,SAAA,EAAsC,UAAS,eAAc,IAE9D,4CAAC,6CAAAC,SAAA,EAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,UAAK,KAAE,gCAAmB,QAAS,GAAI;AACtC,eAAO;AAAA,MACR;AACA,aAAO,SAAS,aAAa,iBAC5B,4CAAC,cAAAF,SAAA,EAAO,IAER,4CAAC,6CAAAE,SAAA,EAAmC;AAAA,IAEtC;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,UAAK,KAAE,gCAAmB,QAAS,GAAI;AACtC,eAAO,2EAAE;AAAA,MACV;AACA,aAAO,SAAS,aAAa,iBAC5B,4CAAC,4BAAyB,IAE1B,4CAAC,6CAAAA,SAAA,EAAmC;AAAA,IAEtC;AAAA,EACD;AACD;",
   "names": ["routerPrivateApis", "Editor", "SidebarNavigationScreenNavigationMenu", "SidebarNavigationScreenUnsupported"]
 }

package/build/components/site-editor-routes/navigation.cjs

@@ -38,6 +38,7 @@ var import_editor = __toESM(require("../editor/index.cjs"));
 var import_sidebar_navigation_screen_navigation_menus = __toESM(require("../sidebar-navigation-screen-navigation-menus/index.cjs"));
 var import_sidebar_navigation_screen_unsupported = __toESM(require("../sidebar-navigation-screen-unsupported/index.cjs"));
 var import_lock_unlock = require("../../lock-unlock.cjs");
+var import_utils = require("./utils.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var { useLocation } = (0, import_lock_unlock.unlock)(import_router.privateApis);
 function MobileNavigationView() {
@@ -50,16 +51,20 @@ var navigationRoute = {
   path: "/navigation",
   areas: {
     sidebar({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_navigation_menus.default, { backPath: "/" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
+      if (!(0, import_utils.isThemeDataLoaded)(siteData)) {
+        return null;
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_navigation_menus.default, { backPath: "/" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
     },
     preview({ siteData }) {
       const isBlockTheme = siteData.currentTheme?.is_block_theme;
       return isBlockTheme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor.default, {}) : void 0;
     },
     mobile({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MobileNavigationView, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
+      if (!(0, import_utils.isThemeDataLoaded)(siteData)) {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MobileNavigationView, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
     }
   }
 };

package/build/components/site-editor-routes/navigation.cjs.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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAiD;AAKjD,oBAAmB;AACnB,wDAAmD;AACnD,mDAA+C;AAC/C,yBAAuB;AASrB;AAPF,IAAM,EAAE,YAAY,QAAI,2BAAQ,cAAAA,WAAkB;AAElD,SAAS,uBAAuB;AAC/B,QAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,YAAY;AACnC,QAAM,EAAE,SAAS,OAAO,IAAI;AAE5B,SAAO,WAAW,SACjB,4CAAC,cAAAC,SAAA,EAAO,IAER,4CAAC,kDAAAC,SAAA,EAAuC,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,4CAAC,kDAAAA,SAAA,EAAuC,UAAS,KAAI,IAErD,4CAAC,6CAAAC,SAAA,EAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eAAe,4CAAC,cAAAF,SAAA,EAAO,IAAK;AAAA,IACpC;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eACN,4CAAC,wBAAqB,IAEtB,4CAAC,6CAAAE,SAAA,EAAmC;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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAiD;AAKjD,oBAAmB;AACnB,wDAAmD;AACnD,mDAA+C;AAC/C,yBAAuB;AACvB,mBAAkC;AAShC;AAPF,IAAM,EAAE,YAAY,QAAI,2BAAQ,cAAAA,WAAkB;AAElD,SAAS,uBAAuB;AAC/B,QAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,YAAY;AACnC,QAAM,EAAE,SAAS,OAAO,IAAI;AAE5B,SAAO,WAAW,SACjB,4CAAC,cAAAC,SAAA,EAAO,IAER,4CAAC,kDAAAC,SAAA,EAAuC,UAAS,KAAI;AAEvD;AAEO,IAAM,kBAAkB;AAAA,EAC9B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,UAAK,KAAE,gCAAmB,QAAS,GAAI;AACtC,eAAO;AAAA,MACR;AACA,aAAO,SAAS,aAAa,iBAC5B,4CAAC,kDAAAA,SAAA,EAAuC,UAAS,KAAI,IAErD,4CAAC,6CAAAC,SAAA,EAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eAAe,4CAAC,cAAAF,SAAA,EAAO,IAAK;AAAA,IACpC;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,UAAK,KAAE,gCAAmB,QAAS,GAAI;AACtC,eAAO,2EAAE;AAAA,MACV;AACA,aAAO,SAAS,aAAa,iBAC5B,4CAAC,wBAAqB,IAEtB,4CAAC,6CAAAE,SAAA,EAAmC;AAAA,IAEtC;AAAA,EACD;AACD;",
   "names": ["routerPrivateApis", "Editor", "SidebarNavigationScreenNavigationMenus", "SidebarNavigationScreenUnsupported"]
 }

package/build/components/site-editor-routes/page-item.cjs

@@ -38,14 +38,17 @@ var import_editor = __toESM(require("../editor/index.cjs"));
 var import_sidebar_dataviews = __toESM(require("../sidebar-dataviews/index.cjs"));
 var import_sidebar_navigation_screen = __toESM(require("../sidebar-navigation-screen/index.cjs"));
 var import_sidebar_navigation_screen_unsupported = __toESM(require("../sidebar-navigation-screen-unsupported/index.cjs"));
+var import_utils = require("./utils.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var pageItemRoute = {
   name: "page-item",
   path: "/page/:postId",
   areas: {
     sidebar({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      if (!(0, import_utils.isThemeDataLoaded)(siteData)) {
+        return null;
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_sidebar_navigation_screen.default,
         {
           title: (0, import_i18n.__)("Pages"),
@@ -55,12 +58,16 @@ var pageItemRoute = {
       ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
     },
     mobile({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
+      if (!(0, import_utils.isThemeDataLoaded)(siteData)) {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
     },
     preview({ siteData }) {
-      const isBlockTheme = siteData.currentTheme?.is_block_theme;
-      return isBlockTheme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
+      if (!(0, import_utils.isThemeDataLoaded)(siteData)) {
+        return null;
+      }
+      return siteData.currentTheme.is_block_theme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
     }
   }
 };

package/build/components/site-editor-routes/page-item.cjs.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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAmB;AAKnB,oBAAmB;AACnB,+BAAoC;AACpC,uCAAoC;AACpC,mDAA+C;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,iCAAAA;AAAA,QAAA;AAAA,UACA,WAAQ,gBAAI,OAAQ;AAAA,UACpB,UAAS;AAAA,UACT,SAAU,4CAAC,yBAAAC,SAAA,EAAwB,UAAS,QAAO;AAAA;AAAA,MACpD,IAEA,4CAAC,6CAAAC,SAAA,EAAmC;AAAA,IAEtC;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eACN,4CAAC,cAAAC,SAAA,EAAO,IAER,4CAAC,6CAAAD,SAAA,EAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eACN,4CAAC,cAAAC,SAAA,EAAO,IAER,4CAAC,6CAAAD,SAAA,EAAmC;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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAmB;AAKnB,oBAAmB;AACnB,+BAAoC;AACpC,uCAAoC;AACpC,mDAA+C;AAC/C,mBAAkC;AAcnB;AAZR,IAAM,gBAAgB;AAAA,EAC5B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,UAAK,KAAE,gCAAmB,QAAS,GAAI;AACtC,eAAO;AAAA,MACR;AACA,aAAO,SAAS,aAAa,iBAC5B;AAAA,QAAC,iCAAAA;AAAA,QAAA;AAAA,UACA,WAAQ,gBAAI,OAAQ;AAAA,UACpB,UAAS;AAAA,UACT,SAAU,4CAAC,yBAAAC,SAAA,EAAwB,UAAS,QAAO;AAAA;AAAA,MACpD,IAEA,4CAAC,6CAAAC,SAAA,EAAmC;AAAA,IAEtC;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,UAAK,KAAE,gCAAmB,QAAS,GAAI;AACtC,eAAO,2EAAE;AAAA,MACV;AACA,aAAO,SAAS,aAAa,iBAC5B,4CAAC,cAAAC,SAAA,EAAO,IAER,4CAAC,6CAAAD,SAAA,EAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,UAAK,KAAE,gCAAmB,QAAS,GAAI;AACtC,eAAO;AAAA,MACR;AACA,aAAO,SAAS,aAAa,iBAC5B,4CAAC,cAAAC,SAAA,EAAO,IAER,4CAAC,6CAAAD,SAAA,EAAmC;AAAA,IAEtC;AAAA,EACD;AACD;",
   "names": ["SidebarNavigationScreen", "DataViewsSidebarContent", "SidebarNavigationScreenUnsupported", "Editor"]
 }