@wordpress/edit-site 5.12.0 → 5.12.2

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

@@ -15,11 +15,9 @@ var _data = require("@wordpress/data");
 
 var _blocks = require("@wordpress/blocks");
 
-var _components = require("@wordpress/components");
-
 var _coreData = require("@wordpress/core-data");
 
-var _privateApis = require("../../private-apis");
+var _lockUnlock = require("../../lock-unlock");
 
 var _leafMoreMenu = _interopRequireDefault(require("./leaf-more-menu"));
 
@@ -30,7 +28,10 @@ var _leafMoreMenu = _interopRequireDefault(require("./leaf-more-menu"));
 /**
  * Internal dependencies
  */
-// Needs to be kept in sync with the query used at packages/block-library/src/page-list/edit.js.
+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.
+
 const MAX_PAGE_COUNT = 100;
 const PAGES_QUERY = ['postType', 'page', {
   per_page: MAX_PAGE_COUNT,
@@ -43,82 +44,52 @@ const PAGES_QUERY = ['postType', 'page', {
 }];
 
 function NavigationMenuContent({
-  rootClientId,
-  onSelect
+  rootClientId
 }) {
-  const [isLoading, setIsLoading] = (0, _element.useState)(true);
   const {
-    clientIdsTree,
-    shouldKeepLoading,
-    isSinglePageList
+    listViewRootClientId,
+    isLoading
   } = (0, _data.useSelect)(select => {
     const {
-      __unstableGetClientIdsTree,
       areInnerBlocksControlled,
-      getBlockName
+      getBlockName,
+      getBlockCount,
+      getBlockOrder
     } = select(_blockEditor.store);
     const {
       isResolving
     } = select(_coreData.store);
-
-    const _clientIdsTree = __unstableGetClientIdsTree(rootClientId);
-
-    const hasOnlyPageListBlock = _clientIdsTree.length === 1 && getBlockName(_clientIdsTree[0].clientId) === 'core/page-list';
+    const blockClientIds = getBlockOrder(rootClientId);
+    const hasOnlyPageListBlock = blockClientIds.length === 1 && getBlockName(blockClientIds[0]) === 'core/page-list';
+    const pageListHasBlocks = hasOnlyPageListBlock && getBlockCount(blockClientIds[0]) > 0;
     const isLoadingPages = isResolving('getEntityRecords', PAGES_QUERY);
     return {
-      clientIdsTree: _clientIdsTree,
+      listViewRootClientId: pageListHasBlocks ? blockClientIds[0] : rootClientId,
       // This is a small hack to wait for the navigation block
       // to actually load its inner blocks.
-      shouldKeepLoading: !areInnerBlocksControlled(rootClientId) || isLoadingPages,
-      isSinglePageList: hasOnlyPageListBlock && !isLoadingPages && _clientIdsTree[0].innerBlocks.length > 0
+      isLoading: !areInnerBlocksControlled(rootClientId) || isLoadingPages
     };
   }, [rootClientId]);
   const {
     replaceBlock,
     __unstableMarkNextChangeAsNotPersistent
-  } = (0, _data.useDispatch)(_blockEditor.store); // Delay loading stop by 50ms to avoid flickering.
-
-  (0, _element.useEffect)(() => {
-    let timeoutId;
-
-    if (shouldKeepLoading && !isLoading) {
-      setIsLoading(true);
-    }
-
-    if (!shouldKeepLoading && isLoading) {
-      timeoutId = setTimeout(() => {
-        setIsLoading(false);
-        timeoutId = undefined;
-      }, 50);
-    }
-
-    return () => {
-      if (timeoutId) {
-        clearTimeout(timeoutId);
-      }
-    };
-  }, [shouldKeepLoading, clientIdsTree, isLoading]);
-  const {
-    PrivateListView
-  } = (0, _privateApis.unlock)(_blockEditor.privateApis);
+  } = (0, _data.useDispatch)(_blockEditor.store);
   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));
-    } else {
-      onSelect(block);
     }
