@wordpress/edit-site 5.24.1 → 5.25.1-next.79a6196f.0

package/build/components/sidebar-navigation-screen-template/home-template-details.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,15 +10,8 @@ var _compose = require("@wordpress/compose");
 var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
 var _components = require("@wordpress/components");
-var _icons = require("@wordpress/icons");
 var _element = require("@wordpress/element");
-var _htmlEntities = require("@wordpress/html-entities");
 var _sidebarNavigationScreenDetailsPanel = require("../sidebar-navigation-screen-details-panel");
-var _lockUnlock = require("../../lock-unlock");
-var _store = require("../../store");
-var _link = require("../routes/link");
-var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigation-item"));
-var _constants = require("../../utils/constants");
 /**
  * WordPress dependencies
  */
@@ -29,60 +21,26 @@ var _constants = require("../../utils/constants");
  */
 
 const EMPTY_OBJECT = {};
-function TemplateAreaButton({
-  postId,
-  icon,
-  title
-}) {
-  var _icons$icon;
-  const icons = {
-    header: _icons.header,
-    footer: _icons.footer
-  };
-  const linkInfo = (0, _link.useLink)({
-    postType: _constants.TEMPLATE_PART_POST_TYPE,
-    postId
-  });
-  return (0, _react.createElement)(_sidebarNavigationItem.default, {
-    className: "edit-site-sidebar-navigation-screen-template__template-area-button",
-    ...linkInfo,
-    icon: (_icons$icon = icons[icon]) !== null && _icons$icon !== void 0 ? _icons$icon : _icons.layout,
-    withChevron: true
-  }, (0, _react.createElement)(_components.__experimentalTruncate, {
-    limit: 20,
-    ellipsizeMode: "tail",
-    numberOfLines: 1,
-    className: "edit-site-sidebar-navigation-screen-template__template-area-label-text"
-  }, (0, _htmlEntities.decodeEntities)(title)));
-}
 function HomeTemplateDetails() {
   const {
     editEntityRecord
   } = (0, _data.useDispatch)(_coreData.store);
   const {
     allowCommentsOnNewPosts,
-    templatePartAreas,
     postsPerPage,
     postsPageTitle,
-    postsPageId,
-    currentTemplateParts
+    postsPageId
   } = (0, _data.useSelect)(select => {
     const {
       getEntityRecord
     } = select(_coreData.store);
-    const {
-      getSettings,
-      getCurrentTemplateTemplateParts
-    } = (0, _lockUnlock.unlock)(select(_store.store));
     const siteSettings = getEntityRecord('root', 'site');
     const _postsPageRecord = siteSettings?.page_for_posts ? getEntityRecord('postType', 'page', siteSettings?.page_for_posts) : EMPTY_OBJECT;
     return {
       allowCommentsOnNewPosts: siteSettings?.default_comment_status === 'open',
       postsPageTitle: _postsPageRecord?.title?.rendered,
       postsPageId: _postsPageRecord?.id,
-      postsPerPage: siteSettings?.posts_per_page,
-      templatePartAreas: getSettings()?.defaultTemplatePartAreas,
-      currentTemplateParts: getCurrentTemplateTemplateParts()
+      postsPerPage: siteSettings?.posts_per_page
     };
   }, []);
   const [commentsOnNewPostsValue, setCommentsOnNewPostsValue] = (0, _element.useState)('');
@@ -99,34 +57,6 @@ function HomeTemplateDetails() {
     setPostsPageTitleValue(postsPageTitle);
     setPostsCountValue(postsPerPage);
   }, [postsPageTitle, allowCommentsOnNewPosts, postsPerPage]);
-
-  /*
-   * Merge data in currentTemplateParts with templatePartAreas,
-   * which contains the template icon and fallback labels
-   */
-  const templateAreas = (0, _element.useMemo)(() => {
-    // Keep track of template part IDs that have already been added to the array.
-    const templatePartIds = new Set();
-    const filterOutDuplicateTemplateParts = currentTemplatePart => {
-      // If the template part has already been added to the array, skip it.
-      if (templatePartIds.has(currentTemplatePart.templatePart.id)) {
-        return;
-      }
-      // Add to the array of template part IDs.
-      templatePartIds.add(currentTemplatePart.templatePart.id);
-      return currentTemplatePart;
-    };
-    return currentTemplateParts.length && templatePartAreas ? currentTemplateParts.filter(filterOutDuplicateTemplateParts).map(({
-      templatePart,
-      block
-    }) => ({
-      ...templatePartAreas?.find(({
-        area
-      }) => area === templatePart?.area),
-      ...templatePart,
-      clientId: block.clientId
-    })) : [];
-  }, [currentTemplateParts, templatePartAreas]);
   const setAllowCommentsOnNewPosts = newValue => {
     setCommentsOnNewPostsValue(newValue);
     editEntityRecord('root', 'site', undefined, {
@@ -175,22 +105,6 @@ function HomeTemplateDetails() {
     help: (0, _i18n.__)('Changes will apply to new posts only. Individual posts may override these settings.'),
     checked: commentsOnNewPostsValue,
     onChange: setAllowCommentsOnNewPosts
-  }))), (0, _react.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanel, {
-    title: (0, _i18n.__)('Areas'),
-    spacing: 3
-  }, (0, _react.createElement)(_components.__experimentalItemGroup, null, templateAreas.map(({
-    clientId,
-    label,
-    icon,
-    theme,
-    slug,
-    title
-  }) => (0, _react.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelRow, {
-    key: clientId
-  }, (0, _react.createElement)(TemplateAreaButton, {
-    postId: `${theme}//${slug}`,
-    title: title?.rendered || label,
-    icon: icon
-  }))))));
+  }))));
 }
 //# sourceMappingURL=home-template-details.js.map

