@wordpress/edit-site 5.11.0 → 5.12.1

package/build/components/sidebar-navigation-screen-pattern/template-part-navigation-menu-list-item.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TemplatePartNavigationMenuListItem;
+
+var _element = require("@wordpress/element");
+
+var _coreData = require("@wordpress/core-data");
+
+var _i18n = require("@wordpress/i18n");
+
+var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigation-item"));
+
+var _link = require("../routes/link");
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function TemplatePartNavigationMenuListItem({
+  id
+}) {
+  const [title] = (0, _coreData.useEntityProp)('postType', 'wp_navigation', 'title', id);
+  const linkInfo = (0, _link.useLink)({
+    postId: id,
+    postType: 'wp_navigation'
+  });
+  if (!id) return null;
+  return (0, _element.createElement)(_sidebarNavigationItem.default, {
+    withChevron: true,
+    ...linkInfo
+  }, title || (0, _i18n.__)('(no title)'));
+}
+//# sourceMappingURL=template-part-navigation-menu-list-item.js.map

package/build/components/sidebar-navigation-screen-pattern/template-part-navigation-menu-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-pattern/template-part-navigation-menu-list-item.js"],"names":["TemplatePartNavigationMenuListItem","id","title","linkInfo","postId","postType"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AAVA;AACA;AACA;;AAIA;AACA;AACA;AAIe,SAASA,kCAAT,CAA6C;AAAEC,EAAAA;AAAF,CAA7C,EAAsD;AACpE,QAAM,CAAEC,KAAF,IAAY,6BAAe,UAAf,EAA2B,eAA3B,EAA4C,OAA5C,EAAqDD,EAArD,CAAlB;AAEA,QAAME,QAAQ,GAAG,mBAAS;AACzBC,IAAAA,MAAM,EAAEH,EADiB;AAEzBI,IAAAA,QAAQ,EAAE;AAFe,GAAT,CAAjB;AAKA,MAAK,CAAEJ,EAAP,EAAY,OAAO,IAAP;AAEZ,SACC,4BAAC,8BAAD;AAAuB,IAAA,WAAW,MAAlC;AAAA,OAAwCE;AAAxC,KACGD,KAAK,IAAI,cAAI,YAAJ,CADZ,CADD;AAKA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityProp } from '@wordpress/core-data';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { useLink } from '../routes/link';\n\nexport default function TemplatePartNavigationMenuListItem( { id } ) {\n\tconst [ title ] = useEntityProp( 'postType', 'wp_navigation', 'title', id );\n\n\tconst linkInfo = useLink( {\n\t\tpostId: id,\n\t\tpostType: 'wp_navigation',\n\t} );\n\n\tif ( ! id ) return null;\n\n\treturn (\n\t\t<SidebarNavigationItem withChevron { ...linkInfo }>\n\t\t\t{ title || __( '(no title)' ) }\n\t\t</SidebarNavigationItem>\n\t);\n}\n"]}