-  }, [onSelect, __unstableMarkNextChangeAsNotPersistent, replaceBlock]); // The hidden block is needed because it makes block edit side effects trigger.
+  }, [__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, {
-    blocks: isSinglePageList ? clientIdsTree[0].innerBlocks : clientIdsTree,
+    rootClientId: listViewRootClientId,
     onSelect: offCanvasOnselect,
     blockSettingsMenu: _leafMoreMenu.default,
     showAppender: false
-  }), (0, _element.createElement)(_components.VisuallyHidden, {
-    "aria-hidden": "true"
+  }), (0, _element.createElement)("div", {
+    className: "edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor"
   }, (0, _element.createElement)(_blockEditor.BlockTools, null, (0, _element.createElement)(_blockEditor.BlockList, null))));
 }
 //# sourceMappingURL=navigation-menu-content.js.map

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":["MAX_PAGE_COUNT","PAGES_QUERY","per_page","_fields","orderby","order","NavigationMenuContent","rootClientId","onSelect","isLoading","setIsLoading","clientIdsTree","shouldKeepLoading","isSinglePageList","select","__unstableGetClientIdsTree","areInnerBlocksControlled","getBlockName","blockEditorStore","isResolving","coreStore","_clientIdsTree","hasOnlyPageListBlock","length","clientId","isLoadingPages","innerBlocks","replaceBlock","__unstableMarkNextChangeAsNotPersistent","timeoutId","setTimeout","undefined","clearTimeout","PrivateListView","blockEditorPrivateApis","offCanvasOnselect","block","name","attributes","url","LeafMoreMenu"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n\tBlockList,\n\tBlockTools,\n} from '@wordpress/block-editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { createBlock } from '@wordpress/blocks';\nimport { VisuallyHidden } from '@wordpress/components';\nimport { useCallback, useEffect, useState } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../private-apis';\nimport LeafMoreMenu from './leaf-more-menu';\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, onSelect } ) {\n\tconst [ isLoading, setIsLoading ] = useState( true );\n\tconst { clientIdsTree, shouldKeepLoading, isSinglePageList } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\t__unstableGetClientIdsTree,\n\t\t\t\tareInnerBlocksControlled,\n\t\t\t\tgetBlockName,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { isResolving } = select( coreStore );\n\n\t\t\tconst _clientIdsTree = __unstableGetClientIdsTree( rootClientId );\n\t\t\tconst hasOnlyPageListBlock =\n\t\t\t\t_clientIdsTree.length === 1 &&\n\t\t\t\tgetBlockName( _clientIdsTree[ 0 ].clientId ) ===\n\t\t\t\t\t'core/page-list';\n\t\t\tconst isLoadingPages = isResolving(\n\t\t\t\t'getEntityRecords',\n\t\t\t\tPAGES_QUERY\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tclientIdsTree: _clientIdsTree,\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\tshouldKeepLoading:\n\t\t\t\t\t! areInnerBlocksControlled( rootClientId ) ||\n\t\t\t\t\tisLoadingPages,\n\t\t\t\tisSinglePageList:\n\t\t\t\t\thasOnlyPageListBlock &&\n\t\t\t\t\t! isLoadingPages &&\n\t\t\t\t\t_clientIdsTree[ 0 ].innerBlocks.length > 0,\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\tconst { replaceBlock, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\t// Delay loading stop by 50ms to avoid flickering.\n\tuseEffect( () => {\n\t\tlet timeoutId;\n\t\tif ( shouldKeepLoading && ! isLoading ) {\n\t\t\tsetIsLoading( true );\n\t\t}\n\t\tif ( ! shouldKeepLoading && isLoading ) {\n\t\t\ttimeoutId = setTimeout( () => {\n\t\t\t\tsetIsLoading( false );\n\t\t\t\ttimeoutId = undefined;\n\t\t\t}, 50 );\n\t\t}\n\t\treturn () => {\n\t\t\tif ( timeoutId ) {\n\t\t\t\tclearTimeout( timeoutId );\n\t\t\t}\n\t\t};\n\t}, [ shouldKeepLoading, clientIdsTree, isLoading ] );\n\n\tconst { PrivateListView } = unlock( blockEditorPrivateApis );\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} else {\n\t\t\t\tonSelect( block );\n\t\t\t}\n\t\t},\n\t\t[ onSelect, __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\tblocks={\n\t\t\t\t\t\tisSinglePageList\n\t\t\t\t\t\t\t? clientIdsTree[ 0 ].innerBlocks\n\t\t\t\t\t\t\t: clientIdsTree\n\t\t\t\t\t}\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<VisuallyHidden aria-hidden=\"true\">\n\t\t\t\t<BlockTools>\n\t\t\t\t\t<BlockList />\n\t\t\t\t</BlockTools>\n\t\t\t</VisuallyHidden>\n\t\t</>\n\t);\n}\n"]}
+{"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":";;;;;;;;;AAWA;;AARA;;AAMA;;AACA;;AAEA;;AAKA;;AACA;;AAlBA;AACA;AACA;;AAYA;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,uBAAD,QACC,4BAAC,sBAAD,OADD,CADD,CATD,CADD;AAiBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n\tBlockList,\n\tBlockTools,\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<BlockTools>\n\t\t\t\t\t<BlockList />\n\t\t\t\t</BlockTools>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}

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

@@ -9,8 +9,6 @@ exports.default = SidebarNavigationScreenPage;
 
 var _element = require("@wordpress/element");
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _i18n = require("@wordpress/i18n");
 
 var _data = require("@wordpress/data");
@@ -23,29 +21,25 @@ var _htmlEntities = require("@wordpress/html-entities");
 
 var _icons = require("@wordpress/icons");
 
-var _date = require("@wordpress/date");
-
 var _dom = require("@wordpress/dom");
 
 var _escapeHtml = require("@wordpress/escape-html");
 
+var _url = require("@wordpress/url");
+
 var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
 
-var _privateApis = require("../../private-apis");
+var _lockUnlock = require("../../lock-unlock");
 
 var _store = require("../../store");
 
 var _sidebarButton = _interopRequireDefault(require("../sidebar-button"));
 
-var _sidebarNavigationSubtitle = _interopRequireDefault(require("../sidebar-navigation-subtitle"));
-
 var _pageDetails = _interopRequireDefault(require("./page-details"));
 
 var _pageActions = _interopRequireDefault(require("../page-actions"));
 
-/**
- * External dependencies
- */
+var _sidebarNavigationScreenDetailsFooter = _interopRequireDefault(require("../sidebar-navigation-screen-details-footer"));
 
 /**
  * WordPress dependencies
@@ -58,7 +52,7 @@ function SidebarNavigationScreenPage() {
   const navigator = (0, _components.__experimentalUseNavigator)();
   const {
     setCanvasMode
-  } = (0, _privateApis.unlock)((0, _data.useDispatch)(_store.store));
+  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
   const {
     params: {
       postId
@@ -100,39 +94,25 @@ function SidebarNavigationScreenPage() {
     meta: (0, _element.createElement)(_components.ExternalLink, {
       className: "edit-site-sidebar-navigation-screen__page-link",
       href: record.link
-    }, record.link.replace(/^(https?:\/\/)?/, '')),
-    content: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.__experimentalVStack, {
+    }, (0, _url.filterURLForDisplay)((0, _url.safeDecodeURIComponent)(record.link))),
+    content: (0, _element.createElement)(_element.Fragment, null, !!featuredMediaSourceUrl && (0, _element.createElement)(_components.__experimentalVStack, {
       className: "edit-site-sidebar-navigation-screen-page__featured-image-wrapper",
       alignment: "left",
       spacing: 2
     }, (0, _element.createElement)("div", {
-      className: (0, _classnames.default)('edit-site-sidebar-navigation-screen-page__featured-image', {
-        'has-image': !!featuredMediaSourceUrl
-      })
-    }, !!featuredMediaSourceUrl && (0, _element.createElement)("img", {
+      className: "edit-site-sidebar-navigation-screen-page__featured-image has-image"
+    }, (0, _element.createElement)("img", {
       alt: featureImageAltText,
       src: featuredMediaSourceUrl
-    }), !record?.featured_media && (0, _element.createElement)("p", null, (0, _i18n.__)('No featured image')))), !!record?.excerpt?.rendered && (0, _element.createElement)(_components.__experimentalTruncate, {
+    }))), !!record?.excerpt?.rendered && (0, _element.createElement)(_components.__experimentalTruncate, {
       className: "edit-site-sidebar-navigation-screen-page__excerpt",
       numberOfLines: 3
-    }, (0, _dom.__unstableStripHTML)(record.excerpt.rendered)), (0, _element.createElement)(_sidebarNavigationSubtitle.default, null, (0, _i18n.__)('Details')), (0, _element.createElement)(_pageDetails.default, {
+    }, (0, _dom.__unstableStripHTML)(record.excerpt.rendered)), (0, _element.createElement)(_pageDetails.default, {
       id: postId
     })),
-    footer: !!record?.modified && (0, _element.createElement)(_components.__experimentalHStack, {
-      spacing: 5,
-      alignment: "left",
-      className: "edit-site-sidebar-navigation-screen-page__details edit-site-sidebar-navigation-screen-page__footer"
-    }, (0, _element.createElement)(_components.__experimentalText, {
-      className: "edit-site-sidebar-navigation-screen-page__details-label"
-    }, (0, _i18n.__)('Last modified')), (0, _element.createElement)(_components.__experimentalText, {
-      className: "edit-site-sidebar-navigation-screen-page__details-value"
-    }, (0, _element.createInterpolateElement)((0, _i18n.sprintf)(
-    /* translators: %s: is the relative time when the post was last modified. */
-    (0, _i18n.__)('<time>%s</time>'), (0, _date.humanTimeDiff)(record.modified)), {
-      time: (0, _element.createElement)("time", {
-        dateTime: record.modified
-      })
-    })))
+    footer: (0, _element.createElement)(_sidebarNavigationScreenDetailsFooter.default, {
+      lastModifiedDateTime: record?.modified
+    })
   }) : null;
 }
 //# sourceMappingURL=index.js.map

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","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","replace","excerpt","modified","time"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } 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\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\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 { humanTimeDiff } from '@wordpress/date';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\nimport { escapeAttribute } from '@wordpress/escape-html';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { unlock } from '../../private-apis';\nimport { store as editSiteStore } from '../../store';\nimport SidebarButton from '../sidebar-button';\nimport SidebarNavigationSubtitle from '../sidebar-navigation-subtitle';\nimport PageDetails from './page-details';\nimport PageActions from '../page-actions';\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{ record.link.replace( /^(https?:\\/\\/)?/, '' ) }\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<VStack\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-page__featured-image-wrapper\"\n\t\t\t\t\t\talignment=\"left\"\n\t\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'edit-site-sidebar-navigation-screen-page__featured-image',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'has-image': !! featuredMediaSourceUrl,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ !! featuredMediaSourceUrl && (\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) }\n\t\t\t\t\t\t\t{ ! record?.featured_media && (\n\t\t\t\t\t\t\t\t<p>{ __( 'No featured image' ) }</p>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</VStack>\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<SidebarNavigationSubtitle>\n\t\t\t\t\t\t{ __( 'Details' ) }\n\t\t\t\t\t</SidebarNavigationSubtitle>\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!! record?.modified && (\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tspacing={ 5 }\n\t\t\t\t\t\talignment=\"left\"\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-page__details edit-site-sidebar-navigation-screen-page__footer\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text className=\"edit-site-sidebar-navigation-screen-page__details-label\">\n\t\t\t\t\t\t\t{ __( 'Last modified' ) }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text className=\"edit-site-sidebar-navigation-screen-page__details-value\">\n\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: is the relative time when the post was last modified. */\n\t\t\t\t\t\t\t\t\t__( '<time>%s</time>' ),\n\t\t\t\t\t\t\t\t\thumanTimeDiff( record.modified )\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\ttime: <time dateTime={ record.modified } />,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</HStack>\n\t\t\t\t)\n\t\t\t}\n\t\t/>\n\t) : null;\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-page/index.js"],"names":["SidebarNavigationScreenPage","navigator","setCanvasMode","editSiteStore","params","postId","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":";;;;;;;;;;;AAGA;;AACA;;AACA;;AAMA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AA3BA;AACA;AACA;;AAgBA;AACA;AACA;AASe,SAASA,2BAAT,GAAuC;AACrD,QAAMC,SAAS,GAAG,6CAAlB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAoB,wBAAQ,uBAAaC,YAAb,CAAR,CAA1B;AACA,QAAM;AACLC,IAAAA,MAAM,EAAE;AAAEC,MAAAA;AAAF;AADH,MAEF,6CAFJ;AAGA,QAAM;AAAEC,IAAAA;AAAF,MAAa,+BAAiB,UAAjB,EAA6B,MAA7B,EAAqCD,MAArC,CAAnB;AAEA,QAAM;AAAEE,IAAAA,oBAAF;AAAwBC,IAAAA;AAAxB,MAAmD,qBACtDC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA;AAAF,QAAsBD,MAAM,CAAEE,eAAF,CAAlC,CADa,CAEb;;AACA,UAAMC,aAAa,GAAGN,MAAM,EAAEO,cAAR,GACnBH,eAAe,CACf,UADe,EAEf,YAFe,EAGfJ,MAAM,EAAEO,cAHO,CADI,GAMnB,IANH;AAQA,WAAO;AACNL,MAAAA,sBAAsB,EACrBI,aAAa,EAAEE,aAAf,CAA6BC,KAA7B,EAAoCC,MAApC,EAA4CC,UAA5C,IACAL,aAAa,EAAEK,UAHV;AAINV,MAAAA,oBAAoB,EAAE,iCACrBK,aAAa,EAAEM,QAAf,IACCN,aAAa,EAAEO,WAAf,EAA4BC,GAD7B,IAEC,EAHoB;AAJhB,KAAP;AAUA,GAtBuD,EAuBxD,CAAEd,MAAF,CAvBwD,CAAzD;AA0BA,QAAMe,mBAAmB,GAAGd,oBAAoB,GAC7C,kCAAgBA,oBAAhB,CAD6C,GAE7C,kCAAgBD,MAAM,EAAEgB,KAAR,EAAeC,QAAf,IAA2B,cAAI,gBAAJ,CAA3C,CAFH;AAIA,SAAOjB,MAAM,GACZ,4BAAC,gCAAD;AACC,IAAA,KAAK,EAAG,kCACPA,MAAM,EAAEgB,KAAR,EAAeC,QAAf,IAA2B,cAAI,YAAJ,CADpB,CADT;AAIC,IAAA,OAAO,EACN,qDACC,4BAAC,oBAAD;AACC,MAAA,MAAM,EAAGlB,MADV;AAEC,MAAA,WAAW,EAAG;AAAEmB,QAAAA,EAAE,EAAEC;AAAN,OAFf;AAGC,MAAA,QAAQ,EAAG,MAAM;AAChBxB,QAAAA,SAAS,CAACyB,IAAV,CAAgB,OAAhB;AACA;AALF,MADD,EAQC,4BAAC,sBAAD;AACC,MAAA,OAAO,EAAG,MAAMxB,aAAa,CAAE,MAAF,CAD9B;AAEC,MAAA,KAAK,EAAG,cAAI,MAAJ,CAFT;AAGC,MAAA,IAAI,EAAGyB;AAHR,MARD,CALF;AAoBC,IAAA,IAAI,EACH,4BAAC,wBAAD;AACC,MAAA,SAAS,EAAC,gDADX;AAEC,MAAA,IAAI,EAAGrB,MAAM,CAACsB;AAFf,OAIG,8BACD,iCAAwBtB,MAAM,CAACsB,IAA/B,CADC,CAJH,CArBF;AA8BC,IAAA,OAAO,EACN,qDACG,CAAC,CAAEpB,sBAAH,IACD,4BAAC,gCAAD;AACC,MAAA,SAAS,EAAC,kEADX;AAEC,MAAA,SAAS,EAAC,MAFX;AAGC,MAAA,OAAO,EAAG;AAHX,OAKC;AAAK,MAAA,SAAS,EAAC;AAAf,OACC;AACC,MAAA,GAAG,EAAGa,mBADP;AAEC,MAAA,GAAG,EAAGb;AAFP,MADD,CALD,CAFF,EAeG,CAAC,CAAEF,MAAM,EAAEuB,OAAR,EAAiBN,QAApB,IACD,4BAAC,kCAAD;AACC,MAAA,SAAS,EAAC,mDADX;AAEC,MAAA,aAAa,EAAG;AAFjB,OAIG,8BAAWjB,MAAM,CAACuB,OAAP,CAAeN,QAA1B,CAJH,CAhBF,EAuBC,4BAAC,oBAAD;AAAa,MAAA,EAAE,EAAGlB;AAAlB,MAvBD,CA/BF;AAyDC,IAAA,MAAM,EACL,4BAAC,6CAAD;AACC,MAAA,oBAAoB,EAAGC,MAAM,EAAEwB;AADhC;AA1DF,IADY,GAgET,IAhEJ;AAiEA","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"]}

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

