@wordpress/edit-site 5.12.0 → 5.12.2

package/build-module/components/sidebar-navigation-screen-navigation-menus/leaf-more-menu.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement, Fragment } from "@wordpress/element";
 
 /**
@@ -7,14 +6,25 @@ import { createElement, Fragment } from "@wordpress/element";
 import { chevronUp, chevronDown, moreVertical } from '@wordpress/icons';
 import { DropdownMenu, MenuItem, MenuGroup } from '@wordpress/components';
 import { useDispatch, useSelect } from '@wordpress/data';
+import { useCallback } from '@wordpress/element';
 import { __, sprintf } from '@wordpress/i18n';
 import { BlockTitle, store as blockEditorStore } from '@wordpress/block-editor';
+import { privateApis as routerPrivateApis } from '@wordpress/router';
 const POPOVER_PROPS = {
   className: 'block-editor-block-settings-menu__popover',
-  position: 'bottom right',
-  variant: 'toolbar'
+  placement: 'bottom-start'
 };
+/**
+ * Internal dependencies
+ */
+
+import { isPreviewingTheme, currentlyPreviewingTheme } from '../../utils/is-previewing-theme';
+import { unlock } from '../../lock-unlock';
+const {
+  useHistory
+} = unlock(routerPrivateApis);
 export default function LeafMoreMenu(props) {
+  const history = useHistory();
   const {
     block
   } = props;
@@ -32,19 +42,52 @@ export default function LeafMoreMenu(props) {
     clientId,
     maximumLength: 25
   }));
+  const goToLabel = sprintf(
+  /* translators: %s: block name */
+  __('Go to %s'), BlockTitle({
+    clientId,
+    maximumLength: 25
+  }));
   const rootClientId = useSelect(select => {
     const {
       getBlockRootClientId
     } = select(blockEditorStore);
     return getBlockRootClientId(clientId);
   }, [clientId]);