package/build/components/sidebar-navigation-screen-pattern/template-part-navigation-menu-list.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TemplatePartNavigationMenuList;
+
+var _element = require("@wordpress/element");
+
+var _components = require("@wordpress/components");
+
+var _templatePartNavigationMenuListItem = _interopRequireDefault(require("./template-part-navigation-menu-list-item"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function TemplatePartNavigationMenuList({
+  menus
+}) {
+  return (0, _element.createElement)(_components.__experimentalItemGroup, {
+    className: "edit-site-sidebar-navigation-screen-template-part-navigation-menu-list"
+  }, menus.map(menuId => (0, _element.createElement)(_templatePartNavigationMenuListItem.default, {
+    key: menuId,
+    id: menuId
+  })));
+}
+//# sourceMappingURL=template-part-navigation-menu-list.js.map

package/build/components/sidebar-navigation-screen-pattern/template-part-navigation-menu-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-pattern/template-part-navigation-menu-list.js"],"names":["TemplatePartNavigationMenuList","menus","map","menuId"],"mappings":";;;;;;;;;;;AAGA;;AAIA;;AAPA;AACA;AACA;;AAEA;AACA;AACA;AAGe,SAASA,8BAAT,CAAyC;AAAEC,EAAAA;AAAF,CAAzC,EAAqD;AACnE,SACC,4BAAC,mCAAD;AAAW,IAAA,SAAS,EAAC;AAArB,KACGA,KAAK,CAACC,GAAN,CAAaC,MAAF,IACZ,4BAAC,2CAAD;AACC,IAAA,GAAG,EAAGA,MADP;AAEC,IAAA,EAAE,EAAGA;AAFN,IADC,CADH,CADD;AAUA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport TemplatePartNavigationMenuListItem from './template-part-navigation-menu-list-item';\n\nexport default function TemplatePartNavigationMenuList( { menus } ) {\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-template-part-navigation-menu-list\">\n\t\t\t{ menus.map( ( menuId ) => (\n\t\t\t\t<TemplatePartNavigationMenuListItem\n\t\t\t\t\tkey={ menuId }\n\t\t\t\t\tid={ menuId }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</ItemGroup>\n\t);\n}\n"]}

package/build/components/sidebar-navigation-screen-pattern/template-part-navigation-menu.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TemplatePartNavigationMenu;
+
+var _element = require("@wordpress/element");
+
+var _i18n = require("@wordpress/i18n");
+
+var _components = require("@wordpress/components");
+
+var _coreData = require("@wordpress/core-data");
+
+var _navigationMenuEditor = _interopRequireDefault(require("../sidebar-navigation-screen-navigation-menu/navigation-menu-editor"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function TemplatePartNavigationMenu({
+  id
+}) {
+  const [title] = (0, _coreData.useEntityProp)('postType', 'wp_navigation', 'title', id);
+  if (!id) return null;
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.__experimentalHeading, {
+    className: "edit-site-sidebar-navigation-screen-template-part-navigation-menu__title",
+    size: "12",
+    upperCase: true
+  }, title?.rendered || (0, _i18n.__)('Navigation')), (0, _element.createElement)(_navigationMenuEditor.default, {
+    navigationMenuId: id
+  }));
+}
+//# sourceMappingURL=template-part-navigation-menu.js.map

package/build/components/sidebar-navigation-screen-pattern/template-part-navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-pattern/template-part-navigation-menu.js"],"names":["TemplatePartNavigationMenu","id","title","rendered"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AAVA;AACA;AACA;;AAKA;AACA;AACA;AAGe,SAASA,0BAAT,CAAqC;AAAEC,EAAAA;AAAF,CAArC,EAA8C;AAC5D,QAAM,CAAEC,KAAF,IAAY,6BAAe,UAAf,EAA2B,eAA3B,EAA4C,OAA5C,EAAqDD,EAArD,CAAlB;AAEA,MAAK,CAAEA,EAAP,EAAY,OAAO,IAAP;AAEZ,SACC,qDACC,4BAAC,iCAAD;AACC,IAAA,SAAS,EAAC,0EADX;AAEC,IAAA,IAAI,EAAC,IAFN;AAGC,IAAA,SAAS,EAAG;AAHb,KAKGC,KAAK,EAAEC,QAAP,IAAmB,cAAI,YAAJ,CALtB,CADD,EAQC,4BAAC,6BAAD;AAAsB,IAAA,gBAAgB,EAAGF;AAAzC,IARD,CADD;AAYA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalHeading as Heading } from '@wordpress/components';\nimport { useEntityProp } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport NavigationMenuEditor from '../sidebar-navigation-screen-navigation-menu/navigation-menu-editor';\n\nexport default function TemplatePartNavigationMenu( { id } ) {\n\tconst [ title ] = useEntityProp( 'postType', 'wp_navigation', 'title', id );\n\n\tif ( ! id ) return null;\n\n\treturn (\n\t\t<>\n\t\t\t<Heading\n\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-template-part-navigation-menu__title\"\n\t\t\t\tsize=\"12\"\n\t\t\t\tupperCase={ true }\n\t\t\t>\n\t\t\t\t{ title?.rendered || __( 'Navigation' ) }\n\t\t\t</Heading>\n\t\t\t<NavigationMenuEditor navigationMenuId={ id } />\n\t\t</>\n\t);\n}\n"]}

package/build/components/sidebar-navigation-screen-pattern/template-part-navigation-menus.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TemplatePartNavigationMenus;
+
+var _element = require("@wordpress/element");
+
+var _i18n = require("@wordpress/i18n");
+
+var _components = require("@wordpress/components");
+
+var _templatePartNavigationMenu = _interopRequireDefault(require("./template-part-navigation-menu"));
+
+var _templatePartNavigationMenuList = _interopRequireDefault(require("./template-part-navigation-menu-list"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function TemplatePartNavigationMenus({
+  menus
+}) {
+  if (!menus.length) return null; // if there is a single menu then render TemplatePartNavigationMenu
+
+  if (menus.length === 1) {
+    return (0, _element.createElement)(_templatePartNavigationMenu.default, {
+      id: menus[0]
+    });
+  } // if there are multiple menus then render TemplatePartNavigationMenuList
+
+
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.__experimentalHeading, {
+    className: "edit-site-sidebar-navigation-screen-template-part-navigation-menu__title",
+    size: "12",
+    upperCase: true
+  }, (0, _i18n.__)('Navigation')), (0, _element.createElement)(_templatePartNavigationMenuList.default, {
+    menus: menus
+  }));
+}
+//# sourceMappingURL=template-part-navigation-menus.js.map