package/build/components/sidebar-navigation-screen-template/home-template-details.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_compose","_data","_coreData","_components","_icons","_element","_htmlEntities","_sidebarNavigationScreenDetailsPanel","_lockUnlock","_store","_link","_sidebarNavigationItem","_interopRequireDefault","_constants","EMPTY_OBJECT","TemplateAreaButton","postId","icon","title","_icons$icon","icons","header","footer","linkInfo","useLink","postType","TEMPLATE_PART_POST_TYPE","_react","createElement","default","className","layout","withChevron","__experimentalTruncate","limit","ellipsizeMode","numberOfLines","decodeEntities","HomeTemplateDetails","editEntityRecord","useDispatch","coreStore","allowCommentsOnNewPosts","templatePartAreas","postsPerPage","postsPageTitle","postsPageId","currentTemplateParts","useSelect","select","getEntityRecord","getSettings","getCurrentTemplateTemplateParts","unlock","editSiteStore","siteSettings","_postsPageRecord","page_for_posts","default_comment_status","rendered","id","posts_per_page","defaultTemplatePartAreas","commentsOnNewPostsValue","setCommentsOnNewPostsValue","useState","postsCountValue","setPostsCountValue","postsPageTitleValue","setPostsPageTitleValue","useEffect","templateAreas","useMemo","templatePartIds","Set","filterOutDuplicateTemplateParts","currentTemplatePart","has","templatePart","add","length","filter","map","block","find","area","clientId","setAllowCommentsOnNewPosts","newValue","undefined","setPostsPageTitle","setPostsPerPage","Fragment","SidebarNavigationScreenDetailsPanel","spacing","SidebarNavigationScreenDetailsPanelRow","__experimentalInputControl","placeholder","__","size","value","onChange","debounce","label","help","__experimentalNumberControl","spinControls","step","min","CheckboxControl","checked","__experimentalItemGroup","theme","slug","key"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-template/home-template-details.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { debounce } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tCheckboxControl,\n\t__experimentalInputControl as InputControl,\n\t__experimentalNumberControl as NumberControl,\n\t__experimentalTruncate as Truncate,\n\t__experimentalItemGroup as ItemGroup,\n} from '@wordpress/components';\nimport { header, footer, layout } from '@wordpress/icons';\nimport { useMemo, useState, useEffect } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport {\n\tSidebarNavigationScreenDetailsPanel,\n\tSidebarNavigationScreenDetailsPanelRow,\n} from '../sidebar-navigation-screen-details-panel';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport { useLink } from '../routes/link';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { TEMPLATE_PART_POST_TYPE } from '../../utils/constants';\n\nconst EMPTY_OBJECT = {};\n\nfunction TemplateAreaButton( { postId, icon, title } ) {\n\tconst icons = {\n\t\theader,\n\t\tfooter,\n\t};\n\tconst linkInfo = useLink( {\n\t\tpostType: TEMPLATE_PART_POST_TYPE,\n\t\tpostId,\n\t} );\n\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\tclassName=\"edit-site-sidebar-navigation-screen-template__template-area-button\"\n\t\t\t{ ...linkInfo }\n\t\t\ticon={ icons[ icon ] ?? layout }\n\t\t\twithChevron\n\t\t>\n\t\t\t<Truncate\n\t\t\t\tlimit={ 20 }\n\t\t\t\tellipsizeMode=\"tail\"\n\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-template__template-area-label-text\"\n\t\t\t>\n\t\t\t\t{ decodeEntities( title ) }\n\t\t\t</Truncate>\n\t\t</SidebarNavigationItem>\n\t);\n}\n\nexport default function HomeTemplateDetails() {\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\n\tconst {\n\t\tallowCommentsOnNewPosts,\n\t\ttemplatePartAreas,\n\t\tpostsPerPage,\n\t\tpostsPageTitle,\n\t\tpostsPageId,\n\t\tcurrentTemplateParts,\n\t} = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst { getSettings, getCurrentTemplateTemplateParts } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst siteSettings = getEntityRecord( 'root', 'site' );\n\t\tconst _postsPageRecord = siteSettings?.page_for_posts\n\t\t\t? getEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'page',\n\t\t\t\t\tsiteSettings?.page_for_posts\n\t\t\t  )\n\t\t\t: EMPTY_OBJECT;\n\n\t\treturn {\n\t\t\tallowCommentsOnNewPosts:\n\t\t\t\tsiteSettings?.default_comment_status === 'open',\n\t\t\tpostsPageTitle: _postsPageRecord?.title?.rendered,\n\t\t\tpostsPageId: _postsPageRecord?.id,\n\t\t\tpostsPerPage: siteSettings?.posts_per_page,\n\t\t\ttemplatePartAreas: getSettings()?.defaultTemplatePartAreas,\n\t\t\tcurrentTemplateParts: getCurrentTemplateTemplateParts(),\n\t\t};\n\t}, [] );\n\n\tconst [ commentsOnNewPostsValue, setCommentsOnNewPostsValue ] =\n\t\tuseState( '' );\n\tconst [ postsCountValue, setPostsCountValue ] = useState( 1 );\n\tconst [ postsPageTitleValue, setPostsPageTitleValue ] = useState( '' );\n\n\t/*\n\t * This hook serves to set the server-retrieved values,\n\t * postsPageTitle, allowCommentsOnNewPosts, postsPerPage,\n\t * to local state.\n\t */\n\tuseEffect( () => {\n\t\tsetCommentsOnNewPostsValue( allowCommentsOnNewPosts );\n\t\tsetPostsPageTitleValue( postsPageTitle );\n\t\tsetPostsCountValue( postsPerPage );\n\t}, [ postsPageTitle, allowCommentsOnNewPosts, postsPerPage ] );\n\n\t/*\n\t * Merge data in currentTemplateParts with templatePartAreas,\n\t * which contains the template icon and fallback labels\n\t */\n\tconst templateAreas = useMemo( () => {\n\t\t// Keep track of template part IDs that have already been added to the array.\n\t\tconst templatePartIds = new Set();\n\t\tconst filterOutDuplicateTemplateParts = ( currentTemplatePart ) => {\n\t\t\t// If the template part has already been added to the array, skip it.\n\t\t\tif ( templatePartIds.has( currentTemplatePart.templatePart.id ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// Add to the array of template part IDs.\n\t\t\ttemplatePartIds.add( currentTemplatePart.templatePart.id );\n\t\t\treturn currentTemplatePart;\n\t\t};\n\n\t\treturn currentTemplateParts.length && templatePartAreas\n\t\t\t? currentTemplateParts\n\t\t\t\t\t.filter( filterOutDuplicateTemplateParts )\n\t\t\t\t\t.map( ( { templatePart, block } ) => ( {\n\t\t\t\t\t\t...templatePartAreas?.find(\n\t\t\t\t\t\t\t( { area } ) => area === templatePart?.area\n\t\t\t\t\t\t),\n\t\t\t\t\t\t...templatePart,\n\t\t\t\t\t\tclientId: block.clientId,\n\t\t\t\t\t} ) )\n\t\t\t: [];\n\t}, [ currentTemplateParts, templatePartAreas ] );\n\n\tconst setAllowCommentsOnNewPosts = ( newValue ) => {\n\t\tsetCommentsOnNewPostsValue( newValue );\n\t\teditEntityRecord( 'root', 'site', undefined, {\n\t\t\tdefault_comment_status: newValue ? 'open' : null,\n\t\t} );\n\t};\n\n\tconst setPostsPageTitle = ( newValue ) => {\n\t\tsetPostsPageTitleValue( newValue );\n\t\teditEntityRecord( 'postType', 'page', postsPageId, {\n\t\t\ttitle: newValue,\n\t\t} );\n\t};\n\n\tconst setPostsPerPage = ( newValue ) => {\n\t\tsetPostsCountValue( newValue );\n\t\teditEntityRecord( 'root', 'site', undefined, {\n\t\t\tposts_per_page: newValue,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationScreenDetailsPanel spacing={ 6 }>\n\t\t\t\t{ postsPageId && (\n\t\t\t\t\t<SidebarNavigationScreenDetailsPanelRow>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__input-control\"\n\t\t\t\t\t\t\tplaceholder={ __( 'No Title' ) }\n\t\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t\t\tvalue={ postsPageTitleValue }\n\t\t\t\t\t\t\tonChange={ debounce( setPostsPageTitle, 300 ) }\n\t\t\t\t\t\t\tlabel={ __( 'Blog title' ) }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Set the Posts Page title. Appears in search results, and when the page is shared on social media.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</SidebarNavigationScreenDetailsPanelRow>\n\t\t\t\t) }\n\t\t\t\t<SidebarNavigationScreenDetailsPanelRow>\n\t\t\t\t\t<NumberControl\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__input-control\"\n\t\t\t\t\t\tplaceholder={ 0 }\n\t\t\t\t\t\tvalue={ postsCountValue }\n\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t\tspinControls=\"custom\"\n\t\t\t\t\t\tstep=\"1\"\n\t\t\t\t\t\tmin=\"1\"\n\t\t\t\t\t\tonChange={ setPostsPerPage }\n\t\t\t\t\t\tlabel={ __( 'Posts per page' ) }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Set the default number of posts to display on blog pages, including categories and tags. Some templates may override this setting.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</SidebarNavigationScreenDetailsPanelRow>\n\t\t\t</SidebarNavigationScreenDetailsPanel>\n\n\t\t\t<SidebarNavigationScreenDetailsPanel\n\t\t\t\ttitle={ __( 'Discussion' ) }\n\t\t\t\tspacing={ 3 }\n\t\t\t>\n\t\t\t\t<SidebarNavigationScreenDetailsPanelRow>\n\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__input-control\"\n\t\t\t\t\t\tlabel={ __( 'Allow comments on new posts' ) }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Changes will apply to new posts only. Individual posts may override these settings.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tchecked={ commentsOnNewPostsValue }\n\t\t\t\t\t\tonChange={ setAllowCommentsOnNewPosts }\n\t\t\t\t\t/>\n\t\t\t\t</SidebarNavigationScreenDetailsPanelRow>\n\t\t\t</SidebarNavigationScreenDetailsPanel>\n\t\t\t<SidebarNavigationScreenDetailsPanel\n\t\t\t\ttitle={ __( 'Areas' ) }\n\t\t\t\tspacing={ 3 }\n\t\t\t>\n\t\t\t\t<ItemGroup>\n\t\t\t\t\t{ templateAreas.map(\n\t\t\t\t\t\t( { clientId, label, icon, theme, slug, title } ) => (\n\t\t\t\t\t\t\t<SidebarNavigationScreenDetailsPanelRow\n\t\t\t\t\t\t\t\tkey={ clientId }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<TemplateAreaButton\n\t\t\t\t\t\t\t\t\tpostId={ `${ theme }//${ slug }` }\n\t\t\t\t\t\t\t\t\ttitle={ title?.rendered || label }\n\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</SidebarNavigationScreenDetailsPanelRow>\n\t\t\t\t\t\t)\n\t\t\t\t\t) }\n\t\t\t\t</ItemGroup>\n\t\t\t</SidebarNavigationScreenDetailsPanel>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_i18n","require","_compose","_data","_coreData","_components","_element","_sidebarNavigationScreenDetailsPanel","EMPTY_OBJECT","HomeTemplateDetails","editEntityRecord","useDispatch","coreStore","allowCommentsOnNewPosts","postsPerPage","postsPageTitle","postsPageId","useSelect","select","getEntityRecord","siteSettings","_postsPageRecord","page_for_posts","default_comment_status","title","rendered","id","posts_per_page","commentsOnNewPostsValue","setCommentsOnNewPostsValue","useState","postsCountValue","setPostsCountValue","postsPageTitleValue","setPostsPageTitleValue","useEffect","setAllowCommentsOnNewPosts","newValue","undefined","setPostsPageTitle","setPostsPerPage","_react","createElement","Fragment","SidebarNavigationScreenDetailsPanel","spacing","SidebarNavigationScreenDetailsPanelRow","__experimentalInputControl","className","placeholder","__","size","value","onChange","debounce","label","help","__experimentalNumberControl","spinControls","step","min","CheckboxControl","checked"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-template/home-template-details.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { debounce } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tCheckboxControl,\n\t__experimentalInputControl as InputControl,\n\t__experimentalNumberControl as NumberControl,\n} from '@wordpress/components';\nimport { useState, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tSidebarNavigationScreenDetailsPanel,\n\tSidebarNavigationScreenDetailsPanelRow,\n} from '../sidebar-navigation-screen-details-panel';\n\nconst EMPTY_OBJECT = {};\n\nexport default function HomeTemplateDetails() {\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\n\tconst {\n\t\tallowCommentsOnNewPosts,\n\t\tpostsPerPage,\n\t\tpostsPageTitle,\n\t\tpostsPageId,\n\t} = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteSettings = getEntityRecord( 'root', 'site' );\n\t\tconst _postsPageRecord = siteSettings?.page_for_posts\n\t\t\t? getEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'page',\n\t\t\t\t\tsiteSettings?.page_for_posts\n\t\t\t  )\n\t\t\t: EMPTY_OBJECT;\n\n\t\treturn {\n\t\t\tallowCommentsOnNewPosts:\n\t\t\t\tsiteSettings?.default_comment_status === 'open',\n\t\t\tpostsPageTitle: _postsPageRecord?.title?.rendered,\n\t\t\tpostsPageId: _postsPageRecord?.id,\n\t\t\tpostsPerPage: siteSettings?.posts_per_page,\n\t\t};\n\t}, [] );\n\n\tconst [ commentsOnNewPostsValue, setCommentsOnNewPostsValue ] =\n\t\tuseState( '' );\n\tconst [ postsCountValue, setPostsCountValue ] = useState( 1 );\n\tconst [ postsPageTitleValue, setPostsPageTitleValue ] = useState( '' );\n\n\t/*\n\t * This hook serves to set the server-retrieved values,\n\t * postsPageTitle, allowCommentsOnNewPosts, postsPerPage,\n\t * to local state.\n\t */\n\tuseEffect( () => {\n\t\tsetCommentsOnNewPostsValue( allowCommentsOnNewPosts );\n\t\tsetPostsPageTitleValue( postsPageTitle );\n\t\tsetPostsCountValue( postsPerPage );\n\t}, [ postsPageTitle, allowCommentsOnNewPosts, postsPerPage ] );\n\n\tconst setAllowCommentsOnNewPosts = ( newValue ) => {\n\t\tsetCommentsOnNewPostsValue( newValue );\n\t\teditEntityRecord( 'root', 'site', undefined, {\n\t\t\tdefault_comment_status: newValue ? 'open' : null,\n\t\t} );\n\t};\n\n\tconst setPostsPageTitle = ( newValue ) => {\n\t\tsetPostsPageTitleValue( newValue );\n\t\teditEntityRecord( 'postType', 'page', postsPageId, {\n\t\t\ttitle: newValue,\n\t\t} );\n\t};\n\n\tconst setPostsPerPage = ( newValue ) => {\n\t\tsetPostsCountValue( newValue );\n\t\teditEntityRecord( 'root', 'site', undefined, {\n\t\t\tposts_per_page: newValue,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationScreenDetailsPanel spacing={ 6 }>\n\t\t\t\t{ postsPageId && (\n\t\t\t\t\t<SidebarNavigationScreenDetailsPanelRow>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__input-control\"\n\t\t\t\t\t\t\tplaceholder={ __( 'No Title' ) }\n\t\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t\t\tvalue={ postsPageTitleValue }\n\t\t\t\t\t\t\tonChange={ debounce( setPostsPageTitle, 300 ) }\n\t\t\t\t\t\t\tlabel={ __( 'Blog title' ) }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Set the Posts Page title. Appears in search results, and when the page is shared on social media.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</SidebarNavigationScreenDetailsPanelRow>\n\t\t\t\t) }\n\t\t\t\t<SidebarNavigationScreenDetailsPanelRow>\n\t\t\t\t\t<NumberControl\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__input-control\"\n\t\t\t\t\t\tplaceholder={ 0 }\n\t\t\t\t\t\tvalue={ postsCountValue }\n\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t\tspinControls=\"custom\"\n\t\t\t\t\t\tstep=\"1\"\n\t\t\t\t\t\tmin=\"1\"\n\t\t\t\t\t\tonChange={ setPostsPerPage }\n\t\t\t\t\t\tlabel={ __( 'Posts per page' ) }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Set the default number of posts to display on blog pages, including categories and tags. Some templates may override this setting.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</SidebarNavigationScreenDetailsPanelRow>\n\t\t\t</SidebarNavigationScreenDetailsPanel>\n\n\t\t\t<SidebarNavigationScreenDetailsPanel\n\t\t\t\ttitle={ __( 'Discussion' ) }\n\t\t\t\tspacing={ 3 }\n\t\t\t>\n\t\t\t\t<SidebarNavigationScreenDetailsPanelRow>\n\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__input-control\"\n\t\t\t\t\t\tlabel={ __( 'Allow comments on new posts' ) }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Changes will apply to new posts only. Individual posts may override these settings.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tchecked={ commentsOnNewPostsValue }\n\t\t\t\t\t\tonChange={ setAllowCommentsOnNewPosts }\n\t\t\t\t\t/>\n\t\t\t\t</SidebarNavigationScreenDetailsPanelRow>\n\t\t\t</SidebarNavigationScreenDetailsPanel>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/components/sidebar-navigation-screen-template/index.js

@@ -11,6 +11,7 @@ var _data = require("@wordpress/data");
 var _icons = require("@wordpress/icons");
 var _components = require("@wordpress/components");
 var _coreData = require("@wordpress/core-data");
+var _templateAreas = _interopRequireDefault(require("./template-areas"));
 var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
 var _useEditedEntityRecord = _interopRequireDefault(require("../use-edited-entity-record"));
 var _lockUnlock = require("../../lock-unlock");
@@ -42,7 +43,7 @@ function useTemplateDetails(postType, postId) {
   if (!descriptionText && addedBy.text) {
     descriptionText = (0, _i18n.__)('This is a custom template that can be applied manually to any Post or Page.');
   }
-  const content = record?.slug === 'home' || record?.slug === 'index' ? (0, _react.createElement)(_homeTemplateDetails.default, null) : null;
+  const content = record?.slug === 'home' || record?.slug === 'index' ? (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_homeTemplateDetails.default, null), (0, _react.createElement)(_templateAreas.default, null)) : (0, _react.createElement)(_templateAreas.default, null);
   const footer = record?.modified ? (0, _react.createElement)(_sidebarNavigationScreenDetailsFooter.default, {
     record: record
   }) : null;

package/build/components/sidebar-navigation-screen-template/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_data","_icons","_components","_coreData","_sidebarNavigationScreen","_interopRequireDefault","_useEditedEntityRecord","_lockUnlock","_store","_sidebarButton","_addedBy","_templateActions","_homeTemplateDetails","_sidebarNavigationScreenDetailsFooter","useTemplateDetails","postType","postId","getDescription","getTitle","record","useEditedEntityRecord","currentTheme","useSelect","select","coreStore","getCurrentTheme","addedBy","useAddedBy","isAddedByActiveTheme","type","theme","stylesheet","title","descriptionText","text","__","content","slug","_react","createElement","default","footer","modified","description","Fragment","className","imageUrl","src","alt","width","height","Icon","icon","isCustomized","_x","SidebarNavigationScreenTemplate","navigator","useNavigator","params","setCanvasMode","unlock","useDispatch","editSiteStore","actions","toggleProps","as","SidebarButton","onRemove","goTo","onClick","label","pencil"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-template/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { pencil } from '@wordpress/icons';\nimport {\n\t__experimentalUseNavigator as useNavigator,\n\tIcon,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport useEditedEntityRecord from '../use-edited-entity-record';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport SidebarButton from '../sidebar-button';\nimport { useAddedBy } from '../list/added-by';\nimport TemplateActions from '../template-actions';\nimport HomeTemplateDetails from './home-template-details';\nimport SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';\n\nfunction useTemplateDetails( postType, postId ) {\n\tconst { getDescription, getTitle, record } = useEditedEntityRecord(\n\t\tpostType,\n\t\tpostId\n\t);\n\tconst currentTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme(),\n\t\t[]\n\t);\n\tconst addedBy = useAddedBy( postType, postId );\n\tconst isAddedByActiveTheme =\n\t\taddedBy.type === 'theme' && record.theme === currentTheme?.stylesheet;\n\tconst title = getTitle();\n\tlet descriptionText = getDescription();\n\n\tif ( ! descriptionText && addedBy.text ) {\n\t\tdescriptionText = __(\n\t\t\t'This is a custom template that can be applied manually to any Post or Page.'\n\t\t);\n\t}\n\n\tconst content =\n\t\trecord?.slug === 'home' || record?.slug === 'index' ? (\n\t\t\t<HomeTemplateDetails />\n\t\t) : null;\n\n\tconst footer = record?.modified ? (\n\t\t<SidebarNavigationScreenDetailsFooter record={ record } />\n\t) : null;\n\n\tconst description = (\n\t\t<>\n\t\t\t{ descriptionText }\n\n\t\t\t{ addedBy.text && ! isAddedByActiveTheme && (\n\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-template__added-by-description\">\n\t\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-template__added-by-description-author\">\n\t\t\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-template__added-by-description-author-icon\">\n\t\t\t\t\t\t\t{ addedBy.imageUrl ? (\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc={ addedBy.imageUrl }\n\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Icon icon={ addedBy.icon } />\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{ addedBy.text }\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{ addedBy.isCustomized && (\n\t\t\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-template__added-by-description-customized\">\n\t\t\t\t\t\t\t{ _x( '(Customized)', 'template' ) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t</span>\n\t\t\t) }\n\t\t</>\n\t);\n\n\treturn { title, description, content, footer };\n}\n\nexport default function SidebarNavigationScreenTemplate() {\n\tconst navigator = useNavigator();\n\tconst {\n\t\tparams: { postType, postId },\n\t} = navigator;\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst { title, content, description, footer } = useTemplateDetails(\n\t\tpostType,\n\t\tpostId\n\t);\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ title }\n\t\t\tactions={\n\t\t\t\t<>\n\t\t\t\t\t<TemplateActions\n\t\t\t\t\t\tpostType={ postType }\n\t\t\t\t\t\tpostId={ postId }\n\t\t\t\t\t\ttoggleProps={ { as: SidebarButton } }\n\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\tnavigator.goTo( `/${ postType }/all` );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\tonClick={ () => setCanvasMode( 'edit' ) }\n\t\t\t\t\t\tlabel={ __( 'Edit' ) }\n\t\t\t\t\t\ticon={ pencil }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t}\n\t\t\tdescription={ description }\n\t\t\tcontent={ content }\n\t\t\tfooter={ footer }\n\t\t/>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_i18n","require","_data","_icons","_components","_coreData","_templateAreas","_interopRequireDefault","_sidebarNavigationScreen","_useEditedEntityRecord","_lockUnlock","_store","_sidebarButton","_addedBy","_templateActions","_homeTemplateDetails","_sidebarNavigationScreenDetailsFooter","useTemplateDetails","postType","postId","getDescription","getTitle","record","useEditedEntityRecord","currentTheme","useSelect","select","coreStore","getCurrentTheme","addedBy","useAddedBy","isAddedByActiveTheme","type","theme","stylesheet","title","descriptionText","text","__","content","slug","_react","createElement","Fragment","default","footer","modified","description","className","imageUrl","src","alt","width","height","Icon","icon","isCustomized","_x","SidebarNavigationScreenTemplate","navigator","useNavigator","params","setCanvasMode","unlock","useDispatch","editSiteStore","actions","toggleProps","as","SidebarButton","onRemove","goTo","onClick","label","pencil"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-template/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { pencil } from '@wordpress/icons';\nimport {\n\t__experimentalUseNavigator as useNavigator,\n\tIcon,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\n/**\n * Internal dependencies\n */\nimport TemplateAreas from './template-areas';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport useEditedEntityRecord from '../use-edited-entity-record';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport SidebarButton from '../sidebar-button';\nimport { useAddedBy } from '../list/added-by';\nimport TemplateActions from '../template-actions';\nimport HomeTemplateDetails from './home-template-details';\nimport SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';\n\nfunction useTemplateDetails( postType, postId ) {\n\tconst { getDescription, getTitle, record } = useEditedEntityRecord(\n\t\tpostType,\n\t\tpostId\n\t);\n\tconst currentTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme(),\n\t\t[]\n\t);\n\tconst addedBy = useAddedBy( postType, postId );\n\tconst isAddedByActiveTheme =\n\t\taddedBy.type === 'theme' && record.theme === currentTheme?.stylesheet;\n\tconst title = getTitle();\n\tlet descriptionText = getDescription();\n\n\tif ( ! descriptionText && addedBy.text ) {\n\t\tdescriptionText = __(\n\t\t\t'This is a custom template that can be applied manually to any Post or Page.'\n\t\t);\n\t}\n\n\tconst content =\n\t\trecord?.slug === 'home' || record?.slug === 'index' ? (\n\t\t\t<>\n\t\t\t\t<HomeTemplateDetails />\n\t\t\t\t<TemplateAreas />\n\t\t\t</>\n\t\t) : (\n\t\t\t<TemplateAreas />\n\t\t);\n\n\tconst footer = record?.modified ? (\n\t\t<SidebarNavigationScreenDetailsFooter record={ record } />\n\t) : null;\n\n\tconst description = (\n\t\t<>\n\t\t\t{ descriptionText }\n\n\t\t\t{ addedBy.text && ! isAddedByActiveTheme && (\n\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-template__added-by-description\">\n\t\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-template__added-by-description-author\">\n\t\t\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-template__added-by-description-author-icon\">\n\t\t\t\t\t\t\t{ addedBy.imageUrl ? (\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc={ addedBy.imageUrl }\n\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Icon icon={ addedBy.icon } />\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{ addedBy.text }\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{ addedBy.isCustomized && (\n\t\t\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-template__added-by-description-customized\">\n\t\t\t\t\t\t\t{ _x( '(Customized)', 'template' ) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t</span>\n\t\t\t) }\n\t\t</>\n\t);\n\n\treturn { title, description, content, footer };\n}\n\nexport default function SidebarNavigationScreenTemplate() {\n\tconst navigator = useNavigator();\n\tconst {\n\t\tparams: { postType, postId },\n\t} = navigator;\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst { title, content, description, footer } = useTemplateDetails(\n\t\tpostType,\n\t\tpostId\n\t);\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ title }\n\t\t\tactions={\n\t\t\t\t<>\n\t\t\t\t\t<TemplateActions\n\t\t\t\t\t\tpostType={ postType }\n\t\t\t\t\t\tpostId={ postId }\n\t\t\t\t\t\ttoggleProps={ { as: SidebarButton } }\n\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\tnavigator.goTo( `/${ postType }/all` );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\tonClick={ () => setCanvasMode( 'edit' ) }\n\t\t\t\t\t\tlabel={ __( 'Edit' ) }\n\t\t\t\t\t\ticon={ pencil }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t}\n\t\t\tdescription={ description }\n\t\t\tcontent={ content }\n\t\t\tfooter={ footer }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAIA,IAAAI,SAAA,GAAAJ,OAAA;AAIA,IAAAK,cAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,wBAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,sBAAA,GAAAF,sBAAA,CAAAN,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,cAAA,GAAAL,sBAAA,CAAAN,OAAA;AACA,IAAAY,QAAA,GAAAZ,OAAA;AACA,IAAAa,gBAAA,GAAAP,sBAAA,CAAAN,OAAA;AACA,IAAAc,oBAAA,GAAAR,sBAAA,CAAAN,OAAA;AACA,IAAAe,qCAAA,GAAAT,sBAAA,CAAAN,OAAA;AAvBA;AACA;AACA;;AASA;AACA;AACA;;AAYA,SAASgB,kBAAkBA,CAAEC,QAAQ,EAAEC,MAAM,EAAG;EAC/C,MAAM;IAAEC,cAAc;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAG,IAAAC,8BAAqB,EACjEL,QAAQ,EACRC,MACD,CAAC;EACD,MAAMK,YAAY,GAAG,IAAAC,eAAS,EAC3BC,MAAM,IAAMA,MAAM,CAAEC,eAAU,CAAC,CAACC,eAAe,CAAC,CAAC,EACnD,EACD,CAAC;EACD,MAAMC,OAAO,GAAG,IAAAC,mBAAU,EAAEZ,QAAQ,EAAEC,MAAO,CAAC;EAC9C,MAAMY,oBAAoB,GACzBF,OAAO,CAACG,IAAI,KAAK,OAAO,IAAIV,MAAM,CAACW,KAAK,KAAKT,YAAY,EAAEU,UAAU;EACtE,MAAMC,KAAK,GAAGd,QAAQ,CAAC,CAAC;EACxB,IAAIe,eAAe,GAAGhB,cAAc,CAAC,CAAC;EAEtC,IAAK,CAAEgB,eAAe,IAAIP,OAAO,CAACQ,IAAI,EAAG;IACxCD,eAAe,GAAG,IAAAE,QAAE,EACnB,6EACD,CAAC;EACF;EAEA,MAAMC,OAAO,GACZjB,MAAM,EAAEkB,IAAI,KAAK,MAAM,IAAIlB,MAAM,EAAEkB,IAAI,KAAK,OAAO,GAClD,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAAC3B,oBAAA,CAAA6B,OAAmB,MAAE,CAAC,EACvB,IAAAH,MAAA,CAAAC,aAAA,EAACpC,cAAA,CAAAsC,OAAa,MAAE,CACf,CAAC,GAEH,IAAAH,MAAA,CAAAC,aAAA,EAACpC,cAAA,CAAAsC,OAAa,MAAE,CAChB;EAEF,MAAMC,MAAM,GAAGvB,MAAM,EAAEwB,QAAQ,GAC9B,IAAAL,MAAA,CAAAC,aAAA,EAAC1B,qCAAA,CAAA4B,OAAoC;IAACtB,MAAM,EAAGA;EAAQ,CAAE,CAAC,GACvD,IAAI;EAER,MAAMyB,WAAW,GAChB,IAAAN,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGP,eAAe,EAEfP,OAAO,CAACQ,IAAI,IAAI,CAAEN,oBAAoB,IACvC,IAAAU,MAAA,CAAAC,aAAA;IAAMM,SAAS,EAAC;EAAoE,GACnF,IAAAP,MAAA,CAAAC,aAAA;IAAMM,SAAS,EAAC;EAA2E,GAC1F,IAAAP,MAAA,CAAAC,aAAA;IAAMM,SAAS,EAAC;EAAgF,GAC7FnB,OAAO,CAACoB,QAAQ,GACjB,IAAAR,MAAA,CAAAC,aAAA;IACCQ,GAAG,EAAGrB,OAAO,CAACoB,QAAU;IACxBE,GAAG,EAAC,EAAE;IACNC,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC;EAAI,CACX,CAAC,GAEF,IAAAZ,MAAA,CAAAC,aAAA,EAACtC,WAAA,CAAAkD,IAAI;IAACC,IAAI,EAAG1B,OAAO,CAAC0B;EAAM,CAAE,CAEzB,CAAC,EACL1B,OAAO,CAACQ,IACL,CAAC,EAELR,OAAO,CAAC2B,YAAY,IACrB,IAAAf,MAAA,CAAAC,aAAA;IAAMM,SAAS,EAAC;EAA+E,GAC5F,IAAAS,QAAE,EAAE,cAAc,EAAE,UAAW,CAC5B,CAEF,CAEN,CACF;EAED,OAAO;IAAEtB,KAAK;IAAEY,WAAW;IAAER,OAAO;IAAEM;EAAO,CAAC;AAC/C;AAEe,SAASa,+BAA+BA,CAAA,EAAG;EACzD,MAAMC,SAAS,GAAG,IAAAC,sCAAY,EAAC,CAAC;EAChC,MAAM;IACLC,MAAM,EAAE;MAAE3C,QAAQ;MAAEC;IAAO;EAC5B,CAAC,GAAGwC,SAAS;EACb,MAAM;IAAEG;EAAc,CAAC,GAAG,IAAAC,kBAAM,EAAE,IAAAC,iBAAW,EAAEC,YAAc,CAAE,CAAC;EAChE,MAAM;IAAE9B,KAAK;IAAEI,OAAO;IAAEQ,WAAW;IAAEF;EAAO,CAAC,GAAG5B,kBAAkB,CACjEC,QAAQ,EACRC,MACD,CAAC;EAED,OACC,IAAAsB,MAAA,CAAAC,aAAA,EAAClC,wBAAA,CAAAoC,OAAuB;IACvBT,KAAK,EAAGA,KAAO;IACf+B,OAAO,EACN,IAAAzB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAAC5B,gBAAA,CAAA8B,OAAe;MACf1B,QAAQ,EAAGA,QAAU;MACrBC,MAAM,EAAGA,MAAQ;MACjBgD,WAAW,EAAG;QAAEC,EAAE,EAAEC;MAAc,CAAG;MACrCC,QAAQ,EAAGA,CAAA,KAAM;QAChBX,SAAS,CAACY,IAAI,CAAG,IAAIrD,QAAU,MAAM,CAAC;MACvC;IAAG,CACH,CAAC,EACF,IAAAuB,MAAA,CAAAC,aAAA,EAAC9B,cAAA,CAAAgC,OAAa;MACb4B,OAAO,EAAGA,CAAA,KAAMV,aAAa,CAAE,MAAO,CAAG;MACzCW,KAAK,EAAG,IAAAnC,QAAE,EAAE,MAAO,CAAG;MACtBiB,IAAI,EAAGmB;IAAQ,CACf,CACA,CACF;IACD3B,WAAW,EAAGA,WAAa;IAC3BR,OAAO,EAAGA,OAAS;IACnBM,MAAM,EAAGA;EAAQ,CACjB,CAAC;AAEJ"}

package/build/components/sidebar-navigation-screen-template/template-areas.js

@@ -0,0 +1,117 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TemplateAreas;
+var _react = require("react");
+var _i18n = require("@wordpress/i18n");
+var _data = require("@wordpress/data");
+var _components = require("@wordpress/components");
+var _editor = require("@wordpress/editor");
+var _element = require("@wordpress/element");
+var _htmlEntities = require("@wordpress/html-entities");
+var _sidebarNavigationScreenDetailsPanel = require("../sidebar-navigation-screen-details-panel");
+var _lockUnlock = require("../../lock-unlock");
+var _store = require("../../store");
+var _link = require("../routes/link");
+var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigation-item"));
+var _constants = require("../../utils/constants");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function TemplateAreaButton({
+  postId,
+  area,
+  title
+}) {
+  const templatePartArea = (0, _data.useSelect)(select => {
+    const defaultAreas = select(_editor.store).__experimentalGetDefaultTemplatePartAreas();
+    return defaultAreas.find(defaultArea => defaultArea.area === area);
+  }, [area]);
+  const linkInfo = (0, _link.useLink)({
+    postType: _constants.TEMPLATE_PART_POST_TYPE,
+    postId
+  });
+  return (0, _react.createElement)(_sidebarNavigationItem.default, {
+    className: "edit-site-sidebar-navigation-screen-template__template-area-button",
+    ...linkInfo,
+    icon: templatePartArea?.icon,
+    withChevron: true
+  }, (0, _react.createElement)(_components.__experimentalTruncate, {
+    limit: 20,
+    ellipsizeMode: "tail",
+    numberOfLines: 1,
+    className: "edit-site-sidebar-navigation-screen-template__template-area-label-text"
+  }, (0, _htmlEntities.decodeEntities)(title)));
+}
+function TemplateAreas() {
+  const {
+    templatePartAreas,
+    currentTemplateParts
+  } = (0, _data.useSelect)(select => {
+    const {
+      getSettings,
+      getCurrentTemplateTemplateParts
+    } = (0, _lockUnlock.unlock)(select(_store.store));
+    return {
+      templatePartAreas: getSettings()?.defaultTemplatePartAreas,
+      currentTemplateParts: getCurrentTemplateTemplateParts()
+    };
+  }, []);
+
+  /*
+   * Merge data in currentTemplateParts with templatePartAreas,
+   * which contains the template icon and fallback labels
+   */
+  const templateAreas = (0, _element.useMemo)(() => {
+    // Keep track of template part IDs that have already been added to the array.
+    const templatePartIds = new Set();
+    const filterOutDuplicateTemplateParts = currentTemplatePart => {
+      // If the template part has already been added to the array, skip it.
+      if (templatePartIds.has(currentTemplatePart.templatePart.id)) {
+        return;
+      }
+      // Add to the array of template part IDs.
+      templatePartIds.add(currentTemplatePart.templatePart.id);
+      return currentTemplatePart;
+    };
+    return currentTemplateParts.length && templatePartAreas ? currentTemplateParts.filter(filterOutDuplicateTemplateParts).map(({
+      templatePart,
+      block
+    }) => ({
+      ...templatePartAreas?.find(({
+        area
+      }) => area === templatePart?.area),
+      ...templatePart,
+      clientId: block.clientId
+    })) : [];
+  }, [currentTemplateParts, templatePartAreas]);
+  if (!templateAreas.length) {
+    return null;
+  }
+  return (0, _react.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanel, {
+    title: (0, _i18n.__)('Areas'),
+    spacing: 3
+  }, (0, _react.createElement)(_components.__experimentalItemGroup, null, templateAreas.map(({
+    clientId,
+    label,
+    area,
+    theme,
+    slug,
+    title
+  }) => (0, _react.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelRow, {
+    key: clientId
+  }, (0, _react.createElement)(TemplateAreaButton, {
+    postId: `${theme}//${slug}`,
+    title: title?.rendered || label,
+    area: area
+  })))));
+}
+//# sourceMappingURL=template-areas.js.map

package/build/components/sidebar-navigation-screen-template/template-areas.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_data","_components","_editor","_element","_htmlEntities","_sidebarNavigationScreenDetailsPanel","_lockUnlock","_store","_link","_sidebarNavigationItem","_interopRequireDefault","_constants","TemplateAreaButton","postId","area","title","templatePartArea","useSelect","select","defaultAreas","editorStore","__experimentalGetDefaultTemplatePartAreas","find","defaultArea","linkInfo","useLink","postType","TEMPLATE_PART_POST_TYPE","_react","createElement","default","className","icon","withChevron","__experimentalTruncate","limit","ellipsizeMode","numberOfLines","decodeEntities","TemplateAreas","templatePartAreas","currentTemplateParts","getSettings","getCurrentTemplateTemplateParts","unlock","editSiteStore","defaultTemplatePartAreas","templateAreas","useMemo","templatePartIds","Set","filterOutDuplicateTemplateParts","currentTemplatePart","has","templatePart","id","add","length","filter","map","block","clientId","SidebarNavigationScreenDetailsPanel","__","spacing","__experimentalItemGroup","label","theme","slug","SidebarNavigationScreenDetailsPanelRow","key","rendered"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-template/template-areas.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__experimentalTruncate as Truncate,\n\t__experimentalItemGroup as ItemGroup,\n} from '@wordpress/components';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useMemo } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport {\n\tSidebarNavigationScreenDetailsPanel,\n\tSidebarNavigationScreenDetailsPanelRow,\n} from '../sidebar-navigation-screen-details-panel';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport { useLink } from '../routes/link';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { TEMPLATE_PART_POST_TYPE } from '../../utils/constants';\n\nfunction TemplateAreaButton( { postId, area, title } ) {\n\tconst templatePartArea = useSelect(\n\t\t( select ) => {\n\t\t\tconst defaultAreas =\n\t\t\t\tselect(\n\t\t\t\t\teditorStore\n\t\t\t\t).__experimentalGetDefaultTemplatePartAreas();\n\n\t\t\treturn defaultAreas.find(\n\t\t\t\t( defaultArea ) => defaultArea.area === area\n\t\t\t);\n\t\t},\n\t\t[ area ]\n\t);\n\tconst linkInfo = useLink( {\n\t\tpostType: TEMPLATE_PART_POST_TYPE,\n\t\tpostId,\n\t} );\n\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\tclassName=\"edit-site-sidebar-navigation-screen-template__template-area-button\"\n\t\t\t{ ...linkInfo }\n\t\t\ticon={ templatePartArea?.icon }\n\t\t\twithChevron\n\t\t>\n\t\t\t<Truncate\n\t\t\t\tlimit={ 20 }\n\t\t\t\tellipsizeMode=\"tail\"\n\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-template__template-area-label-text\"\n\t\t\t>\n\t\t\t\t{ decodeEntities( title ) }\n\t\t\t</Truncate>\n\t\t</SidebarNavigationItem>\n\t);\n}\n\nexport default function TemplateAreas() {\n\tconst { templatePartAreas, currentTemplateParts } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings, getCurrentTemplateTemplateParts } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\treturn {\n\t\t\t\ttemplatePartAreas: getSettings()?.defaultTemplatePartAreas,\n\t\t\t\tcurrentTemplateParts: getCurrentTemplateTemplateParts(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\t/*\n\t * Merge data in currentTemplateParts with templatePartAreas,\n\t * which contains the template icon and fallback labels\n\t */\n\tconst templateAreas = useMemo( () => {\n\t\t// Keep track of template part IDs that have already been added to the array.\n\t\tconst templatePartIds = new Set();\n\t\tconst filterOutDuplicateTemplateParts = ( currentTemplatePart ) => {\n\t\t\t// If the template part has already been added to the array, skip it.\n\t\t\tif ( templatePartIds.has( currentTemplatePart.templatePart.id ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// Add to the array of template part IDs.\n\t\t\ttemplatePartIds.add( currentTemplatePart.templatePart.id );\n\t\t\treturn currentTemplatePart;\n\t\t};\n\n\t\treturn currentTemplateParts.length && templatePartAreas\n\t\t\t? currentTemplateParts\n\t\t\t\t\t.filter( filterOutDuplicateTemplateParts )\n\t\t\t\t\t.map( ( { templatePart, block } ) => ( {\n\t\t\t\t\t\t...templatePartAreas?.find(\n\t\t\t\t\t\t\t( { area } ) => area === templatePart?.area\n\t\t\t\t\t\t),\n\t\t\t\t\t\t...templatePart,\n\t\t\t\t\t\tclientId: block.clientId,\n\t\t\t\t\t} ) )\n\t\t\t: [];\n\t}, [ currentTemplateParts, templatePartAreas ] );\n\n\tif ( ! templateAreas.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<SidebarNavigationScreenDetailsPanel\n\t\t\ttitle={ __( 'Areas' ) }\n\t\t\tspacing={ 3 }\n\t\t>\n\t\t\t<ItemGroup>\n\t\t\t\t{ templateAreas.map(\n\t\t\t\t\t( { clientId, label, area, theme, slug, title } ) => (\n\t\t\t\t\t\t<SidebarNavigationScreenDetailsPanelRow\n\t\t\t\t\t\t\tkey={ clientId }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TemplateAreaButton\n\t\t\t\t\t\t\t\tpostId={ `${ theme }//${ slug }` }\n\t\t\t\t\t\t\t\ttitle={ title?.rendered || label }\n\t\t\t\t\t\t\t\tarea={ area }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</SidebarNavigationScreenDetailsPanelRow>\n\t\t\t\t\t)\n\t\t\t\t) }\n\t\t\t</ItemGroup>\n\t\t</SidebarNavigationScreenDetailsPanel>\n\t);\n}\n"],"mappings":"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"}

package/build/components/sidebar-navigation-screen-templates/index.js

@@ -47,8 +47,6 @@ function SidebarNavigationScreenTemplates() {
   } = (0, _coreData.useEntityRecords)('postType', _constants.TEMPLATE_POST_TYPE, {
     per_page: -1
   });
-  const sortedTemplates = templates ? [...templates] : [];
-  sortedTemplates.sort((a, b) => a.title.rendered.localeCompare(b.title.rendered));
   const browseAllLink = (0, _link.useLink)({
     path: '/wp_template/all'
   });
@@ -62,16 +60,73 @@ function SidebarNavigationScreenTemplates() {
         as: _sidebarButton.default
       }
     }),
-    content: (0, _react.createElement)(_react.Fragment, null, isLoading && (0, _i18n.__)('Loading templates…'), !isLoading && (0, _react.createElement)(_components.__experimentalItemGroup, null, !templates?.length && (0, _react.createElement)(_components.__experimentalItem, null, (0, _i18n.__)('No templates found')), sortedTemplates.map(template => (0, _react.createElement)(TemplateItem, {
-      postType: _constants.TEMPLATE_POST_TYPE,
-      postId: template.id,
-      key: template.id,
-      withChevron: true
-    }, (0, _htmlEntities.decodeEntities)(template.title?.rendered || template.slug))))),
+    content: (0, _react.createElement)(_react.Fragment, null, isLoading && (0, _i18n.__)('Loading templates…'), !isLoading && (0, _react.createElement)(SidebarTemplatesList, {
+      templates: templates
+    })),
     footer: !isMobileViewport && (0, _react.createElement)(_sidebarNavigationItem.default, {
       withChevron: true,
       ...browseAllLink
     }, (0, _i18n.__)('Manage all templates'))
   });
 }