@@ -21,12 +21,16 @@ var _htmlEntities = require("@wordpress/html-entities");
 
 var _coreData = require("@wordpress/core-data");
 
+var _url = require("@wordpress/url");
+
 var _statusLabel = _interopRequireDefault(require("./status-label"));
 
-var _privateApis = require("../../private-apis");
+var _lockUnlock = require("../../lock-unlock");
 
 var _store = require("../../store");
 
+var _sidebarNavigationScreenDetailsPanel = require("../sidebar-navigation-screen-details-panel");
+
 /**
  * WordPress dependencies
  */
@@ -46,13 +50,14 @@ function getPageDetails(page) {
     label: (0, _i18n.__)('Status'),
     value: (0, _element.createElement)(_statusLabel.default, {
       status: page?.password ? 'protected' : page.status,
-      date: page?.date
+      date: page?.date,
+      short: true
     })
   }, {
     label: (0, _i18n.__)('Slug'),
     value: (0, _element.createElement)(_components.__experimentalTruncate, {
       numberOfLines: 1
-    }, page.slug)
+    }, (0, _url.safeDecodeURIComponent)(page.slug))
   }];
 
   if (page?.templateTitle) {
@@ -62,17 +67,19 @@ function getPageDetails(page) {
     });
   }
 
-  details.push({
-    label: (0, _i18n.__)('Parent'),
-    // `null` indicates no parent.
-    value: null === page?.parentTitle ? (0, _i18n.__)('Top level') : (0, _htmlEntities.decodeEntities)(page?.parentTitle || (0, _i18n.__)('(no title)'))
-  });
+  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);
@@ -103,17 +110,18 @@ function PageDetails({
     templateTitle
   } = (0, _data.useSelect)(select => {
     const {
-      getEditedPostContext,
-      getSettings
-    } = (0, _privateApis.unlock)(select(_store.store));
-    const defaultTemplateTypes = getSettings()?.defaultTemplateTypes;
-    const postContext = getEditedPostContext(); // Template title.
+      getEditedPostContext
+    } = (0, _lockUnlock.unlock)(select(_store.store));
+    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
     // the templateSlug returns 'home'.
     postContext?.postType === 'page' ? postContext?.templateSlug : null;
 
-    const _templateTitle = defaultTemplateTypes && templateSlug ? defaultTemplateTypes.find(template => template.slug === templateSlug)?.title : null; // Parent page title.
+    const _templateTitle = templates && templateSlug ? templates.find(template => template.slug === templateSlug)?.title?.rendered : null; // Parent page title.
 
 
     const _parentTitle = record?.parent ? select(_coreData.store).getEntityRecord('postType', 'page', record.parent, {
@@ -124,9 +132,10 @@ function PageDetails({
       parentTitle: _parentTitle,
       templateTitle: _templateTitle
     };
-  }, [record]);
-  return (0, _element.createElement)(_components.__experimentalVStack, {
-    spacing: 5
+  }, [record?.parent]);
+  return (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanel, {
+    spacing: 5,
+    title: (0, _i18n.__)('Details')
   }, getPageDetails({
     parentTitle,
     templateTitle,
@@ -134,15 +143,8 @@ function PageDetails({
   }).map(({
     label,
     value
-  }) => (0, _element.createElement)(_components.__experimentalHStack, {
-    key: label,
-    spacing: 5,
-    alignment: "left",
-    className: "edit-site-sidebar-navigation-screen-page__details"
-  }, (0, _element.createElement)(_components.__experimentalText, {
-    className: "edit-site-sidebar-navigation-screen-page__details-label"
-  }, label), (0, _element.createElement)(_components.__experimentalText, {
-    className: "edit-site-sidebar-navigation-screen-page__details-value"
-  }, value))));
+  }) => (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelRow, {
+    key: label
+  }, (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelLabel, null, label), (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelValue, null, value))));
 }
 //# sourceMappingURL=page-details.js.map

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","toLocaleString","PageDetails","id","record","select","getEditedPostContext","getSettings","editSiteStore","defaultTemplateTypes","postContext","templateSlug","postType","_templateTitle","find","template","title","_parentTitle","parent","coreStore","getEntityRecord","_fields","map"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n\t__experimentalTruncate as Truncate,\n} 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';\n\n/**\n * Internal dependencies\n */\nimport StatusLabel from './status-label';\nimport { unlock } from '../../private-apis';\nimport { store as editSiteStore } from '../../store';\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/>\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tlabel: __( 'Slug' ),\n\t\t\tvalue: <Truncate numberOfLines={ 1 }>{ page.slug }</Truncate>,\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\tdetails.push( {\n\t\tlabel: __( 'Parent' ),\n\t\t// `null` indicates no parent.\n\t\tvalue:\n\t\t\tnull === page?.parentTitle\n\t\t\t\t? __( 'Top level' )\n\t\t\t\t: decodeEntities( page?.parentTitle || __( '(no title)' ) ),\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 ) {\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\n\tconst { parentTitle, templateTitle } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedPostContext, getSettings } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst defaultTemplateTypes = getSettings()?.defaultTemplateTypes;\n\t\t\tconst postContext = getEditedPostContext();\n\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\tdefaultTemplateTypes && templateSlug\n\t\t\t\t\t? defaultTemplateTypes.find(\n\t\t\t\t\t\t\t( template ) => template.slug === templateSlug\n\t\t\t\t\t  )?.title\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\treturn {\n\t\t\t\tparentTitle: _parentTitle,\n\t\t\t\ttemplateTitle: _templateTitle,\n\t\t\t};\n\t\t},\n\t\t[ record ]\n\t);\n\treturn (\n\t\t<VStack spacing={ 5 }>\n\t\t\t{ getPageDetails( {\n\t\t\t\tparentTitle,\n\t\t\t\ttemplateTitle,\n\t\t\t\t...record,\n\t\t\t} ).map( ( { label, value } ) => (\n\t\t\t\t<HStack\n\t\t\t\t\tkey={ label }\n\t\t\t\t\tspacing={ 5 }\n\t\t\t\t\talignment=\"left\"\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-page__details\"\n\t\t\t\t>\n\t\t\t\t\t<Text className=\"edit-site-sidebar-navigation-screen-page__details-label\">\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Text className=\"edit-site-sidebar-navigation-screen-page__details-value\">\n\t\t\t\t\t\t{ value }\n\t\t\t\t\t</Text>\n\t\t\t\t</HStack>\n\t\t\t) ) }\n\t\t</VStack>\n\t);\n}\n"]}
+{"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","toLocaleString","PageDetails","id","record","select","getEditedPostContext","editSiteStore","postContext","templates","coreStore","getEntityRecords","per_page","templateSlug","postType","_templateTitle","find","template","title","_parentTitle","parent","getEntityRecord","_fields","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 ) {\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 } = 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\treturn {\n\t\t\t\tparentTitle: _parentTitle,\n\t\t\t\ttemplateTitle: _templateTitle,\n\t\t\t};\n\t\t},\n\t\t[ record?.parent ]\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\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"]}

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