package/build/components/sidebar-navigation-screen-pattern/template-part-navigation-menus.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-pattern/template-part-navigation-menus.js"],"names":["TemplatePartNavigationMenus","menus","length"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAIA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAIe,SAASA,2BAAT,CAAsC;AAAEC,EAAAA;AAAF,CAAtC,EAAkD;AAChE,MAAK,CAAEA,KAAK,CAACC,MAAb,EAAsB,OAAO,IAAP,CAD0C,CAGhE;;AACA,MAAKD,KAAK,CAACC,MAAN,KAAiB,CAAtB,EAA0B;AACzB,WAAO,4BAAC,mCAAD;AAA4B,MAAA,EAAE,EAAGD,KAAK,CAAE,CAAF;AAAtC,MAAP;AACA,GAN+D,CAQhE;;;AACA,SACC,qDACC,4BAAC,iCAAD;AACC,IAAA,SAAS,EAAC,0EADX;AAEC,IAAA,IAAI,EAAC,IAFN;AAGC,IAAA,SAAS,EAAG;AAHb,KAKG,cAAI,YAAJ,CALH,CADD,EAQC,4BAAC,uCAAD;AAAgC,IAAA,KAAK,EAAGA;AAAxC,IARD,CADD;AAYA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalHeading as Heading } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport TemplatePartNavigationMenu from './template-part-navigation-menu';\nimport TemplatePartNavigationMenuList from './template-part-navigation-menu-list';\n\nexport default function TemplatePartNavigationMenus( { menus } ) {\n\tif ( ! menus.length ) return null;\n\n\t// if there is a single menu then render TemplatePartNavigationMenu\n\tif ( menus.length === 1 ) {\n\t\treturn <TemplatePartNavigationMenu id={ menus[ 0 ] } />;\n\t}\n\n\t// if there are multiple menus then render TemplatePartNavigationMenuList\n\treturn (\n\t\t<>\n\t\t\t<Heading\n\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-template-part-navigation-menu__title\"\n\t\t\t\tsize=\"12\"\n\t\t\t\tupperCase={ true }\n\t\t\t>\n\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t</Heading>\n\t\t\t<TemplatePartNavigationMenuList menus={ menus } />\n\t\t</>\n\t);\n}\n"]}

package/build/components/sidebar-navigation-screen-pattern/use-navigation-menu-content.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useNavigationMenuContent;
+
+var _element = require("@wordpress/element");
+
+var _templatePartNavigationMenus = _interopRequireDefault(require("./template-part-navigation-menus"));
+
+var _useEditedEntityRecord = _interopRequireDefault(require("../use-edited-entity-record"));
+
+/**
+ * Internal dependencies
+ */
+
+/**
+ * Retrieves a list of specific blocks from a given tree of blocks.
+ *
+ * @param {string} targetBlockType The name of the block type to find.
+ * @param {Array}  blocks          A list of blocks from a template part entity.
+ *
+ * @return {Array} A list of any navigation blocks found in the blocks.
+ */
+function getBlocksOfTypeFromBlocks(targetBlockType, blocks) {
+  if (!targetBlockType || !blocks?.length) {
+    return [];
+  }
+
+  const findInBlocks = _blocks => {
+    if (!_blocks) {
+      return [];
+    }
+
+    const navigationBlocks = [];
+
+    for (const block of _blocks) {
+      if (block.name === targetBlockType) {
+        navigationBlocks.push(block);
+      }
+
+      if (block?.innerBlocks) {
+        const innerNavigationBlocks = findInBlocks(block.innerBlocks);
+
+        if (innerNavigationBlocks.length) {
+          navigationBlocks.push(...innerNavigationBlocks);
+        }
+      }
+    }
+
+    return navigationBlocks;
+  };
+
+  return findInBlocks(blocks);
+}
+
+function useNavigationMenuContent(postType, postId) {
+  const {
+    record
+  } = (0, _useEditedEntityRecord.default)(postType, postId); // Only managing navigation menus in template parts is supported
+  // to match previous behaviour. This could potentially be expanded
+  // to patterns as well.
+
+  if (postType !== 'wp_template_part') {
+    return;
+  }
+
+  const navigationBlocks = getBlocksOfTypeFromBlocks('core/navigation', record?.blocks);
+  const navigationMenuIds = navigationBlocks?.map(block => block.attributes.ref);
+
+  if (!navigationMenuIds?.length) {
+    return;
+  }
+
+  return (0, _element.createElement)(_templatePartNavigationMenus.default, {
+    menus: navigationMenuIds
+  });
+}
+//# sourceMappingURL=use-navigation-menu-content.js.map