+function TemplatesGroup({
+  title,
+  templates
+}) {
+  return (0, _react.createElement)(_components.__experimentalItemGroup, null, !!title && (0, _react.createElement)(_components.__experimentalItem, {
+    className: "edit-site-sidebar-navigation-screen-templates__templates-group-title"
+  }, title), templates.map(template => (0, _react.createElement)(TemplateItem, {
+    postType: _constants.TEMPLATE_POST_TYPE,
+    postId: template.id,
+    key: template.id,
+    withChevron: true
+  }, (0, _htmlEntities.decodeEntities)(template.title?.rendered || template.slug))));
+}
+function SidebarTemplatesList({
+  templates
+}) {
+  if (!templates?.length) {
+    return (0, _react.createElement)(_components.__experimentalItemGroup, null, (0, _react.createElement)(_components.__experimentalItem, null, (0, _i18n.__)('No templates found')));
+  }
+  const sortedTemplates = templates ? [...templates] : [];
+  sortedTemplates.sort((a, b) => a.title.rendered.localeCompare(b.title.rendered));
+  const {
+    hierarchyTemplates,
+    customTemplates,
+    ...plugins
+  } = sortedTemplates.reduce((accumulator, template) => {
+    const {
+      original_source: originalSource,
+      author_text: authorText
+    } = template;
+    if (originalSource === 'plugin') {
+      if (!accumulator[authorText]) {
+        accumulator[authorText] = [];
+      }
+      accumulator[authorText].push(template);
+    } else if (template.is_custom) {
+      accumulator.customTemplates.push(template);
+    } else {
+      accumulator.hierarchyTemplates.push(template);
+    }
+    return accumulator;
+  }, {
+    hierarchyTemplates: [],
+    customTemplates: []
+  });
+  return (0, _react.createElement)(_components.__experimentalVStack, {
+    spacing: 3
+  }, !!hierarchyTemplates.length && (0, _react.createElement)(TemplatesGroup, {
+    templates: hierarchyTemplates
+  }), !!customTemplates.length && (0, _react.createElement)(TemplatesGroup, {
+    title: (0, _i18n.__)('Custom'),
+    templates: customTemplates
+  }), Object.entries(plugins).map(([plugin, pluginTemplates]) => {
+    return (0, _react.createElement)(TemplatesGroup, {
+      key: plugin,
+      title: plugin,
+      templates: pluginTemplates
+    });
+  }));
+}
 //# sourceMappingURL=index.js.map