@@ -54,7 +54,8 @@ const pendingIcon = (0, _element.createElement)(_primitives.SVG, {
 
 function StatusLabel({
   status,
-  date
+  date,
+  short
 }) {
   const relateToNow = (0, _date.humanTimeDiff)(date);
   let statusLabel = '';
@@ -62,25 +63,25 @@ function StatusLabel({
 
   switch (status) {
     case 'publish':
-      statusLabel = (0, _element.createInterpolateElement)((0, _i18n.sprintf)(
+      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');
       statusIcon = publishedIcon;
       break;
 
     case 'future':
-      const formattedDate = (0, _date.dateI18n)((0, _date.getSettings)().formats.date, (0, _date.getDate)(date));
-      statusLabel = (0, _element.createInterpolateElement)((0, _i18n.sprintf)(
+      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. */
-      (0, _i18n.__)('Scheduled for <time>%s</time>'), formattedDate), {
+      (0, _i18n.__)('Scheduled: <time>%s</time>'), formattedDate), {
         time: (0, _element.createElement)("time", {
           dateTime: date
         })
-      });
+      }) : (0, _i18n.__)('Scheduled');
       break;
 
     case 'draft':

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":["publishedIcon","draftIcon","pendingIcon","StatusLabel","status","date","relateToNow","statusLabel","statusIcon","time","formattedDate","formats"],"mappings":";;;;;;;;;AAUA;;AAPA;;AAKA;;AACA;;AAEA;;AAXA;AACA;AACA;;AAGA;AACA;AACA;AAMA,MAAMA,aAAa,GAClB,4BAAC,eAAD;AAAK,EAAA,IAAI,EAAC,MAAV;AAAiB,EAAA,KAAK,EAAC,4BAAvB;AAAoD,EAAA,OAAO,EAAC;AAA5D,GACC,4BAAC,gBAAD;AACC,EAAA,QAAQ,EAAC,SADV;AAEC,EAAA,QAAQ,EAAC,SAFV;AAGC,EAAA,CAAC,EAAC;AAHH,EADD,CADD;AAUA,MAAMC,SAAS,GACd,4BAAC,eAAD;AAAK,EAAA,IAAI,EAAC,MAAV;AAAiB,EAAA,KAAK,EAAC,4BAAvB;AAAoD,EAAA,OAAO,EAAC;AAA5D,GACC,4BAAC,gBAAD;AACC,EAAA,QAAQ,EAAC,SADV;AAEC,EAAA,QAAQ,EAAC,SAFV;AAGC,EAAA,CAAC,EAAC;AAHH,EADD,CADD;AAUA,MAAMC,WAAW,GAChB,4BAAC,eAAD;AAAK,EAAA,IAAI,EAAC,MAAV;AAAiB,EAAA,KAAK,EAAC,4BAAvB;AAAoD,EAAA,OAAO,EAAC;AAA5D,GACC,4BAAC,gBAAD;AACC,EAAA,QAAQ,EAAC,SADV;AAEC,EAAA,QAAQ,EAAC,SAFV;AAGC,EAAA,CAAC,EAAC;AAHH,EADD,CADD;;AAUe,SAASC,WAAT,CAAsB;AAAEC,EAAAA,MAAF;AAAUC,EAAAA;AAAV,CAAtB,EAAyC;AACvD,QAAMC,WAAW,GAAG,yBAAeD,IAAf,CAApB;AACA,MAAIE,WAAW,GAAG,EAAlB;AACA,MAAIC,UAAU,GAAGN,WAAjB;;AACA,UAASE,MAAT;AACC,SAAK,SAAL;AACCG,MAAAA,WAAW,GAAG,uCACb;AACC;AACA,oBAAI,2BAAJ,CAFD,EAGCD,WAHD,CADa,EAMb;AAAEG,QAAAA,IAAI,EAAE;AAAM,UAAA,QAAQ,EAAGJ;AAAjB;AAAR,OANa,CAAd;AAQAG,MAAAA,UAAU,GAAGR,aAAb;AACA;;AACD,SAAK,QAAL;AACC,YAAMU,aAAa,GAAG,oBACrB,yBAAcC,OAAd,CAAsBN,IADD,EAErB,mBAASA,IAAT,CAFqB,CAAtB;AAIAE,MAAAA,WAAW,GAAG,uCACb;AACC;AACA,oBAAI,+BAAJ,CAFD,EAGCG,aAHD,CADa,EAMb;AAAED,QAAAA,IAAI,EAAE;AAAM,UAAA,QAAQ,EAAGJ;AAAjB;AAAR,OANa,CAAd;AAQA;;AACD,SAAK,OAAL;AACCE,MAAAA,WAAW,GAAG,cAAI,OAAJ,CAAd;AACAC,MAAAA,UAAU,GAAGP,SAAb;AACA;;AACD,SAAK,SAAL;AACCM,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;AAtCF;;AAyCA,SACC;AACC,IAAA,SAAS,EAAG,yBACX,kDADW,EAEX;AACC,OAAG,kBAAkBH,MAAQ,SAA7B,GAAyC,CAAC,CAAEA;AAD7C,KAFW;AADb,KAQGI,UARH,OAQkBD,WARlB,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, getSettings, humanTimeDiff } from '@wordpress/date';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { Path, SVG } from '@wordpress/primitives';\n\nconst publishedIcon = (\n\t<SVG fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n\t\t<Path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm-1.067-5.6 4.2-5.667.8.6-4.8 6.467-3-2.267.6-.8 2.2 1.667Z\"\n\t\t/>\n\t</SVG>\n);\n\nconst draftIcon = (\n\t<SVG fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n\t\t<Path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M14.5 8a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0ZM16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8 4a4 4 0 0 0 0-8v8Z\"\n\t\t/>\n\t</SVG>\n);\n\nconst pendingIcon = (\n\t<SVG fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n\t\t<Path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M14.5 8a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0ZM16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM8 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z\"\n\t\t/>\n\t</SVG>\n);\n\nexport default function StatusLabel( { status, date } ) {\n\tconst relateToNow = humanTimeDiff( date );\n\tlet statusLabel = '';\n\tlet statusIcon = pendingIcon;\n\tswitch ( status ) {\n\t\tcase 'publish':\n\t\t\tstatusLabel = createInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: %s: is the relative time when the post was published. */\n\t\t\t\t\t__( 'Published <time>%s</time>' ),\n\t\t\t\t\trelateToNow\n\t\t\t\t),\n\t\t\t\t{ time: <time dateTime={ date } /> }\n\t\t\t);\n\t\t\tstatusIcon = publishedIcon;\n\t\t\tbreak;\n\t\tcase 'future':\n\t\t\tconst formattedDate = dateI18n(\n\t\t\t\tgetSettings().formats.date,\n\t\t\t\tgetDate( date )\n\t\t\t);\n\t\t\tstatusLabel = createInterpolateElement(\n\t\t\t\tsprintf(\n\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__( 'Scheduled for <time>%s</time>' ),\n\t\t\t\t\tformattedDate\n\t\t\t\t),\n\t\t\t\t{ time: <time dateTime={ date } /> }\n\t\t\t);\n\t\t\tbreak;\n\t\tcase 'draft':\n\t\t\tstatusLabel = __( 'Draft' );\n\t\t\tstatusIcon = draftIcon;\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{ statusIcon } { statusLabel }\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-page/status-label.js"],"names":["publishedIcon","draftIcon","pendingIcon","StatusLabel","status","date","short","relateToNow","statusLabel","statusIcon","time","formattedDate"],"mappings":";;;;;;;;;AAUA;;AAPA;;AAKA;;AACA;;AAEA;;AAXA;AACA;AACA;;AAGA;AACA;AACA;AAMA,MAAMA,aAAa,GAClB,4BAAC,eAAD;AAAK,EAAA,IAAI,EAAC,MAAV;AAAiB,EAAA,KAAK,EAAC,4BAAvB;AAAoD,EAAA,OAAO,EAAC;AAA5D,GACC,4BAAC,gBAAD;AACC,EAAA,QAAQ,EAAC,SADV;AAEC,EAAA,QAAQ,EAAC,SAFV;AAGC,EAAA,CAAC,EAAC;AAHH,EADD,CADD;AAUA,MAAMC,SAAS,GACd,4BAAC,eAAD;AAAK,EAAA,IAAI,EAAC,MAAV;AAAiB,EAAA,KAAK,EAAC,4BAAvB;AAAoD,EAAA,OAAO,EAAC;AAA5D,GACC,4BAAC,gBAAD;AACC,EAAA,QAAQ,EAAC,SADV;AAEC,EAAA,QAAQ,EAAC,SAFV;AAGC,EAAA,CAAC,EAAC;AAHH,EADD,CADD;AAUA,MAAMC,WAAW,GAChB,4BAAC,eAAD;AAAK,EAAA,IAAI,EAAC,MAAV;AAAiB,EAAA,KAAK,EAAC,4BAAvB;AAAoD,EAAA,OAAO,EAAC;AAA5D,GACC,4BAAC,gBAAD;AACC,EAAA,QAAQ,EAAC,SADV;AAEC,EAAA,QAAQ,EAAC,SAFV;AAGC,EAAA,CAAC,EAAC;AAHH,EADD,CADD;;AAUe,SAASC,WAAT,CAAsB;AAAEC,EAAAA,MAAF;AAAUC,EAAAA,IAAV;AAAgBC,EAAAA;AAAhB,CAAtB,EAAgD;AAC9D,QAAMC,WAAW,GAAG,yBAAeF,IAAf,CAApB;AACA,MAAIG,WAAW,GAAG,EAAlB;AACA,MAAIC,UAAU,GAAGP,WAAjB;;AACA,UAASE,MAAT;AACC,SAAK,SAAL;AACCI,MAAAA,WAAW,GAAGH,IAAI,GACf,uCACA;AACC;AACA,oBAAI,2BAAJ,CAFD,EAGCE,WAHD,CADA,EAMA;AAAEG,QAAAA,IAAI,EAAE;AAAM,UAAA,QAAQ,EAAGL;AAAjB;AAAR,OANA,CADe,GASf,cAAI,WAAJ,CATH;AAUAI,MAAAA,UAAU,GAAGT,aAAb;AACA;;AACD,SAAK,QAAL;AACC,YAAMW,aAAa,GAAG,oBACrBL,KAAK,GAAG,KAAH,GAAW,KADK,EAErB,mBAASD,IAAT,CAFqB,CAAtB;AAIAG,MAAAA,WAAW,GAAGH,IAAI,GACf,uCACA;AACC;AACA,oBAAI,4BAAJ,CAFD,EAGCM,aAHD,CADA,EAMA;AAAED,QAAAA,IAAI,EAAE;AAAM,UAAA,QAAQ,EAAGL;AAAjB;AAAR,OANA,CADe,GASf,cAAI,WAAJ,CATH;AAUA;;AACD,SAAK,OAAL;AACCG,MAAAA,WAAW,GAAG,cAAI,OAAJ,CAAd;AACAC,MAAAA,UAAU,GAAGR,SAAb;AACA;;AACD,SAAK,SAAL;AACCO,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;AA1CF;;AA6CA,SACC;AACC,IAAA,SAAS,EAAG,yBACX,kDADW,EAEX;AACC,OAAG,kBAAkBJ,MAAQ,SAA7B,GAAyC,CAAC,CAAEA;AAD7C,KAFW;AADb,KAQGK,UARH,OAQkBD,WARlB,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';\nimport { Path, SVG } from '@wordpress/primitives';\n\nconst publishedIcon = (\n\t<SVG fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n\t\t<Path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm-1.067-5.6 4.2-5.667.8.6-4.8 6.467-3-2.267.6-.8 2.2 1.667Z\"\n\t\t/>\n\t</SVG>\n);\n\nconst draftIcon = (\n\t<SVG fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n\t\t<Path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M14.5 8a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0ZM16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8 4a4 4 0 0 0 0-8v8Z\"\n\t\t/>\n\t</SVG>\n);\n\nconst pendingIcon = (\n\t<SVG fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n\t\t<Path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M14.5 8a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0ZM16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM8 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z\"\n\t\t/>\n\t</SVG>\n);\n\nexport default function StatusLabel( { status, date, short } ) {\n\tconst relateToNow = humanTimeDiff( date );\n\tlet statusLabel = '';\n\tlet statusIcon = pendingIcon;\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\tstatusIcon = publishedIcon;\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\tstatusIcon = draftIcon;\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{ statusIcon } { statusLabel }\n\t\t</div>\n\t);\n}\n"]}

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

@@ -9,8 +9,6 @@ exports.default = SidebarNavigationScreenPages;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _components = require("@wordpress/components");
 
 var _i18n = require("@wordpress/i18n");
@@ -35,7 +33,7 @@ var _sidebarButton = _interopRequireDefault(require("../sidebar-button"));
 
 var _addNewPage = _interopRequireDefault(require("../add-new-page"));
 
-var _privateApis = require("../../private-apis");
+var _lockUnlock = require("../../lock-unlock");
 
 /**
  * WordPress dependencies
@@ -46,7 +44,7 @@ var _privateApis = require("../../private-apis");
  */
 const {
   useHistory
-} = (0, _privateApis.unlock)(_router.privateApis);
+} = (0, _lockUnlock.unlock)(_router.privateApis);
 
 const PageItem = ({
   postType = 'page',
@@ -57,7 +55,9 @@ const PageItem = ({
     postType,
     postId
   });
-  return (0, _element.createElement)(_sidebarNavigationItem.default, (0, _extends2.default)({}, linkInfo, props));
+  return (0, _element.createElement)(_sidebarNavigationItem.default, { ...linkInfo,
+    ...props
+  });
 };
 
 function SidebarNavigationScreenPages() {
@@ -163,8 +163,9 @@ function SidebarNavigationScreenPages() {
       }, (0, _element.createElement)(_components.__experimentalTruncate, {
         numberOfLines: 1
       }, (0, _htmlEntities.decodeEntities)(item?.title?.rendered || (0, _i18n.__)('(no title)'))));
-    }), (0, _element.createElement)(_components.__experimentalVStack, {
-      className: "edit-site-sidebar-navigation-screen__sticky-section"
+    }))),
+    footer: (0, _element.createElement)(_components.__experimentalVStack, {
+      spacing: 0
     }, dynamicPageTemplates?.map(item => (0, _element.createElement)(PageItem, {
       postType: "wp_template",
       postId: item.id,
@@ -179,7 +180,7 @@ function SidebarNavigationScreenPages() {
       onClick: () => {
         document.location = 'edit.php?post_type=page';
       }
-    }, (0, _i18n.__)('Manage all pages')))))
+    }, (0, _i18n.__)('Manage all pages')))
   }));
 }
 //# sourceMappingURL=index.js.map