package/build/components/sidebar-navigation-screen-pattern/use-navigation-menu-content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-pattern/use-navigation-menu-content.js"],"names":["getBlocksOfTypeFromBlocks","targetBlockType","blocks","length","findInBlocks","_blocks","navigationBlocks","block","name","push","innerBlocks","innerNavigationBlocks","useNavigationMenuContent","postType","postId","record","navigationMenuIds","map","attributes","ref"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,yBAAT,CAAoCC,eAApC,EAAqDC,MAArD,EAA8D;AAC7D,MAAK,CAAED,eAAF,IAAqB,CAAEC,MAAM,EAAEC,MAApC,EAA6C;AAC5C,WAAO,EAAP;AACA;;AAED,QAAMC,YAAY,GAAKC,OAAF,IAAe;AACnC,QAAK,CAAEA,OAAP,EAAiB;AAChB,aAAO,EAAP;AACA;;AAED,UAAMC,gBAAgB,GAAG,EAAzB;;AAEA,SAAM,MAAMC,KAAZ,IAAqBF,OAArB,EAA+B;AAC9B,UAAKE,KAAK,CAACC,IAAN,KAAeP,eAApB,EAAsC;AACrCK,QAAAA,gBAAgB,CAACG,IAAjB,CAAuBF,KAAvB;AACA;;AAED,UAAKA,KAAK,EAAEG,WAAZ,EAA0B;AACzB,cAAMC,qBAAqB,GAAGP,YAAY,CAAEG,KAAK,CAACG,WAAR,CAA1C;;AAEA,YAAKC,qBAAqB,CAACR,MAA3B,EAAoC;AACnCG,UAAAA,gBAAgB,CAACG,IAAjB,CAAuB,GAAGE,qBAA1B;AACA;AACD;AACD;;AAED,WAAOL,gBAAP;AACA,GAtBD;;AAwBA,SAAOF,YAAY,CAAEF,MAAF,CAAnB;AACA;;AAEc,SAASU,wBAAT,CAAmCC,QAAnC,EAA6CC,MAA7C,EAAsD;AACpE,QAAM;AAAEC,IAAAA;AAAF,MAAa,oCAAuBF,QAAvB,EAAiCC,MAAjC,CAAnB,CADoE,CAGpE;AACA;AACA;;AACA,MAAKD,QAAQ,KAAK,kBAAlB,EAAuC;AACtC;AACA;;AAED,QAAMP,gBAAgB,GAAGN,yBAAyB,CACjD,iBADiD,EAEjDe,MAAM,EAAEb,MAFyC,CAAlD;AAKA,QAAMc,iBAAiB,GAAGV,gBAAgB,EAAEW,GAAlB,CACvBV,KAAF,IAAaA,KAAK,CAACW,UAAN,CAAiBC,GADL,CAA1B;;AAIA,MAAK,CAAEH,iBAAiB,EAAEb,MAA1B,EAAmC;AAClC;AACA;;AAED,SAAO,4BAAC,oCAAD;AAA6B,IAAA,KAAK,EAAGa;AAArC,IAAP;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport TemplatePartNavigationMenus from './template-part-navigation-menus';\nimport useEditedEntityRecord from '../use-edited-entity-record';\n\n/**\n * Retrieves a list of specific blocks from a given tree of blocks.\n *\n * @param {string} targetBlockType The name of the block type to find.\n * @param {Array}  blocks          A list of blocks from a template part entity.\n *\n * @return {Array} A list of any navigation blocks found in the blocks.\n */\nfunction getBlocksOfTypeFromBlocks( targetBlockType, blocks ) {\n\tif ( ! targetBlockType || ! blocks?.length ) {\n\t\treturn [];\n\t}\n\n\tconst findInBlocks = ( _blocks ) => {\n\t\tif ( ! _blocks ) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst navigationBlocks = [];\n\n\t\tfor ( const block of _blocks ) {\n\t\t\tif ( block.name === targetBlockType ) {\n\t\t\t\tnavigationBlocks.push( block );\n\t\t\t}\n\n\t\t\tif ( block?.innerBlocks ) {\n\t\t\t\tconst innerNavigationBlocks = findInBlocks( block.innerBlocks );\n\n\t\t\t\tif ( innerNavigationBlocks.length ) {\n\t\t\t\t\tnavigationBlocks.push( ...innerNavigationBlocks );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn navigationBlocks;\n\t};\n\n\treturn findInBlocks( blocks );\n}\n\nexport default function useNavigationMenuContent( postType, postId ) {\n\tconst { record } = useEditedEntityRecord( postType, postId );\n\n\t// Only managing navigation menus in template parts is supported\n\t// to match previous behaviour. This could potentially be expanded\n\t// to patterns as well.\n\tif ( postType !== 'wp_template_part' ) {\n\t\treturn;\n\t}\n\n\tconst navigationBlocks = getBlocksOfTypeFromBlocks(\n\t\t'core/navigation',\n\t\trecord?.blocks\n\t);\n\n\tconst navigationMenuIds = navigationBlocks?.map(\n\t\t( block ) => block.attributes.ref\n\t);\n\n\tif ( ! navigationMenuIds?.length ) {\n\t\treturn;\n\t}\n\n\treturn <TemplatePartNavigationMenus menus={ navigationMenuIds } />;\n}\n"]}

