@wordpress/edit-site 5.16.0 → 5.17.1

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

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = NavigationMenuContent;
-
 var _element = require("@wordpress/element");
-
 var _blockEditor = require("@wordpress/block-editor");
-
 var _data = require("@wordpress/data");
-
 var _blocks = require("@wordpress/blocks");
-
 var _coreData = require("@wordpress/core-data");
-
 var _lockUnlock = require("../../lock-unlock");
-
 var _leafMoreMenu = _interopRequireDefault(require("./leaf-more-menu"));
-
 /**
  * WordPress dependencies
  */
@@ -28,10 +19,12 @@ var _leafMoreMenu = _interopRequireDefault(require("./leaf-more-menu"));
 /**
  * Internal dependencies
  */
+
 const {
   PrivateListView
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis); // Needs to be kept in sync with the query used at packages/block-library/src/page-list/edit.js.
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 
+// Needs to be kept in sync with the query used at packages/block-library/src/page-list/edit.js.
 const MAX_PAGE_COUNT = 100;
 const PAGES_QUERY = ['postType', 'page', {
   per_page: MAX_PAGE_COUNT,
@@ -42,7 +35,6 @@ const PAGES_QUERY = ['postType', 'page', {
   orderby: 'menu_order',
   order: 'asc'
 }];
-
 function NavigationMenuContent({
   rootClientId
 }) {
@@ -77,12 +69,12 @@ function NavigationMenuContent({
   const offCanvasOnselect = (0, _element.useCallback)(block => {
     if (block.name === 'core/navigation-link' && !block.attributes.url) {
       __unstableMarkNextChangeAsNotPersistent();
-
       replaceBlock(block.clientId, (0, _blocks.createBlock)('core/navigation-link', block.attributes));
     }
-  }, [__unstableMarkNextChangeAsNotPersistent, replaceBlock]); // The hidden block is needed because it makes block edit side effects trigger.
-  // For example a navigation page list load its items has an effect on edit to load its items.
+  }, [__unstableMarkNextChangeAsNotPersistent, replaceBlock]);
 
+  // The hidden block is needed because it makes block edit side effects trigger.
+  // For example a navigation page list load its items has an effect on edit to load its items.
   return (0, _element.createElement)(_element.Fragment, null, !isLoading && (0, _element.createElement)(PrivateListView, {
     rootClientId: listViewRootClientId,
     onSelect: offCanvasOnselect,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menus/navigation-menu-content.js"],"names":["PrivateListView","blockEditorPrivateApis","MAX_PAGE_COUNT","PAGES_QUERY","per_page","_fields","orderby","order","NavigationMenuContent","rootClientId","listViewRootClientId","isLoading","select","areInnerBlocksControlled","getBlockName","getBlockCount","getBlockOrder","blockEditorStore","isResolving","coreStore","blockClientIds","hasOnlyPageListBlock","length","pageListHasBlocks","isLoadingPages","replaceBlock","__unstableMarkNextChangeAsNotPersistent","offCanvasOnselect","block","name","attributes","url","clientId","LeafMoreMenu"],"mappings":";;;;;;;;;AAUA;;AAPA;;AAKA;;AACA;;AAEA;;AAKA;;AACA;;AAjBA;AACA;AACA;;AAWA;AACA;AACA;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAAsB,wBAAQC,wBAAR,CAA5B,C,CAEA;;AACA,MAAMC,cAAc,GAAG,GAAvB;AACA,MAAMC,WAAW,GAAG,CACnB,UADmB,EAEnB,MAFmB,EAGnB;AACCC,EAAAA,QAAQ,EAAEF,cADX;AAECG,EAAAA,OAAO,EAAE,CAAE,IAAF,EAAQ,MAAR,EAAgB,YAAhB,EAA8B,QAA9B,EAAwC,OAAxC,EAAiD,MAAjD,CAFV;AAGC;AACA;AACA;AACAC,EAAAA,OAAO,EAAE,YANV;AAOCC,EAAAA,KAAK,EAAE;AAPR,CAHmB,CAApB;;AAce,SAASC,qBAAT,CAAgC;AAAEC,EAAAA;AAAF,CAAhC,EAAmD;AACjE,QAAM;AAAEC,IAAAA,oBAAF;AAAwBC,IAAAA;AAAxB,MAAsC,qBACzCC,MAAF,IAAc;AACb,UAAM;AACLC,MAAAA,wBADK;AAELC,MAAAA,YAFK;AAGLC,MAAAA,aAHK;AAILC,MAAAA;AAJK,QAKFJ,MAAM,CAAEK,kBAAF,CALV;AAMA,UAAM;AAAEC,MAAAA;AAAF,QAAkBN,MAAM,CAAEO,eAAF,CAA9B;AAEA,UAAMC,cAAc,GAAGJ,aAAa,CAAEP,YAAF,CAApC;AAEA,UAAMY,oBAAoB,GACzBD,cAAc,CAACE,MAAf,KAA0B,CAA1B,IACAR,YAAY,CAAEM,cAAc,CAAE,CAAF,CAAhB,CAAZ,KAAwC,gBAFzC;AAGA,UAAMG,iBAAiB,GACtBF,oBAAoB,IACpBN,aAAa,CAAEK,cAAc,CAAE,CAAF,CAAhB,CAAb,GAAuC,CAFxC;AAIA,UAAMI,cAAc,GAAGN,WAAW,CACjC,kBADiC,EAEjCf,WAFiC,CAAlC;AAKA,WAAO;AACNO,MAAAA,oBAAoB,EAAEa,iBAAiB,GACpCH,cAAc,CAAE,CAAF,CADsB,GAEpCX,YAHG;AAIN;AACA;AACAE,MAAAA,SAAS,EACR,CAAEE,wBAAwB,CAAEJ,YAAF,CAA1B,IACAe;AARK,KAAP;AAUA,GAlC0C,EAmC3C,CAAEf,YAAF,CAnC2C,CAA5C;AAqCA,QAAM;AAAEgB,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MACL,uBAAaT,kBAAb,CADD;AAGA,QAAMU,iBAAiB,GAAG,0BACvBC,KAAF,IAAa;AACZ,QACCA,KAAK,CAACC,IAAN,KAAe,sBAAf,IACA,CAAED,KAAK,CAACE,UAAN,CAAiBC,GAFpB,EAGE;AACDL,MAAAA,uCAAuC;;AACvCD,MAAAA,YAAY,CACXG,KAAK,CAACI,QADK,EAEX,yBAAa,sBAAb,EAAqCJ,KAAK,CAACE,UAA3C,CAFW,CAAZ;AAIA;AACD,GAZwB,EAazB,CAAEJ,uCAAF,EAA2CD,YAA3C,CAbyB,CAA1B,CAzCiE,CAyDjE;AACA;;AACA,SACC,qDACG,CAAEd,SAAF,IACD,4BAAC,eAAD;AACC,IAAA,YAAY,EAAGD,oBADhB;AAEC,IAAA,QAAQ,EAAGiB,iBAFZ;AAGC,IAAA,iBAAiB,EAAGM,qBAHrB;AAIC,IAAA,YAAY,EAAG;AAJhB,IAFF,EASC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,sBAAD,OADD,CATD,CADD;AAeA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n\tBlockList,\n} from '@wordpress/block-editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { createBlock } from '@wordpress/blocks';\nimport { useCallback } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport LeafMoreMenu from './leaf-more-menu';\n\nconst { PrivateListView } = unlock( blockEditorPrivateApis );\n\n// Needs to be kept in sync with the query used at packages/block-library/src/page-list/edit.js.\nconst MAX_PAGE_COUNT = 100;\nconst PAGES_QUERY = [\n\t'postType',\n\t'page',\n\t{\n\t\tper_page: MAX_PAGE_COUNT,\n\t\t_fields: [ 'id', 'link', 'menu_order', 'parent', 'title', 'type' ],\n\t\t// TODO: When https://core.trac.wordpress.org/ticket/39037 REST API support for multiple orderby\n\t\t// values is resolved, update 'orderby' to [ 'menu_order', 'post_title' ] to provide a consistent\n\t\t// sort.\n\t\torderby: 'menu_order',\n\t\torder: 'asc',\n\t},\n];\n\nexport default function NavigationMenuContent( { rootClientId } ) {\n\tconst { listViewRootClientId, isLoading } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tareInnerBlocksControlled,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockCount,\n\t\t\t\tgetBlockOrder,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { isResolving } = select( coreStore );\n\n\t\t\tconst blockClientIds = getBlockOrder( rootClientId );\n\n\t\t\tconst hasOnlyPageListBlock =\n\t\t\t\tblockClientIds.length === 1 &&\n\t\t\t\tgetBlockName( blockClientIds[ 0 ] ) === 'core/page-list';\n\t\t\tconst pageListHasBlocks =\n\t\t\t\thasOnlyPageListBlock &&\n\t\t\t\tgetBlockCount( blockClientIds[ 0 ] ) > 0;\n\n\t\t\tconst isLoadingPages = isResolving(\n\t\t\t\t'getEntityRecords',\n\t\t\t\tPAGES_QUERY\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tlistViewRootClientId: pageListHasBlocks\n\t\t\t\t\t? blockClientIds[ 0 ]\n\t\t\t\t\t: rootClientId,\n\t\t\t\t// This is a small hack to wait for the navigation block\n\t\t\t\t// to actually load its inner blocks.\n\t\t\t\tisLoading:\n\t\t\t\t\t! areInnerBlocksControlled( rootClientId ) ||\n\t\t\t\t\tisLoadingPages,\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\tconst { replaceBlock, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst offCanvasOnselect = useCallback(\n\t\t( block ) => {\n\t\t\tif (\n\t\t\t\tblock.name === 'core/navigation-link' &&\n\t\t\t\t! block.attributes.url\n\t\t\t) {\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\treplaceBlock(\n\t\t\t\t\tblock.clientId,\n\t\t\t\t\tcreateBlock( 'core/navigation-link', block.attributes )\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[ __unstableMarkNextChangeAsNotPersistent, replaceBlock ]\n\t);\n\n\t// The hidden block is needed because it makes block edit side effects trigger.\n\t// For example a navigation page list load its items has an effect on edit to load its items.\n\treturn (\n\t\t<>\n\t\t\t{ ! isLoading && (\n\t\t\t\t<PrivateListView\n\t\t\t\t\trootClientId={ listViewRootClientId }\n\t\t\t\t\tonSelect={ offCanvasOnselect }\n\t\t\t\t\tblockSettingsMenu={ LeafMoreMenu }\n\t\t\t\t\tshowAppender={ false }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<div className=\"edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor\">\n\t\t\t\t<BlockList />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"names":["_element","require","_blockEditor","_data","_blocks","_coreData","_lockUnlock","_leafMoreMenu","_interopRequireDefault","PrivateListView","unlock","blockEditorPrivateApis","MAX_PAGE_COUNT","PAGES_QUERY","per_page","_fields","orderby","order","NavigationMenuContent","rootClientId","listViewRootClientId","isLoading","useSelect","select","areInnerBlocksControlled","getBlockName","getBlockCount","getBlockOrder","blockEditorStore","isResolving","coreStore","blockClientIds","hasOnlyPageListBlock","length","pageListHasBlocks","isLoadingPages","replaceBlock","__unstableMarkNextChangeAsNotPersistent","useDispatch","offCanvasOnselect","useCallback","block","name","attributes","url","clientId","createBlock","createElement","Fragment","onSelect","blockSettingsMenu","LeafMoreMenu","showAppender","className","BlockList"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menus/navigation-menu-content.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n\tBlockList,\n} from '@wordpress/block-editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { createBlock } from '@wordpress/blocks';\nimport { useCallback } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport LeafMoreMenu from './leaf-more-menu';\n\nconst { PrivateListView } = unlock( blockEditorPrivateApis );\n\n// Needs to be kept in sync with the query used at packages/block-library/src/page-list/edit.js.\nconst MAX_PAGE_COUNT = 100;\nconst PAGES_QUERY = [\n\t'postType',\n\t'page',\n\t{\n\t\tper_page: MAX_PAGE_COUNT,\n\t\t_fields: [ 'id', 'link', 'menu_order', 'parent', 'title', 'type' ],\n\t\t// TODO: When https://core.trac.wordpress.org/ticket/39037 REST API support for multiple orderby\n\t\t// values is resolved, update 'orderby' to [ 'menu_order', 'post_title' ] to provide a consistent\n\t\t// sort.\n\t\torderby: 'menu_order',\n\t\torder: 'asc',\n\t},\n];\n\nexport default function NavigationMenuContent( { rootClientId } ) {\n\tconst { listViewRootClientId, isLoading } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tareInnerBlocksControlled,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockCount,\n\t\t\t\tgetBlockOrder,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { isResolving } = select( coreStore );\n\n\t\t\tconst blockClientIds = getBlockOrder( rootClientId );\n\n\t\t\tconst hasOnlyPageListBlock =\n\t\t\t\tblockClientIds.length === 1 &&\n\t\t\t\tgetBlockName( blockClientIds[ 0 ] ) === 'core/page-list';\n\t\t\tconst pageListHasBlocks =\n\t\t\t\thasOnlyPageListBlock &&\n\t\t\t\tgetBlockCount( blockClientIds[ 0 ] ) > 0;\n\n\t\t\tconst isLoadingPages = isResolving(\n\t\t\t\t'getEntityRecords',\n\t\t\t\tPAGES_QUERY\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tlistViewRootClientId: pageListHasBlocks\n\t\t\t\t\t? blockClientIds[ 0 ]\n\t\t\t\t\t: rootClientId,\n\t\t\t\t// This is a small hack to wait for the navigation block\n\t\t\t\t// to actually load its inner blocks.\n\t\t\t\tisLoading:\n\t\t\t\t\t! areInnerBlocksControlled( rootClientId ) ||\n\t\t\t\t\tisLoadingPages,\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\tconst { replaceBlock, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst offCanvasOnselect = useCallback(\n\t\t( block ) => {\n\t\t\tif (\n\t\t\t\tblock.name === 'core/navigation-link' &&\n\t\t\t\t! block.attributes.url\n\t\t\t) {\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\treplaceBlock(\n\t\t\t\t\tblock.clientId,\n\t\t\t\t\tcreateBlock( 'core/navigation-link', block.attributes )\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[ __unstableMarkNextChangeAsNotPersistent, replaceBlock ]\n\t);\n\n\t// The hidden block is needed because it makes block edit side effects trigger.\n\t// For example a navigation page list load its items has an effect on edit to load its items.\n\treturn (\n\t\t<>\n\t\t\t{ ! isLoading && (\n\t\t\t\t<PrivateListView\n\t\t\t\t\trootClientId={ listViewRootClientId }\n\t\t\t\t\tonSelect={ offCanvasOnselect }\n\t\t\t\t\tblockSettingsMenu={ LeafMoreMenu }\n\t\t\t\t\tshowAppender={ false }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<div className=\"edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor\">\n\t\t\t\t<BlockList />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

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

@@ -1,46 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SidebarNavigationScreenPage;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _data = require("@wordpress/data");
-
 var _components = require("@wordpress/components");
-
 var _coreData = require("@wordpress/core-data");
-
 var _htmlEntities = require("@wordpress/html-entities");
-
 var _icons = require("@wordpress/icons");
-
 var _dom = require("@wordpress/dom");
-
 var _escapeHtml = require("@wordpress/escape-html");
-
 var _url = require("@wordpress/url");
-
 var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
-
 var _lockUnlock = require("../../lock-unlock");
-
 var _store = require("../../store");
-
 var _sidebarButton = _interopRequireDefault(require("../sidebar-button"));
-
 var _pageDetails = _interopRequireDefault(require("./page-details"));
-
 var _pageActions = _interopRequireDefault(require("../page-actions"));
-
 var _sidebarNavigationScreenDetailsFooter = _interopRequireDefault(require("../sidebar-navigation-screen-details-footer"));
-
 /**
  * WordPress dependencies
  */
@@ -48,15 +29,17 @@ var _sidebarNavigationScreenDetailsFooter = _interopRequireDefault(require("../s
 /**
  * Internal dependencies
  */
+
 function SidebarNavigationScreenPage() {
   const navigator = (0, _components.__experimentalUseNavigator)();
   const {
     setCanvasMode
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
   const {
-    params
+    params: {
+      postId
+    }
   } = (0, _components.__experimentalUseNavigator)();
-  const postId = Number(params?.postId);
   const {
     record
   } = (0, _coreData.useEntityRecord)('postType', 'page', postId);
@@ -66,8 +49,8 @@ function SidebarNavigationScreenPage() {
   } = (0, _data.useSelect)(select => {
     const {
       getEntityRecord
-    } = select(_coreData.store); // Featured image.
-
+    } = select(_coreData.store);
+    // Featured image.
     const attachedMedia = record?.featured_media ? getEntityRecord('postType', 'attachment', record?.featured_media) : null;
     return {
       featuredMediaSourceUrl: attachedMedia?.media_details.sizes?.medium?.source_url || attachedMedia?.source_url,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-page/index.js"],"names":["SidebarNavigationScreenPage","navigator","setCanvasMode","editSiteStore","params","postId","Number","record","featuredMediaAltText","featuredMediaSourceUrl","select","getEntityRecord","coreStore","attachedMedia","featured_media","media_details","sizes","medium","source_url","alt_text","description","raw","featureImageAltText","title","rendered","as","SidebarButton","goTo","pencil","link","excerpt","modified"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalVStack as VStack,\n\tExternalLink,\n\t__experimentalTruncate as Truncate,\n} from '@wordpress/components';\nimport { store as coreStore, useEntityRecord } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { pencil } from '@wordpress/icons';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\nimport { escapeAttribute } from '@wordpress/escape-html';\nimport { safeDecodeURIComponent, filterURLForDisplay } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport SidebarButton from '../sidebar-button';\nimport PageDetails from './page-details';\nimport PageActions from '../page-actions';\nimport SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';\n\nexport default function SidebarNavigationScreenPage() {\n\tconst navigator = useNavigator();\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst { params } = useNavigator();\n\n\tconst postId = Number( params?.postId );\n\tconst { record } = useEntityRecord( 'postType', 'page', postId );\n\n\tconst { featuredMediaAltText, featuredMediaSourceUrl } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord } = select( coreStore );\n\t\t\t// Featured image.\n\t\t\tconst attachedMedia = record?.featured_media\n\t\t\t\t? getEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t'attachment',\n\t\t\t\t\t\trecord?.featured_media\n\t\t\t\t  )\n\t\t\t\t: null;\n\n\t\t\treturn {\n\t\t\t\tfeaturedMediaSourceUrl:\n\t\t\t\t\tattachedMedia?.media_details.sizes?.medium?.source_url ||\n\t\t\t\t\tattachedMedia?.source_url,\n\t\t\t\tfeaturedMediaAltText: escapeAttribute(\n\t\t\t\t\tattachedMedia?.alt_text ||\n\t\t\t\t\t\tattachedMedia?.description?.raw ||\n\t\t\t\t\t\t''\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ record ]\n\t);\n\n\tconst featureImageAltText = featuredMediaAltText\n\t\t? decodeEntities( featuredMediaAltText )\n\t\t: decodeEntities( record?.title?.rendered || __( 'Featured image' ) );\n\n\treturn record ? (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ decodeEntities(\n\t\t\t\trecord?.title?.rendered || __( '(no title)' )\n\t\t\t) }\n\t\t\tactions={\n\t\t\t\t<>\n\t\t\t\t\t<PageActions\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( '/page' );\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\tmeta={\n\t\t\t\t<ExternalLink\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__page-link\"\n\t\t\t\t\thref={ record.link }\n\t\t\t\t>\n\t\t\t\t\t{ filterURLForDisplay(\n\t\t\t\t\t\tsafeDecodeURIComponent( record.link )\n\t\t\t\t\t) }\n\t\t\t\t</ExternalLink>\n\t\t\t}\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t{ !! featuredMediaSourceUrl && (\n\t\t\t\t\t\t<VStack\n\t\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-page__featured-image-wrapper\"\n\t\t\t\t\t\t\talignment=\"left\"\n\t\t\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen-page__featured-image has-image\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\talt={ featureImageAltText }\n\t\t\t\t\t\t\t\t\tsrc={ featuredMediaSourceUrl }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t) }\n\t\t\t\t\t{ !! record?.excerpt?.rendered && (\n\t\t\t\t\t\t<Truncate\n\t\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-page__excerpt\"\n\t\t\t\t\t\t\tnumberOfLines={ 3 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ stripHTML( record.excerpt.rendered ) }\n\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t) }\n\t\t\t\t\t<PageDetails id={ postId } />\n\t\t\t\t</>\n\t\t\t}\n\t\t\tfooter={\n\t\t\t\t<SidebarNavigationScreenDetailsFooter\n\t\t\t\t\tlastModifiedDateTime={ record?.modified }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t) : null;\n}\n"]}
+{"version":3,"names":["_i18n","require","_data","_components","_coreData","_htmlEntities","_icons","_dom","_escapeHtml","_url","_sidebarNavigationScreen","_interopRequireDefault","_lockUnlock","_store","_sidebarButton","_pageDetails","_pageActions","_sidebarNavigationScreenDetailsFooter","SidebarNavigationScreenPage","navigator","useNavigator","setCanvasMode","unlock","useDispatch","editSiteStore","params","postId","record","useEntityRecord","featuredMediaAltText","featuredMediaSourceUrl","useSelect","select","getEntityRecord","coreStore","attachedMedia","featured_media","media_details","sizes","medium","source_url","escapeAttribute","alt_text","description","raw","featureImageAltText","decodeEntities","title","rendered","__","_element","createElement","default","actions","Fragment","toggleProps","as","SidebarButton","onRemove","goTo","onClick","label","icon","pencil","meta","ExternalLink","className","href","link","filterURLForDisplay","safeDecodeURIComponent","content","__experimentalVStack","alignment","spacing","alt","src","excerpt","__experimentalTruncate","numberOfLines","stripHTML","id","footer","lastModifiedDateTime","modified"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-page/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalVStack as VStack,\n\tExternalLink,\n\t__experimentalTruncate as Truncate,\n} from '@wordpress/components';\nimport { store as coreStore, useEntityRecord } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { pencil } from '@wordpress/icons';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\nimport { escapeAttribute } from '@wordpress/escape-html';\nimport { safeDecodeURIComponent, filterURLForDisplay } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport SidebarButton from '../sidebar-button';\nimport PageDetails from './page-details';\nimport PageActions from '../page-actions';\nimport SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';\n\nexport default function SidebarNavigationScreenPage() {\n\tconst navigator = useNavigator();\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst {\n\t\tparams: { postId },\n\t} = useNavigator();\n\tconst { record } = useEntityRecord( 'postType', 'page', postId );\n\n\tconst { featuredMediaAltText, featuredMediaSourceUrl } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord } = select( coreStore );\n\t\t\t// Featured image.\n\t\t\tconst attachedMedia = record?.featured_media\n\t\t\t\t? getEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t'attachment',\n\t\t\t\t\t\trecord?.featured_media\n\t\t\t\t  )\n\t\t\t\t: null;\n\n\t\t\treturn {\n\t\t\t\tfeaturedMediaSourceUrl:\n\t\t\t\t\tattachedMedia?.media_details.sizes?.medium?.source_url ||\n\t\t\t\t\tattachedMedia?.source_url,\n\t\t\t\tfeaturedMediaAltText: escapeAttribute(\n\t\t\t\t\tattachedMedia?.alt_text ||\n\t\t\t\t\t\tattachedMedia?.description?.raw ||\n\t\t\t\t\t\t''\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ record ]\n\t);\n\n\tconst featureImageAltText = featuredMediaAltText\n\t\t? decodeEntities( featuredMediaAltText )\n\t\t: decodeEntities( record?.title?.rendered || __( 'Featured image' ) );\n\n\treturn record ? (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ decodeEntities(\n\t\t\t\trecord?.title?.rendered || __( '(no title)' )\n\t\t\t) }\n\t\t\tactions={\n\t\t\t\t<>\n\t\t\t\t\t<PageActions\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( '/page' );\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\tmeta={\n\t\t\t\t<ExternalLink\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__page-link\"\n\t\t\t\t\thref={ record.link }\n\t\t\t\t>\n\t\t\t\t\t{ filterURLForDisplay(\n\t\t\t\t\t\tsafeDecodeURIComponent( record.link )\n\t\t\t\t\t) }\n\t\t\t\t</ExternalLink>\n\t\t\t}\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t{ !! featuredMediaSourceUrl && (\n\t\t\t\t\t\t<VStack\n\t\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-page__featured-image-wrapper\"\n\t\t\t\t\t\t\talignment=\"left\"\n\t\t\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen-page__featured-image has-image\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\talt={ featureImageAltText }\n\t\t\t\t\t\t\t\t\tsrc={ featuredMediaSourceUrl }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t) }\n\t\t\t\t\t{ !! record?.excerpt?.rendered && (\n\t\t\t\t\t\t<Truncate\n\t\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-page__excerpt\"\n\t\t\t\t\t\t\tnumberOfLines={ 3 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ stripHTML( record.excerpt.rendered ) }\n\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t) }\n\t\t\t\t\t<PageDetails id={ postId } />\n\t\t\t\t</>\n\t\t\t}\n\t\t\tfooter={\n\t\t\t\t<SidebarNavigationScreenDetailsFooter\n\t\t\t\t\tlastModifiedDateTime={ record?.modified }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t) : null;\n}\n"],"mappings":"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"}

package/build/components/sidebar-navigation-screen-page/page-details.js

@@ -1,36 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PageDetails;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _wordcount = require("@wordpress/wordcount");
-
 var _data = require("@wordpress/data");
-
 var _htmlEntities = require("@wordpress/html-entities");
-
 var _coreData = require("@wordpress/core-data");
-
 var _url = require("@wordpress/url");
-
 var _statusLabel = _interopRequireDefault(require("./status-label"));
-
 var _lockUnlock = require("../../lock-unlock");
-
 var _store = require("../../store");
-
 var _sidebarNavigationScreenDetailsPanel = require("../sidebar-navigation-screen-details-panel");
-
 /**
  * WordPress dependencies
  */
@@ -38,14 +24,13 @@ var _sidebarNavigationScreenDetailsPanel = require("../sidebar-navigation-screen
 /**
  * Internal dependencies
  */
+
 // Taken from packages/editor/src/components/time-to-read/index.js.
 const AVERAGE_READING_RATE = 189;
-
 function getPageDetails(page) {
   if (!page) {
     return [];
   }
-
   const details = [{
     label: (0, _i18n.__)('Status'),
     value: (0, _element.createElement)(_statusLabel.default, {
@@ -59,46 +44,39 @@ function getPageDetails(page) {
       numberOfLines: 1
     }, (0, _url.safeDecodeURIComponent)(page.slug))
   }];
-
   if (page?.templateTitle) {
     details.push({
       label: (0, _i18n.__)('Template'),
       value: (0, _htmlEntities.decodeEntities)(page.templateTitle)
     });
   }
-
   if (page?.parentTitle) {
     details.push({
       label: (0, _i18n.__)('Parent'),
       value: (0, _htmlEntities.decodeEntities)(page.parentTitle || (0, _i18n.__)('(no title)'))
     });
   }
+
   /*
    * translators: If your word count is based on single characters (e.g. East Asian characters),
    * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.
    * Do not translate into your own language.
    */
-
-
   const wordCountType = (0, _i18n._x)('words', 'Word count type. Do not translate!');
   const wordsCounted = page?.content?.rendered ? (0, _wordcount.count)(page.content.rendered, wordCountType) : 0;
   const readingTime = Math.round(wordsCounted / AVERAGE_READING_RATE);
-
   if (wordsCounted && !page?.isPostsPage) {
     details.push({
       label: (0, _i18n.__)('Words'),
       value: wordsCounted.toLocaleString() || (0, _i18n.__)('Unknown')
     }, {
       label: (0, _i18n.__)('Time to read'),
-      value: readingTime > 1 ? (0, _i18n.sprintf)(
-      /* translators: %s: is the number of minutes. */
+      value: readingTime > 1 ? (0, _i18n.sprintf)( /* translators: %s: is the number of minutes. */
       (0, _i18n.__)('%s mins'), readingTime.toLocaleString()) : (0, _i18n.__)('< 1 min')
     });
   }
-
   return details;
 }
-
 function PageDetails({
   id
 }) {
@@ -116,19 +94,18 @@ function PageDetails({
     const postContext = getEditedPostContext();
     const templates = select(_coreData.store).getEntityRecords('postType', 'wp_template', {
       per_page: -1
-    }); // Template title.
-
-    const templateSlug = // Checks that the post type matches the current theme's post type, otherwise
+    });
+    // Template title.
+    const templateSlug =
+    // Checks that the post type matches the current theme's post type, otherwise
     // the templateSlug returns 'home'.
     postContext?.postType === 'page' ? postContext?.templateSlug : null;
+    const _templateTitle = templates && templateSlug ? templates.find(template => template.slug === templateSlug)?.title?.rendered : null;
 
-    const _templateTitle = templates && templateSlug ? templates.find(template => template.slug === templateSlug)?.title?.rendered : null; // Parent page title.
-
-
+    // Parent page title.
     const _parentTitle = record?.parent ? select(_coreData.store).getEntityRecord('postType', 'page', record.parent, {
       _fields: ['title']
     })?.title?.rendered : null;
-
     const {
       getEntityRecord
     } = select(_coreData.store);

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-page/page-details.js"],"names":["AVERAGE_READING_RATE","getPageDetails","page","details","label","value","password","status","date","slug","templateTitle","push","parentTitle","wordCountType","wordsCounted","content","rendered","readingTime","Math","round","isPostsPage","toLocaleString","PageDetails","id","record","select","getEditedPostContext","editSiteStore","postContext","templates","coreStore","getEntityRecords","per_page","templateSlug","postType","_templateTitle","find","template","title","_parentTitle","parent","getEntityRecord","_fields","siteSettings","page_for_posts","map"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { __experimentalTruncate as Truncate } from '@wordpress/components';\nimport { count as wordCount } from '@wordpress/wordcount';\nimport { useSelect } from '@wordpress/data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { store as coreStore, useEntityRecord } from '@wordpress/core-data';\nimport { safeDecodeURIComponent } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport StatusLabel from './status-label';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tSidebarNavigationScreenDetailsPanel,\n\tSidebarNavigationScreenDetailsPanelRow,\n\tSidebarNavigationScreenDetailsPanelLabel,\n\tSidebarNavigationScreenDetailsPanelValue,\n} from '../sidebar-navigation-screen-details-panel';\n\n// Taken from packages/editor/src/components/time-to-read/index.js.\nconst AVERAGE_READING_RATE = 189;\n\nfunction getPageDetails( page ) {\n\tif ( ! page ) {\n\t\treturn [];\n\t}\n\n\tconst details = [\n\t\t{\n\t\t\tlabel: __( 'Status' ),\n\t\t\tvalue: (\n\t\t\t\t<StatusLabel\n\t\t\t\t\tstatus={ page?.password ? 'protected' : page.status }\n\t\t\t\t\tdate={ page?.date }\n\t\t\t\t\tshort\n\t\t\t\t/>\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tlabel: __( 'Slug' ),\n\t\t\tvalue: (\n\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t{ safeDecodeURIComponent( page.slug ) }\n\t\t\t\t</Truncate>\n\t\t\t),\n\t\t},\n\t];\n\n\tif ( page?.templateTitle ) {\n\t\tdetails.push( {\n\t\t\tlabel: __( 'Template' ),\n\t\t\tvalue: decodeEntities( page.templateTitle ),\n\t\t} );\n\t}\n\n\tif ( page?.parentTitle ) {\n\t\tdetails.push( {\n\t\t\tlabel: __( 'Parent' ),\n\t\t\tvalue: decodeEntities( page.parentTitle || __( '(no title)' ) ),\n\t\t} );\n\t}\n\n\t/*\n\t * translators: If your word count is based on single characters (e.g. East Asian characters),\n\t * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.\n\t * Do not translate into your own language.\n\t */\n\tconst wordCountType = _x( 'words', 'Word count type. Do not translate!' );\n\tconst wordsCounted = page?.content?.rendered\n\t\t? wordCount( page.content.rendered, wordCountType )\n\t\t: 0;\n\tconst readingTime = Math.round( wordsCounted / AVERAGE_READING_RATE );\n\n\tif ( wordsCounted && ! page?.isPostsPage ) {\n\t\tdetails.push(\n\t\t\t{\n\t\t\t\tlabel: __( 'Words' ),\n\t\t\t\tvalue: wordsCounted.toLocaleString() || __( 'Unknown' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: __( 'Time to read' ),\n\t\t\t\tvalue:\n\t\t\t\t\treadingTime > 1\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: is the number of minutes. */\n\t\t\t\t\t\t\t\t__( '%s mins' ),\n\t\t\t\t\t\t\t\treadingTime.toLocaleString()\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: __( '< 1 min' ),\n\t\t\t}\n\t\t);\n\t}\n\treturn details;\n}\n\nexport default function PageDetails( { id } ) {\n\tconst { record } = useEntityRecord( 'postType', 'page', id );\n\tconst { parentTitle, templateTitle, isPostsPage } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedPostContext } = unlock( select( editSiteStore ) );\n\t\t\tconst postContext = getEditedPostContext();\n\t\t\tconst templates = select( coreStore ).getEntityRecords(\n\t\t\t\t'postType',\n\t\t\t\t'wp_template',\n\t\t\t\t{ per_page: -1 }\n\t\t\t);\n\t\t\t// Template title.\n\t\t\tconst templateSlug =\n\t\t\t\t// Checks that the post type matches the current theme's post type, otherwise\n\t\t\t\t// the templateSlug returns 'home'.\n\t\t\t\tpostContext?.postType === 'page'\n\t\t\t\t\t? postContext?.templateSlug\n\t\t\t\t\t: null;\n\t\t\tconst _templateTitle =\n\t\t\t\ttemplates && templateSlug\n\t\t\t\t\t? templates.find(\n\t\t\t\t\t\t\t( template ) => template.slug === templateSlug\n\t\t\t\t\t  )?.title?.rendered\n\t\t\t\t\t: null;\n\n\t\t\t// Parent page title.\n\t\t\tconst _parentTitle = record?.parent\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\trecord.parent,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t_fields: [ 'title' ],\n\t\t\t\t\t\t}\n\t\t\t\t  )?.title?.rendered\n\t\t\t\t: null;\n\n\t\t\tconst { getEntityRecord } = select( coreStore );\n\t\t\tconst siteSettings = getEntityRecord( 'root', 'site' );\n\n\t\t\treturn {\n\t\t\t\tparentTitle: _parentTitle,\n\t\t\t\ttemplateTitle: _templateTitle,\n\t\t\t\tisPostsPage: record?.id === siteSettings?.page_for_posts,\n\t\t\t};\n\t\t},\n\t\t[ record?.parent, record?.id ]\n\t);\n\treturn (\n\t\t<SidebarNavigationScreenDetailsPanel\n\t\t\tspacing={ 5 }\n\t\t\ttitle={ __( 'Details' ) }\n\t\t>\n\t\t\t{ getPageDetails( {\n\t\t\t\tparentTitle,\n\t\t\t\ttemplateTitle,\n\t\t\t\tisPostsPage,\n\t\t\t\t...record,\n\t\t\t} ).map( ( { label, value } ) => (\n\t\t\t\t<SidebarNavigationScreenDetailsPanelRow key={ label }>\n\t\t\t\t\t<SidebarNavigationScreenDetailsPanelLabel>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</SidebarNavigationScreenDetailsPanelLabel>\n\t\t\t\t\t<SidebarNavigationScreenDetailsPanelValue>\n\t\t\t\t\t\t{ value }\n\t\t\t\t\t</SidebarNavigationScreenDetailsPanelValue>\n\t\t\t\t</SidebarNavigationScreenDetailsPanelRow>\n\t\t\t) ) }\n\t\t</SidebarNavigationScreenDetailsPanel>\n\t);\n}\n"]}
+{"version":3,"names":["_i18n","require","_components","_wordcount","_data","_htmlEntities","_coreData","_url","_statusLabel","_interopRequireDefault","_lockUnlock","_store","_sidebarNavigationScreenDetailsPanel","AVERAGE_READING_RATE","getPageDetails","page","details","label","__","value","_element","createElement","default","status","password","date","short","__experimentalTruncate","numberOfLines","safeDecodeURIComponent","slug","templateTitle","push","decodeEntities","parentTitle","wordCountType","_x","wordsCounted","content","rendered","wordCount","readingTime","Math","round","isPostsPage","toLocaleString","sprintf","PageDetails","id","record","useEntityRecord","useSelect","select","getEditedPostContext","unlock","editSiteStore","postContext","templates","coreStore","getEntityRecords","per_page","templateSlug","postType","_templateTitle","find","template","title","_parentTitle","parent","getEntityRecord","_fields","siteSettings","page_for_posts","SidebarNavigationScreenDetailsPanel","spacing","map","SidebarNavigationScreenDetailsPanelRow","key","SidebarNavigationScreenDetailsPanelLabel","SidebarNavigationScreenDetailsPanelValue"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-page/page-details.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { __experimentalTruncate as Truncate } from '@wordpress/components';\nimport { count as wordCount } from '@wordpress/wordcount';\nimport { useSelect } from '@wordpress/data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { store as coreStore, useEntityRecord } from '@wordpress/core-data';\nimport { safeDecodeURIComponent } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport StatusLabel from './status-label';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tSidebarNavigationScreenDetailsPanel,\n\tSidebarNavigationScreenDetailsPanelRow,\n\tSidebarNavigationScreenDetailsPanelLabel,\n\tSidebarNavigationScreenDetailsPanelValue,\n} from '../sidebar-navigation-screen-details-panel';\n\n// Taken from packages/editor/src/components/time-to-read/index.js.\nconst AVERAGE_READING_RATE = 189;\n\nfunction getPageDetails( page ) {\n\tif ( ! page ) {\n\t\treturn [];\n\t}\n\n\tconst details = [\n\t\t{\n\t\t\tlabel: __( 'Status' ),\n\t\t\tvalue: (\n\t\t\t\t<StatusLabel\n\t\t\t\t\tstatus={ page?.password ? 'protected' : page.status }\n\t\t\t\t\tdate={ page?.date }\n\t\t\t\t\tshort\n\t\t\t\t/>\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tlabel: __( 'Slug' ),\n\t\t\tvalue: (\n\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t{ safeDecodeURIComponent( page.slug ) }\n\t\t\t\t</Truncate>\n\t\t\t),\n\t\t},\n\t];\n\n\tif ( page?.templateTitle ) {\n\t\tdetails.push( {\n\t\t\tlabel: __( 'Template' ),\n\t\t\tvalue: decodeEntities( page.templateTitle ),\n\t\t} );\n\t}\n\n\tif ( page?.parentTitle ) {\n\t\tdetails.push( {\n\t\t\tlabel: __( 'Parent' ),\n\t\t\tvalue: decodeEntities( page.parentTitle || __( '(no title)' ) ),\n\t\t} );\n\t}\n\n\t/*\n\t * translators: If your word count is based on single characters (e.g. East Asian characters),\n\t * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.\n\t * Do not translate into your own language.\n\t */\n\tconst wordCountType = _x( 'words', 'Word count type. Do not translate!' );\n\tconst wordsCounted = page?.content?.rendered\n\t\t? wordCount( page.content.rendered, wordCountType )\n\t\t: 0;\n\tconst readingTime = Math.round( wordsCounted / AVERAGE_READING_RATE );\n\n\tif ( wordsCounted && ! page?.isPostsPage ) {\n\t\tdetails.push(\n\t\t\t{\n\t\t\t\tlabel: __( 'Words' ),\n\t\t\t\tvalue: wordsCounted.toLocaleString() || __( 'Unknown' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: __( 'Time to read' ),\n\t\t\t\tvalue:\n\t\t\t\t\treadingTime > 1\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: is the number of minutes. */\n\t\t\t\t\t\t\t\t__( '%s mins' ),\n\t\t\t\t\t\t\t\treadingTime.toLocaleString()\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: __( '< 1 min' ),\n\t\t\t}\n\t\t);\n\t}\n\treturn details;\n}\n\nexport default function PageDetails( { id } ) {\n\tconst { record } = useEntityRecord( 'postType', 'page', id );\n\tconst { parentTitle, templateTitle, isPostsPage } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedPostContext } = unlock( select( editSiteStore ) );\n\t\t\tconst postContext = getEditedPostContext();\n\t\t\tconst templates = select( coreStore ).getEntityRecords(\n\t\t\t\t'postType',\n\t\t\t\t'wp_template',\n\t\t\t\t{ per_page: -1 }\n\t\t\t);\n\t\t\t// Template title.\n\t\t\tconst templateSlug =\n\t\t\t\t// Checks that the post type matches the current theme's post type, otherwise\n\t\t\t\t// the templateSlug returns 'home'.\n\t\t\t\tpostContext?.postType === 'page'\n\t\t\t\t\t? postContext?.templateSlug\n\t\t\t\t\t: null;\n\t\t\tconst _templateTitle =\n\t\t\t\ttemplates && templateSlug\n\t\t\t\t\t? templates.find(\n\t\t\t\t\t\t\t( template ) => template.slug === templateSlug\n\t\t\t\t\t  )?.title?.rendered\n\t\t\t\t\t: null;\n\n\t\t\t// Parent page title.\n\t\t\tconst _parentTitle = record?.parent\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\trecord.parent,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t_fields: [ 'title' ],\n\t\t\t\t\t\t}\n\t\t\t\t  )?.title?.rendered\n\t\t\t\t: null;\n\n\t\t\tconst { getEntityRecord } = select( coreStore );\n\t\t\tconst siteSettings = getEntityRecord( 'root', 'site' );\n\n\t\t\treturn {\n\t\t\t\tparentTitle: _parentTitle,\n\t\t\t\ttemplateTitle: _templateTitle,\n\t\t\t\tisPostsPage: record?.id === siteSettings?.page_for_posts,\n\t\t\t};\n\t\t},\n\t\t[ record?.parent, record?.id ]\n\t);\n\treturn (\n\t\t<SidebarNavigationScreenDetailsPanel\n\t\t\tspacing={ 5 }\n\t\t\ttitle={ __( 'Details' ) }\n\t\t>\n\t\t\t{ getPageDetails( {\n\t\t\t\tparentTitle,\n\t\t\t\ttemplateTitle,\n\t\t\t\tisPostsPage,\n\t\t\t\t...record,\n\t\t\t} ).map( ( { label, value } ) => (\n\t\t\t\t<SidebarNavigationScreenDetailsPanelRow key={ label }>\n\t\t\t\t\t<SidebarNavigationScreenDetailsPanelLabel>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</SidebarNavigationScreenDetailsPanelLabel>\n\t\t\t\t\t<SidebarNavigationScreenDetailsPanelValue>\n\t\t\t\t\t\t{ value }\n\t\t\t\t\t</SidebarNavigationScreenDetailsPanelValue>\n\t\t\t\t</SidebarNavigationScreenDetailsPanelRow>\n\t\t\t) ) }\n\t\t</SidebarNavigationScreenDetailsPanel>\n\t);\n}\n"],"mappings":"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"}

package/build/components/sidebar-navigation-screen-page/status-label.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = StatusLabel;
-
 var _element = require("@wordpress/element");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _i18n = require("@wordpress/i18n");
-
 var _date = require("@wordpress/date");
-
 /**
  * External dependencies
  */
@@ -22,6 +16,7 @@ var _date = require("@wordpress/date");
 /**
  * WordPress dependencies
  */
+
 function StatusLabel({
   status,
   date,
@@ -29,46 +24,37 @@ function StatusLabel({
 }) {
   const relateToNow = (0, _date.humanTimeDiff)(date);
   let statusLabel = status;
-
   switch (status) {
     case 'publish':
-      statusLabel = date ? (0, _element.createInterpolateElement)((0, _i18n.sprintf)(
-      /* translators: %s: is the relative time when the post was published. */
+      statusLabel = date ? (0, _element.createInterpolateElement)((0, _i18n.sprintf)( /* translators: %s: is the relative time when the post was published. */
       (0, _i18n.__)('Published <time>%s</time>'), relateToNow), {
         time: (0, _element.createElement)("time", {
           dateTime: date
         })
       }) : (0, _i18n.__)('Published');
       break;
-
     case 'future':
       const formattedDate = (0, _date.dateI18n)(short ? 'M j' : 'F j', (0, _date.getDate)(date));
-      statusLabel = date ? (0, _element.createInterpolateElement)((0, _i18n.sprintf)(
-      /* translators: %s: is the formatted date and time on which the post is scheduled to be published. */
+      statusLabel = date ? (0, _element.createInterpolateElement)((0, _i18n.sprintf)( /* translators: %s: is the formatted date and time on which the post is scheduled to be published. */
       (0, _i18n.__)('Scheduled: <time>%s</time>'), formattedDate), {
         time: (0, _element.createElement)("time", {
           dateTime: date
         })
       }) : (0, _i18n.__)('Scheduled');
       break;
-
     case 'draft':
       statusLabel = (0, _i18n.__)('Draft');
       break;
-
     case 'pending':
       statusLabel = (0, _i18n.__)('Pending');
       break;
-
     case 'private':
       statusLabel = (0, _i18n.__)('Private');
       break;
-
     case 'protected':
       statusLabel = (0, _i18n.__)('Password protected');
       break;
   }
-
   return (0, _element.createElement)("div", {
     className: (0, _classnames.default)('edit-site-sidebar-navigation-screen-page__status', {
       [`has-status has-${status}-status`]: !!status

package/build/components/sidebar-navigation-screen-page/status-label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-page/status-label.js"],"names":["StatusLabel","status","date","short","relateToNow","statusLabel","time","formattedDate"],"mappings":";;;;;;;;;AAUA;;AAPA;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAKe,SAASA,WAAT,CAAsB;AAAEC,EAAAA,MAAF;AAAUC,EAAAA,IAAV;AAAgBC,EAAAA;AAAhB,CAAtB,EAAgD;AAC9D,QAAMC,WAAW,GAAG,yBAAeF,IAAf,CAApB;AACA,MAAIG,WAAW,GAAGJ,MAAlB;;AACA,UAASA,MAAT;AACC,SAAK,SAAL;AACCI,MAAAA,WAAW,GAAGH,IAAI,GACf,uCACA;AACC;AACA,oBAAI,2BAAJ,CAFD,EAGCE,WAHD,CADA,EAMA;AAAEE,QAAAA,IAAI,EAAE;AAAM,UAAA,QAAQ,EAAGJ;AAAjB;AAAR,OANA,CADe,GASf,cAAI,WAAJ,CATH;AAUA;;AACD,SAAK,QAAL;AACC,YAAMK,aAAa,GAAG,oBACrBJ,KAAK,GAAG,KAAH,GAAW,KADK,EAErB,mBAASD,IAAT,CAFqB,CAAtB;AAIAG,MAAAA,WAAW,GAAGH,IAAI,GACf,uCACA;AACC;AACA,oBAAI,4BAAJ,CAFD,EAGCK,aAHD,CADA,EAMA;AAAED,QAAAA,IAAI,EAAE;AAAM,UAAA,QAAQ,EAAGJ;AAAjB;AAAR,OANA,CADe,GASf,cAAI,WAAJ,CATH;AAUA;;AACD,SAAK,OAAL;AACCG,MAAAA,WAAW,GAAG,cAAI,OAAJ,CAAd;AACA;;AACD,SAAK,SAAL;AACCA,MAAAA,WAAW,GAAG,cAAI,SAAJ,CAAd;AACA;;AACD,SAAK,SAAL;AACCA,MAAAA,WAAW,GAAG,cAAI,SAAJ,CAAd;AACA;;AACD,SAAK,WAAL;AACCA,MAAAA,WAAW,GAAG,cAAI,oBAAJ,CAAd;AACA;AAxCF;;AA2CA,SACC;AACC,IAAA,SAAS,EAAG,yBACX,kDADW,EAEX;AACC,OAAG,kBAAkBJ,MAAQ,SAA7B,GAAyC,CAAC,CAAEA;AAD7C,KAFW;AADb,KAQGI,WARH,CADD;AAYA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { dateI18n, getDate, humanTimeDiff } from '@wordpress/date';\nimport { createInterpolateElement } from '@wordpress/element';\n\nexport default function StatusLabel( { status, date, short } ) {\n\tconst relateToNow = humanTimeDiff( date );\n\tlet statusLabel = status;\n\tswitch ( status ) {\n\t\tcase 'publish':\n\t\t\tstatusLabel = date\n\t\t\t\t? createInterpolateElement(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/* translators: %s: is the relative time when the post was published. */\n\t\t\t\t\t\t\t__( 'Published <time>%s</time>' ),\n\t\t\t\t\t\t\trelateToNow\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{ time: <time dateTime={ date } /> }\n\t\t\t\t  )\n\t\t\t\t: __( 'Published' );\n\t\t\tbreak;\n\t\tcase 'future':\n\t\t\tconst formattedDate = dateI18n(\n\t\t\t\tshort ? 'M j' : 'F j',\n\t\t\t\tgetDate( date )\n\t\t\t);\n\t\t\tstatusLabel = date\n\t\t\t\t? createInterpolateElement(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/* translators: %s: is the formatted date and time on which the post is scheduled to be published. */\n\t\t\t\t\t\t\t__( 'Scheduled: <time>%s</time>' ),\n\t\t\t\t\t\t\tformattedDate\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{ time: <time dateTime={ date } /> }\n\t\t\t\t  )\n\t\t\t\t: __( 'Scheduled' );\n\t\t\tbreak;\n\t\tcase 'draft':\n\t\t\tstatusLabel = __( 'Draft' );\n\t\t\tbreak;\n\t\tcase 'pending':\n\t\t\tstatusLabel = __( 'Pending' );\n\t\t\tbreak;\n\t\tcase 'private':\n\t\t\tstatusLabel = __( 'Private' );\n\t\t\tbreak;\n\t\tcase 'protected':\n\t\t\tstatusLabel = __( 'Password protected' );\n\t\t\tbreak;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames(\n\t\t\t\t'edit-site-sidebar-navigation-screen-page__status',\n\t\t\t\t{\n\t\t\t\t\t[ `has-status has-${ status }-status` ]: !! status,\n\t\t\t\t}\n\t\t\t) }\n\t\t>\n\t\t\t{ statusLabel }\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_i18n","_date","StatusLabel","status","date","short","relateToNow","humanTimeDiff","statusLabel","createInterpolateElement","sprintf","__","time","createElement","dateTime","formattedDate","dateI18n","getDate","className","classnames"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-page/status-label.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { dateI18n, getDate, humanTimeDiff } from '@wordpress/date';\nimport { createInterpolateElement } from '@wordpress/element';\n\nexport default function StatusLabel( { status, date, short } ) {\n\tconst relateToNow = humanTimeDiff( date );\n\tlet statusLabel = status;\n\tswitch ( status ) {\n\t\tcase 'publish':\n\t\t\tstatusLabel = date\n\t\t\t\t? createInterpolateElement(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/* translators: %s: is the relative time when the post was published. */\n\t\t\t\t\t\t\t__( 'Published <time>%s</time>' ),\n\t\t\t\t\t\t\trelateToNow\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{ time: <time dateTime={ date } /> }\n\t\t\t\t  )\n\t\t\t\t: __( 'Published' );\n\t\t\tbreak;\n\t\tcase 'future':\n\t\t\tconst formattedDate = dateI18n(\n\t\t\t\tshort ? 'M j' : 'F j',\n\t\t\t\tgetDate( date )\n\t\t\t);\n\t\t\tstatusLabel = date\n\t\t\t\t? createInterpolateElement(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/* translators: %s: is the formatted date and time on which the post is scheduled to be published. */\n\t\t\t\t\t\t\t__( 'Scheduled: <time>%s</time>' ),\n\t\t\t\t\t\t\tformattedDate\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{ time: <time dateTime={ date } /> }\n\t\t\t\t  )\n\t\t\t\t: __( 'Scheduled' );\n\t\t\tbreak;\n\t\tcase 'draft':\n\t\t\tstatusLabel = __( 'Draft' );\n\t\t\tbreak;\n\t\tcase 'pending':\n\t\t\tstatusLabel = __( 'Pending' );\n\t\t\tbreak;\n\t\tcase 'private':\n\t\t\tstatusLabel = __( 'Private' );\n\t\t\tbreak;\n\t\tcase 'protected':\n\t\t\tstatusLabel = __( 'Password protected' );\n\t\t\tbreak;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames(\n\t\t\t\t'edit-site-sidebar-navigation-screen-page__status',\n\t\t\t\t{\n\t\t\t\t\t[ `has-status has-${ status }-status` ]: !! status,\n\t\t\t\t}\n\t\t\t) }\n\t\t>\n\t\t\t{ statusLabel }\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAUA,IAAAA,QAAA,GAAAC,OAAA;AAPA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAKe,SAASK,WAAWA,CAAE;EAAEC,MAAM;EAAEC,IAAI;EAAEC;AAAM,CAAC,EAAG;EAC9D,MAAMC,WAAW,GAAG,IAAAC,mBAAa,EAAEH,IAAK,CAAC;EACzC,IAAII,WAAW,GAAGL,MAAM;EACxB,QAASA,MAAM;IACd,KAAK,SAAS;MACbK,WAAW,GAAGJ,IAAI,GACf,IAAAK,iCAAwB,EACxB,IAAAC,aAAO,GACN;MACA,IAAAC,QAAE,EAAE,2BAA4B,CAAC,EACjCL,WACD,CAAC,EACD;QAAEM,IAAI,EAAE,IAAAhB,QAAA,CAAAiB,aAAA;UAAMC,QAAQ,EAAGV;QAAM,CAAE;MAAE,CACnC,CAAC,GACD,IAAAO,QAAE,EAAE,WAAY,CAAC;MACpB;IACD,KAAK,QAAQ;MACZ,MAAMI,aAAa,GAAG,IAAAC,cAAQ,EAC7BX,KAAK,GAAG,KAAK,GAAG,KAAK,EACrB,IAAAY,aAAO,EAAEb,IAAK,CACf,CAAC;MACDI,WAAW,GAAGJ,IAAI,GACf,IAAAK,iCAAwB,EACxB,IAAAC,aAAO,GACN;MACA,IAAAC,QAAE,EAAE,4BAA6B,CAAC,EAClCI,aACD,CAAC,EACD;QAAEH,IAAI,EAAE,IAAAhB,QAAA,CAAAiB,aAAA;UAAMC,QAAQ,EAAGV;QAAM,CAAE;MAAE,CACnC,CAAC,GACD,IAAAO,QAAE,EAAE,WAAY,CAAC;MACpB;IACD,KAAK,OAAO;MACXH,WAAW,GAAG,IAAAG,QAAE,EAAE,OAAQ,CAAC;MAC3B;IACD,KAAK,SAAS;MACbH,WAAW,GAAG,IAAAG,QAAE,EAAE,SAAU,CAAC;MAC7B;IACD,KAAK,SAAS;MACbH,WAAW,GAAG,IAAAG,QAAE,EAAE,SAAU,CAAC;MAC7B;IACD,KAAK,WAAW;MACfH,WAAW,GAAG,IAAAG,QAAE,EAAE,oBAAqB,CAAC;MACxC;EACF;EAEA,OACC,IAAAf,QAAA,CAAAiB,aAAA;IACCK,SAAS,EAAG,IAAAC,mBAAU,EACrB,kDAAkD,EAClD;MACC,CAAG,kBAAkBhB,MAAQ,SAAQ,GAAI,CAAC,CAAEA;IAC7C,CACD;EAAG,GAEDK,WACE,CAAC;AAER"}

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

@@ -1,40 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SidebarNavigationScreenPages;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 var _i18n = require("@wordpress/i18n");
-
 var _coreData = require("@wordpress/core-data");
-
 var _htmlEntities = require("@wordpress/html-entities");
-
 var _router = require("@wordpress/router");
-
 var _icons = require("@wordpress/icons");
-
 var _data = require("@wordpress/data");
-
 var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
-
 var _link = require("../routes/link");
-
 var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigation-item"));
-
 var _sidebarButton = _interopRequireDefault(require("../sidebar-button"));
-
 var _addNewPage = _interopRequireDefault(require("../add-new-page"));
-
 var _lockUnlock = require("../../lock-unlock");
-
 /**
  * WordPress dependencies
  */
@@ -42,10 +26,10 @@ var _lockUnlock = require("../../lock-unlock");
 /**
  * Internal dependencies
  */
+
 const {
   useHistory
 } = (0, _lockUnlock.unlock)(_router.privateApis);
-
 const PageItem = ({
   postType = 'page',
   postId,
@@ -57,11 +41,11 @@ const PageItem = ({
   }, {
     backPath: '/page'
   });
-  return (0, _element.createElement)(_sidebarNavigationItem.default, { ...linkInfo,
+  return (0, _element.createElement)(_sidebarNavigationItem.default, {
+    ...linkInfo,
     ...props
   });
 };
-
 function SidebarNavigationScreenPages() {
   const {
     records: pages,
@@ -80,9 +64,7 @@ function SidebarNavigationScreenPages() {
     slug
   }) => ['404', 'search'].includes(slug));
   const homeTemplate = templates?.find(template => template.slug === 'front-page') || templates?.find(template => template.slug === 'home') || templates?.find(template => template.slug === 'index');
-
   const getPostsPageTemplate = () => templates?.find(template => template.slug === 'home') || templates?.find(template => template.slug === 'index');
-
   const pagesAndTemplates = pages?.concat(dynamicPageTemplates, [homeTemplate]);
   const {
     frontPage,
@@ -99,7 +81,6 @@ function SidebarNavigationScreenPages() {
   }, []);
   const isHomePageBlog = frontPage === postsPage;
   const reorderedPages = pages && [...pages];
-
   if (!isHomePageBlog && reorderedPages?.length) {
     const homePageIndex = reorderedPages.findIndex(item => item.id === frontPage);
     const homePage = reorderedPages.splice(homePageIndex, 1);
@@ -108,10 +89,8 @@ function SidebarNavigationScreenPages() {
     const blogPage = reorderedPages.splice(postsPageIndex, 1);
     reorderedPages.splice(1, 0, ...blogPage);
   }
-
   const [showAddPage, setShowAddPage] = (0, _element.useState)(false);
   const history = useHistory();
-
   const handleNewPage = ({
     type,
     id
@@ -124,28 +103,23 @@ function SidebarNavigationScreenPages() {
     });
     setShowAddPage(false);
   };
-
   const getPageProps = id => {
     let itemIcon = _icons.page;
     const postsPageTemplateId = postsPage && postsPage === id ? getPostsPageTemplate()?.id : null;
-
     switch (id) {
       case frontPage:
         itemIcon = _icons.home;
         break;
-
       case postsPage:
         itemIcon = _icons.verse;
         break;
     }
-
     return {
       icon: itemIcon,
       postType: postsPageTemplateId ? 'wp_template' : 'page',
       postId: postsPageTemplateId || id
     };
   };
-
   return (0, _element.createElement)(_element.Fragment, null, showAddPage && (0, _element.createElement)(_addNewPage.default, {
     onSave: handleNewPage,
     onClose: () => setShowAddPage(false)
@@ -157,7 +131,7 @@ function SidebarNavigationScreenPages() {
       label: (0, _i18n.__)('Draft a new page'),
       onClick: () => setShowAddPage(true)
     }),
-    content: (0, _element.createElement)(_element.Fragment, null, (isLoadingPages || isLoadingTemplates) && (0, _element.createElement)(_components.__experimentalItemGroup, null, (0, _element.createElement)(_components.__experimentalItem, null, (0, _i18n.__)('Loading pages'))), !(isLoadingPages || isLoadingTemplates) && (0, _element.createElement)(_components.__experimentalItemGroup, null, !pagesAndTemplates?.length && (0, _element.createElement)(_components.__experimentalItem, null, (0, _i18n.__)('No page found')), isHomePageBlog && homeTemplate && (0, _element.createElement)(PageItem, {
+    content: (0, _element.createElement)(_element.Fragment, null, (isLoadingPages || isLoadingTemplates) && (0, _element.createElement)(_components.__experimentalItemGroup, null, (0, _element.createElement)(_components.__experimentalItem, null, (0, _i18n.__)('Loading pages…'))), !(isLoadingPages || isLoadingTemplates) && (0, _element.createElement)(_components.__experimentalItemGroup, null, !pagesAndTemplates?.length && (0, _element.createElement)(_components.__experimentalItem, null, (0, _i18n.__)('No page found')), isHomePageBlog && homeTemplate && (0, _element.createElement)(PageItem, {
       postType: "wp_template",
       postId: homeTemplate.id,
       key: homeTemplate.id,
@@ -168,7 +142,8 @@ function SidebarNavigationScreenPages() {
     }, (0, _htmlEntities.decodeEntities)(homeTemplate.title?.rendered || (0, _i18n.__)('(no title)')))), reorderedPages?.map(({
       id,
       title
-    }) => (0, _element.createElement)(PageItem, { ...getPageProps(id),
+    }) => (0, _element.createElement)(PageItem, {
+      ...getPageProps(id),
       key: id,
       withChevron: true
     }, (0, _element.createElement)(_components.__experimentalTruncate, {