-  return createElement(DropdownMenu, _extends({
+  const onGoToPage = useCallback(selectedBlock => {
+    const {
+      attributes,
+      name
+    } = selectedBlock;
+
+    if (attributes.kind === 'post-type' && attributes.id && attributes.type && history) {
+      history.push({
+        postType: attributes.type,
+        postId: attributes.id,
+        ...(isPreviewingTheme() && {
+          wp_theme_preview: currentlyPreviewingTheme()
+        })
+      });
+    }
+
+    if (name === 'core/page-list-item' && attributes.id && history) {
+      history.push({
+        postType: 'page',
+        postId: attributes.id,
+        ...(isPreviewingTheme() && {
+          wp_theme_preview: currentlyPreviewingTheme()
+        })
+      });
+    }
+  }, [history]);
+  return createElement(DropdownMenu, {
     icon: moreVertical,
     label: __('Options'),
     className: "block-editor-block-settings-menu",
     popoverProps: POPOVER_PROPS,
-    noIcons: true
-  }, props), ({
+    noIcons: true,
+    ...props
+  }, ({
     onClose
   }) => createElement(Fragment, null, createElement(MenuGroup, null, createElement(MenuItem, {
     icon: chevronUp,
@@ -58,7 +101,12 @@ export default function LeafMoreMenu(props) {
       moveBlocksDown([clientId], rootClientId);
       onClose();
     }
-  }, __('Move down'))), createElement(MenuGroup, null, createElement(MenuItem, {
+  }, __('Move down')), block.attributes?.id && createElement(MenuItem, {
+    onClick: () => {
+      onGoToPage(block);
+      onClose();
+    }
+  }, goToLabel)), createElement(MenuGroup, null, createElement(MenuItem, {
     onClick: () => {
       removeBlocks([clientId], false);
       onClose();

package/build-module/components/sidebar-navigation-screen-navigation-menus/leaf-more-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menus/leaf-more-menu.js"],"names":["chevronUp","chevronDown","moreVertical","DropdownMenu","MenuItem","MenuGroup","useDispatch","useSelect","__","sprintf","BlockTitle","store","blockEditorStore","POPOVER_PROPS","className","position","variant","LeafMoreMenu","props","block","clientId","moveBlocksDown","moveBlocksUp","removeBlocks","removeLabel","maximumLength","rootClientId","select","getBlockRootClientId","onClose"],"mappings":";;;AAAA;AACA;AACA;AAEA,SAASA,SAAT,EAAoBC,WAApB,EAAiCC,YAAjC,QAAqD,kBAArD;AACA,SAASC,YAAT,EAAuBC,QAAvB,EAAiCC,SAAjC,QAAkD,uBAAlD;AACA,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,iBAAvC;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AACA,SAASC,UAAT,EAAqBC,KAAK,IAAIC,gBAA9B,QAAsD,yBAAtD;AAEA,MAAMC,aAAa,GAAG;AACrBC,EAAAA,SAAS,EAAE,2CADU;AAErBC,EAAAA,QAAQ,EAAE,cAFW;AAGrBC,EAAAA,OAAO,EAAE;AAHY,CAAtB;AAMA,eAAe,SAASC,YAAT,CAAuBC,KAAvB,EAA+B;AAC7C,QAAM;AAAEC,IAAAA;AAAF,MAAYD,KAAlB;AACA,QAAM;AAAEE,IAAAA;AAAF,MAAeD,KAArB;AACA,QAAM;AAAEE,IAAAA,cAAF;AAAkBC,IAAAA,YAAlB;AAAgCC,IAAAA;AAAhC,MACLjB,WAAW,CAAEM,gBAAF,CADZ;AAGA,QAAMY,WAAW,GAAGf,OAAO;AAC1B;AACAD,EAAAA,EAAE,CAAE,WAAF,CAFwB,EAG1BE,UAAU,CAAE;AAAEU,IAAAA,QAAF;AAAYK,IAAAA,aAAa,EAAE;AAA3B,GAAF,CAHgB,CAA3B;AAMA,QAAMC,YAAY,GAAGnB,SAAS,CAC3BoB,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA;AAAF,QAA2BD,MAAM,CAAEf,gBAAF,CAAvC;AAEA,WAAOgB,oBAAoB,CAAER,QAAF,CAA3B;AACA,GAL4B,EAM7B,CAAEA,QAAF,CAN6B,CAA9B;AASA,SACC,cAAC,YAAD;AACC,IAAA,IAAI,EAAGlB,YADR;AAEC,IAAA,KAAK,EAAGM,EAAE,CAAE,SAAF,CAFX;AAGC,IAAA,SAAS,EAAC,kCAHX;AAIC,IAAA,YAAY,EAAGK,aAJhB;AAKC,IAAA,OAAO;AALR,KAMMK,KANN,GAQG,CAAE;AAAEW,IAAAA;AAAF,GAAF,KACD,8BACC,cAAC,SAAD,QACC,cAAC,QAAD;AACC,IAAA,IAAI,EAAG7B,SADR;AAEC,IAAA,OAAO,EAAG,MAAM;AACfsB,MAAAA,YAAY,CAAE,CAAEF,QAAF,CAAF,EAAgBM,YAAhB,CAAZ;AACAG,MAAAA,OAAO;AACP;AALF,KAOGrB,EAAE,CAAE,SAAF,CAPL,CADD,EAUC,cAAC,QAAD;AACC,IAAA,IAAI,EAAGP,WADR;AAEC,IAAA,OAAO,EAAG,MAAM;AACfoB,MAAAA,cAAc,CAAE,CAAED,QAAF,CAAF,EAAgBM,YAAhB,CAAd;AACAG,MAAAA,OAAO;AACP;AALF,KAOGrB,EAAE,CAAE,WAAF,CAPL,CAVD,CADD,EAqBC,cAAC,SAAD,QACC,cAAC,QAAD;AACC,IAAA,OAAO,EAAG,MAAM;AACfe,MAAAA,YAAY,CAAE,CAAEH,QAAF,CAAF,EAAgB,KAAhB,CAAZ;AACAS,MAAAA,OAAO;AACP;AAJF,KAMGL,WANH,CADD,CArBD,CATF,CADD;AA6CA","sourcesContent":["/**\n * WordPress dependencies\n */\n\nimport { chevronUp, chevronDown, moreVertical } from '@wordpress/icons';\nimport { DropdownMenu, MenuItem, MenuGroup } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { BlockTitle, store as blockEditorStore } from '@wordpress/block-editor';\n\nconst POPOVER_PROPS = {\n\tclassName: 'block-editor-block-settings-menu__popover',\n\tposition: 'bottom right',\n\tvariant: 'toolbar',\n};\n\nexport default function LeafMoreMenu( props ) {\n\tconst { block } = props;\n\tconst { clientId } = block;\n\tconst { moveBlocksDown, moveBlocksUp, removeBlocks } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst removeLabel = sprintf(\n\t\t/* translators: %s: block name */\n\t\t__( 'Remove %s' ),\n\t\tBlockTitle( { clientId, maximumLength: 25 } )\n\t);\n\n\tconst rootClientId = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId } = select( blockEditorStore );\n\n\t\t\treturn getBlockRootClientId( clientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ __( 'Options' ) }\n\t\t\tclassName=\"block-editor-block-settings-menu\"\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\tnoIcons\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tmoveBlocksUp( [ clientId ], rootClientId );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Move up' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tmoveBlocksDown( [ clientId ], rootClientId );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Move down' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tremoveBlocks( [ clientId ], false );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ removeLabel }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menus/leaf-more-menu.js"],"names":["chevronUp","chevronDown","moreVertical","DropdownMenu","MenuItem","MenuGroup","useDispatch","useSelect","useCallback","__","sprintf","BlockTitle","store","blockEditorStore","privateApis","routerPrivateApis","POPOVER_PROPS","className","placement","isPreviewingTheme","currentlyPreviewingTheme","unlock","useHistory","LeafMoreMenu","props","history","block","clientId","moveBlocksDown","moveBlocksUp","removeBlocks","removeLabel","maximumLength","goToLabel","rootClientId","select","getBlockRootClientId","onGoToPage","selectedBlock","attributes","name","kind","id","type","push","postType","postId","wp_theme_preview","onClose"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\n\nimport { chevronUp, chevronDown, moreVertical } from '@wordpress/icons';\nimport { DropdownMenu, MenuItem, MenuGroup } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { BlockTitle, store as blockEditorStore } from '@wordpress/block-editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\nconst POPOVER_PROPS = {\n\tclassName: 'block-editor-block-settings-menu__popover',\n\tplacement: 'bottom-start',\n};\n\n/**\n * Internal dependencies\n */\nimport {\n\tisPreviewingTheme,\n\tcurrentlyPreviewingTheme,\n} from '../../utils/is-previewing-theme';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nexport default function LeafMoreMenu( props ) {\n\tconst history = useHistory();\n\tconst { block } = props;\n\tconst { clientId } = block;\n\tconst { moveBlocksDown, moveBlocksUp, removeBlocks } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst removeLabel = sprintf(\n\t\t/* translators: %s: block name */\n\t\t__( 'Remove %s' ),\n\t\tBlockTitle( { clientId, maximumLength: 25 } )\n\t);\n\n\tconst goToLabel = sprintf(\n\t\t/* translators: %s: block name */\n\t\t__( 'Go to %s' ),\n\t\tBlockTitle( { clientId, maximumLength: 25 } )\n\t);\n\n\tconst rootClientId = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId } = select( blockEditorStore );\n\n\t\t\treturn getBlockRootClientId( clientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst onGoToPage = useCallback(\n\t\t( selectedBlock ) => {\n\t\t\tconst { attributes, name } = selectedBlock;\n\t\t\tif (\n\t\t\t\tattributes.kind === 'post-type' &&\n\t\t\t\tattributes.id &&\n\t\t\t\tattributes.type &&\n\t\t\t\thistory\n\t\t\t) {\n\t\t\t\thistory.push( {\n\t\t\t\t\tpostType: attributes.type,\n\t\t\t\t\tpostId: attributes.id,\n\t\t\t\t\t...( isPreviewingTheme() && {\n\t\t\t\t\t\twp_theme_preview: currentlyPreviewingTheme(),\n\t\t\t\t\t} ),\n\t\t\t\t} );\n\t\t\t}\n\t\t\tif ( name === 'core/page-list-item' && attributes.id && history ) {\n\t\t\t\thistory.push( {\n\t\t\t\t\tpostType: 'page',\n\t\t\t\t\tpostId: attributes.id,\n\t\t\t\t\t...( isPreviewingTheme() && {\n\t\t\t\t\t\twp_theme_preview: currentlyPreviewingTheme(),\n\t\t\t\t\t} ),\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\t[ history ]\n\t);\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ __( 'Options' ) }\n\t\t\tclassName=\"block-editor-block-settings-menu\"\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\tnoIcons\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tmoveBlocksUp( [ clientId ], rootClientId );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Move up' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tmoveBlocksDown( [ clientId ], rootClientId );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Move down' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t{ block.attributes?.id && (\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonGoToPage( block );\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ goToLabel }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tremoveBlocks( [ clientId ], false );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ removeLabel }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"]}

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

@@ -6,15 +6,17 @@ import { createElement, Fragment } from "@wordpress/element";
 import { privateApis as blockEditorPrivateApis, store as blockEditorStore, BlockList, BlockTools } from '@wordpress/block-editor';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { createBlock } from '@wordpress/blocks';
-import { VisuallyHidden } from '@wordpress/components';
-import { useCallback, useEffect, useState } from '@wordpress/element';
+import { useCallback } from '@wordpress/element';
 import { store as coreStore } from '@wordpress/core-data';
 /**
  * Internal dependencies
  */
 
-import { unlock } from '../../private-apis';
-import LeafMoreMenu from './leaf-more-menu'; // Needs to be kept in sync with the query used at packages/block-library/src/page-list/edit.js.
+import { unlock } from '../../lock-unlock';
+import LeafMoreMenu from './leaf-more-menu';
+const {
+  PrivateListView
+} = unlock(blockEditorPrivateApis); // 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', {
@@ -27,82 +29,52 @@ const PAGES_QUERY = ['postType', 'page', {
   order: 'asc'
 }];
 export default function NavigationMenuContent({
-  rootClientId,
-  onSelect
+  rootClientId
 }) {
-  const [isLoading, setIsLoading] = useState(true);
   const {
-    clientIdsTree,
-    shouldKeepLoading,
-    isSinglePageList
+    listViewRootClientId,
+    isLoading
   } = useSelect(select => {
     const {
-      __unstableGetClientIdsTree,
       areInnerBlocksControlled,
-      getBlockName
+      getBlockName,
+      getBlockCount,
+      getBlockOrder
     } = select(blockEditorStore);
     const {
       isResolving
     } = select(coreStore);
-
-    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
-  } = useDispatch(blockEditorStore); // Delay loading stop by 50ms to avoid flickering.
-
-  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
-  } = unlock(blockEditorPrivateApis);
+  } = useDispatch(blockEditorStore);
   const offCanvasOnselect = useCallback(block => {
     if (block.name === 'core/navigation-link' && !block.attributes.url) {
       __unstableMarkNextChangeAsNotPersistent();
 
       replaceBlock(block.clientId, 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 createElement(Fragment, null, !isLoading && createElement(PrivateListView, {
-    blocks: isSinglePageList ? clientIdsTree[0].innerBlocks : clientIdsTree,
+    rootClientId: listViewRootClientId,
     onSelect: offCanvasOnselect,
     blockSettingsMenu: LeafMoreMenu,
     showAppender: false
-  }), createElement(VisuallyHidden, {
-    "aria-hidden": "true"
+  }), createElement("div", {
+    className: "edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor"
   }, createElement(BlockTools, null, createElement(BlockList, null))));
 }
 //# sourceMappingURL=navigation-menu-content.js.map

package/build-module/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":["privateApis","blockEditorPrivateApis","store","blockEditorStore","BlockList","BlockTools","useDispatch","useSelect","createBlock","VisuallyHidden","useCallback","useEffect","useState","coreStore","unlock","LeafMoreMenu","MAX_PAGE_COUNT","PAGES_QUERY","per_page","_fields","orderby","order","NavigationMenuContent","rootClientId","onSelect","isLoading","setIsLoading","clientIdsTree","shouldKeepLoading","isSinglePageList","select","__unstableGetClientIdsTree","areInnerBlocksControlled","getBlockName","isResolving","_clientIdsTree","hasOnlyPageListBlock","length","clientId","isLoadingPages","innerBlocks","replaceBlock","__unstableMarkNextChangeAsNotPersistent","timeoutId","setTimeout","undefined","clearTimeout","PrivateListView","offCanvasOnselect","block","name","attributes","url"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,WAAW,IAAIC,sBADhB,EAECC,KAAK,IAAIC,gBAFV,EAGCC,SAHD,EAICC,UAJD,QAKO,yBALP;AAMA,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,iBAAvC;AACA,SAASC,WAAT,QAA4B,mBAA5B;AACA,SAASC,cAAT,QAA+B,uBAA/B;AACA,SAASC,WAAT,EAAsBC,SAAtB,EAAiCC,QAAjC,QAAiD,oBAAjD;AACA,SAASV,KAAK,IAAIW,SAAlB,QAAmC,sBAAnC;AAEA;AACA;AACA;;AACA,SAASC,MAAT,QAAuB,oBAAvB;AACA,OAAOC,YAAP,MAAyB,kBAAzB,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;AAcA,eAAe,SAASC,qBAAT,CAAgC;AAAEC,EAAAA,YAAF;AAAgBC,EAAAA;AAAhB,CAAhC,EAA6D;AAC3E,QAAM,CAAEC,SAAF,EAAaC,YAAb,IAA8Bd,QAAQ,CAAE,IAAF,CAA5C;AACA,QAAM;AAAEe,IAAAA,aAAF;AAAiBC,IAAAA,iBAAjB;AAAoCC,IAAAA;AAApC,MAAyDtB,SAAS,CACrEuB,MAAF,IAAc;AACb,UAAM;AACLC,MAAAA,0BADK;AAELC,MAAAA,wBAFK;AAGLC,MAAAA;AAHK,QAIFH,MAAM,CAAE3B,gBAAF,CAJV;AAKA,UAAM;AAAE+B,MAAAA;AAAF,QAAkBJ,MAAM,CAAEjB,SAAF,CAA9B;;AAEA,UAAMsB,cAAc,GAAGJ,0BAA0B,CAAER,YAAF,CAAjD;;AACA,UAAMa,oBAAoB,GACzBD,cAAc,CAACE,MAAf,KAA0B,CAA1B,IACAJ,YAAY,CAAEE,cAAc,CAAE,CAAF,CAAd,CAAoBG,QAAtB,CAAZ,KACC,gBAHF;AAIA,UAAMC,cAAc,GAAGL,WAAW,CACjC,kBADiC,EAEjCjB,WAFiC,CAAlC;AAIA,WAAO;AACNU,MAAAA,aAAa,EAAEQ,cADT;AAEN;AACA;AACAP,MAAAA,iBAAiB,EAChB,CAAEI,wBAAwB,CAAET,YAAF,CAA1B,IACAgB,cANK;AAONV,MAAAA,gBAAgB,EACfO,oBAAoB,IACpB,CAAEG,cADF,IAEAJ,cAAc,CAAE,CAAF,CAAd,CAAoBK,WAApB,CAAgCH,MAAhC,GAAyC;AAVpC,KAAP;AAYA,GA9BsE,EA+BvE,CAAEd,YAAF,CA/BuE,CAAxE;AAiCA,QAAM;AAAEkB,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MACLpC,WAAW,CAAEH,gBAAF,CADZ,CAnC2E,CAsC3E;;AACAQ,EAAAA,SAAS,CAAE,MAAM;AAChB,QAAIgC,SAAJ;;AACA,QAAKf,iBAAiB,IAAI,CAAEH,SAA5B,EAAwC;AACvCC,MAAAA,YAAY,CAAE,IAAF,CAAZ;AACA;;AACD,QAAK,CAAEE,iBAAF,IAAuBH,SAA5B,EAAwC;AACvCkB,MAAAA,SAAS,GAAGC,UAAU,CAAE,MAAM;AAC7BlB,QAAAA,YAAY,CAAE,KAAF,CAAZ;AACAiB,QAAAA,SAAS,GAAGE,SAAZ;AACA,OAHqB,EAGnB,EAHmB,CAAtB;AAIA;;AACD,WAAO,MAAM;AACZ,UAAKF,SAAL,EAAiB;AAChBG,QAAAA,YAAY,CAAEH,SAAF,CAAZ;AACA;AACD,KAJD;AAKA,GAhBQ,EAgBN,CAAEf,iBAAF,EAAqBD,aAArB,EAAoCF,SAApC,CAhBM,CAAT;AAkBA,QAAM;AAAEsB,IAAAA;AAAF,MAAsBjC,MAAM,CAAEb,sBAAF,CAAlC;AACA,QAAM+C,iBAAiB,GAAGtC,WAAW,CAClCuC,KAAF,IAAa;AACZ,QACCA,KAAK,CAACC,IAAN,KAAe,sBAAf,IACA,CAAED,KAAK,CAACE,UAAN,CAAiBC,GAFpB,EAGE;AACDV,MAAAA,uCAAuC;;AACvCD,MAAAA,YAAY,CACXQ,KAAK,CAACX,QADK,EAEX9B,WAAW,CAAE,sBAAF,EAA0ByC,KAAK,CAACE,UAAhC,CAFA,CAAZ;AAIA,KATD,MASO;AACN3B,MAAAA,QAAQ,CAAEyB,KAAF,CAAR;AACA;AACD,GAdmC,EAepC,CAAEzB,QAAF,EAAYkB,uCAAZ,EAAqDD,YAArD,CAfoC,CAArC,CA1D2E,CA4E3E;AACA;;AACA,SACC,8BACG,CAAEhB,SAAF,IACD,cAAC,eAAD;AACC,IAAA,MAAM,EACLI,gBAAgB,GACbF,aAAa,CAAE,CAAF,CAAb,CAAmBa,WADN,GAEbb,aAJL;AAMC,IAAA,QAAQ,EAAGqB,iBANZ;AAOC,IAAA,iBAAiB,EAAGjC,YAPrB;AAQC,IAAA,YAAY,EAAG;AARhB,IAFF,EAaC,cAAC,cAAD;AAAgB,mBAAY;AAA5B,KACC,cAAC,UAAD,QACC,cAAC,SAAD,OADD,CADD,CAbD,CADD;AAqBA","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":["privateApis","blockEditorPrivateApis","store","blockEditorStore","BlockList","BlockTools","useDispatch","useSelect","createBlock","useCallback","coreStore","unlock","LeafMoreMenu","PrivateListView","MAX_PAGE_COUNT","PAGES_QUERY","per_page","_fields","orderby","order","NavigationMenuContent","rootClientId","listViewRootClientId","isLoading","select","areInnerBlocksControlled","getBlockName","getBlockCount","getBlockOrder","isResolving","blockClientIds","hasOnlyPageListBlock","length","pageListHasBlocks","isLoadingPages","replaceBlock","__unstableMarkNextChangeAsNotPersistent","offCanvasOnselect","block","name","attributes","url","clientId"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,WAAW,IAAIC,sBADhB,EAECC,KAAK,IAAIC,gBAFV,EAGCC,SAHD,EAICC,UAJD,QAKO,yBALP;AAMA,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,iBAAvC;AACA,SAASC,WAAT,QAA4B,mBAA5B;AACA,SAASC,WAAT,QAA4B,oBAA5B;AACA,SAASP,KAAK,IAAIQ,SAAlB,QAAmC,sBAAnC;AAEA;AACA;AACA;;AACA,SAASC,MAAT,QAAuB,mBAAvB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAsBF,MAAM,CAAEV,sBAAF,CAAlC,C,CAEA;;AACA,MAAMa,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;AAcA,eAAe,SAASC,qBAAT,CAAgC;AAAEC,EAAAA;AAAF,CAAhC,EAAmD;AACjE,QAAM;AAAEC,IAAAA,oBAAF;AAAwBC,IAAAA;AAAxB,MAAsChB,SAAS,CAClDiB,MAAF,IAAc;AACb,UAAM;AACLC,MAAAA,wBADK;AAELC,MAAAA,YAFK;AAGLC,MAAAA,aAHK;AAILC,MAAAA;AAJK,QAKFJ,MAAM,CAAErB,gBAAF,CALV;AAMA,UAAM;AAAE0B,MAAAA;AAAF,QAAkBL,MAAM,CAAEd,SAAF,CAA9B;AAEA,UAAMoB,cAAc,GAAGF,aAAa,CAAEP,YAAF,CAApC;AAEA,UAAMU,oBAAoB,GACzBD,cAAc,CAACE,MAAf,KAA0B,CAA1B,IACAN,YAAY,CAAEI,cAAc,CAAE,CAAF,CAAhB,CAAZ,KAAwC,gBAFzC;AAGA,UAAMG,iBAAiB,GACtBF,oBAAoB,IACpBJ,aAAa,CAAEG,cAAc,CAAE,CAAF,CAAhB,CAAb,GAAuC,CAFxC;AAIA,UAAMI,cAAc,GAAGL,WAAW,CACjC,kBADiC,EAEjCd,WAFiC,CAAlC;AAKA,WAAO;AACNO,MAAAA,oBAAoB,EAAEW,iBAAiB,GACpCH,cAAc,CAAE,CAAF,CADsB,GAEpCT,YAHG;AAIN;AACA;AACAE,MAAAA,SAAS,EACR,CAAEE,wBAAwB,CAAEJ,YAAF,CAA1B,IACAa;AARK,KAAP;AAUA,GAlCmD,EAmCpD,CAAEb,YAAF,CAnCoD,CAArD;AAqCA,QAAM;AAAEc,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MACL9B,WAAW,CAAEH,gBAAF,CADZ;AAGA,QAAMkC,iBAAiB,GAAG5B,WAAW,CAClC6B,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,EAEXlC,WAAW,CAAE,sBAAF,EAA0B8B,KAAK,CAACE,UAAhC,CAFA,CAAZ;AAIA;AACD,GAZmC,EAapC,CAAEJ,uCAAF,EAA2CD,YAA3C,CAboC,CAArC,CAzCiE,CAyDjE;AACA;;AACA,SACC,8BACG,CAAEZ,SAAF,IACD,cAAC,eAAD;AACC,IAAA,YAAY,EAAGD,oBADhB;AAEC,IAAA,QAAQ,EAAGe,iBAFZ;AAGC,IAAA,iBAAiB,EAAGzB,YAHrB;AAIC,IAAA,YAAY,EAAG;AAJhB,IAFF,EASC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,UAAD,QACC,cAAC,SAAD,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-module/components/sidebar-navigation-screen-page/index.js

@@ -1,34 +1,28 @@
 import { createElement, Fragment } from "@wordpress/element";
 
-/**
- * External dependencies
- */
-import classnames from 'classnames';
 /**
  * WordPress dependencies
  */
-
-import { __, sprintf } from '@wordpress/i18n';
+import { __ } from '@wordpress/i18n';
 import { useDispatch, useSelect } from '@wordpress/data';
-import { __experimentalUseNavigator as useNavigator, __experimentalVStack as VStack, ExternalLink, __experimentalTruncate as Truncate, __experimentalHStack as HStack, __experimentalText as Text } from '@wordpress/components';
+import { __experimentalUseNavigator as useNavigator, __experimentalVStack as VStack, ExternalLink, __experimentalTruncate as Truncate } from '@wordpress/components';
 import { store as coreStore, useEntityRecord } from '@wordpress/core-data';
 import { decodeEntities } from '@wordpress/html-entities';
 import { pencil } from '@wordpress/icons';
-import { humanTimeDiff } from '@wordpress/date';
-import { createInterpolateElement } from '@wordpress/element';
 import { __unstableStripHTML as stripHTML } from '@wordpress/dom';
 import { escapeAttribute } from '@wordpress/escape-html';
+import { safeDecodeURIComponent, filterURLForDisplay } from '@wordpress/url';
 /**
  * Internal dependencies
  */
 
 import SidebarNavigationScreen from '../sidebar-navigation-screen';
-import { unlock } from '../../private-apis';
+import { unlock } from '../../lock-unlock';
 import { store as editSiteStore } from '../../store';
 import SidebarButton from '../sidebar-button';
-import SidebarNavigationSubtitle from '../sidebar-navigation-subtitle';
 import PageDetails from './page-details';
 import PageActions from '../page-actions';
+import SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';
 export default function SidebarNavigationScreenPage() {
   const navigator = useNavigator();
   const {
@@ -75,39 +69,25 @@ export default function SidebarNavigationScreenPage() {
     meta: createElement(ExternalLink, {
       className: "edit-site-sidebar-navigation-screen__page-link",
       href: record.link
-    }, record.link.replace(/^(https?:\/\/)?/, '')),
-    content: createElement(Fragment, null, createElement(VStack, {
+    }, filterURLForDisplay(safeDecodeURIComponent(record.link))),
+    content: createElement(Fragment, null, !!featuredMediaSourceUrl && createElement(VStack, {
       className: "edit-site-sidebar-navigation-screen-page__featured-image-wrapper",
       alignment: "left",
       spacing: 2
     }, createElement("div", {
-      className: classnames('edit-site-sidebar-navigation-screen-page__featured-image', {
-        'has-image': !!featuredMediaSourceUrl
-      })
-    }, !!featuredMediaSourceUrl && createElement("img", {
+      className: "edit-site-sidebar-navigation-screen-page__featured-image has-image"
+    }, createElement("img", {
       alt: featureImageAltText,
       src: featuredMediaSourceUrl
-    }), !record?.featured_media && createElement("p", null, __('No featured image')))), !!record?.excerpt?.rendered && createElement(Truncate, {
+    }))), !!record?.excerpt?.rendered && createElement(Truncate, {
       className: "edit-site-sidebar-navigation-screen-page__excerpt",
       numberOfLines: 3
-    }, stripHTML(record.excerpt.rendered)), createElement(SidebarNavigationSubtitle, null, __('Details')), createElement(PageDetails, {
+    }, stripHTML(record.excerpt.rendered)), createElement(PageDetails, {
       id: postId
     })),
-    footer: !!record?.modified && createElement(HStack, {
-      spacing: 5,
-      alignment: "left",
-      className: "edit-site-sidebar-navigation-screen-page__details edit-site-sidebar-navigation-screen-page__footer"
-    }, createElement(Text, {
-      className: "edit-site-sidebar-navigation-screen-page__details-label"
-    }, __('Last modified')), createElement(Text, {
-      className: "edit-site-sidebar-navigation-screen-page__details-value"
-    }, createInterpolateElement(sprintf(
-    /* translators: %s: is the relative time when the post was last modified. */
-    __('<time>%s</time>'), humanTimeDiff(record.modified)), {
-      time: createElement("time", {
-        dateTime: record.modified
-      })
-    })))
+    footer: createElement(SidebarNavigationScreenDetailsFooter, {
+      lastModifiedDateTime: record?.modified
+    })
   }) : null;
 }
 //# sourceMappingURL=index.js.map

package/build-module/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":["classnames","__","sprintf","useDispatch","useSelect","__experimentalUseNavigator","useNavigator","__experimentalVStack","VStack","ExternalLink","__experimentalTruncate","Truncate","__experimentalHStack","HStack","__experimentalText","Text","store","coreStore","useEntityRecord","decodeEntities","pencil","humanTimeDiff","createInterpolateElement","__unstableStripHTML","stripHTML","escapeAttribute","SidebarNavigationScreen","unlock","editSiteStore","SidebarButton","SidebarNavigationSubtitle","PageDetails","PageActions","SidebarNavigationScreenPage","navigator","setCanvasMode","params","postId","record","featuredMediaAltText","featuredMediaSourceUrl","select","getEntityRecord","attachedMedia","featured_media","media_details","sizes","medium","source_url","alt_text","description","raw","featureImageAltText","title","rendered","as","goTo","link","replace","excerpt","modified","time"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AACA,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,iBAAvC;AACA,SACCC,0BAA0B,IAAIC,YAD/B,EAECC,oBAAoB,IAAIC,MAFzB,EAGCC,YAHD,EAICC,sBAAsB,IAAIC,QAJ3B,EAKCC,oBAAoB,IAAIC,MALzB,EAMCC,kBAAkB,IAAIC,IANvB,QAOO,uBAPP;AAQA,SAASC,KAAK,IAAIC,SAAlB,EAA6BC,eAA7B,QAAoD,sBAApD;AACA,SAASC,cAAT,QAA+B,0BAA/B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AACA,SAASC,mBAAmB,IAAIC,SAAhC,QAAiD,gBAAjD;AACA,SAASC,eAAT,QAAgC,wBAAhC;AAEA;AACA;AACA;;AACA,OAAOC,uBAAP,MAAoC,8BAApC;AACA,SAASC,MAAT,QAAuB,oBAAvB;AACA,SAASX,KAAK,IAAIY,aAAlB,QAAuC,aAAvC;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,yBAAP,MAAsC,gCAAtC;AACA,OAAOC,WAAP,MAAwB,gBAAxB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AAEA,eAAe,SAASC,2BAAT,GAAuC;AACrD,QAAMC,SAAS,GAAG5B,YAAY,EAA9B;AACA,QAAM;AAAE6B,IAAAA;AAAF,MAAoBR,MAAM,CAAExB,WAAW,CAAEyB,aAAF,CAAb,CAAhC;AACA,QAAM;AACLQ,IAAAA,MAAM,EAAE;AAAEC,MAAAA;AAAF;AADH,MAEF/B,YAAY,EAFhB;AAGA,QAAM;AAAEgC,IAAAA;AAAF,MAAapB,eAAe,CAAE,UAAF,EAAc,MAAd,EAAsBmB,MAAtB,CAAlC;AAEA,QAAM;AAAEE,IAAAA,oBAAF;AAAwBC,IAAAA;AAAxB,MAAmDpC,SAAS,CAC/DqC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA;AAAF,QAAsBD,MAAM,CAAExB,SAAF,CAAlC,CADa,CAEb;;AACA,UAAM0B,aAAa,GAAGL,MAAM,EAAEM,cAAR,GACnBF,eAAe,CACf,UADe,EAEf,YAFe,EAGfJ,MAAM,EAAEM,cAHO,CADI,GAMnB,IANH;AAQA,WAAO;AACNJ,MAAAA,sBAAsB,EACrBG,aAAa,EAAEE,aAAf,CAA6BC,KAA7B,EAAoCC,MAApC,EAA4CC,UAA5C,IACAL,aAAa,EAAEK,UAHV;AAINT,MAAAA,oBAAoB,EAAEd,eAAe,CACpCkB,aAAa,EAAEM,QAAf,IACCN,aAAa,EAAEO,WAAf,EAA4BC,GAD7B,IAEC,EAHmC;AAJ/B,KAAP;AAUA,GAtBgE,EAuBjE,CAAEb,MAAF,CAvBiE,CAAlE;AA0BA,QAAMc,mBAAmB,GAAGb,oBAAoB,GAC7CpB,cAAc,CAAEoB,oBAAF,CAD+B,GAE7CpB,cAAc,CAAEmB,MAAM,EAAEe,KAAR,EAAeC,QAAf,IAA2BrD,EAAE,CAAE,gBAAF,CAA/B,CAFjB;AAIA,SAAOqC,MAAM,GACZ,cAAC,uBAAD;AACC,IAAA,KAAK,EAAGnB,cAAc,CACrBmB,MAAM,EAAEe,KAAR,EAAeC,QAAf,IAA2BrD,EAAE,CAAE,YAAF,CADR,CADvB;AAIC,IAAA,OAAO,EACN,8BACC,cAAC,WAAD;AACC,MAAA,MAAM,EAAGoC,MADV;AAEC,MAAA,WAAW,EAAG;AAAEkB,QAAAA,EAAE,EAAE1B;AAAN,OAFf;AAGC,MAAA,QAAQ,EAAG,MAAM;AAChBK,QAAAA,SAAS,CAACsB,IAAV,CAAgB,OAAhB;AACA;AALF,MADD,EAQC,cAAC,aAAD;AACC,MAAA,OAAO,EAAG,MAAMrB,aAAa,CAAE,MAAF,CAD9B;AAEC,MAAA,KAAK,EAAGlC,EAAE,CAAE,MAAF,CAFX;AAGC,MAAA,IAAI,EAAGmB;AAHR,MARD,CALF;AAoBC,IAAA,IAAI,EACH,cAAC,YAAD;AACC,MAAA,SAAS,EAAC,gDADX;AAEC,MAAA,IAAI,EAAGkB,MAAM,CAACmB;AAFf,OAIGnB,MAAM,CAACmB,IAAP,CAAYC,OAAZ,CAAqB,iBAArB,EAAwC,EAAxC,CAJH,CArBF;AA4BC,IAAA,OAAO,EACN,8BACC,cAAC,MAAD;AACC,MAAA,SAAS,EAAC,kEADX;AAEC,MAAA,SAAS,EAAC,MAFX;AAGC,MAAA,OAAO,EAAG;AAHX,OAKC;AACC,MAAA,SAAS,EAAG1D,UAAU,CACrB,0DADqB,EAErB;AACC,qBAAa,CAAC,CAAEwC;AADjB,OAFqB;AADvB,OAQG,CAAC,CAAEA,sBAAH,IACD;AACC,MAAA,GAAG,EAAGY,mBADP;AAEC,MAAA,GAAG,EAAGZ;AAFP,MATF,EAcG,CAAEF,MAAM,EAAEM,cAAV,IACD,yBAAK3C,EAAE,CAAE,mBAAF,CAAP,CAfF,CALD,CADD,EAyBG,CAAC,CAAEqC,MAAM,EAAEqB,OAAR,EAAiBL,QAApB,IACD,cAAC,QAAD;AACC,MAAA,SAAS,EAAC,mDADX;AAEC,MAAA,aAAa,EAAG;AAFjB,OAIG9B,SAAS,CAAEc,MAAM,CAACqB,OAAP,CAAeL,QAAjB,CAJZ,CA1BF,EAiCC,cAAC,yBAAD,QACGrD,EAAE,CAAE,SAAF,CADL,CAjCD,EAoCC,cAAC,WAAD;AAAa,MAAA,EAAE,EAAGoC;AAAlB,MApCD,CA7BF;AAoEC,IAAA,MAAM,EACL,CAAC,CAAEC,MAAM,EAAEsB,QAAX,IACC,cAAC,MAAD;AACC,MAAA,OAAO,EAAG,CADX;AAEC,MAAA,SAAS,EAAC,MAFX;AAGC,MAAA,SAAS,EAAC;AAHX,OAKC,cAAC,IAAD;AAAM,MAAA,SAAS,EAAC;AAAhB,OACG3D,EAAE,CAAE,eAAF,CADL,CALD,EAQC,cAAC,IAAD;AAAM,MAAA,SAAS,EAAC;AAAhB,OACGqB,wBAAwB,CACzBpB,OAAO;AACN;AACAD,IAAAA,EAAE,CAAE,iBAAF,CAFI,EAGNoB,aAAa,CAAEiB,MAAM,CAACsB,QAAT,CAHP,CADkB,EAMzB;AACCC,MAAAA,IAAI,EAAE;AAAM,QAAA,QAAQ,EAAGvB,MAAM,CAACsB;AAAxB;AADP,KANyB,CAD3B,CARD;AAtEH,IADY,GA+FT,IA/FJ;AAgGA","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":["__","useDispatch","useSelect","__experimentalUseNavigator","useNavigator","__experimentalVStack","VStack","ExternalLink","__experimentalTruncate","Truncate","store","coreStore","useEntityRecord","decodeEntities","pencil","__unstableStripHTML","stripHTML","escapeAttribute","safeDecodeURIComponent","filterURLForDisplay","SidebarNavigationScreen","unlock","editSiteStore","SidebarButton","PageDetails","PageActions","SidebarNavigationScreenDetailsFooter","SidebarNavigationScreenPage","navigator","setCanvasMode","params","postId","record","featuredMediaAltText","featuredMediaSourceUrl","select","getEntityRecord","attachedMedia","featured_media","media_details","sizes","medium","source_url","alt_text","description","raw","featureImageAltText","title","rendered","as","goTo","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 {\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-module/components/sidebar-navigation-screen-page/page-details.js

@@ -4,18 +4,20 @@ import { createElement } from "@wordpress/element";
  * WordPress dependencies
  */
 import { __, _x, sprintf } from '@wordpress/i18n';
-import { __experimentalHStack as HStack, __experimentalText as Text, __experimentalVStack as VStack, __experimentalTruncate as Truncate } from '@wordpress/components';
+import { __experimentalTruncate as Truncate } from '@wordpress/components';
 import { count as wordCount } from '@wordpress/wordcount';
 import { useSelect } from '@wordpress/data';
 import { decodeEntities } from '@wordpress/html-entities';
 import { store as coreStore, useEntityRecord } from '@wordpress/core-data';
+import { safeDecodeURIComponent } from '@wordpress/url';
 /**
  * Internal dependencies
  */
 
 import StatusLabel from './status-label';
-import { unlock } from '../../private-apis';
-import { store as editSiteStore } from '../../store'; // Taken from packages/editor/src/components/time-to-read/index.js.
+import { unlock } from '../../lock-unlock';
+import { store as editSiteStore } from '../../store';
+import { SidebarNavigationScreenDetailsPanel, SidebarNavigationScreenDetailsPanelRow, SidebarNavigationScreenDetailsPanelLabel, SidebarNavigationScreenDetailsPanelValue } from '../sidebar-navigation-screen-details-panel'; // Taken from packages/editor/src/components/time-to-read/index.js.
 
 const AVERAGE_READING_RATE = 189;
 
@@ -28,13 +30,14 @@ function getPageDetails(page) {
     label: __('Status'),
     value: createElement(StatusLabel, {
       status: page?.password ? 'protected' : page.status,
-      date: page?.date
+      date: page?.date,
+      short: true
     })
   }, {
     label: __('Slug'),
     value: createElement(Truncate, {
       numberOfLines: 1
-    }, page.slug)
+    }, safeDecodeURIComponent(page.slug))
   }];
 
   if (page?.templateTitle) {
@@ -44,17 +47,19 @@ function getPageDetails(page) {
     });
   }
 
-  details.push({
-    label: __('Parent'),
-    // `null` indicates no parent.
-    value: null === page?.parentTitle ? __('Top level') : decodeEntities(page?.parentTitle || __('(no title)'))
-  });
+  if (page?.parentTitle) {
+    details.push({
+      label: __('Parent'),
+      value: decodeEntities(page.parentTitle || __('(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 = _x('words', 'Word count type. Do not translate!');
 
   const wordsCounted = page?.content?.rendered ? wordCount(page.content.rendered, wordCountType) : 0;
@@ -86,17 +91,18 @@ export default function PageDetails({
     templateTitle
   } = useSelect(select => {
     const {
-      getEditedPostContext,
-      getSettings
+      getEditedPostContext
     } = unlock(select(editSiteStore));
-    const defaultTemplateTypes = getSettings()?.defaultTemplateTypes;
-    const postContext = getEditedPostContext(); // Template title.
+    const postContext = getEditedPostContext();
+    const templates = select(coreStore).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(coreStore).getEntityRecord('postType', 'page', record.parent, {
@@ -107,9 +113,10 @@ export default function PageDetails({
       parentTitle: _parentTitle,
       templateTitle: _templateTitle
     };
-  }, [record]);
-  return createElement(VStack, {
-    spacing: 5
+  }, [record?.parent]);
+  return createElement(SidebarNavigationScreenDetailsPanel, {
+    spacing: 5,
+    title: __('Details')
   }, getPageDetails({
     parentTitle,
     templateTitle,
@@ -117,15 +124,8 @@ export default function PageDetails({
   }).map(({
     label,
     value
-  }) => createElement(HStack, {
-    key: label,
-    spacing: 5,
-    alignment: "left",
-    className: "edit-site-sidebar-navigation-screen-page__details"
-  }, createElement(Text, {
-    className: "edit-site-sidebar-navigation-screen-page__details-label"
-  }, label), createElement(Text, {
-    className: "edit-site-sidebar-navigation-screen-page__details-value"
-  }, value))));
+  }) => createElement(SidebarNavigationScreenDetailsPanelRow, {
+    key: label
+  }, createElement(SidebarNavigationScreenDetailsPanelLabel, null, label), createElement(SidebarNavigationScreenDetailsPanelValue, null, value))));
 }
 //# sourceMappingURL=page-details.js.map

package/build-module/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":["__","_x","sprintf","__experimentalHStack","HStack","__experimentalText","Text","__experimentalVStack","VStack","__experimentalTruncate","Truncate","count","wordCount","useSelect","decodeEntities","store","coreStore","useEntityRecord","StatusLabel","unlock","editSiteStore","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","defaultTemplateTypes","postContext","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 {\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":["__","_x","sprintf","__experimentalTruncate","Truncate","count","wordCount","useSelect","decodeEntities","store","coreStore","useEntityRecord","safeDecodeURIComponent","StatusLabel","unlock","editSiteStore","SidebarNavigationScreenDetailsPanel","SidebarNavigationScreenDetailsPanelRow","SidebarNavigationScreenDetailsPanelLabel","SidebarNavigationScreenDetailsPanelValue","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","postContext","templates","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"]}