package/build/components/sidebar-navigation-screen-pattern/use-pattern-details.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = usePatternDetails;
+
+var _element = require("@wordpress/element");
+
+var _i18n = require("@wordpress/i18n");
+
+var _coreData = require("@wordpress/core-data");
+
+var _data = require("@wordpress/data");
+
+var _components = require("@wordpress/components");
+
+var _addedBy = require("../list/added-by");
+
+var _useEditedEntityRecord = _interopRequireDefault(require("../use-edited-entity-record"));
+
+var _sidebarNavigationScreenDetailsFooter = _interopRequireDefault(require("../sidebar-navigation-screen-details-footer"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function usePatternDetails(postType, postId) {
+  const {
+    getDescription,
+    getTitle,
+    record
+  } = (0, _useEditedEntityRecord.default)(postType, postId);
+  const currentTheme = (0, _data.useSelect)(select => select(_coreData.store).getCurrentTheme(), []);
+  const addedBy = (0, _addedBy.useAddedBy)(postType, postId);
+  const isAddedByActiveTheme = addedBy.type === 'theme' && record.theme === currentTheme?.stylesheet;
+  const title = getTitle();
+  let descriptionText = getDescription();
+
+  if (!descriptionText && addedBy.text) {
+    descriptionText = (0, _i18n.sprintf)( // translators: %s: pattern title e.g: "Header".
+    (0, _i18n.__)('This is your %s pattern.'), getTitle());
+  }
+
+  if (!descriptionText && postType === 'wp_block' && record?.title) {
+    descriptionText = (0, _i18n.sprintf)( // translators: %s: user created pattern title e.g. "Footer".
+    (0, _i18n.__)('This is your %s pattern.'), record.title);
+  }
+
+  const description = (0, _element.createElement)(_element.Fragment, null, descriptionText, addedBy.text && !isAddedByActiveTheme && (0, _element.createElement)("span", {
+    className: "edit-site-sidebar-navigation-screen-pattern__added-by-description"
+  }, (0, _element.createElement)("span", {
+    className: "edit-site-sidebar-navigation-screen-pattern__added-by-description-author"
+  }, (0, _element.createElement)("span", {
+    className: "edit-site-sidebar-navigation-screen-pattern__added-by-description-author-icon"
+  }, addedBy.imageUrl ? (0, _element.createElement)("img", {
+    src: addedBy.imageUrl,
+    alt: "",
+    width: "24",
+    height: "24"
+  }) : (0, _element.createElement)(_components.Icon, {
+    icon: addedBy.icon
+  })), addedBy.text), addedBy.isCustomized && (0, _element.createElement)("span", {
+    className: "edit-site-sidebar-navigation-screen-pattern__added-by-description-customized"
+  }, (0, _i18n._x)('(Customized)', 'pattern'))));
+  const footer = !!record?.modified ? (0, _element.createElement)(_sidebarNavigationScreenDetailsFooter.default, {
+    lastModifiedDateTime: record.modified
+  }) : null;
+  return {
+    title,
+    description,
+    footer
+  };
+}
+//# sourceMappingURL=use-pattern-details.js.map

package/build/components/sidebar-navigation-screen-pattern/use-pattern-details.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-pattern/use-pattern-details.js"],"names":["usePatternDetails","postType","postId","getDescription","getTitle","record","currentTheme","select","coreStore","getCurrentTheme","addedBy","isAddedByActiveTheme","type","theme","stylesheet","title","descriptionText","text","description","imageUrl","icon","isCustomized","footer","modified"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AAbA;AACA;AACA;;AAMA;AACA;AACA;AAKe,SAASA,iBAAT,CAA4BC,QAA5B,EAAsCC,MAAtC,EAA+C;AAC7D,QAAM;AAAEC,IAAAA,cAAF;AAAkBC,IAAAA,QAAlB;AAA4BC,IAAAA;AAA5B,MAAuC,oCAC5CJ,QAD4C,EAE5CC,MAF4C,CAA7C;AAIA,QAAMI,YAAY,GAAG,qBAClBC,MAAF,IAAcA,MAAM,CAAEC,eAAF,CAAN,CAAoBC,eAApB,EADM,EAEpB,EAFoB,CAArB;AAIA,QAAMC,OAAO,GAAG,yBAAYT,QAAZ,EAAsBC,MAAtB,CAAhB;AACA,QAAMS,oBAAoB,GACzBD,OAAO,CAACE,IAAR,KAAiB,OAAjB,IAA4BP,MAAM,CAACQ,KAAP,KAAiBP,YAAY,EAAEQ,UAD5D;AAEA,QAAMC,KAAK,GAAGX,QAAQ,EAAtB;AACA,MAAIY,eAAe,GAAGb,cAAc,EAApC;;AAEA,MAAK,CAAEa,eAAF,IAAqBN,OAAO,CAACO,IAAlC,EAAyC;AACxCD,IAAAA,eAAe,GAAG,oBACjB;AACA,kBAAI,0BAAJ,CAFiB,EAGjBZ,QAAQ,EAHS,CAAlB;AAKA;;AAED,MAAK,CAAEY,eAAF,IAAqBf,QAAQ,KAAK,UAAlC,IAAgDI,MAAM,EAAEU,KAA7D,EAAqE;AACpEC,IAAAA,eAAe,GAAG,oBACjB;AACA,kBAAI,0BAAJ,CAFiB,EAGjBX,MAAM,CAACU,KAHU,CAAlB;AAKA;;AAED,QAAMG,WAAW,GAChB,qDACGF,eADH,EAGGN,OAAO,CAACO,IAAR,IAAgB,CAAEN,oBAAlB,IACD;AAAM,IAAA,SAAS,EAAC;AAAhB,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGD,OAAO,CAACS,QAAR,GACD;AACC,IAAA,GAAG,EAAGT,OAAO,CAACS,QADf;AAEC,IAAA,GAAG,EAAC,EAFL;AAGC,IAAA,KAAK,EAAC,IAHP;AAIC,IAAA,MAAM,EAAC;AAJR,IADC,GAQD,4BAAC,gBAAD;AAAM,IAAA,IAAI,EAAGT,OAAO,CAACU;AAArB,IATF,CADD,EAaGV,OAAO,CAACO,IAbX,CADD,EAiBGP,OAAO,CAACW,YAAR,IACD;AAAM,IAAA,SAAS,EAAC;AAAhB,KACG,cAAI,cAAJ,EAAoB,SAApB,CADH,CAlBF,CAJF,CADD;AAgCA,QAAMC,MAAM,GAAG,CAAC,CAAEjB,MAAM,EAAEkB,QAAX,GACd,4BAAC,6CAAD;AACC,IAAA,oBAAoB,EAAGlB,MAAM,CAACkB;AAD/B,IADc,GAIX,IAJJ;AAMA,SAAO;AAAER,IAAAA,KAAF;AAASG,IAAAA,WAAT;AAAsBI,IAAAA;AAAtB,GAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf, _x } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { Icon } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useAddedBy } from '../list/added-by';\nimport useEditedEntityRecord from '../use-edited-entity-record';\nimport SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';\n\nexport default function usePatternDetails( 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 = sprintf(\n\t\t\t// translators: %s: pattern title e.g: \"Header\".\n\t\t\t__( 'This is your %s pattern.' ),\n\t\t\tgetTitle()\n\t\t);\n\t}\n\n\tif ( ! descriptionText && postType === 'wp_block' && record?.title ) {\n\t\tdescriptionText = sprintf(\n\t\t\t// translators: %s: user created pattern title e.g. \"Footer\".\n\t\t\t__( 'This is your %s pattern.' ),\n\t\t\trecord.title\n\t\t);\n\t}\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-pattern__added-by-description\">\n\t\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-pattern__added-by-description-author\">\n\t\t\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-pattern__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-pattern__added-by-description-customized\">\n\t\t\t\t\t\t\t{ _x( '(Customized)', 'pattern' ) }\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\tconst footer = !! record?.modified ? (\n\t\t<SidebarNavigationScreenDetailsFooter\n\t\t\tlastModifiedDateTime={ record.modified }\n\t\t/>\n\t) : null;\n\n\treturn { title, description, footer };\n}\n"]}

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