package/build/components/sidebar-navigation-screen-templates/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_coreData","_htmlEntities","_compose","_sidebarNavigationScreen","_interopRequireDefault","_link","_sidebarNavigationItem","_addNewTemplate","_sidebarButton","_constants","TemplateItem","postType","postId","props","linkInfo","useLink","_react","createElement","default","SidebarNavigationScreenTemplates","isMobileViewport","useViewportMatch","records","templates","isResolving","isLoading","useEntityRecords","TEMPLATE_POST_TYPE","per_page","sortedTemplates","sort","a","b","title","rendered","localeCompare","browseAllLink","path","canCreate","__","description","actions","templateType","toggleProps","as","SidebarButton","content","Fragment","__experimentalItemGroup","length","__experimentalItem","map","template","id","key","withChevron","decodeEntities","slug","footer"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-templates/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { useLink } from '../routes/link';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport AddNewTemplate from '../add-new-template';\nimport SidebarButton from '../sidebar-button';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nconst TemplateItem = ( { postType, postId, ...props } ) => {\n\tconst linkInfo = useLink( {\n\t\tpostType,\n\t\tpostId,\n\t} );\n\treturn <SidebarNavigationItem { ...linkInfo } { ...props } />;\n};\n\nexport default function SidebarNavigationScreenTemplates() {\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tconst { records: templates, isResolving: isLoading } = useEntityRecords(\n\t\t'postType',\n\t\tTEMPLATE_POST_TYPE,\n\t\t{\n\t\t\tper_page: -1,\n\t\t}\n\t);\n\n\tconst sortedTemplates = templates ? [ ...templates ] : [];\n\tsortedTemplates.sort( ( a, b ) =>\n\t\ta.title.rendered.localeCompare( b.title.rendered )\n\t);\n\n\tconst browseAllLink = useLink( { path: '/wp_template/all' } );\n\tconst canCreate = ! isMobileViewport;\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ __( 'Templates' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Express the layout of your site with templates.'\n\t\t\t) }\n\t\t\tactions={\n\t\t\t\tcanCreate && (\n\t\t\t\t\t<AddNewTemplate\n\t\t\t\t\t\ttemplateType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\tas: SidebarButton,\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\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t{ isLoading && __( 'Loading templates…' ) }\n\t\t\t\t\t{ ! isLoading && (\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t{ ! templates?.length && (\n\t\t\t\t\t\t\t\t<Item>{ __( 'No templates found' ) }</Item>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ sortedTemplates.map( ( template ) => (\n\t\t\t\t\t\t\t\t<TemplateItem\n\t\t\t\t\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t\t\t\t\tpostId={ template.id }\n\t\t\t\t\t\t\t\t\tkey={ template.id }\n\t\t\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\ttemplate.title?.rendered ||\n\t\t\t\t\t\t\t\t\t\t\ttemplate.slug\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</TemplateItem>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t}\n\t\t\tfooter={\n\t\t\t\t! isMobileViewport && (\n\t\t\t\t\t<SidebarNavigationItem withChevron { ...browseAllLink }>\n\t\t\t\t\t\t{ __( 'Manage all templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t)\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_i18n","_coreData","_htmlEntities","_compose","_sidebarNavigationScreen","_interopRequireDefault","_link","_sidebarNavigationItem","_addNewTemplate","_sidebarButton","_constants","TemplateItem","postType","postId","props","linkInfo","useLink","_react","createElement","default","SidebarNavigationScreenTemplates","isMobileViewport","useViewportMatch","records","templates","isResolving","isLoading","useEntityRecords","TEMPLATE_POST_TYPE","per_page","browseAllLink","path","canCreate","title","__","description","actions","templateType","toggleProps","as","SidebarButton","content","Fragment","SidebarTemplatesList","footer","withChevron","TemplatesGroup","__experimentalItemGroup","__experimentalItem","className","map","template","id","key","decodeEntities","rendered","slug","length","sortedTemplates","sort","a","b","localeCompare","hierarchyTemplates","customTemplates","plugins","reduce","accumulator","original_source","originalSource","author_text","authorText","push","is_custom","__experimentalVStack","spacing","Object","entries","plugin","pluginTemplates"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-templates/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { useLink } from '../routes/link';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport AddNewTemplate from '../add-new-template';\nimport SidebarButton from '../sidebar-button';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nconst TemplateItem = ( { postType, postId, ...props } ) => {\n\tconst linkInfo = useLink( {\n\t\tpostType,\n\t\tpostId,\n\t} );\n\treturn <SidebarNavigationItem { ...linkInfo } { ...props } />;\n};\n\nexport default function SidebarNavigationScreenTemplates() {\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { records: templates, isResolving: isLoading } = useEntityRecords(\n\t\t'postType',\n\t\tTEMPLATE_POST_TYPE,\n\t\t{ per_page: -1 }\n\t);\n\tconst browseAllLink = useLink( { path: '/wp_template/all' } );\n\tconst canCreate = ! isMobileViewport;\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ __( 'Templates' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Express the layout of your site with templates.'\n\t\t\t) }\n\t\t\tactions={\n\t\t\t\tcanCreate && (\n\t\t\t\t\t<AddNewTemplate\n\t\t\t\t\t\ttemplateType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\tas: SidebarButton,\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\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t{ isLoading && __( 'Loading templates…' ) }\n\t\t\t\t\t{ ! isLoading && (\n\t\t\t\t\t\t<SidebarTemplatesList templates={ templates } />\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t}\n\t\t\tfooter={\n\t\t\t\t! isMobileViewport && (\n\t\t\t\t\t<SidebarNavigationItem withChevron { ...browseAllLink }>\n\t\t\t\t\t\t{ __( 'Manage all templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t)\n\t\t\t}\n\t\t/>\n\t);\n}\n\nfunction TemplatesGroup( { title, templates } ) {\n\treturn (\n\t\t<ItemGroup>\n\t\t\t{ !! title && (\n\t\t\t\t<Item className=\"edit-site-sidebar-navigation-screen-templates__templates-group-title\">\n\t\t\t\t\t{ title }\n\t\t\t\t</Item>\n\t\t\t) }\n\t\t\t{ templates.map( ( template ) => (\n\t\t\t\t<TemplateItem\n\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\tpostId={ template.id }\n\t\t\t\t\tkey={ template.id }\n\t\t\t\t\twithChevron\n\t\t\t\t>\n\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\ttemplate.title?.rendered || template.slug\n\t\t\t\t\t) }\n\t\t\t\t</TemplateItem>\n\t\t\t) ) }\n\t\t</ItemGroup>\n\t);\n}\nfunction SidebarTemplatesList( { templates } ) {\n\tif ( ! templates?.length ) {\n\t\treturn (\n\t\t\t<ItemGroup>\n\t\t\t\t<Item>{ __( 'No templates found' ) }</Item>\n\t\t\t</ItemGroup>\n\t\t);\n\t}\n\tconst sortedTemplates = templates ? [ ...templates ] : [];\n\tsortedTemplates.sort( ( a, b ) =>\n\t\ta.title.rendered.localeCompare( b.title.rendered )\n\t);\n\tconst { hierarchyTemplates, customTemplates, ...plugins } =\n\t\tsortedTemplates.reduce(\n\t\t\t( accumulator, template ) => {\n\t\t\t\tconst {\n\t\t\t\t\toriginal_source: originalSource,\n\t\t\t\t\tauthor_text: authorText,\n\t\t\t\t} = template;\n\t\t\t\tif ( originalSource === 'plugin' ) {\n\t\t\t\t\tif ( ! accumulator[ authorText ] ) {\n\t\t\t\t\t\taccumulator[ authorText ] = [];\n\t\t\t\t\t}\n\t\t\t\t\taccumulator[ authorText ].push( template );\n\t\t\t\t} else if ( template.is_custom ) {\n\t\t\t\t\taccumulator.customTemplates.push( template );\n\t\t\t\t} else {\n\t\t\t\t\taccumulator.hierarchyTemplates.push( template );\n\t\t\t\t}\n\t\t\t\treturn accumulator;\n\t\t\t},\n\t\t\t{ hierarchyTemplates: [], customTemplates: [] }\n\t\t);\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ !! hierarchyTemplates.length && (\n\t\t\t\t<TemplatesGroup templates={ hierarchyTemplates } />\n\t\t\t) }\n\t\t\t{ !! customTemplates.length && (\n\t\t\t\t<TemplatesGroup\n\t\t\t\t\ttitle={ __( 'Custom' ) }\n\t\t\t\t\ttemplates={ customTemplates }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ Object.entries( plugins ).map(\n\t\t\t\t( [ plugin, pluginTemplates ] ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<TemplatesGroup\n\t\t\t\t\t\t\tkey={ plugin }\n\t\t\t\t\t\t\ttitle={ plugin }\n\t\t\t\t\t\t\ttemplates={ pluginTemplates }\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</VStack>\n\t);\n}\n"],"mappings":"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"}

package/build/components/site-hub/index.js

@@ -13,6 +13,7 @@ var _compose = require("@wordpress/compose");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _coreData = require("@wordpress/core-data");
+var _editor = require("@wordpress/editor");
 var _htmlEntities = require("@wordpress/html-entities");
 var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
@@ -64,12 +65,14 @@ const SiteHub = (0, _element.memo)(({
   } = (0, _data.useDispatch)(_commands.store);
   const disableMotion = (0, _compose.useReducedMotion)();
   const {
-    setCanvasMode,
-    __experimentalSetPreviewDeviceType: setPreviewDeviceType
+    setCanvasMode
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
   const {
     clearSelectedBlock
   } = (0, _data.useDispatch)(_blockEditor.store);
+  const {
+    setDeviceType
+  } = (0, _data.useDispatch)(_editor.store);
   const isBackToDashboardButton = canvasMode === 'view';
   const siteIconButtonProps = isBackToDashboardButton ? {
     href: dashboardLink,
@@ -83,7 +86,7 @@ const SiteHub = (0, _element.memo)(({
       event.preventDefault();
       if (canvasMode === 'edit') {
         clearSelectedBlock();
-        setPreviewDeviceType('Desktop');
+        setDeviceType('Desktop');
         setCanvasMode('view');
       }
     }