@@ -0,0 +1,212 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = HomeTemplateDetails;
+
+var _element = require("@wordpress/element");
+
+var _i18n = require("@wordpress/i18n");
+
+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 _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"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+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: 'wp_template_part',
+    postId
+  });
+  return (0, _element.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, _element.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 navigator = (0, _components.__experimentalUseNavigator)();
+  const {
+    params: {
+      postType,
+      postId
+    }
+  } = navigator;
+  const {
+    editEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store);
+  const {
+    allowCommentsOnNewPosts,
+    templatePartAreas,
+    postsPerPage,
+    postsPageTitle,
+    postsPageId,
+    currentTemplateParts
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEntityRecord
+    } = select(_coreData.store);
+    const siteSettings = getEntityRecord('root', 'site');
+    const {
+      getSettings
+    } = (0, _lockUnlock.unlock)(select(_store.store));
+
+    const _currentTemplateParts = select(_store.store).getCurrentTemplateTemplateParts();
+
+    const siteEditorSettings = getSettings();
+
+    const _postsPageRecord = siteSettings?.page_for_posts ? select(_coreData.store).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: siteEditorSettings?.defaultTemplatePartAreas,
+      currentTemplateParts: _currentTemplateParts
+    };
+  }, [postType, postId]);
+  const [commentsOnNewPostsValue, setCommentsOnNewPostsValue] = (0, _element.useState)('');
+  const [postsCountValue, setPostsCountValue] = (0, _element.useState)(1);
+  const [postsPageTitleValue, setPostsPageTitleValue] = (0, _element.useState)('');
+  /*
+   * This hook serves to set the server-retrieved values,
+   * postsPageTitle, allowCommentsOnNewPosts, postsPerPage,
+   * to local state.
+   */
+
+  (0, _element.useEffect)(() => {
+    setCommentsOnNewPostsValue(allowCommentsOnNewPosts);
+    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)(() => {
+    return currentTemplateParts.length && templatePartAreas ? currentTemplateParts.map(({
+      templatePart
+    }) => ({ ...templatePartAreas?.find(({
+        area
+      }) => area === templatePart?.area),
+      ...templatePart
+    })) : [];
+  }, [currentTemplateParts, templatePartAreas]);
+
+  const setAllowCommentsOnNewPosts = newValue => {
+    setCommentsOnNewPostsValue(newValue);
+    editEntityRecord('root', 'site', undefined, {
+      default_comment_status: newValue ? 'open' : null
+    });
+  };
+
+  const setPostsPageTitle = newValue => {
+    setPostsPageTitleValue(newValue);
+    editEntityRecord('postType', 'page', postsPageId, {
+      title: newValue
+    });
+  };
+
+  const setPostsPerPage = newValue => {
+    setPostsCountValue(newValue);
+    editEntityRecord('root', 'site', undefined, {
+      posts_per_page: newValue
+    });
+  };
+
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanel, {
+    spacing: 6
+  }, postsPageId && (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelRow, null, (0, _element.createElement)(_components.__experimentalInputControl, {
+    className: "edit-site-sidebar-navigation-screen__input-control",
+    placeholder: (0, _i18n.__)('No Title'),
+    size: '__unstable-large',
+    value: postsPageTitleValue,
+    onChange: (0, _compose.debounce)(setPostsPageTitle, 300),
+    label: (0, _i18n.__)('Blog title'),
+    help: (0, _i18n.__)('Set the Posts Page title. Appears in search results, and when the page is shared on social media.')
+  })), (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelRow, null, (0, _element.createElement)(_components.__experimentalNumberControl, {
+    className: "edit-site-sidebar-navigation-screen__input-control",
+    placeholder: 0,
+    value: postsCountValue,
+    size: '__unstable-large',
+    spinControls: "custom",
+    step: "1",
+    min: "1",
+    onChange: setPostsPerPage,
+    label: (0, _i18n.__)('Posts per page'),
+    help: (0, _i18n.__)('Set the default number of posts to display on blog pages, including categories and tags. Some templates may override this setting.')
+  }))), (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanel, {
+    title: (0, _i18n.__)('Discussion'),
+    spacing: 3
+  }, (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelRow, null, (0, _element.createElement)(_components.CheckboxControl, {
+    className: "edit-site-sidebar-navigation-screen__input-control",
+    label: "Allow comments on new posts",
+    help: "Changes will apply to new posts only. Individual posts may override these settings.",
+    checked: commentsOnNewPostsValue,
+    onChange: setAllowCommentsOnNewPosts
+  }))), (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanel, {
+    title: (0, _i18n.__)('Areas'),
+    spacing: 3
+  }, (0, _element.createElement)(_components.__experimentalItemGroup, null, templateAreas.map(({
+    label,
+    icon,
+    theme,
+    slug,
+    title
+  }) => (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelRow, {
+    key: slug
+  }, (0, _element.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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-template/home-template-details.js"],"names":["EMPTY_OBJECT","TemplateAreaButton","postId","icon","title","icons","header","footer","linkInfo","postType","layout","HomeTemplateDetails","navigator","params","editEntityRecord","coreStore","allowCommentsOnNewPosts","templatePartAreas","postsPerPage","postsPageTitle","postsPageId","currentTemplateParts","select","getEntityRecord","siteSettings","getSettings","editSiteStore","_currentTemplateParts","getCurrentTemplateTemplateParts","siteEditorSettings","_postsPageRecord","page_for_posts","default_comment_status","rendered","id","posts_per_page","defaultTemplatePartAreas","commentsOnNewPostsValue","setCommentsOnNewPostsValue","postsCountValue","setPostsCountValue","postsPageTitleValue","setPostsPageTitleValue","templateAreas","length","map","templatePart","find","area","setAllowCommentsOnNewPosts","newValue","undefined","setPostsPageTitle","setPostsPerPage","label","theme","slug"],"mappings":"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","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__experimentalUseNavigator as useNavigator,\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';\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: 'wp_template_part',\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 navigator = useNavigator();\n\tconst {\n\t\tparams: { postType, postId },\n\t} = navigator;\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(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord } = select( coreStore );\n\t\t\tconst siteSettings = getEntityRecord( 'root', 'site' );\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst _currentTemplateParts =\n\t\t\t\tselect( editSiteStore ).getCurrentTemplateTemplateParts();\n\t\t\tconst siteEditorSettings = getSettings();\n\t\t\tconst _postsPageRecord = siteSettings?.page_for_posts\n\t\t\t\t? select( coreStore ).getEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t'page',\n\t\t\t\t\t\tsiteSettings?.page_for_posts\n\t\t\t\t  )\n\t\t\t\t: EMPTY_OBJECT;\n\n\t\t\treturn {\n\t\t\t\tallowCommentsOnNewPosts:\n\t\t\t\t\tsiteSettings?.default_comment_status === 'open',\n\t\t\t\tpostsPageTitle: _postsPageRecord?.title?.rendered,\n\t\t\t\tpostsPageId: _postsPageRecord?.id,\n\t\t\t\tpostsPerPage: siteSettings?.posts_per_page,\n\t\t\t\ttemplatePartAreas: siteEditorSettings?.defaultTemplatePartAreas,\n\t\t\t\tcurrentTemplateParts: _currentTemplateParts,\n\t\t\t};\n\t\t},\n\t\t[ postType, postId ]\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\treturn currentTemplateParts.length && templatePartAreas\n\t\t\t? currentTemplateParts.map( ( { templatePart } ) => ( {\n\t\t\t\t\t...templatePartAreas?.find(\n\t\t\t\t\t\t( { area } ) => area === templatePart?.area\n\t\t\t\t\t),\n\t\t\t\t\t...templatePart,\n\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=\"Changes will apply to new posts only. Individual posts may override these settings.\"\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( { label, icon, theme, slug, title } ) => (\n\t\t\t\t\t\t\t<SidebarNavigationScreenDetailsPanelRow\n\t\t\t\t\t\t\t\tkey={ slug }\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"]}